/* Unified settings: understated navigation and full-width mobile content. */
.app .preferences-page {inset:32px;width:min(1080px,calc(100% - 64px));height:calc(100dvh - 64px);background:var(--bg);border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 80px #00000030;}
.app .preferences-page .preferences-header {height:58px;min-height:58px;padding:10px 18px;background:var(--bg);border-bottom:1px solid var(--line-soft);}
.app .preferences-page .preferences-header strong {font-size:15px;font-weight:500;}
.app .preferences-page .settings-header-actions {display:flex;align-items:center;}
.app .preferences-page .settings-layout {grid-template-columns:206px minmax(0,1fr);height:calc(100% - 58px);}
.app .preferences-page .settings-nav {background:transparent;border-right:1px solid var(--line-soft);padding:18px 12px;}
.app .preferences-page .settings-nav>.input {min-height:34px;border:1px solid var(--line-soft);background:transparent;font-size:12px;border-radius:7px;}
.app .preferences-page .settings-nav>small {display:block;font-size:10px;text-transform:none;letter-spacing:.02em;font-weight:400;color:var(--ink-3);margin:20px 9px 8px;}
.app .preferences-page .settings-link {min-height:34px;font-size:12px;font-weight:400;padding:8px 10px;line-height:1.4;border-radius:6px;gap:9px;margin:1px 0;}
.app .preferences-page .settings-link .ic {width:15px;height:15px;color:var(--ink-2);}
.app .preferences-page .settings-link.active {background:var(--surface-2);color:var(--ink);}
.app .preferences-page .settings-body {padding:30px 38px 60px;min-width:0;}
.app .preferences-page .settings-body>.anim-fade {max-width:740px;margin:0 auto;}
.app .preferences-page h2 {font-size:17px;line-height:1.4;font-weight:500;letter-spacing:-.3px;margin:0 0 22px;}
.app .preferences-page .general-preferences>h2:not(:first-child) {margin:34px 0 12px;}
.app .preferences-page .preference-row {min-height:62px;padding:16px 0;gap:20px;border-bottom:1px solid var(--line-soft);font-size:13px;align-items:center;}
.app .preferences-page .preference-row>div:first-child {min-width:0;}
.app .preferences-page .preference-row small {font-size:11px;line-height:1.6;max-width:420px;color:var(--ink-3);margin-top:5px;}
.app .preferences-page .preference-control {max-width:48%;flex-shrink:0;}
.app .preferences-page .preference-control .btn {font-size:12px;border-radius:7px;box-shadow:none;}
.app .preferences-page .theme-segments {border:1px solid var(--line-soft);background:transparent;gap:2px;padding:3px;border-radius:8px;}
.app .preferences-page .theme-segments button {font-size:19px;min-width:33px;height:30px;border-radius:5px;}
.app .preferences-page .theme-segments button[aria-pressed=true] {background:var(--surface-2);border-color:transparent;}
.app .preferences-page .settings-note,.app .preferences-page .settings-lead {font-size:12px;line-height:1.7;color:var(--ink-3);}
.app .preferences-page .section {padding:0;border:0;box-shadow:none;background:transparent;}
.usage-overview {display:flex;flex-direction:column;gap:26px;min-width:0;}
.usage-page-heading {display:flex;align-items:flex-start;justify-content:space-between;gap:12px;position:static;background:transparent;}
.app .preferences-page .usage-page-heading h2 {font-size:23px;font-weight:500;letter-spacing:-.5px;margin:0 0 6px;}
.usage-page-heading p {font-size:12px;color:var(--ink-3);margin:0;}
.usage-refresh {font-size:11px;min-height:32px;border-radius:7px;}
.usage-section h3,.usage-account-note h3 {font-size:14px;font-weight:500;margin:0 0 20px;}
.usage-limits-section {padding-bottom:8px!important;}
.usage-limits-section .limit-meter {padding:18px 0 20px;border-bottom:1px solid var(--line-soft);}
.usage-limits-section .limit-head {display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:13px;}
.usage-limits-section .limit-title {font-size:13px;font-weight:500;}
.usage-limits-section .limit-pct {font-size:12px;font-weight:400;color:var(--ink-2);white-space:nowrap;}
.usage-limits-section .meter {height:8px;border-radius:99px;border:0;background:var(--surface-3);overflow:hidden;box-shadow:none;}
.usage-limits-section .meter>i {display:block;height:100%;background:#8b969c;border-radius:99px;}
.usage-limits-section .meter.warn>i {background:var(--warn);}.usage-limits-section .meter.danger>i {background:var(--danger);}
.usage-limits-section .limit-sub {display:block;font-size:11px;margin-top:10px;color:var(--ink-3);line-height:1.5;}
.usage-limits-section .col>p {font-size:11px!important;line-height:1.6;}
.usage-account-note {display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid var(--line-soft);padding:18px;border-radius:10px;}
.usage-account-note h3 {margin-bottom:5px;}.usage-account-note p {margin:0;font-size:12px;line-height:1.5;color:var(--ink-3);}
.usage-detail {border-top:1px solid var(--line-soft);min-width:0;}
.usage-detail>summary {display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;padding:18px 0;font-size:13px;font-weight:500;cursor:pointer;}
.usage-detail>summary::-webkit-details-marker {display:none;}.usage-detail>summary>span {color:var(--ink-3);font-size:18px;transition:transform .15s;}.usage-detail[open]>summary>span {transform:rotate(180deg);}
.usage-detail-body {padding:3px 0 15px;min-width:0;overflow:hidden;display:flex;flex-direction:column;gap:16px;}
.usage-detail .stat-row {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.usage-detail .stat {background:transparent;border:0;border-radius:0;padding:0;box-shadow:none;min-width:0;}
.usage-detail .stat .v {font-size:24px;font-weight:400;letter-spacing:-.7px;color:var(--ink);}
.usage-detail .stat .l {font-size:10px;color:var(--ink-3);}
.usage-detail .dtable-wrap {max-width:100%;overflow-x:auto;}
.usage-detail .dtable {font-size:11px;}.usage-detail .btn {font-size:11px;}
@media(max-width:760px) {
 .app .preferences-page {inset:0;width:100%;max-width:100%;border:0;border-radius:0;box-shadow:none;}
 .app .preferences-page .preferences-header {height:56px;min-height:56px;padding:6px 14px;}
 .app .preferences-page .settings-layout {display:flex!important;flex-direction:column;width:100%;height:calc(100% - 56px);min-height:0;}
 .app .preferences-page .settings-nav {display:none!important;}
 .app .preferences-page .settings-body {width:100%;padding:24px 20px max(40px,env(safe-area-inset-bottom))!important;min-width:0;flex:1;overflow:auto;}
 .app .preferences-page .preference-row {font-size:13px;min-height:62px;padding:16px 0;gap:10px;flex-wrap:wrap;}
 .app .preferences-page .preference-row>div:first-child {flex:1 1 150px;}
 .app .preferences-page .preference-control {max-width:100%;margin-left:auto;}
 .app .preferences-page .preference-control .btn {min-height:40px;}
 .usage-overview {gap:22px;}.usage-account-note {flex-wrap:wrap;padding:16px;}.usage-detail .stat-row {grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
 .app .settings-home .settings-home-inner {padding:14px 18px 40px;max-width:560px;}
 .app .settings-home .settings-account {padding:14px 2px;border:0;border-bottom:1px solid var(--line-soft);border-radius:0;background:transparent;gap:10px;}
 .app .settings-home .settings-account-copy {min-width:0;}.app .settings-home .settings-account-copy strong {font-size:13px;overflow-wrap:anywhere;}
 .app .settings-home .settings-account-copy small {font-size:11px;}
 .app .settings-home .settings-upgrade {padding:16px;margin:18px 0;border:1px solid var(--line-soft);border-radius:10px;background:transparent;}
 .app .settings-home .settings-upgrade h2 {font:500 15px/1.5 Arial,sans-serif;letter-spacing:0;}
 .app .settings-home .settings-upgrade p {font-size:11px;line-height:1.6;margin-top:6px;}
 .app .settings-home .settings-upgrade .btn {font-size:12px;min-height:38px;}
 .app .settings-home .settings-home-search {border-radius:8px;min-height:42px;background:transparent;border:1px solid var(--line-soft);margin-bottom:20px;}
 .app .settings-home .settings-home-group {background:transparent;border:0;border-bottom:1px solid var(--line-soft);border-radius:0;margin:0 0 14px;padding-bottom:10px;box-shadow:none;}
 .app .settings-home .settings-home-row {min-height:48px;padding:10px 2px;border:0;background:transparent;gap:12px;border-radius:6px;}
 .app .settings-home .settings-home-row strong {font-size:14px;font-weight:400;}.app .settings-home .settings-home-row small {font-size:11px;}
 .app .settings-home .settings-home-row-icon {background:transparent;border:0;box-shadow:none;width:24px;height:24px;flex:0 0 24px;}
 .app .settings-home .settings-home-row-icon .ic {width:18px;height:18px;}
 .app .settings-home .settings-row-chevron {width:15px;color:var(--ink-3);}
}

/* Settings groups follow the supplied rounded-row reference. */
.app .settings-home .settings-home-inner {max-width:620px;padding:18px 24px 40px;}
.app .settings-home .settings-account {padding:18px 16px;border:1px solid var(--line);border-radius:17px;background:var(--surface);gap:12px;box-shadow:none;}
.app .settings-home .settings-account-copy {min-width:0;}
.app .settings-home .settings-account-copy strong {font-size:13px;overflow-wrap:anywhere;}
.app .settings-home .settings-account-copy small {font-size:12px;line-height:1.5;}
.app .settings-home .settings-upgrade {display:flex;align-items:flex-start;gap:16px;padding:18px 16px;margin:14px 0 18px;border:1px solid var(--line);border-radius:17px;background:var(--surface);}
.app .settings-home .settings-upgrade-copy {flex:1;min-width:0;}
.app .settings-home .settings-upgrade h2 {font:600 15px/1.5 Arial,sans-serif;letter-spacing:-.2px;}
.app .settings-home .settings-upgrade p {font-size:12px;line-height:1.6;margin:6px 0 0;}
.app .settings-home .settings-upgrade .btn {min-height:42px;flex-shrink:0;padding:10px 14px;border-radius:999px;font-size:12px;white-space:nowrap;}
.app .settings-home .settings-home-search {min-height:48px;margin:0 0 16px;border:1px solid var(--line);background:var(--surface);border-radius:13px;padding:0 15px;}
.app .settings-home .settings-home-group {border:0;border-radius:17px;background:var(--surface);overflow:hidden;padding:0;margin:0 0 15px;box-shadow:none;}
.app .settings-home .settings-home-row {min-height:60px;padding:15px 17px;border:0;border-bottom:1px solid var(--line-soft);border-radius:0;background:transparent;gap:14px;}
.app .settings-home .settings-home-row:last-child {border-bottom:0;}
.app .settings-home .settings-home-row:hover {background:var(--surface-2);}
.app .settings-home .settings-home-row strong {font-size:14px;font-weight:400;line-height:1.5;}
.app .settings-home .settings-home-row small {font-size:11px;line-height:1.5;margin-top:2px;}
.app .settings-home .settings-home-row-icon {background:transparent;border:0;box-shadow:none;width:24px;height:24px;flex:0 0 24px;}
.app .settings-home .settings-home-row-icon .ic {width:21px;height:21px;}
.app .settings-home .settings-row-chevron {width:16px;height:16px;color:var(--ink-3);}
.app .settings-home .settings-logout {border-radius:17px;background:var(--surface);}
/* Usage emphasizes the current limits, with secondary detail below. */
.app .preferences-page .usage-overview {gap:24px;}
.app .preferences-page .usage-page-heading {padding-bottom:4px;}
.app .preferences-page .usage-page-heading h2 {font-size:24px;margin-bottom:7px;}
.app .preferences-page .usage-refresh {border:1px solid var(--line);border-radius:8px;padding:7px 10px;min-height:34px;background:transparent;}
.usage-plan-card {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);}
.usage-plan-card .usage-plan-name {font-size:15px;font-weight:500;line-height:1.5;}
.usage-plan-card .usage-plan-caption {font-size:11px;color:var(--ink-3);margin-top:4px;line-height:1.5;}
.usage-plan-card .btn {font-size:12px;border-radius:8px;min-height:36px;padding:8px 12px;white-space:nowrap;}
.app .preferences-page .usage-limits-section h3 {font-size:15px;font-weight:500;margin:4px 0 8px;}
.app .preferences-page .usage-limits-section .limit-meter {padding:20px 0 24px;}
.app .preferences-page .usage-limits-section .limit-title {font-size:14px;font-weight:500;}
.app .preferences-page .usage-limits-section .limit-pct {font-size:12px;font-weight:400;}
.app .preferences-page .usage-limits-section .meter {height:9px;background:var(--surface-3);border-radius:999px;}
.app .preferences-page .usage-limits-section .meter>i {background:#7788a0;border-radius:999px;}
.app .preferences-page .usage-limits-section .meter.warn>i {background:var(--warn);}
.app .preferences-page .usage-limits-section .meter.danger>i {background:var(--danger);}
.app .preferences-page .usage-limits-section .limit-sub {font-size:11px;margin-top:10px;}
.app .preferences-page .usage-detail {border:1px solid var(--line-soft);border-radius:11px;background:transparent;overflow:hidden;}
.app .preferences-page .usage-detail>summary {min-height:52px;padding:15px 16px;font-size:13px;}
.app .preferences-page .usage-detail-body {padding:4px 16px 18px;}
@media(max-width:760px) {
 .app .settings-home .settings-home-inner {padding:14px 18px 40px;}
 .app .preferences-page .usage-plan-card {padding:16px;gap:12px;}
 .app .preferences-page .usage-page-heading h2 {font-size:23px;}
 .app .preferences-page .usage-plan-card .btn {min-height:40px;}
 .app .preferences-page .usage-refresh {min-height:40px;}
}
@media(max-width:360px) {.app .settings-home .settings-upgrade {flex-wrap:wrap;}.app .settings-home .settings-upgrade .btn {margin-left:auto;}.usage-plan-card {flex-wrap:wrap;}}