/* CoursePilot iPhone layout corrections — visual-only, desktop unchanged.
   Load after coursepilot-theme.css so older desktop fixed-grid rules
   cannot override this mobile layout. */
@media (max-width: 760px) {
  html, body { max-width:100%; overflow-x:clip; }
  body .app, body.plannerWide .app {
    width:100% !important; max-width:100% !important; min-width:0 !important;
    margin:0 auto !important; padding:12px 12px calc(104px + env(safe-area-inset-bottom)) !important;
    overflow-x:clip;
  }
  .app > *, .app .grid2, .app .grid3, .app .homeCards,
  .app .cpIndependentGrid, .app .cpFreeMapGrid { min-width:0 !important; max-width:100%; }
  .app .cpIndependentGrid, .app .cpIndependentGrid.cpFreeMapGrid {
    grid-template-columns:minmax(0,1fr) !important; width:100% !important;
  }
  .app .cpIndependentGrid > *, .app .cpIndependentGrid.cpFreeMapGrid > * {
    min-width:0 !important; max-width:100% !important;
    width:100% !important; height:auto !important; grid-column:1 / -1 !important;
  }
  .app .cpResizeRight, .app .cpResizeBottom, .app .cpResizeCorner,
  .app .cpMoveHandle, .app .cpWidgetReset { display:none !important; }
  .top { max-width:100%; min-width:0; }
  .top .brand { min-width:0; flex:1 1 auto; }
  .top .brand > div:last-child { min-width:0; }
  .top .brand h1 { font-size:18px; }
  .top .toolbar { width:auto; flex:0 0 auto; flex-wrap:nowrap; }
  .sembar { max-width:100%; }
  .stats { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .stats > *, .stats .v { min-width:0; overflow-wrap:anywhere; }
  .sectionHead { min-width:0; gap:8px; flex-wrap:wrap; }
  .sectionHead > * { min-width:0; }
  .homeCards.cpIndependentGrid > .card,
  .grid2.cpIndependentGrid > div { grid-column:1 / -1 !important; }
  .homeCards .card, .insightCard, .briefCard { min-width:0; overflow-wrap:anywhere; }
  .list, .list > *, .item, .item > .grow { min-width:0; max-width:100%; }
  .item { gap:8px; padding:11px 10px; }
  .item > .grow, .item > button.grow { flex:1 1 0; min-width:0; }
  .item > .grow .truncate, .item > button.grow .truncate {
    white-space:normal; overflow:visible; overflow-wrap:anywhere;
    line-height:1.3; text-overflow:clip;
  }
  .item > .grow .small, .item > button.grow .small {
    display:block; white-space:normal; overflow-wrap:anywhere;
    word-break:normal; line-height:1.4; margin-top:4px;
  }
  .item > .small { flex:0 0 auto; max-width:68px; font-size:10px; }
  /* Keep Schedule course information readable; controls go below the title. */
  .courseTopList { min-width:0 !important; width:100% !important; }
  .courseTopList > .item {
    display:flex !important; flex-wrap:wrap !important; align-items:flex-start !important;
    column-gap:9px !important; row-gap:10px !important; padding:14px !important;
    overflow:hidden !important;
  }
  .courseTopList > .item > .dot { margin-top:7px; }
  .courseTopList > .item > .grow {
    flex:1 1 170px !important; min-width:0 !important;
    overflow-wrap:anywhere; line-height:1.4;
  }
  .courseTopList > .item > .grow b { display:block; overflow-wrap:anywhere; }
  .courseTopList > .item > .badge {
    flex:0 0 auto; align-self:flex-start; margin-top:2px;
  }
  .courseTopList > .item > .btn {
    flex:1 1 calc(33.333% - 9px) !important; min-width:0 !important;
    margin:0 !important; padding:9px 5px !important; font-size:12px !important;
    white-space:normal !important; overflow-wrap:normal !important;
    text-align:center; line-height:1.3;
  }
  /* The full week is swipeable inside its card, not across the entire app. */
  .scheduleWrap {
    max-width:100% !important; min-width:0 !important;
    overflow-x:auto !important; overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch; overscroll-behavior-x:contain;
    touch-action:pan-x pan-y;
  }
  .scheduleWrap .schedule { min-width:790px; }
  /* Planner: desktop stays side-by-side; iPhone stacks task list above calendar. */
  .plannerShell.split, .plannerShell.split.cpPlannerFixed,
  .plannerShell.split.cpIndependentGrid, .plannerShell.split.cpFreeMapGrid {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    grid-auto-rows:auto !important;
    gap:12px !important; width:100% !important; max-width:100% !important;
    min-width:0 !important; overflow:visible !important;
    align-items:start !important;
  }
  .plannerShell.split > .plannerList,
  .plannerShell.split.cpPlannerFixed > .plannerList,
  .plannerShell.split.cpIndependentGrid > .plannerList {
    grid-column:1 / -1 !important; grid-row:auto !important;
    width:100% !important; max-width:100% !important; min-width:0 !important;
    height:auto !important; min-height:0 !important; max-height:none !important;
    overflow:hidden !important; padding:0 !important; margin:0 !important;
    display:flex !important; flex-direction:column !important;
  }
  .plannerShell.split > .calendarShell,
  .plannerShell.split.cpPlannerFixed > .calendarShell,
  .plannerShell.split.cpIndependentGrid > .calendarShell {
    grid-column:1 / -1 !important; grid-row:auto !important;
    width:100% !important; max-width:100% !important; min-width:0 !important;
    height:auto !important; min-height:0 !important;
    overflow-x:auto !important; overflow-y:hidden !important;
    margin:0 !important; padding:10px !important;
    -webkit-overflow-scrolling:touch; overscroll-behavior-x:contain;
  }
  .plannerShell .calendarShell .calGrid,
  .plannerShell.split.cpPlannerFixed .calGrid {
    min-width:620px !important; width:620px !important; max-width:none !important;
  }
  .cpPlannerCompactList .plannerTaskTabs { display:flex; width:100%; min-width:0; }
  .cpPlannerCompactList .plannerTaskTabs > button { flex:1 1 0; min-width:0; }
  .cpPlannerCompactList .cpPlannerTaskHeader { display:none !important; }
  .cpPlannerCompactList .cpPlannerScrollBody {
    flex:0 1 auto !important; width:100%; min-width:0 !important;
    max-height:400px; min-height:0 !important;
    overflow-y:auto !important; overflow-x:hidden !important;
    scrollbar-gutter:auto; padding-right:0 !important;
  }
  .cpPlannerCompactList .cpPlannerUniformList { min-width:0; }
  .cpPlannerCompactList .cpPlannerUniformRow {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 32px 32px !important;
    grid-template-rows:auto auto auto !important;
    column-gap:7px !important; row-gap:4px !important;
    width:100% !important; min-width:0 !important;
    padding:11px !important; min-height:70px !important;
    align-items:start !important;
  }
  .cpPlannerCompactList .cpPlannerUniformRow .cpPlannerTaskName {
    grid-column:1 !important; grid-row:1 !important;
    font-size:13px !important; font-weight:700 !important;
    white-space:normal !important; overflow-wrap:anywhere !important;
    line-height:1.35 !important; text-overflow:clip !important;
  }
  .cpPlannerCompactList .cpPlannerUniformRow .cpPlannerCourse {
    grid-column:1 / -1 !important; grid-row:2 !important;
    white-space:normal !important; overflow-wrap:anywhere !important;
    font-size:11px !important; line-height:1.35 !important;
  }
  .cpPlannerCompactList .cpPlannerUniformRow .cpPlannerWhen {
    grid-column:1 / -1 !important; grid-row:3 !important;
    display:flex !important; flex-direction:row !important;
    justify-content:flex-start !important; gap:8px !important;
  }
  .cpPlannerCompactList .cpPlannerUniformRow .cpPlannerUniformEdit {
    grid-column:2 !important; grid-row:1 !important;
    justify-self:center; align-self:center;
  }
  .cpPlannerCompactList .cpPlannerUniformRow .cpPlannerUniformCheck,
  .cpPlannerCompactList .cpPlannerUniformRow .cpPlannerUniformEvent {
    grid-column:3 !important; grid-row:1 !important;
    justify-self:center; align-self:center;
  }
  .plannerShell .calHead { min-width:0; }
  .plannerShell .calHead .toolbar { width:auto; }
  .plannerShell.split.cpPlannerFixed .calDay { min-height:92px !important; }
  .plannerShell.split.cpPlannerFixed .calEvent { font-size:9px !important; }
  /* Fit the bottom tab bar above the iPhone home indicator. */
  .mobileNav {
    grid-template-columns:repeat(7,minmax(0,1fr)) !important;
    width:100%; max-width:100%; left:0; right:0;
    padding:7px 4px max(10px,env(safe-area-inset-bottom)) !important;
    align-items:center; overflow:hidden; gap:0;
  }
  .mobileNav button {
    min-width:0; padding:5px 1px 3px !important;
    font-size:10px !important; white-space:nowrap;
  }
  .mobileNav .mi { font-size:19px !important; line-height:23px; }
  /* Prevent inputs from forcing popups wider than the phone. */
  .modalBack { padding:12px; }
  .modal { width:100%; max-width:100%; }
  .modalBody, .modalBody .field, .modalBody .grid2 { min-width:0; }
  .modalBody input, .modalBody select { max-width:100%; min-width:0; }
  /* Compact weekly timetable: preserve every day and its event positions. */
  .scheduleWrap {
    width:100% !important; max-width:100% !important;
    overflow-x:auto !important; overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch;
  }
  .scheduleWrap > .schedule {
    zoom:0.78;
    min-width:710px !important;
  }
  .scheduleWrap .scheduleHeader > div {
    padding:6px 3px !important; font-size:12px !important;
  }
  .scheduleWrap .courseblock {
    padding:4px 5px !important; font-size:13px !important;
    line-height:1.18 !important;
  }
  .scheduleWrap .courseblock .small { font-size:10px !important; }

  /* Compact monthly Planner: all seven days fit without sideways clipping. */
  .plannerShell .calendarShell {
    max-width:100% !important; min-width:0 !important;
    padding:9px !important;
    overflow-x:hidden !important;
  }
  .plannerShell .calendarShell .calGrid,
  .plannerShell.split.cpPlannerFixed .calGrid,
  .plannerShell.split.cpIndependentGrid .calGrid {
    display:grid !important;
    grid-template-columns:repeat(7,minmax(0,1fr)) !important;
    min-width:0 !important; width:100% !important; max-width:100% !important;
  }
  .plannerShell .calendarShell .calHead { gap:5px; margin-bottom:7px !important; }
  .plannerShell .calendarShell .calTitle {
    min-width:0; font-size:15px !important; text-align:center;
  }
  .plannerShell .calendarShell .calHead .btn {
    min-width:34px !important; min-height:34px !important;
    padding:4px 8px !important;
  }
  .plannerShell .calendarShell > .toolbar {
    display:flex !important; flex-wrap:wrap !important;
    gap:5px !important; margin-bottom:9px !important;
  }
  .plannerShell .calendarShell > .toolbar .btn {
    padding:5px 7px !important; min-height:30px !important;
    font-size:10px !important;
  }
  .plannerShell .calendarShell .calDow {
    min-width:0 !important; padding:5px 0 !important;
    font-size:10px !important;
    white-space:nowrap !important; overflow:hidden !important;
  }
  .plannerShell .calendarShell .calDay,
  .plannerShell.split.cpPlannerFixed .calDay {
    box-sizing:border-box !important;
    min-width:0 !important; min-height:63px !important;
    height:63px !important; padding:3px !important;
    overflow:hidden !important;
  }
  .plannerShell .calendarShell .calNum {
    font-size:11px !important; font-weight:650 !important;
    margin-bottom:2px !important;
  }
  /* Show compact, tappable color markers instead of unreadable truncated text. */
  .plannerShell .calendarShell .calDay .calEvent,
  .plannerShell.split.cpPlannerFixed .calDay .calEvent {
    display:inline-block !important;
    vertical-align:top !important;
    box-sizing:border-box !important;
    width:16px !important; max-width:16px !important;
    min-width:16px !important;
    height:16px !important; min-height:16px !important;
    border-radius:4px !important; padding:0 !important;
    margin:2px 2px 0 0 !important;
    line-height:0 !important; font-size:0 !important;
    white-space:nowrap !important; overflow:hidden !important;
  }
  .plannerShell .calendarShell .calDay .small {
    display:block; font-size:8px !important; line-height:1.1 !important;
    white-space:nowrap !important;
  }

  /* Unified native-feeling mobile layouts: GPA, Smart Plan, Settings. */
  .cpMobileGpaView, .cpMobilePlanView, .cpMobileSettingsView {
    min-width:0; width:100%; max-width:100%; padding-bottom:14px;
  }
  .cpMViewHead {
    display:flex; align-items:center; justify-content:space-between;
    gap:12px; margin:2px 0 18px; min-width:0;
  }
  .cpMViewHead > div { flex:1 1 auto; min-width:0; }
  .cpMViewHead h2 {
    font-size:22px; line-height:1.18; font-weight:800;
    letter-spacing:-.035em; margin:0 0 5px;
  }
  .cpMViewHead p {
    font-size:12px; color:var(--muted);
    line-height:1.45; margin:0;
  }
  .cpMViewHead > .btn {
    flex:0 0 auto; padding:9px 12px;
    font-size:12px; min-height:36px; white-space:nowrap;
  }
  .cpMGradeSummary, .cpMPlanStats {
    display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px; margin-bottom:13px; min-width:0;
  }
  .cpMStat {
    display:flex; flex-direction:column; justify-content:space-between;
    gap:8px; min-width:0; padding:15px 14px 13px;
    border:1px solid var(--border); background:var(--card);
    border-radius:17px; box-shadow:var(--shadow);
  }
  .cpMStat > span {
    font-size:11px; color:var(--muted);
    font-weight:650; line-height:1.35;
  }
  .cpMStat > strong {
    font-size:27px; line-height:1; font-weight:800;
    letter-spacing:-.04em; color:var(--text);
  }
  .cpMGradeSummary .cpMStat:first-child strong { color:var(--accent); }
  .cpMGradeHelp {
    border:1px solid var(--border); background:var(--card);
    border-radius:14px; margin-bottom:17px; padding:0 13px;
    font-size:12px; color:var(--muted);
  }
  .cpMGradeHelp summary {
    padding:11px 0; cursor:pointer;
    font-weight:650; color:var(--muted);
  }
  .cpMGradeHelp p { margin:0 0 12px; line-height:1.5; }
  .cpMGradeSemester {
    min-width:0; margin-bottom:14px;
    background:var(--card); border:1px solid var(--border);
    border-radius:18px; box-shadow:var(--shadow);
    overflow:hidden;
  }
  .cpMGradeSemHead {
    padding:13px 14px; display:flex; gap:7px;
    align-items:center; justify-content:space-between;
    border-bottom:1px solid var(--border); min-width:0;
  }
  .cpMGradeSemHead h3 {
    font-size:14px; margin:0; font-weight:750;
  }
  .cpMGradeSemHead > span {
    color:var(--muted); font-size:11px; white-space:nowrap;
  }
  .cpMCourseList { display:grid; min-width:0; }
  .cpMCourseGrade { padding:14px; min-width:0; }
  .cpMCourseGrade + .cpMCourseGrade {
    border-top:1px solid var(--border);
  }
  .cpMCourseTop { display:flex; gap:8px; align-items:flex-start; justify-content:space-between; }
  .cpMCourseTop h3 {
    font-size:14px; font-weight:740; line-height:1.35; letter-spacing:-.015em;
    overflow-wrap:anywhere; margin:0; min-width:0; flex:1;
  }
  .cpMGradeLetter {
    flex:0 0 auto; background:var(--accentSoft); color:var(--accent);
    font-size:12px; font-weight:750; border-radius:9px;
    padding:5px 9px; min-width:31px; text-align:center;
  }
  .cpMCourseResult {
    display:flex; align-items:baseline; gap:9px;
    flex-wrap:wrap; margin:8px 0 2px;
  }
  .cpMCourseResult > strong {
    font-size:20px; letter-spacing:-.03em; font-weight:800;
  }
  .cpMCourseResult > span {
    font-size:11px; color:var(--muted); overflow-wrap:anywhere;
  }
  .cpMCourseGpa { font-size:11px; color:var(--muted); margin-top:4px; }
  .cpMCourseGpa b { font-weight:700; color:var(--text); }
  .cpMCourseControls {
    display:grid; grid-template-columns:minmax(0,1fr) auto;
    gap:9px; align-items:end; margin-top:12px;
    min-width:0;
  }
  .cpMCourseControls label { min-width:0; display:grid; gap:5px; }
  .cpMCourseControls label > span {
    font-size:10px; font-weight:650; color:var(--muted);
  }
  .cpMCourseControls select {
    display:block; box-sizing:border-box; width:100%;
    max-width:100%; min-width:0; margin:0;
    padding:8px 24px 8px 10px; min-height:38px;
    font-size:12px; border-radius:11px;
  }
  .cpMCourseControls .cpMManualGrade { grid-column:1/-1; }
  .cpMCourseControls .cpMTrackerBtn {
    display:flex; align-items:center; gap:6px;
    min-height:38px; padding:8px 11px; font-size:12px;
    border-radius:11px; white-space:nowrap;
  }
  .cpMCourseControls .cpMTrackerBtn span { font-size:18px; line-height:1; color:var(--accent); }

  /* Priorities as descriptive, tappable rows instead of raw numeric scores. */
  .cpMPlanFocus {
    display:flex; align-items:center; justify-content:space-between;
    gap:10px; min-width:0; padding:17px 16px; margin:0 0 18px;
    border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border));
    border-radius:17px; background:var(--accentSoft);
  }
  .cpMPlanFocus > div { display:flex; flex-direction:column; gap:5px; min-width:0; }
  .cpMPlanEyebrow {
    color:var(--accent); text-transform:uppercase;
    font-size:10px; font-weight:800; letter-spacing:.08em;
  }
  .cpMPlanFocus strong {
    font-size:16px; line-height:1.35;
    font-weight:750; overflow-wrap:anywhere;
  }
  .cpMPlanFocus small {
    font-size:11px; line-height:1.4; color:var(--muted);
  }
  .cpMPlanFocusIcon {
    font-size:19px; font-weight:700; color:var(--accent);
    flex:0 0 auto; align-self:flex-start;
  }
  .cpMPlanSection {
    min-width:0; overflow:hidden; border:1px solid var(--border);
    border-radius:18px; background:var(--card); box-shadow:var(--shadow);
  }
  .cpMPlanSectionTitle {
    display:flex; align-items:center; justify-content:space-between;
    gap:10px; border-bottom:1px solid var(--border);
    padding:13px 14px;
  }
  .cpMPlanSectionTitle h3 { margin:0; font-size:15px; font-weight:750; }
  .cpMPlanSectionTitle > span { color:var(--muted); font-size:11px; }
  .cpMPlanTaskList { min-width:0; display:grid; }
  .cpMPlanTask {
    display:grid; grid-template-columns:29px minmax(0,1fr) auto;
    gap:10px; width:100%; min-width:0; align-items:center;
    text-align:left; border:0; border-bottom:1px solid var(--border);
    border-radius:0; padding:13px 12px;
    background:transparent; color:var(--text);
  }
  .cpMPlanTask:last-child { border-bottom:0; }
  .cpMPlanTask:active { background:var(--accentSoft); }
  .cpMPlanNumber {
    width:29px; height:29px; display:grid; place-items:center;
    font-size:11px; font-weight:750; border-radius:10px;
    background:var(--bg); color:var(--muted);
  }
  .cpMPlanTaskBody { min-width:0; display:flex; flex-direction:column; gap:5px; }
  .cpMPlanTaskBody b {
    display:block; min-width:0; overflow-wrap:anywhere;
    font-size:12.5px; line-height:1.4; font-weight:700;
  }
  .cpMPlanTaskBody > span {
    font-size:11px; color:var(--muted); line-height:1.4;
  }
  .cpMPlanPriority {
    flex:0 0 auto; font-size:10px; font-weight:750;
    padding:6px 7px; border-radius:8px; background:var(--bg);
    color:var(--muted); white-space:nowrap;
  }
  .cpMPlanPriority.cpMCritical {
    color:var(--danger); background:var(--dangerSoft);
  }
  .cpMPlanPriority.cpMHigh {
    color:#9b7319; background:rgba(189,146,38,.12);
  }
  .cpMPlanEmpty { font-size:12px; color:var(--muted); padding:20px; margin:0; }

  /* Settings: calm grouped sections and consistent controls. */
  .cpMobileSettingsView .settingsGrid {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:12px !important; margin-bottom:12px; min-width:0;
  }
  .cpMobileSettingsView .settingsGrid > .settingsCard,
  .cpMobileSettingsView .settingsGrid.cpIndependentGrid > .settingsCard {
    grid-column:1 / -1 !important; width:100% !important;
    min-width:0 !important; height:auto !important;
    padding:15px !important; margin:0 !important;
    border:1px solid var(--border) !important;
    border-radius:17px !important;
    box-shadow:var(--shadow) !important;
  }
  .cpMobileSettingsView .settingsCard h3 {
    font-size:15px; letter-spacing:-.01em;
    font-weight:760; margin:0 0 12px;
  }
  .cpMobileSettingsView .settingsCard .small {
    font-size:11px; line-height:1.5; overflow-wrap:anywhere;
  }
  .cpMobileSettingsView .settingRow {
    gap:12px; padding:12px 0; min-width:0;
  }
  .cpMobileSettingsView .settingRow > div,
  .cpMobileSettingsView .settingRow > span {
    flex:1 1 auto; min-width:0;
  }
  .cpMobileSettingsView .settingRow b {
    font-size:13px; font-weight:700; line-height:1.4;
  }
  .cpMobileSettingsView .settingRow > input[type="checkbox"] {
    accent-color:var(--accent); width:19px !important;
    height:19px !important; flex:0 0 19px;
  }
  .cpMobileSettingsView .settingsCard .toolbar {
    display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%; gap:8px; margin-top:10px;
  }
  .cpMobileSettingsView .settingsCard .toolbar .btn {
    width:100%; min-width:0; padding:9px 7px;
    font-size:12px; white-space:normal; line-height:1.4;
  }
  .cpMobileSettingsView .settingsCard .settingRow > .btn {
    flex:0 0 auto; font-size:12px;
  }
  .cpMobileSettingsView .settingsCard .field { min-width:0; }
  .cpMobileSettingsView .settingsCard .field input,
  .cpMobileSettingsView .settingsCard .field select {
    width:100%; max-width:100%; min-width:0;
  }
  .cpMobileSettingsView #resetAll {
    color:var(--danger); border-color:var(--danger);
    background:var(--dangerSoft);
  }

  /* Explicit single-column flex stack: immune to old grid spans and row tracks. */
  .cpMobileSettingsView .settingsGrid,
  .cpMobileSettingsView .settingsGrid.cpIndependentGrid,
  .cpMobileSettingsView .settingsGrid.cpIndependentGrid.cpFreeMapGrid {
    display:flex !important;
    flex-direction:column !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:12px !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:auto !important;
    overflow:visible !important;
  }
  .cpMobileSettingsView .settingsGrid > .settingsCard,
  .cpMobileSettingsView .settingsGrid.cpIndependentGrid.cpFreeMapGrid > .settingsCard {
    display:block !important;
    flex:0 0 auto !important;
    box-sizing:border-box !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 !important;
    overflow:visible !important;
    align-self:stretch !important;
  }
  .cpMobileSettingsView .settingsCard .toolbar {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-auto-flow:row !important;
    grid-auto-rows:auto !important;
    align-items:stretch !important;
  }
  .cpMobileSettingsView .settingsCard .toolbar > .btn {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
    width:100% !important;
    min-width:0 !important;
    height:auto !important;
    min-height:42px !important;
    padding:10px 9px !important;
    overflow-wrap:break-word !important;
    text-align:center !important;
  }
  .cpMobileSettingsView .settingRow {
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100% !important;
  }

}