/* account: business styles. All colors reference /ui/tokens.css; shared shell stays in /ui/shell.css. */
/* module-rule:0 */
.account-rail-copy{min-width:0;flex:1}
/* module-rule:1 */
.account-rail-copy b{display:block;font-size:calc(12.5px * var(--interface-font-scale,1));font-weight:500;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* module-rule:2 */
.account-avatar{width:34px;height:34px;border:1px solid var(--avatar-line);border-radius:10px;display:grid;place-items:center;flex:0 0 auto;color:var(--avatar-ink);background:var(--avatar-bg);font-size:calc(13px * var(--interface-font-scale,1));font-weight:700}
/* module-rule:3 */
.account-popover{position:fixed;width:max-content;min-width:0;max-width:min(320px,calc(100vw - 16px));padding:4px 6px;border:1px solid var(--line2);border-radius:13px;background:var(--floating-bg);box-shadow:var(--floating-shadow);z-index:70;animation:menuin var(--dur-1) var(--ease);backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15)}
/* module-rule:4 */
.account-pop-head{display:flex;align-items:center;gap:9px;padding:7px 8px 10px;border-bottom:1px solid var(--line)}
/* module-rule:5 */
.account-pop-head .account-avatar{width:29px;height:29px;border-radius:50%;font-size:calc(11px * var(--interface-font-scale,1))}
/* module-rule:6 */
.account-pop-head>span:nth-child(2){min-width:0;flex:1;display:flex;flex-direction:column;gap:0}
/* module-rule:7 */
.account-pop-head b{font-size:calc(12px * var(--interface-font-scale,1));font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* module-rule:8 */
.account-pop-head small{font-size:calc(9px * var(--interface-font-scale,1));color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* module-rule:9 */
.account-usage-row{width:100%;min-height:35px;display:flex;align-items:center;gap:10px;padding:7px 9px;border-radius:8px;color:var(--ink2);font-size:calc(12px * var(--interface-font-scale,1));font-weight:520;text-align:left;white-space:nowrap;cursor:pointer;transition:background .12s,color .12s}
/* module-rule:10 */
.account-usage-row:hover{background:var(--hover);color:var(--ink)}
/* module-rule:11 */
.account-usage-row:focus-visible{outline:2px solid var(--line2);outline-offset:-2px}
/* module-rule:12 */
.account-usage-copy{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* module-rule:13 */
.account-usage-remain{display:flex;align-items:center;margin-left:auto;white-space:nowrap;color:var(--faint);font:inherit;font-size:calc(12px * var(--interface-font-scale,1));font-weight:400}
/* module-rule:14 */
.account-usage-channel-icon .provider-brand-icon{width:16px;height:16px}
/* module-rule:15 */
.account-usage-row.state-ready .account-usage-remain{color:var(--sub)}
/* module-rule:16 */
.account-usage-row.state-error .account-usage-remain{color:var(--run)}
/* module-rule:17 */
.account-usage-empty,.account-usage-loading{color:var(--ink2)}
/* module-rule:18 */
.account-pop-list{display:flex;flex-direction:column;gap:1px;padding:3px 0}
/* module-rule:19 */
.account-pop-list>button{width:100%;min-height:35px;display:flex;align-items:center;gap:10px;padding:7px 9px;border-radius:8px;color:var(--ink2);font-size:calc(12px * var(--interface-font-scale,1));font-weight:520;text-align:left;white-space:nowrap;transition:background .12s,color .12s}
/* module-rule:20 */
.account-pop-list>button:hover{background:var(--hover);color:var(--ink)}
/* module-rule:25 */
.account-pop-actions{padding:5px 0 0;border-top:1px solid var(--line)}
/* module-rule:26 */

/* module-rule:27 */
.settings-sidebar{min-width:0;display:flex;flex-direction:column;padding:18px 10px 12px;border-right:1px solid var(--line);background:var(--rail)}
/* module-rule:28 */
.settings-sidebar-title{padding:4px 10px 16px;color:var(--ink);font-size:calc(19px * var(--interface-font-scale,1));font-weight:600;letter-spacing:-.01em}
/* module-rule:29 */
.settings-sidebar nav{display:flex;flex-direction:column;gap:2px}
/* module-rule:30 */
.settings-sidebar nav button{width:100%;height:39px;display:flex;align-items:center;gap:11px;padding:0 11px;border-radius:9px;color:var(--ink2);font-size:calc(14px * var(--interface-font-scale,1));font-weight:400;text-align:left;transition:background .12s,color .12s}
/* module-rule:31 */
.settings-sidebar nav button:hover{background:var(--hover);color:var(--ink)}
/* module-rule:32 */
.settings-sidebar nav button.on{background:var(--rail-active);color:var(--ink);font-weight:500}
/* module-rule:33 */
.settings-sidebar nav button .i{width:15px;height:15px;flex:0 0 auto;color:var(--sub)}
/* module-rule:34 */
.settings-sidebar nav button.on .i{color:var(--ink2)}
/* module-rule:35 */
.settings-main{position:relative;min-width:0;overflow:hidden;background:var(--panel)}
/* module-rule:36 */

/* module-rule:37 */
.account-panel{height:100%;min-width:0;overflow-y:auto;scrollbar-gutter:stable;padding:34px 38px 40px;background:var(--panel)}
/* module-rule:38 */
.settings-page-head{padding-right:32px;margin-bottom:28px}
/* module-rule:39 */
.settings-page-head h2{color:var(--ink);font-size:calc(20px * var(--interface-font-scale,1));line-height:1.2;font-weight:660;letter-spacing:-.03em}
/* module-rule:40 */
.settings-page-head p{max-width:470px;margin-top:6px;color:var(--sub);font-size:calc(11px * var(--interface-font-scale,1));line-height:1.5}
/* module-rule:41 */
.settings-section{margin-top:29px}
/* module-rule:42 */
.settings-section.first{margin-top:0}
/* module-rule:43 */
.settings-section>h3{margin-bottom:9px;color:var(--faint);font-size:calc(11px * var(--interface-font-scale,1));font-weight:600;letter-spacing:.06em;text-transform:uppercase}
/* module-rule:44 */
.settings-list,.appearance-options{display:flex;flex-direction:column;gap:3px}
/* module-rule:45 */
.settings-item{min-height:59px;display:flex;align-items:center;gap:24px;margin:0 -8px;padding:10px 8px;border-radius:8px;transition:background .12s}
/* module-rule:46 */
.settings-item:hover{background:var(--hover)}
/* module-rule:47 */
.settings-item>div:first-child{min-width:0;display:flex;flex:1;flex-direction:column;gap:2px}
/* module-rule:48 */
.settings-item b{color:var(--ink);font-size:calc(14px * var(--interface-font-scale,1));font-weight:500}
/* module-rule:49 */
.settings-item>div:first-child>span{min-width:0;color:var(--sub);font-size:calc(9px * var(--interface-font-scale,1));line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* module-rule:50 */
.settings-item.editable{min-height:66px}
/* module-rule:51 */
.settings-inline-control{min-width:0;display:flex;align-items:center}
/* module-rule:52 */
.settings-inline-control .inp{width:220px;height:34px;font-size:calc(11px * var(--interface-font-scale,1))}
/* module-rule:53 */
.settings-item-value{display:flex;align-items:center;gap:8px;flex:0 0 auto;color:var(--ink2);font-size:calc(13.5px * var(--interface-font-scale,1));font-style:normal;white-space:nowrap}
/* module-rule:54 */
.settings-item-value em{display:inline-flex;align-items:center;gap:3px;padding:3px 6px;border-radius:999px;background:var(--ok-weak);color:var(--ok);font-size:calc(8px * var(--interface-font-scale,1));font-style:normal;font-weight:600}
/* module-rule:55 */
.settings-item-value em.current{background:var(--rail-active);color:var(--ink2)}
/* module-rule:56 */
.settings-item-value em .i{width:9px;height:9px}
/* module-rule:57 */
.settings-item-value.mono{font-family:var(--mono);font-size:calc(9px * var(--interface-font-scale,1))}
/* module-rule:58 */

/* module-rule:59 */
.appearance-option{width:100%;min-height:63px;display:grid;grid-template-columns:40px minmax(0,1fr) 18px;align-items:center;gap:11px;margin:0 -8px;padding:10px 8px;border-radius:8px;color:var(--ink);text-align:left;transition:background .12s}
/* module-rule:60 */
.appearance-option:hover{background:var(--hover)}
/* module-rule:61 */
.appearance-option>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:2px}
/* module-rule:62 */
.appearance-option b{font-size:calc(11px * var(--interface-font-scale,1));font-weight:590}
/* module-rule:63 */
.appearance-option small{color:var(--sub);font-size:calc(9px * var(--interface-font-scale,1))}
/* module-rule:64 */
.appearance-swatch{position:relative;width:36px;height:25px;overflow:hidden;border:1px solid var(--line2);border-radius:6px;background:var(--theme-light-canvas);box-shadow:var(--sh-sm)}
/* module-rule:65 */
.appearance-swatch i{position:absolute;inset:0 auto 0 0;width:10px;background:var(--theme-light-rail-active)}
/* module-rule:66 */
.appearance-swatch.dark{background:var(--theme-dark-surface);border-color:var(--theme-dark-border-default)}
/* module-rule:67 */
.appearance-swatch.dark i{background:var(--theme-dark-canvas)}
/* module-rule:68 */
.appearance-swatch.system{background:linear-gradient(90deg,var(--theme-light-canvas) 0 50%,var(--theme-dark-surface) 50%)}
/* module-rule:69 */
.appearance-swatch.system i{background:linear-gradient(90deg,var(--theme-light-rail-active) 0 50%,var(--theme-dark-canvas) 50%)}
/* module-rule:70 */
.appearance-radio{width:17px;height:17px;display:grid;place-items:center;border:1px solid var(--line2);border-radius:50%;color:transparent}
/* module-rule:71 */
.appearance-radio .i{width:10px;height:10px}
/* module-rule:72 */
.appearance-option.on .appearance-radio{border-color:var(--ink);background:var(--ink);color:var(--panel)}
/* module-rule:73 */
.billing-summary{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:var(--rail)}
/* module-rule:74 */
.billing-summary>div{display:flex;align-items:center;gap:11px}
/* module-rule:75 */
.billing-summary>div>span:nth-child(2){display:flex;flex-direction:column;gap:2px}
/* module-rule:76 */
.billing-summary b{font-size:calc(12px * var(--interface-font-scale,1));font-weight:620}
/* module-rule:77 */
.billing-summary small{color:var(--sub);font-size:calc(9px * var(--interface-font-scale,1))}
/* module-rule:78 */
.billing-status{display:flex;align-items:center;gap:6px;color:var(--ok);font-size:calc(9px * var(--interface-font-scale,1));font-weight:600}
/* module-rule:79 */
.billing-status i{width:6px;height:6px;border-radius:50%;background:var(--ok)}
/* module-rule:80 */
.account-otp-input{font-family:var(--mono);font-size:calc(17px * var(--interface-font-scale,1))!important;font-weight:650;letter-spacing:.28em;text-align:center}
/* module-rule:81 */
.appearance-option.on .appearance-radio{border-color:var(--line2);background:var(--rail-active);color:var(--ink2)}
/* module-rule:82 */
.settings-inline-control .inp{width:168px;height:30px;padding:5px 7px;border-color:transparent;border-radius:7px;background:transparent;text-align:right;box-shadow:none}/* module-rule:83 */
/* module-rule:84 */
.settings-inline-control .inp:focus{box-shadow:none;outline:none}
/* module-rule:85 */
.settings-action-row{min-height:76px;display:flex;align-items:center;gap:24px;margin:25px -8px 0;padding:10px 8px;border-radius:8px;transition:background .12s}
/* module-rule:86 */
.settings-action-row:hover{background:var(--hover)}
/* module-rule:87 */
.settings-action-row>div{min-width:0;display:flex;flex:1;flex-direction:column;gap:2px}
/* module-rule:88 */
.settings-action-row b{font-size:calc(11px * var(--interface-font-scale,1));font-weight:590}
/* module-rule:89 */
.settings-action-row span{color:var(--sub);font-size:calc(9px * var(--interface-font-scale,1));line-height:1.4}
/* module-rule:90 */
.settings-action-row .btn{flex:0 0 auto}
/* module-rule:91 */
.settings-action-row .btn:disabled{opacity:.46;cursor:default}
/* module-rule:92 */
.settings-action-row .btn .i{width:12px;height:12px}
/* module-rule:93 */
.settings-local-note{display:flex;align-items:center;gap:7px;margin-top:18px;color:var(--sub);font-size:calc(9px * var(--interface-font-scale,1))}
/* module-rule:94 */
.settings-local-note .i{width:13px;height:13px;color:var(--ok)}
/* module-rule:95 */
.settings-item.tk-bundle{flex-direction:column;align-items:stretch;gap:9px}
/* module-rule:96 */
@media(max-width:720px){.settings-sidebar{padding-left:8px;padding-right:8px}.account-panel{padding:30px 22px 34px}.settings-inline-control{align-items:flex-end;flex-direction:column}.settings-inline-control .inp{width:170px}}
/* module-rule:97 */
.account-login-modal{width:420px}
/* module-rule:98 */
.account-login-modal>.mb{gap:12px}
/* module-rule:99 */
.account-login-field{gap:8px}
/* module-rule:100 */
.account-login-field .inp{height:42px;padding:0 13px;border-color:var(--line2);border-radius:12px;background:var(--dialog-field-bg);font-size:calc(14px * var(--interface-font-scale,1));box-shadow:0 1px 2px var(--effect-shadow-soft)}/* module-rule:101 */
.account-login-field .inp:focus{box-shadow:none;outline:none}
/* module-rule:102 */
.account-login-modal .account-otp-input{font-size:calc(17px * var(--interface-font-scale,1))!important}
/* module-rule:103 */
.settings-section-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
/* module-rule:104 */
.settings-section-title-row h3{margin:0}
/* module-rule:105 */
.settings-section-title-row small{color:var(--faint);font-size:calc(11px * var(--interface-font-scale,1));margin-left:8px}
/* module-rule:106 */

/* module-rule:107 */
.settings-sidebar{padding:18px 10px 12px;background:color-mix(in srgb,var(--rail) 92%,var(--panel))}
/* module-rule:108 */
.settings-sidebar-title{padding:5px 11px 17px;font-size:calc(20px * var(--interface-font-scale,1));font-weight:660;letter-spacing:-.025em}
/* module-rule:109 */
.settings-sidebar nav{gap:1px}
/* module-rule:110 */
.settings-sidebar nav button{height:37px;border-radius:9px;font-size:calc(13px * var(--interface-font-scale,1));font-weight:500}
/* module-rule:111 */
.settings-sidebar nav button .i{width:15px;height:15px}
/* module-rule:112 */
.account-panel{padding:34px 42px 44px}
/* module-rule:113 */
.settings-page-head{margin-bottom:24px}
/* module-rule:114 */
.settings-page-head h2{font-size:calc(23px * var(--interface-font-scale,1));font-weight:680}
/* module-rule:115 */
.settings-page-head p{margin-top:6px;font-size:calc(12px * var(--interface-font-scale,1));line-height:1.55}
/* module-rule:116 */
.settings-section{margin-top:24px}
/* module-rule:117 */
.settings-section.first{margin-top:0}
/* module-rule:118 */
.settings-section-title-row{align-items:flex-end;margin-bottom:9px}
/* module-rule:119 */
.settings-section-title-row>span:first-child{min-width:0;display:flex;align-items:baseline;gap:8px}
/* module-rule:120 */
.settings-section-title-row h3,.settings-section>h3{margin:0;color:var(--ink2);font-size:calc(12px * var(--interface-font-scale,1));font-weight:650;letter-spacing:0;text-transform:none}
/* module-rule:121 */
.settings-section-title-row small{margin:0;color:var(--faint);font-size:calc(10px * var(--interface-font-scale,1))}
/* module-rule:122 */
.settings-surface>.settings-item,.settings-surface>.settings-empty-compact{margin:0;padding-left:15px;padding-right:15px;border-radius:0}
/* module-rule:123 */
.settings-surface>.settings-item+.settings-item{border-top:1px solid var(--line)}
/* module-rule:124 */
.settings-item{min-height:58px;gap:22px;margin:0;padding:10px 0;border-radius:0}
/* module-rule:125 */
.settings-item:hover{background:transparent}
/* module-rule:126 */
.settings-item b{font-size:calc(13px * var(--interface-font-scale,1));font-weight:590}
/* module-rule:127 */
.settings-item>div:first-child>span{font-size:calc(11px * var(--interface-font-scale,1));line-height:1.45}
/* module-rule:128 */
.settings-item-value{max-width:48%;font-size:calc(12px * var(--interface-font-scale,1))}
/* module-rule:129 */
.settings-item-value em{font-size:calc(9px * var(--interface-font-scale,1))}
/* module-rule:130 */
.settings-item-value.mono{font-size:calc(10px * var(--interface-font-scale,1))}
/* module-rule:131 */

/* module-rule:132 */

/* module-rule:133 */
.settings-action-row{min-height:70px;margin:24px 0 0;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--rail) 45%,var(--panel))}
/* module-rule:134 */
.settings-action-row:hover{background:color-mix(in srgb,var(--rail) 45%,var(--panel))}
/* module-rule:135 */
.settings-action-row b{font-size:calc(13px * var(--interface-font-scale,1));font-weight:600}
/* module-rule:136 */
.settings-action-row span{font-size:calc(10px * var(--interface-font-scale,1));line-height:1.5}
/* module-rule:137 */
.settings-local-note{justify-content:center;margin-top:15px;font-size:calc(10px * var(--interface-font-scale,1))}
/* module-rule:138 */
.appearance-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
/* module-rule:139 */
.appearance-option{min-height:174px;display:flex;align-items:stretch;flex-direction:column;gap:9px;margin:0;padding:10px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--rail) 42%,var(--panel));position:relative}
/* module-rule:140 */
.appearance-option:hover{background:var(--hover)}
/* module-rule:141 */
.appearance-option.on{border-color:color-mix(in srgb,var(--ink2) 22%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--ink2) 8%,transparent)}
/* module-rule:142 */
.appearance-option>span:nth-child(2){justify-content:center;min-height:19px;padding:0 2px}
/* module-rule:143 */
.appearance-option b{font-size:calc(13px * var(--interface-font-scale,1));font-weight:590;color:var(--ink2)}
/* module-rule:144 */
.appearance-option.on b{color:var(--ink)}
/* module-rule:145 */
.appearance-radio{position:absolute;right:11px;bottom:11px}
/* module-rule:146 */
.appearance-preview{position:relative;height:104px;overflow:hidden;border:1px solid var(--theme-light-border-default);border-radius:8px;background:var(--theme-light-canvas)}
/* module-rule:147 */
.appearance-preview .preview-rail{position:absolute;inset:0 auto 0 0;width:27%;background:var(--theme-light-rail-active)}
/* module-rule:148 */
.appearance-preview .preview-card{position:absolute;left:34%;right:8%;height:24%;border:1px solid var(--theme-light-border-default);border-radius:4px;background:var(--theme-light-surface)}
/* module-rule:149 */
.appearance-preview .preview-card.one{top:18%}
/* module-rule:150 */
.appearance-preview .preview-card.two{top:51%}
/* module-rule:151 */
.appearance-preview.dark{border-color:var(--theme-dark-border-default);background:var(--theme-dark-surface)}
/* module-rule:152 */
.appearance-preview.dark .preview-rail{background:var(--theme-dark-canvas)}
/* module-rule:153 */
.appearance-preview.dark .preview-card{border-color:var(--theme-dark-border-strong);background:var(--theme-dark-surface-subtle)}
/* module-rule:154 */
.appearance-preview.system{background:linear-gradient(90deg,var(--theme-light-canvas) 0 50%,var(--theme-dark-surface) 50%)}
/* module-rule:155 */
.appearance-preview.system .preview-rail{background:var(--theme-light-rail-active)}
/* module-rule:156 */
.appearance-preview.system .preview-card{border-color:var(--theme-light-border-control);background:linear-gradient(90deg,var(--theme-light-surface) 0 27%,var(--theme-dark-surface-subtle) 27%)}
/* module-rule:157 */
.appearance-options.compact .appearance-option{min-height:116px}
/* module-rule:158 */
.appearance-options.compact .appearance-preview{height:70px}
/* module-rule:159 */
.appearance-options.compact .appearance-radio{right:10px;bottom:11px}
/* module-rule:160 */
.settings-version-note{margin-top:16px;color:var(--faint);font-size:calc(9px * var(--interface-font-scale,1));text-align:center}
/* module-rule:161 */
.settings-status-card{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--rail) 52%,var(--panel))}
/* module-rule:162 */
.settings-status-icon{width:35px;height:35px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:var(--rail-active);color:var(--ink2)}
/* module-rule:163 */
.settings-status-icon .i{width:17px;height:17px}
/* module-rule:164 */
.settings-status-card>div{min-width:0;display:flex;flex:1;flex-direction:column;gap:4px}
/* module-rule:165 */
.settings-status-title{display:flex;align-items:center;gap:7px}
/* module-rule:166 */
.settings-status-title i{width:7px;height:7px;border-radius:50%;background:var(--faint)}
/* module-rule:167 */
.settings-status-title b{font-size:calc(14px * var(--interface-font-scale,1));font-weight:640}
/* module-rule:168 */
.settings-status-card small{overflow:hidden;color:var(--sub);font-size:calc(10px * var(--interface-font-scale,1));text-overflow:ellipsis;white-space:nowrap}
/* module-rule:169 */
.settings-status-card.ready .settings-status-title i{background:var(--ok)}
/* module-rule:170 */
.settings-status-card.bad .settings-status-title i{background:var(--block)}
/* module-rule:171 */
.settings-status-actions{display:flex;gap:7px}
/* module-rule:172 */
.settings-status-actions .btn{height:31px}
/* module-rule:173 */
.settings-disclosure{margin-top:22px}
/* module-rule:174 */
.settings-disclosure>summary{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 2px;cursor:pointer;list-style:none;color:var(--ink2)}
/* module-rule:175 */
.settings-disclosure>summary::-webkit-details-marker{display:none}
/* module-rule:176 */
.settings-disclosure>summary>span{display:flex;align-items:center;gap:6px}
/* module-rule:177 */
.settings-disclosure>summary b{font-size:calc(12px * var(--interface-font-scale,1));font-weight:650}
/* module-rule:178 */
.settings-disclosure>summary small{color:var(--faint);font-size:calc(10px * var(--interface-font-scale,1))}
/* module-rule:179 */
.settings-disclosure>summary .i{width:14px;height:14px;color:var(--sub);transition:transform var(--dur-2) var(--ease)}
/* module-rule:180 */
.settings-disclosure[open]>summary .i{transform:rotate(90deg)}
/* module-rule:181 */
.settings-disclosure[open]>summary{margin-bottom:8px}
/* module-rule:182 */

/* module-rule:183 */

/* module-rule:184 */

/* module-rule:185 */

/* module-rule:186 */
.settings-toolbar{display:flex;align-items:center;gap:9px;margin-bottom:22px}
/* module-rule:187 */
.settings-search{height:35px;display:flex;align-items:center;gap:8px;flex:1;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:color-mix(in srgb,var(--rail) 52%,var(--panel));color:var(--faint)}/* module-rule:188 */
.settings-search:focus-within{box-shadow:none;outline:none}
/* module-rule:189 */
.settings-search .i{width:14px;height:14px}
/* module-rule:190 */
.settings-search input{min-width:0;flex:1;border:0;outline:0;background:none;color:var(--ink);font-family:inherit;font-size:calc(11px * var(--interface-font-scale,1))}
/* module-rule:191 */
.settings-search input::placeholder{color:var(--faint)}
/* module-rule:192 */
.settings-toolbar>.btn{height:35px}
/* module-rule:193 */
.settings-toolbar>.btn .i{width:13px;height:13px}
/* module-rule:194 */
.settings-empty,.settings-load-error{min-height:190px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;padding:28px;border:1px dashed var(--line2);border-radius:12px;color:var(--sub);font-size:calc(11px * var(--interface-font-scale,1));text-align:center}
/* module-rule:195 */
.settings-empty .btn{margin-top:4px}
/* module-rule:196 */
.settings-empty-compact{min-height:52px;display:flex;align-items:center;justify-content:center;padding:12px;color:var(--faint);font-size:calc(10px * var(--interface-font-scale,1))}
/* module-rule:197 */
.settings-no-results{padding:34px;color:var(--faint);font-size:calc(11px * var(--interface-font-scale,1));text-align:center}
/* module-rule:198 */
.settings-remote-skeleton{display:flex;flex-direction:column}
/* module-rule:199 */
.settings-remote-skeleton .settings-status-card{pointer-events:none}
/* module-rule:200 */
.settings-skeleton-section-title{min-height:20px;margin-bottom:8px}
/* module-rule:201 */
.settings-skeleton-row>div{min-width:0;display:flex;flex:1;flex-direction:column;gap:7px}
/* module-rule:202 */
.settings-credential-skeleton .credential-page-head>.sk-settings-add{width:92px;height:35px;border-radius:10px}
/* module-rule:208 */
.settings-load-error>.i{width:22px;height:22px}
/* module-rule:209 */
.settings-load-error b{color:var(--ink);font-size:calc(13px * var(--interface-font-scale,1))}
/* module-rule:210 */
.settings-load-error p{max-width:320px;line-height:1.5}
/* module-rule:211 */
.settings-signin-card{min-height:72px;display:flex;align-items:center;gap:14px;padding:13px 15px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--rail) 48%,var(--panel))}
/* module-rule:212 */
.settings-signin-card>span{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;background:var(--rail-active);color:var(--ink2)}
/* module-rule:213 */
.settings-signin-card>span .i{width:18px;height:18px}
/* module-rule:214 */
.settings-signin-card>div{min-width:0;display:flex;align-items:flex-start;flex:1;flex-direction:column;gap:3px}
/* module-rule:215 */
.settings-signin-card h3{font-size:calc(14px * var(--interface-font-scale,1));font-weight:650}
/* module-rule:216 */
.settings-signin-card p{margin:0;color:var(--sub);font-size:calc(10px * var(--interface-font-scale,1));line-height:1.45}
/* module-rule:217 */
.settings-signin-card>.btn{flex:0 0 auto}
/* module-rule:221 */
.appearance-option.on{background:var(--hover)}
/* module-rule:222 */
.billing-list.is-seller,.billing-list.is-assets{padding-top:2px}
/* module-rule:223 */
.billing-page .docs-mode-switch{flex-wrap:wrap;height:auto;min-height:36px}
/* module-rule:224 */
.billing-page .billing-toolbar{align-items:flex-start}
/* module-rule:225 */
.account-wallet-card{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0;padding:18px 20px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--accent) 7%,var(--panel))}
/* module-rule:226 */
.account-wallet-card span,.account-wallet-card small{display:block;color:var(--muted);font-size:calc(12px * var(--interface-font-scale,1))}
/* module-rule:227 */
.account-wallet-card strong{display:block;margin:5px 0;font-size:calc(28px * var(--interface-font-scale,1));letter-spacing:-.03em}
/* module-rule:228 */
.account-wallet-card small{font-family:var(--mono)}
/* module-rule:229 */
.settings-load-state{min-height:220px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted)}
/* module-rule:230 */
.billing-head{align-items:start}
/* module-rule:231 */
.billing-wallet{justify-content:flex-end;align-items:center;gap:12px}
/* module-rule:232 */
.billing-balance{display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:0}
/* module-rule:233 */
.billing-balance span{color:var(--sub);font-size:calc(10px * var(--interface-font-scale,1));line-height:1.2}
/* module-rule:234 */
.billing-balance strong{color:var(--ink);font-size:calc(16px * var(--interface-font-scale,1));font-weight:650;letter-spacing:-.02em;line-height:1.2}
/* module-rule:235 */
.billing-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px}
/* module-rule:236 */
.billing-list{max-width:none}
/* module-rule:237 */
.billing-record,.billing-rental{display:flex;align-items:center;gap:14px;padding:17px 4px;border-bottom:1px solid var(--line)}
/* module-rule:238 */
.billing-record>div,.billing-rental>div{flex:1;min-width:0}
/* module-rule:239 */
.billing-record b,.billing-record small,.billing-rental small{display:block}
/* module-rule:240 */
.billing-record small,.billing-rental small{color:var(--muted);margin-top:4px}
/* module-rule:241 */
.billing-record strong.in{color:var(--status-success)}
/* module-rule:242 */
.billing-record strong.out{color:var(--status-danger)}
/* module-rule:243 */
.billing-rental-icon{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:var(--rail);color:var(--ink2)}
/* module-rule:244 */
.billing-rental-icon .i{width:16px;height:16px}
/* module-rule:245 */
.billing-rental-name{padding:0;border:0;background:transparent;color:var(--ink);font:inherit;font-weight:620;text-align:left;cursor:pointer}
/* module-rule:246 */
.billing-rental-name:hover{color:var(--ink2)}
/* module-rule:247 */
.billing-rental-amount{flex:0 0 auto;min-width:4.5em;color:var(--ink);font-size:calc(13px * var(--interface-font-scale,1));font-weight:650;letter-spacing:-.02em;text-align:right;white-space:nowrap}
/* module-rule:248 */
.billing-rental-amount.is-free{color:var(--sub);font-weight:560}
/* module-rule:249 */
.billing-rental-meta{display:flex;align-items:center;gap:12px;flex:0 0 auto}
/* module-rule:250 */
.billing-rental-status{flex:0 0 auto;color:var(--ink2);font-size:calc(12px * var(--interface-font-scale,1));font-weight:560;white-space:nowrap}
/* module-rule:251 */
.billing-rental.is-ending .billing-rental-status{color:var(--ink2)}
/* module-rule:256 */
@media(max-width:760px){.billing-wallet{width:100%;justify-content:flex-start}.billing-balance{align-items:flex-start}.billing-toolbar{flex-wrap:wrap}.billing-rental-meta{flex-wrap:wrap;justify-content:flex-end}}

/* Functional UI library account geometry. Use scoped selectors to compose the
   account body without changing the shared shell, dialog or global tokens. */

/* Both halves use the generated global theme snapshots. */

/* Keep default paints weaker than shared button hover/disabled states. */

.modal.dialog-shell.account-login-modal,.modal.dialog-shell.account-topup-modal{position:relative;display:block;width:min(440px,calc(100vw - 32px));padding:27px 27px 24px;border:1px solid var(--border-default);border-radius:20px;background:var(--surface);max-height:calc(100vh - 32px);overflow-y:auto;color:var(--text-primary);box-shadow:0 18px 42px var(--effect-shadow)}
.modal.dialog-shell.account-login-modal{width:min(360px,calc(100vw - 32px));padding:20px;border-radius:16px;box-shadow:0 12px 32px var(--effect-shadow)}
.account-login-modal h2,.account-topup-modal h2{font-size:calc(22px * var(--interface-font-scale,1));line-height:calc(30px * var(--interface-font-scale,1));font-weight:700}
.account-login-modal h2{font-size:calc(20px * var(--interface-font-scale,1));line-height:calc(28px * var(--interface-font-scale,1))}
.account-login-close{position:absolute;right:22px;top:23px;width:28px;height:28px;display:grid;place-items:center}
.account-login-modal .account-login-close{right:16px;top:16px}
.account-login-subtitle{font-size:calc(13px * var(--interface-font-scale,1));line-height:calc(20px * var(--interface-font-scale,1));color:var(--text-muted);margin-top:6px;overflow-wrap:anywhere}
.account-login-modal .account-login-form{margin-top:18px}
.account-login-modal .account-login-field{display:flex;flex-direction:column;gap:0}
.account-login-modal .account-google{display:flex;align-items:center;justify-content:center;gap:10px;height:44px;width:100%;font-size:calc(14px * var(--interface-font-scale,1));border-width:1px;border-style:solid;border-radius:11px;opacity:1}
:where(.account-login-modal) .account-google{background:var(--surface);border-color:var(--border-default);color:var(--text-muted)}
.account-google-logo{display:block;width:20px;height:auto;flex:none}
.account-login-divider{display:flex;align-items:center;gap:10px;margin:10px 0;color:var(--text-faint);font-size:calc(12px * var(--interface-font-scale,1));line-height:calc(20px * var(--interface-font-scale,1))}
.account-login-divider:before,.account-login-divider:after{content:'';height:1px;background:var(--border-default);flex:1}
.account-login-modal .account-login-field label{font-size:calc(12px * var(--interface-font-scale,1));line-height:calc(18px * var(--interface-font-scale,1));margin:0 0 6px;color:var(--text-secondary)}
.account-login-modal .account-login-field .inp,.account-topup-modal .inp{width:100%;height:48px;border-radius:11px;border:1px solid var(--border-control);background:var(--surface);color:var(--text-primary);box-shadow:none;font-size:calc(14px * var(--interface-font-scale,1));padding:0 13px}
.account-login-modal .account-login-field .inp{height:44px}:is(.account-login-modal,.account-topup-modal,.account-settings-page,.account-page-content) :is(input,textarea):is(:focus,:focus-visible):not(:disabled){outline:none;outline-offset:0;box-shadow:none}
.account-inline-error{font-size:calc(12px * var(--interface-font-scale,1));line-height:calc(18px * var(--interface-font-scale,1));color:var(--status-danger);margin-top:9px}
.account-login-links{display:flex;justify-content:space-between;gap:12px;font-size:calc(12px * var(--interface-font-scale,1));line-height:calc(20px * var(--interface-font-scale,1));margin-top:10px}
.account-login-links button{font:inherit;color:var(--text-secondary)}
.account-login-links button:disabled{color:var(--text-faint)}
.account-login-modal .account-login-submit{height:44px;width:100%;margin-top:16px;border-radius:10px;font-size:calc(13px * var(--interface-font-scale,1))}
.account-login-modal button:disabled,.account-topup-modal button:disabled{cursor:default}
.account-login-submit:disabled{background:var(--surface-subtle);color:var(--text-muted);opacity:1}
.modal.dialog-shell.account-topup-modal{width:min(520px,calc(100vw - 32px));min-height:310px}
.account-topup-form{margin-top:28px}
.account-topup-form label{display:block;font-size:calc(12px * var(--interface-font-scale,1));margin-bottom:8px}
.account-topup-form p{font-size:calc(12px * var(--interface-font-scale,1));color:var(--text-muted);margin-top:12px;line-height:calc(18px * var(--interface-font-scale,1))}
.account-topup-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:28px}
.account-page-content{min-width:0;color:var(--text-primary)}
.environment-page.billing-page,.environment-page.wallet-page{padding:0;background:var(--surface);height:100%;overflow:auto}
.account-page-header{position:relative;margin-bottom:32px}

.wallet-page .account-page-header{margin-bottom:36px}
.billing-page .account-page-header{margin-bottom:28px}
.account-billing-navigation{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;min-height:44px}
.account-billing-tabs{display:flex;align-items:center;gap:32px}
.account-billing-tabs button{position:relative;display:flex;align-items:flex-start;min-width:44px;height:44px;padding:10px 0 14px;border:0;border-radius:0;background:transparent;color:var(--text-muted);font:inherit;font-size:calc(13px * var(--interface-font-scale,1));line-height:calc(20px * var(--interface-font-scale,1));font-weight:400;white-space:nowrap;cursor:pointer}
.account-billing-tabs button[aria-selected="true"]{color:var(--text-primary);font-weight:500}
.account-billing-tabs button[aria-selected="true"]:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--text-primary);opacity:.55}
.account-billing-tabs button:hover{color:var(--text-primary)}
.account-billing-tabs button[aria-selected="true"]:hover:after{opacity:1}
.account-page-content .account-billing-tabs button:focus-visible{outline:1px solid var(--border-strong);outline-offset:-1px;border-radius:6px}
.account-billing-count{font-size:calc(12px * var(--interface-font-scale,1));line-height:calc(18px * var(--interface-font-scale,1));color:var(--text-muted)}
.account-billing-content{min-width:0}
.account-billing-content [hidden],.account-billing-count[hidden]{display:none!important}
.billing-page .account-pagination{justify-content:flex-end}
.billing-page .account-funds-row:after{left:0}

.account-wallet-records h2{font-size:calc(22px * var(--interface-font-scale,1));line-height:calc(30px * var(--interface-font-scale,1));font-weight:700;margin-bottom:27px}
.account-rental-list{max-height:calc(100vh - 290px);min-height:230px;overflow-y:auto;scrollbar-gutter:stable}
.account-rental{display:flex;align-items:center;gap:16px;min-height:96px;border-bottom:1px solid var(--border-default)}
.account-rental:last-child{border-bottom:0}
.account-rental-icon{width:48px;height:48px;flex:0 0 auto;display:grid;place-items:center;border-radius:12px;color:var(--accent-default);background:var(--accent-subtle)}
.account-rental-icon .i{width:24px;height:24px}
.account-rental-copy{min-width:0;flex:1}
.account-rental-title{display:flex;align-items:center;gap:10px}
.account-rental-title button{font-size:calc(18px * var(--interface-font-scale,1));font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary);text-align:left}
.account-type-tag{font-size:calc(11px * var(--interface-font-scale,1));line-height:calc(22px * var(--interface-font-scale,1));padding:0 8px;white-space:nowrap;border-radius:20px;background:var(--surface-subtle);color:var(--text-secondary)}
.account-rental-copy small{display:block;font-size:calc(13px * var(--interface-font-scale,1));line-height:calc(20px * var(--interface-font-scale,1));color:var(--text-muted);margin-top:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-rental-price{flex:0 0 auto;text-align:right;max-width:48%}
.account-rental-price strong{font-size:calc(20px * var(--interface-font-scale,1));line-height:calc(28px * var(--interface-font-scale,1));font-weight:700;white-space:nowrap}
.account-rental-price>div{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:12px}
.account-rental-price time{font-size:calc(12px * var(--interface-font-scale,1));color:var(--text-muted);white-space:nowrap}
.account-status{font-size:calc(11px * var(--interface-font-scale,1));line-height:calc(22px * var(--interface-font-scale,1));padding:0 8px;white-space:nowrap;border-radius:20px;background:var(--surface-subtle);color:var(--text-secondary)}
.account-status.active{background:var(--status-success-bg);color:var(--status-success)}
.account-funds-row{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:start;align-content:start;gap:18px;min-height:74px;padding:10px 0}
.account-funds-row:after{content:'';position:absolute;left:54px;right:0;bottom:0;height:1px;background:var(--border-default)}
.account-funds-row:last-child:after{display:none}
.account-funds-icon{width:36px;height:36px;align-self:center;display:grid;place-items:center;border-radius:11px;color:var(--accent-default);background:var(--accent-subtle);font-size:calc(18px * var(--interface-font-scale,1))}
.account-funds-icon.incoming{color:var(--status-success);background:var(--status-success-bg)}
.account-funds-row>div{min-width:0;flex:1}
.account-funds-row b{display:block;font-size:calc(16px * var(--interface-font-scale,1));line-height:calc(24px * var(--interface-font-scale,1));font-weight:500;overflow-wrap:anywhere}
.account-funds-row small{display:block;font-size:calc(12px * var(--interface-font-scale,1));line-height:calc(18px * var(--interface-font-scale,1));color:var(--text-muted);margin-top:4px}
.account-funds-row strong{font-size:calc(17px * var(--interface-font-scale,1));line-height:calc(24px * var(--interface-font-scale,1));font-weight:500;white-space:nowrap;text-align:right}
.account-funds-row strong.incoming{color:var(--status-success)}
.account-funds-row.billing{min-height:82px;gap:16px;padding:12px 0}
.account-funds-row.billing b{font-size:calc(14px * var(--interface-font-scale,1))}
.account-funds-row.billing strong{font-size:calc(15px * var(--interface-font-scale,1))}
.account-wallet-balance{min-height:181px}
.account-wallet-balance>span{font-size:calc(13px * var(--interface-font-scale,1));line-height:calc(20px * var(--interface-font-scale,1));color:var(--text-secondary)}
.account-wallet-amount{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px}
.account-wallet-amount strong{font-size:calc(40px * var(--interface-font-scale,1));line-height:calc(56px * var(--interface-font-scale,1));font-weight:700}
.account-wallet-amount .btn{width:162px;height:42px;font-size:calc(16px * var(--interface-font-scale,1));font-weight:500;line-height:calc(24px * var(--interface-font-scale,1));border-radius:9px}
.account-wallet-records{margin-top:45px}
.account-wallet-funds{max-height:calc(100vh - 392px);min-height:180px;overflow-y:auto;scrollbar-gutter:stable}
.account-pagination{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:20px}
.account-pagination .btn{min-width:32px;padding:0 10px;height:32px;font-size:calc(12px * var(--interface-font-scale,1))}
.account-pagination .on{background:var(--surface-selected);border-color:var(--accent-default);color:var(--accent-default)}
.account-read-error{min-height:180px;display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:24px;background:var(--surface-subtle);border-radius:14px}
.account-read-error-title{display:flex;align-items:center;gap:8px;max-width:100%}
.account-read-error-title>b{min-width:0;overflow-wrap:anywhere}
.account-read-error-title>span{display:flex;flex:none;color:var(--status-danger)}
.account-read-error-title .i{width:18px;height:18px}
.account-read-error b{font-size:calc(16px * var(--interface-font-scale,1));font-weight:500;line-height:calc(24px * var(--interface-font-scale,1))}
.account-read-error p{font-size:calc(12px * var(--interface-font-scale,1));line-height:calc(18px * var(--interface-font-scale,1));color:var(--text-muted)}
.account-read-error .btn{height:34px;font-size:calc(12px * var(--interface-font-scale,1))}
.account-wallet-balance .account-read-error,.account-wallet-funds .account-read-error{background:none;padding:15px 0;min-height:120px;border-radius:0}
.account-skeleton-row{display:flex;align-items:center;gap:18px;height:82px;border-bottom:1px solid var(--border-default)}
.account-skeleton-row>i:first-child{width:36px;height:36px;border-radius:10px}
.account-skeleton-row>span{flex:1;display:flex;flex-direction:column;gap:12px}
.account-skeleton-row>span>i{height:12px;width:70%;max-width:230px}
.account-skeleton-row>span>i:first-child{height:14px;width:60%;max-width:170px}
.account-skeleton-row>i:last-child{width:80px;height:16px}
.account-balance-skeleton{height:78px;margin-top:22px}
.account-balance-skeleton .skeleton-block{width:270px;height:40px}
.account-login-modal button:focus-visible,.account-topup-modal button:focus-visible,.account-page-content button:focus-visible{outline:2px solid var(--accent-default);outline-offset:2px}
@media(max-width:1100px){.account-rental-list{max-height:360px}.account-wallet-funds{max-height:400px}}
@media(max-width:800px){.account-rental-price strong{font-size:calc(17px * var(--interface-font-scale,1))}.account-rental-price>div{gap:5px;flex-wrap:wrap}}
@media(max-width:720px){.account-rental-icon{width:36px;height:36px}.account-rental{gap:10px}.account-rental-title{flex-wrap:wrap;gap:4px}.account-rental-title button{font-size:calc(16px * var(--interface-font-scale,1))}.account-rental-copy small{white-space:normal}.account-rental-price{max-width:42%}.account-wallet-amount strong{font-size:calc(32px * var(--interface-font-scale,1))}.account-wallet-amount .btn{width:110px}.account-funds-row{gap:10px}.account-funds-row b{font-size:calc(14px * var(--interface-font-scale,1))}.account-funds-row strong{font-size:calc(14px * var(--interface-font-scale,1))}}
:where(.account-login-modal,.account-topup-modal,.account-wallet-amount) .btn.pri{border-color:var(--action-primary)}
.account-login-modal .btn.pri:disabled{background:var(--surface-subtle);color:var(--text-muted);border-color:var(--surface-subtle)}
.environment-page.billing-page,.environment-page.wallet-page{scrollbar-gutter:auto}
.account-funds-row.billing b{font-size:calc(16px * var(--interface-font-scale,1))}
.account-funds-row.billing strong{font-size:calc(17px * var(--interface-font-scale,1))}

.scrim.account-scrim-login{background:color-mix(in srgb,var(--overlay-scrim) 46%,transparent);backdrop-filter:none;-webkit-backdrop-filter:none}
.scrim.account-scrim-topup{background:color-mix(in srgb,var(--overlay-scrim) 38%,transparent);backdrop-filter:none;-webkit-backdrop-filter:none}
.account-login-modal .account-login-field .inp[aria-invalid="true"]{border-color:var(--status-danger)}
.account-login-modal .account-login-field .inp[aria-invalid="true"]:focus{border-color:var(--status-danger)}

.account-rental{align-items:flex-start;padding:13px 0 18px}
.account-rental-icon{width:46px;height:46px;margin-top:5px}
.account-rental-icon .i{width:20px;height:20px}
.account-rental-title{min-height:26px}
.account-rental-title button{font-size:calc(19px * var(--interface-font-scale,1));line-height:calc(26px * var(--interface-font-scale,1));font-weight:500}
.account-rental-copy small{margin-top:13px}
.account-rental-price>div{margin-top:8px}

.account-wallet-balance{min-height:118px}
.account-wallet-balance>span{display:block}
.account-wallet-amount strong{line-height:calc(48px * var(--interface-font-scale,1))}
.account-wallet-records{margin-top:44px}
.account-wallet-records h2{margin-bottom:18px}
.account-wallet-page-balance{min-height:76px}
.account-wallet-page-balance .account-wallet-amount,.account-wallet-page-balance .account-balance-skeleton{margin-top:0}
@media(max-width:800px){.account-rental-title button{font-size:calc(16px * var(--interface-font-scale,1))}.account-rental-icon{width:36px;height:36px}}

.account-mobile-devices{padding-top:6px}
.account-mobile-state{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:21px;color:var(--text-secondary);font-size:calc(14px * var(--interface-font-scale,1));line-height:calc(21px * var(--interface-font-scale,1))}
.account-mobile-state.error{color:var(--status-danger)}
.account-device-list{margin-top:30px;height:166px;overflow-y:auto}
.account-device-row{position:relative;display:flex;align-items:flex-start;gap:18px;min-height:76px;padding:0 0 16px;border-bottom:0}
.account-device-row:last-child{border-bottom:0}
.account-device-row>.i,.account-device-row>span .i{width:20px;height:20px;color:var(--text-secondary)}
.account-device-row>div{min-width:0;flex:1}
.account-device-row b{display:block;font-size:calc(14px * var(--interface-font-scale,1));line-height:calc(21px * var(--interface-font-scale,1));font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-device-row small{display:block;font-size:calc(11px * var(--interface-font-scale,1));line-height:calc(17px * var(--interface-font-scale,1));color:var(--text-muted);margin-top:6px}
.account-device-row .btn{width:43px;height:28px;font-size:calc(12px * var(--interface-font-scale,1));line-height:calc(18px * var(--interface-font-scale,1));padding:0;flex:none;align-self:flex-start;margin-top:12px}
.account-device-empty{font-size:calc(13px * var(--interface-font-scale,1));line-height:calc(20px * var(--interface-font-scale,1));color:var(--text-muted);padding:20px 0}

.account-signin-page{display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding-top:20px}
.account-signin-page h2{font-size:calc(20px * var(--interface-font-scale,1));line-height:calc(30px * var(--interface-font-scale,1))}

.account-mobile-state>span{display:flex;align-items:center;gap:9px}
.account-mobile-state>span>i{width:8px;height:8px;flex:none;border-radius:50%;background:var(--text-faint)}
.account-mobile-state.connected>span>i{background:var(--status-success)}
.account-mobile-state.error>span>i{background:var(--status-danger)}
.account-mobile-error{font-size:calc(12px * var(--interface-font-scale,1));line-height:calc(18px * var(--interface-font-scale,1));color:var(--status-danger);margin-top:10px}
.account-mobile-error+.account-device-list{margin-top:12px;height:130px}
.account-device-row:not(:last-child):after{content:"";position:absolute;left:39px;right:0;bottom:5px;height:1px;background:var(--border-default)}
.account-device-row .skeleton-block+ .skeleton-block{display:block;margin-top:6px}

/* Retained local-only pages share the same heading, spacing and controls. */

/* Confirmation uses the native 520 × 370 layout, with truthful full reset scope. */

.scrim.account-reset-scrim{backdrop-filter:none;-webkit-backdrop-filter:none;background:color-mix(in srgb,var(--overlay-scrim) 38%,transparent)}

.account-device-row>span:first-child{margin-top:10px}

/* Billing tabs share the approved asset-detail text treatment. */
.billing-page .account-rental-list{scrollbar-gutter:auto}
.billing-page .account-pagination{gap:8px;margin-top:12px;padding-top:18px;border-top:1px solid var(--border-default)}
.billing-page .account-pagination .btn{display:grid;place-items:center;min-width:32px;height:32px;padding:0 8px;border:0;background:transparent;color:var(--text-secondary);font-size:calc(13px * var(--interface-font-scale,1));font-weight:400;box-shadow:none;transform:none}
.billing-page .account-pagination .btn.on{background:var(--accent-subtle);color:var(--accent-default);font-weight:500}
.billing-page .account-pagination .btn:hover:not(:disabled){background:var(--surface-hover)}
.billing-page .account-pagination .btn.on:hover{background:var(--accent-subtle)}
.billing-page .account-pagination .btn:disabled{opacity:.35}
.billing-page .account-pagination .btn:focus-visible{outline:1px solid var(--border-strong);outline-offset:-1px}
.billing-page .account-pagination .i{width:16px;height:16px}
.billing-page .account-page-previous .i{transform:rotate(180deg)}

/* Payment status uses the existing balance section and neutral controls. */
.account-topup-status{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:20px;color:var(--text-secondary);font-size:calc(14px * var(--interface-font-scale,1));line-height:calc(21px * var(--interface-font-scale,1))}
.account-topup-status .btn{font-size:calc(13px * var(--interface-font-scale,1));line-height:calc(20px * var(--interface-font-scale,1))}
.account-wallet-funds,.account-rental-list{min-height:0;overscroll-behavior:contain}
.account-rental-list .account-read-error:not(:first-child),.account-wallet-funds .account-read-error{margin-top:20px}

/* Model channels share the settings content pane and its scroll area. */

.channel-usage-dots{display:inline-flex;text-align:left}
.channel-usage-dots>span:nth-child(2){animation:channel-usage-dot-two 1.5s step-end infinite}
.channel-usage-dots>span:nth-child(3){animation:channel-usage-dot-three 1.5s step-end infinite}
@keyframes channel-usage-dot-two{0%{opacity:0}33.333%,100%{opacity:1}}
@keyframes channel-usage-dot-three{0%{opacity:0}66.667%,100%{opacity:1}}
@media(prefers-reduced-motion:reduce){.channel-usage-dots>span{animation:none!important;opacity:1}}

/* Empty device composition stays centered as a whole, with no footer note or rule. */


/* General settings: mobile devices use the existing compact settings/list controls. */


.account-mobile-summary,.account-mobile-failure{display:flex;align-items:center;justify-content:space-between;gap:16px}
.account-mobile-summary p,.account-mobile-failure p{min-width:0;margin:0;color:var(--text-muted);font-size:calc(12px * var(--interface-font-scale,1));line-height:calc(19px * var(--interface-font-scale,1));overflow-wrap:anywhere}
.account-mobile-failure p{color:var(--status-danger)}
.account-mobile-summary .btn,.account-mobile-failure .btn{flex:none;height:32px;font-size:calc(12px * var(--interface-font-scale,1))}
.account-mobile-section .account-mobile-state{font-size:calc(12px * var(--interface-font-scale,1));line-height:calc(19px * var(--interface-font-scale,1));min-height:24px}
.account-mobile-section .account-device-list{height:auto;max-height:180px;overflow-y:auto;margin-top:10px;overscroll-behavior:contain}
.account-mobile-section .account-device-row{min-height:56px;gap:12px;padding:8px 0;align-items:center}
.account-mobile-section .account-device-row>span:first-child{margin-top:0}
.account-mobile-section .account-device-row b{font-size:calc(13px * var(--interface-font-scale,1));line-height:calc(20px * var(--interface-font-scale,1))}
.account-mobile-section .account-device-row small{margin-top:2px}
.account-mobile-section .account-device-row .btn{margin:0;align-self:center}
.account-mobile-section .account-mobile-error{margin-top:6px}
@media(max-width:520px){.account-mobile-summary,.account-mobile-failure{align-items:flex-start;flex-direction:column;gap:10px}}

/* Figma 752:89735 / common title 765:92062; shared first-paint markup. */


.account-mobile-remove-error{font-size:calc(12px * var(--interface-font-scale,1));line-height:calc(19px * var(--interface-font-scale,1));color:var(--status-danger);margin-top:12px}

.account-team-modal{width:min(720px,calc(100vw - 32px));max-height:calc(100dvh - 48px)}
.account-team-modal>.mb{overflow:auto;max-height:70dvh}
.account-team-toolbar{display:flex;align-items:center;gap:8px;margin:0 0 12px;flex-wrap:wrap}
.account-team-toolbar h3,.account-team-execution h4{margin:0;font-size:calc(14px * var(--interface-font-scale,1))}
.account-team-toolbar>span:empty{flex:1}
.account-team-workspace{display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 12px;border-bottom:1px solid var(--border-default)}
.account-team-workspace>div,.account-team-org-name{flex:1;min-width:0}
.account-team-workspace b,.account-team-member b{display:block;overflow-wrap:anywhere;font-size:calc(13px * var(--interface-font-scale,1));font-weight:500}
.account-team-workspace small,.account-team-member small{display:block;color:var(--text-muted);font-size:calc(12px * var(--interface-font-scale,1));line-height:calc(20px * var(--interface-font-scale,1))}
.account-team-org-name{display:block;text-align:left;height:auto;white-space:normal}
.account-team-workspace.is-selected{background:var(--surface-hover)}
.account-team-members{margin-top:24px}
.account-team-member{display:grid;grid-template-columns:minmax(0,1fr) 64px 72px;align-items:center;gap:12px;min-height:56px;border-bottom:1px solid var(--border-default);font-size:calc(12px * var(--interface-font-scale,1))}
.account-team-member>.btn{justify-self:end}
.account-team-members h4{font-size:calc(12px * var(--interface-font-scale,1));margin:20px 0 4px}
.account-team-members h4 small{font-weight:400;color:var(--text-muted)}
.account-team-note,.account-team-execution p,.account-team-footer{font-size:calc(12px * var(--interface-font-scale,1));line-height:calc(20px * var(--interface-font-scale,1));color:var(--text-muted)}
.account-team-error{display:flex;align-items:center;gap:12px;font-size:calc(12px * var(--interface-font-scale,1));color:var(--status-danger);line-height:calc(20px * var(--interface-font-scale,1));margin:8px 0}
.account-team-error:empty{display:none}
.account-team-execution{padding-top:16px}
.account-team-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;flex-wrap:wrap}
.account-team-form{width:min(480px,calc(100vw - 32px))}
@media(max-width:480px){.account-team-member{grid-template-columns:minmax(0,1fr) 52px 56px;gap:6px}.account-team-modal>.mb{padding:16px}.account-team-toolbar>.btn{font-size:calc(12px * var(--interface-font-scale,1));padding:0 10px}}

.account-workspace-name{display:block;flex-basis:100%;color:var(--text-muted);font-size:calc(11px * var(--interface-font-scale,1));line-height:calc(16px * var(--interface-font-scale,1));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}

/* Pipeline schedules include history, enable/pause and a separate menu. */
.account-team-member.pipeline-automation-row{grid-template-columns:minmax(0,1fr) auto auto auto}
.pipeline-automation-row>.btn{white-space:nowrap;min-width:0}

/* module-rule:settingsWorkspace */
.account-settings-page{position:fixed;inset:0;z-index:35;display:grid;grid-template-columns:var(--rail-width) minmax(0,1fr);overflow:hidden;background:var(--surface);color:var(--text-primary);font-size:var(--interface-font-size,14px)}
.account-settings-page .settings-sidebar{min-height:0;overflow-y:auto;border-right:1px solid var(--border-default);padding:0 6px 24px}
.account-settings-page .settings-sidebar-title{height:96px;display:flex;align-items:center;padding:32px 10px 0;font-size:calc(18px * var(--interface-font-scale));line-height:calc(24px * var(--interface-font-scale));font-weight:600}
.account-settings-page .settings-nav-group{margin-bottom:20px}
.account-settings-page .settings-nav-label{padding:0 10px;margin-bottom:8px;height:20px;line-height:calc(20px * var(--interface-font-scale));font-size:calc(12px * var(--interface-font-scale));color:var(--text-muted)}
.account-settings-page .settings-sidebar nav{display:block}
.account-settings-page .settings-sidebar nav button{width:100%;height:36px;display:flex;align-items:center;gap:8px;padding:0 12px;border:0;border-radius:8px;text-align:left;background:none;font-size:calc(14px * var(--interface-font-scale));font-weight:400;line-height:calc(21px * var(--interface-font-scale));cursor:pointer}
.account-settings-page .settings-sidebar nav button .i{flex:0 0 20px;width:20px;height:20px;stroke-width:1.25}
.account-settings-page .settings-main{height:100%;min-width:0;min-height:0;overflow:hidden;background:var(--surface);padding-top:46px}
.account-settings-page .account-panel{width:100%;height:100%;min-height:0;padding:20px max(20px,calc((100% - 720px)/2)) 40px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:auto;background:var(--surface)}
.account-settings-page .settings-page-head{margin:0 0 48px;padding:0}
.account-settings-page .settings-page-head h2{font-size:calc(24px * var(--interface-font-scale));line-height:calc(32px * var(--interface-font-scale));font-weight:600;letter-spacing:0;margin:0;outline:none}
.account-settings-page .settings-page-head p{font-size:calc(13px * var(--interface-font-scale));line-height:calc(20px * var(--interface-font-scale));color:var(--text-muted);margin:10px 0 0}
.account-settings-page .settings-section{margin:0 0 40px;padding:0;border:0}
.account-settings-page .settings-section:last-child{margin-bottom:0}
.account-settings-page .settings-section-title-row{min-height:32px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0;padding:0 0 12px}
.account-settings-page .settings-section-title-row h3{font-size:calc(14px * var(--interface-font-scale));line-height:calc(20px * var(--interface-font-scale));font-weight:500;letter-spacing:0;color:var(--text-primary);margin:0}
.account-settings-page .settings-section-title-row .btn{margin-top:-4px}
.account-settings-page .settings-row-group{overflow:hidden;border:1px solid color-mix(in srgb,var(--overlay-scrim) 6%,transparent);border-radius:14px;background:var(--surface)}
.account-settings-page .settings-row{position:relative;min-height:52px;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.account-settings-page .settings-row+.settings-row:before{content:'';position:absolute;top:0;left:16px;right:16px;height:1px;background:color-mix(in srgb,var(--overlay-scrim) 7.5%,transparent)}
.account-settings-page .account-device-row+.account-device-row:before,:is(.account-settings-page,.model-channel-guide) .channel-card.linked:is(:hover,:focus-within){background:none}
:is(.account-settings-page,.model-channel-guide) .channel-card+.channel-card:before{content:'';position:absolute;top:0;left:16px;right:16px;height:1px;background:color-mix(in srgb,var(--overlay-scrim) 7.5%,transparent)}
.account-settings-page .settings-row-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}
.account-settings-page .settings-row-copy b,.account-settings-page .settings-link b{font-size:calc(13px * var(--interface-font-scale));line-height:calc(20px * var(--interface-font-scale));font-weight:400;overflow-wrap:anywhere}
.account-settings-page .settings-row-copy small{font-size:calc(12px * var(--interface-font-scale));line-height:calc(18px * var(--interface-font-scale));font-weight:400;color:var(--text-muted);overflow-wrap:anywhere}
.account-settings-page .settings-row-control{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex:0 1 auto;min-width:0;font-size:calc(13px * var(--interface-font-scale));line-height:calc(19px * var(--interface-font-scale));text-align:right;overflow-wrap:anywhere}
:is(.account-settings-page,:where(.model-channel-guide .channel-list)) .btn,.account-settings-page .csel{height:32px;min-height:32px;padding:0 10px;gap:6px;border:1px solid color-mix(in srgb,var(--overlay-scrim) 3.5%,transparent);border-radius:10px;font-size:calc(13px * var(--interface-font-scale));line-height:calc(18px * var(--interface-font-scale));font-weight:400;background:var(--surface);color:var(--text-primary);box-shadow:none;white-space:nowrap;min-width:0;width:auto}
:is(.account-settings-page,:where(.model-channel-guide .channel-list)) .btn:hover,.account-settings-page .csel:hover{background:var(--surface-hover)}
.account-settings-page .btn .i,.account-settings-page .csel>.i{width:12px;height:12px}
.account-settings-page .csel .cv{min-width:0;overflow:hidden;text-overflow:ellipsis}
:is(.account-settings-page,.model-channel-guide) :is(button,a):focus-visible{outline:1px solid var(--text-primary);outline-offset:2px}
:is(.account-settings-page,.model-channel-guide) button:disabled{opacity:.6;cursor:default}
/* A brief save lock keeps the confirmed controls visually unchanged. */
.account-settings-page .settings-row-control>button[data-settings-pending="true"]{opacity:1!important;color:inherit!important;cursor:pointer!important}
.account-settings-page .settings-row-control>button.csel[data-settings-pending="true"]:hover{background:var(--surface-hover)!important;color:var(--text-primary)!important}
.account-settings-page .settings-switch{width:32px;min-width:32px;height:20px;border:0;border-radius:20px;padding:2px;background:var(--border-default);display:flex;align-items:center;cursor:pointer;box-shadow:none}
.account-settings-page .settings-switch span{display:block;width:16px;height:16px;border-radius:50%;background:var(--theme-light-surface);box-shadow:0 1px 2px color-mix(in srgb,var(--text-primary) 10%,transparent);transition:transform .12s}
.account-settings-page .settings-switch[aria-checked="true"]{background:var(--icon-blue)}
.account-settings-page .settings-switch[aria-checked="true"] span{transform:translateX(12px)}
.account-settings-page .settings-footnote{color:var(--text-muted);font-size:calc(12px * var(--interface-font-scale));line-height:calc(18px * var(--interface-font-scale));margin:12px 16px 0}
.account-settings-page .settings-section+.settings-footnote{margin-top:-20px}
.account-settings-page .settings-row.settings-footnote{margin:0}
.account-settings-page .settings-row-note{margin:0;padding:0 16px 12px}
.account-settings-page .settings-inline-error{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--status-danger);font-size:calc(12px * var(--interface-font-scale));line-height:calc(18px * var(--interface-font-scale));margin:0 0 16px}
.account-settings-page .settings-row.settings-inline-error{margin:0}
.account-settings-page .settings-preferences-loading{font-size:calc(12px * var(--interface-font-scale));color:var(--text-muted);margin-bottom:12px}
.account-settings-page .appearance-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border:0;padding:0;background:none}
.account-settings-page .appearance-option{display:block;position:relative;min-width:0;width:100%;height:auto;min-height:0;padding:0;border:0;border-radius:16px;background:none;box-shadow:none;text-align:center}
.account-settings-page .appearance-preview{--preview-accent:var(--theme-light-border-default);position:relative;display:block;width:100%;height:auto;aspect-ratio:64/44;overflow:hidden;border:1px solid var(--border-default);border-radius:16px;background:var(--theme-light-surface);box-shadow:none}
.account-settings-page .appearance-option.on .appearance-preview{border-width:2px;border-color:var(--icon-blue);outline:none}
.account-settings-page .appearance-option>span:nth-child(2){display:block;position:static;padding:0;margin:12px 0 0;font-size:calc(13px * var(--interface-font-scale));line-height:calc(19px * var(--interface-font-scale))}
.account-settings-page .appearance-option b{font-size:calc(13px * var(--interface-font-scale));line-height:calc(19px * var(--interface-font-scale));font-weight:500;color:var(--text-primary)}
.account-settings-page .appearance-radio{display:none}
.account-settings-page .appearance-preview .preview-rail{position:absolute;left:0;top:0;bottom:0;width:19%;border:0;border-right:1px solid var(--theme-light-border-default);background:var(--theme-light-canvas)}
.account-settings-page .appearance-preview .preview-rail:after{display:none}
.account-settings-page .appearance-preview .preview-card{position:absolute;left:25%;height:5%;border:0;border-radius:8px;background:var(--theme-light-border-default)}
.account-settings-page .appearance-preview .preview-card.one{top:22%;width:47%;height:5%;box-shadow:0 15px 0 var(--theme-light-border-default),0 30px 0 var(--theme-light-border-default)}
.account-settings-page .appearance-preview .preview-card.two{left:47%;right:6%;width:auto;top:56%;height:5%;background:var(--preview-accent);box-shadow:0 15px 0 var(--preview-accent)}
.account-settings-page .appearance-preview:before{content:'';position:absolute;left:47%;right:6%;top:9%;height:5%;border-radius:8px;background:var(--preview-accent)}
.account-settings-page .appearance-preview:after{content:'';position:absolute;left:24%;right:6%;bottom:8%;height:15%;border-radius:20px;border:2px solid var(--theme-light-border-default)}
.account-settings-page .appearance-preview.dark{background:var(--theme-dark-surface)}
.account-settings-page .appearance-preview.dark .preview-rail{background:var(--theme-dark-canvas);border-color:var(--theme-dark-border-default)}
.account-settings-page .appearance-preview.dark .preview-card.one{background:var(--theme-dark-border-strong);box-shadow:0 15px 0 var(--theme-dark-border-strong),0 30px 0 var(--theme-dark-border-strong)}
.account-settings-page .appearance-preview.dark:after{border-color:var(--theme-dark-border-strong)}
.account-settings-page .appearance-preview.system{display:flex}
.account-settings-page .appearance-preview.system:before,.account-settings-page .appearance-preview.system:after{z-index:1}
.account-settings-page .preview-half{position:relative;display:block;width:50%;height:auto;overflow:hidden;background:var(--theme-light-surface)}
.account-settings-page .preview-half.dark{background:var(--theme-dark-surface)}
.account-settings-page .preview-half .preview-rail{width:38%}
.account-settings-page .preview-half.dark .preview-rail{display:none}
.account-settings-page .preview-half .preview-card.one{left:50%;width:94%}
.account-settings-page .preview-half.dark .preview-card.one{left:-50%;width:94%;background:var(--theme-dark-border-strong);box-shadow:0 15px 0 var(--theme-dark-border-strong),0 30px 0 var(--theme-dark-border-strong)}
.account-settings-page .preview-half .preview-card.two{display:none}
.account-settings-page .settings-title-action{position:relative;height:0;display:flex;justify-content:flex-end;top:-61px}
.account-settings-page .settings-extension-status{font-size:calc(12px * var(--interface-font-scale));color:var(--text-muted);white-space:nowrap}
.account-settings-page .settings-actions{display:flex;align-items:center;gap:10px;margin-top:24px}
.account-settings-page .settings-wallet-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 16px;min-height:74px}
.account-settings-page .settings-wallet-row>div{display:flex;flex-direction:column;gap:4px}
.account-settings-page .settings-wallet-row small{font-size:calc(12px * var(--interface-font-scale));line-height:calc(16px * var(--interface-font-scale));color:var(--text-muted)}
.account-settings-page .settings-wallet-row strong{font-size:calc(24px * var(--interface-font-scale));line-height:calc(29px * var(--interface-font-scale));font-weight:500;font-variant-numeric:tabular-nums}
.account-settings-page .settings-record-amount{font-variant-numeric:tabular-nums;white-space:nowrap}
.account-settings-page .settings-link{color:var(--text-primary);text-decoration:none;cursor:pointer}
.account-settings-page .settings-link:hover{background:var(--surface-hover)}
.account-settings-page .settings-link>.i{width:18px;height:18px;flex-shrink:0}
.account-settings-page .account-device-list{max-height:none;overflow:visible;border:0}
.account-settings-page .account-device-row{position:relative;display:flex;align-items:center;gap:16px;padding:12px 16px;min-height:61px;border:0;background:none}
.account-settings-page .account-device-row>span{display:none}
.account-settings-page .account-device-row>div{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}
.account-settings-page .account-device-row b{font-size:calc(13px * var(--interface-font-scale));line-height:calc(19px * var(--interface-font-scale));font-weight:500;overflow-wrap:anywhere}
.account-settings-page .account-device-row small{font-size:calc(12px * var(--interface-font-scale));line-height:calc(16px * var(--interface-font-scale));color:var(--text-muted)}
.account-settings-page .account-mobile-summary{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.account-settings-page .account-mobile-summary p{margin:0;font-size:calc(12px * var(--interface-font-scale));line-height:calc(18px * var(--interface-font-scale));color:var(--text-muted)}
.account-settings-page .account-mobile-state{display:none}

/* Model channels share the same rows, controls and states in settings and setup. */
.account-settings-page #settingsChannelConnections .settings-row-group,.account-settings-page #settingsModelDefaults .settings-row-group{border:1px solid var(--border-default);border-radius:14px;background:var(--surface)}
:is(.account-settings-page,.model-channel-guide) .channel-list{display:block;margin:0;border:0;background:none;padding:0 16px}
/* The same channel rows can sit in a settings group or directly in a dialog. */
:is(.account-settings-page,.model-channel-guide) .channel-list.channel-list-plain{padding:0;border:0;border-radius:0;background:none;container-type:inline-size}
.channel-list.channel-list-plain .channel-card::before,.channel-list.channel-list-plain .channel-card::after{content:none}
:is(.account-settings-page,.model-channel-guide) .channel-card{position:relative;display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;min-height:56px;gap:10px;padding:0;margin:0;border:0;border-radius:0;background:none;box-shadow:none}
:is(.account-settings-page,.model-channel-guide) .channel-card.linked:is(:hover,:focus-within){background:none}
:is(.account-settings-page,.model-channel-guide) .channel-card+.channel-card:before{left:0;right:0;background:var(--border-default)}
:is(.account-settings-page,.model-channel-guide) .channel-logo{align-self:center;margin:0;width:16px;height:16px;min-width:16px;display:grid;place-items:center;border:0;padding:0;background:none}
:is(.account-settings-page,.model-channel-guide) .channel-logo :is(img,svg){width:16px;height:16px;max-height:16px;object-fit:contain}
:is(.account-settings-page,.model-channel-guide) .channel-main{min-width:0;min-height:0;align-self:center;display:block}
:is(.account-settings-page,.model-channel-guide) .channel-name{min-width:0;display:flex;flex-wrap:nowrap;align-items:baseline;gap:8px;font-size:calc(14px * var(--interface-font-scale));line-height:20px;font-weight:500}
:is(.account-settings-page,.model-channel-guide) .channel-name-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:inherit}
:is(.account-settings-page,.model-channel-guide) .channel-version{flex:0 1 auto;min-width:0;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(12px * var(--interface-font-scale));line-height:16px;font-weight:400;color:var(--text-muted)}
:is(.account-settings-page,.model-channel-guide) .channel-version-skeleton{flex:0 1 104px;width:104px;height:12px;align-self:center;border-radius:4px}
:is(.account-settings-page,.model-channel-guide) .channel-control-skeleton{display:flex;align-items:center;gap:12px}
:is(.account-settings-page,.model-channel-guide) .channel-action-skeleton{width:64px;height:32px;border-radius:8px}
:is(.account-settings-page,.model-channel-guide) .channel-more-skeleton{width:32px;height:32px;border-radius:6px}
:is(.account-settings-page,.model-channel-guide) .channel-actions{position:static;align-self:center;min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:0;background:none}
:is(.account-settings-page,.model-channel-guide) .channel-usage-inline{display:flex;align-items:center;flex-wrap:nowrap;gap:12px;margin:0;min-height:0;max-width:none;color:var(--text-muted);font-size:calc(12px * var(--interface-font-scale));line-height:16px;font-weight:400;white-space:nowrap}
:is(.account-settings-page,.model-channel-guide) .channel-balance,:is(.account-settings-page,.model-channel-guide) .channel-reset{display:inline-flex;align-items:center;gap:4px;min-height:16px;white-space:nowrap}
:is(.account-settings-page,.model-channel-guide) .channel-balance>span:last-child{min-width:4ch;text-align:right}
:is(.account-settings-page,.model-channel-guide) .channel-reset>span:first-child{min-width:11ch;text-align:right}
:is(.account-settings-page,.model-channel-guide) .channel-quota-skeleton{width:calc(4ch + 2em + 4px);height:12px;border-radius:4px}
:is(.account-settings-page,.model-channel-guide) .channel-reset-skeleton{width:calc(11ch + 2em + 4px);height:12px;border-radius:4px}
:is(.account-settings-page,.model-channel-guide) .channel-connect{min-width:64px;border-radius:8px}
:is(.account-settings-page,.model-channel-guide) .channel-more.btn{width:32px;height:32px;padding:0;border:0!important;border-radius:6px;background:transparent}
:is(.account-settings-page,.model-channel-guide) .channel-more.btn .i{width:16px;height:16px}
:is(.account-settings-page,.model-channel-guide) .channel-more.btn:is(:hover,:focus-visible,[aria-expanded="true"]){background:var(--surface-hover)}
.account-settings-page #settingsModelDefaults{margin-bottom:0}
.account-settings-page #settingsModelDefaults .settings-row{min-height:56px;padding:10px 16px}
.account-settings-page #settingsModelDefaults .settings-row:before{left:16px;right:16px;background:var(--border-default)}
:is(.account-settings-page,.model-channel-guide) .channel-default-skeleton{display:block;width:96px;height:32px;border-radius:8px}
.account-settings-page #settingsModelDefaults .csel{width:max-content;min-width:64px;max-width:100%;border-radius:8px}
.account-settings-page #settingsModelDefaults .csel .cv{max-width:380px}
.account-settings-page #settingsModelDefaults .settings-row-control{max-width:70%}
.channel-login-command{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.channel-login-command code{min-width:0;overflow-wrap:anywhere}
.menu.channel-account-menu{font-family:"PingFang SC",var(--ui);z-index:170;width:max-content;min-width:184px;max-width:calc(100vw - 16px);padding:6px;gap:4px;border:1px solid var(--border-default);border-radius:11px;background:var(--surface);box-shadow:0 6px 18px color-mix(in srgb,var(--text-primary) 7%,transparent),0 1px 4px color-mix(in srgb,var(--text-primary) 4%,transparent);backdrop-filter:none;-webkit-backdrop-filter:none;outline:none}
.channel-account-menu .channel-menu-account{display:flex;align-items:flex-start;flex-direction:column;gap:4px;padding:8px 10px;min-width:0}
.channel-account-menu .channel-menu-email{max-width:min(240px,calc(100vw - 60px));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-size:calc(13px * var(--interface-font-scale,1));font-weight:500;line-height:20px}
.channel-account-menu .channel-menu-plan{max-width:160px;height:20px;padding:0 6px;border-radius:6px;background:var(--surface-subtle);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-size:calc(12px * var(--interface-font-scale,1));line-height:20px}
.channel-account-menu .menu-divider{flex-shrink:0;height:1px;margin:0 10px;background:var(--border-default)}
.menu.channel-account-menu a{height:36px;min-height:36px;padding:0 10px;gap:8px;border-radius:6px;color:var(--text-primary);font-weight:400}
.menu.channel-account-menu a>.i{width:16px;height:16px;color:var(--text-secondary)}
.menu.channel-account-menu .menu-copy b{font-size:calc(13px * var(--interface-font-scale,1));line-height:20px;font-weight:400}
.menu.channel-account-menu a.danger,.menu.channel-account-menu a.danger>.i{color:var(--status-danger)}
.menu.channel-account-menu a:is(:hover,:focus-visible,.active){background:var(--surface-hover);outline:none}
.channel-account-menu .menu-check{display:none}
@media(max-width:600px){
 :is(.account-settings-page,.model-channel-guide) .channel-card{grid-template-columns:16px minmax(0,1fr) auto;gap:8px;min-height:64px}
 :is(.account-settings-page,.model-channel-guide) .channel-name{flex-direction:column;align-items:flex-start;gap:0}
 :is(.account-settings-page,.model-channel-guide) .channel-actions{gap:6px}
 :is(.account-settings-page,.model-channel-guide) .channel-control-skeleton{gap:6px}
 :is(.account-settings-page,.model-channel-guide) .channel-usage-inline{gap:6px;flex-direction:column;align-items:flex-end}
 .account-settings-page #settingsModelDefaults .settings-row{flex-wrap:nowrap;gap:8px}
 .account-settings-page #settingsModelDefaults .settings-row-copy{flex-basis:auto}
}
@container(max-width:460px){
 .channel-list-plain .channel-name{flex-direction:column;align-items:flex-start;gap:0}
 .channel-list-plain .channel-actions{gap:8px}
 .channel-list-plain .channel-usage-inline{flex-direction:column;align-items:flex-end;gap:2px}
}
.menu.settings-select-menu{min-width:160px;padding:6px;border-radius:11px;border:1px solid var(--border-default);box-shadow:0 4px 20px color-mix(in srgb,var(--text-primary) 14%,transparent);z-index:170}
.menu.settings-select-menu a{min-height:32px;height:32px;padding:6px 8px;border-radius:6px;gap:8px}
.menu.settings-select-menu .menu-copy b{font-size:calc(13px * var(--interface-font-scale));line-height:calc(19px * var(--interface-font-scale));font-weight:400}
.menu.settings-select-menu a:is(:hover,.selected,.active){background:var(--surface-hover);color:var(--text-primary)}
.menu.settings-select-menu .menu-check .i{width:14px;height:14px}
.menu.settings-select-menu .menu-check{background:none}
.settings-extension-dialog .install-command{display:block;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:900px){.account-settings-page .account-panel{padding-left:20px;padding-right:20px}.account-settings-page .settings-row{gap:16px}}
@media(max-width:600px){.account-settings-page .settings-sidebar nav button{padding:0 8px;gap:6px;font-size:calc(12px * var(--interface-font-scale))}.account-settings-page .settings-sidebar nav button .i{width:17px;height:17px;flex-basis:17px}.account-settings-page .account-panel{padding-left:16px;padding-right:16px}.account-settings-page .settings-row{flex-wrap:wrap;gap:10px}.account-settings-page .settings-row-control{margin-left:auto}.account-settings-page .appearance-options{gap:8px}.account-settings-page .appearance-option b{font-size:calc(11px * var(--interface-font-scale))}.account-settings-page .appearance-preview{border-radius:10px}.account-settings-page .settings-row-copy{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.account-settings-page .settings-switch span{transition:none}}

#settingsWorkspace button.csel[data-menu-trigger]{border-color:color-mix(in srgb,var(--overlay-scrim) 3.5%,transparent);height:32px;font-size:calc(13px * var(--interface-font-scale));line-height:calc(18px * var(--interface-font-scale))}
.account-settings-page .appearance-preview .preview-card.one{box-shadow:none}
.account-settings-page .appearance-preview .preview-card.one:before,.account-settings-page .appearance-preview .preview-card.one:after{content:'';position:absolute;left:0;height:100%;border-radius:inherit;background:inherit}
.account-settings-page .appearance-preview .preview-card.one:before{top:200%;width:60%}
.account-settings-page .appearance-preview .preview-card.one:after{top:400%;width:120%}
.account-settings-page .appearance-preview.dark .preview-card.one,.account-settings-page .preview-half.dark .preview-card.one{box-shadow:none}
.account-settings-page .appearance-preview:after{background:radial-gradient(circle at 94% 50%,var(--preview-accent) 0 7px,transparent 8px)}
.account-settings-page .settings-plan-note{margin-top:-20px;margin-bottom:32px}
.account-settings-page button.settings-link{width:100%;border:0;border-radius:0;background:none;text-align:left}
.account-settings-page button.settings-link:hover{background:var(--surface-hover)}
.account-settings-page .settings-record-value{display:flex;flex-direction:column;gap:2px;text-align:right}
.account-settings-page .settings-record-value small{font-size:calc(12px * var(--interface-font-scale));line-height:calc(16px * var(--interface-font-scale));color:var(--text-muted)}
:is(.account-settings-page,.model-channel-guide) .channel-logo{color:var(--text-primary)}

/* Subscription lifecycle uses the existing settings groups and shared controls. */
.subscription-management { display: grid; gap: 18px; margin-top: 20px; color: var(--text-primary); }
.subscription-scope { display: flex; align-items: center; gap: 12px; font-size: calc(13px * var(--interface-font-scale,1)); color: var(--text-secondary); }
.subscription-scope select { width: auto; max-width: 280px; }
.subscription-current { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 16px 0; border-bottom: 1px solid var(--border-default); }
.subscription-current strong { font-size: calc(14px * var(--interface-font-scale,1)); font-weight: 500; }
.subscription-current p { margin: 6px 0 0; color: var(--text-secondary); font-size: calc(12px * var(--interface-font-scale,1)); line-height: 1.6; }
.subscription-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.subscription-payment-status { display: flex; justify-content: space-between; align-items: center; gap: 12px; font-size: calc(13px * var(--interface-font-scale,1)); }
.subscription-invoices summary,.subscription-simulation summary { cursor: pointer; font-size: calc(13px * var(--interface-font-scale,1)); padding: 10px 0; }
.subscription-invoices .settings-row { border-bottom: 1px solid var(--border-default); }
.subscription-invoices small { display: block; margin-top: 4px; color: var(--text-secondary); font-size: calc(11px * var(--interface-font-scale,1)); }
.subscription-invoices .settings-row>div:last-child { text-align: right; }
.subscription-payment-dialog { width: min(440px,calc(100vw - 32px)); }
.subscription-payment-amount { display: block; font-size: calc(28px * var(--interface-font-scale,1)); font-weight: 500; margin: 20px 0; }
#subscriptionPaymentError,#subscriptionManageError { color: var(--status-danger); font-size: calc(13px * var(--interface-font-scale,1)); line-height: 1.6; }
@media(max-width:900px){.subscription-current{align-items:flex-start;flex-direction:column}.subscription-scope{align-items:flex-start;flex-direction:column}.subscription-scope select{width:100%;max-width:none}}
.account-subscription-header + #accountSubscriptionSummary .subscription-management { margin-top: 0; margin-bottom: 24px; }
.subscription-management > p { margin: 0; font-size: calc(12px * var(--interface-font-scale,1)); line-height: 1.6; color: var(--text-secondary); }
.subscription-payment-dialog details { font-size: calc(12px * var(--interface-font-scale,1)); color: var(--text-secondary); }
.subscription-payment-dialog details[open] { display: grid; gap: 8px; }
.subscription-payment-dialog details summary { cursor: pointer; margin-bottom: 10px; }

/* Fixed thumbnails show their target palette independently of the active theme. */
.account-settings-page .appearance-preview:is(.dark,.system){--preview-accent:var(--theme-dark-border-strong)}
.account-settings-page .appearance-preview.system:before{background:linear-gradient(90deg,var(--theme-light-border-default) 0 6.383%,var(--theme-dark-border-strong) 6.383% 100%)}
:root[data-theme="dark"] .account-settings-page .appearance-option.on .appearance-preview{border-color:var(--accent-default)}
:root[data-theme="dark"] .account-settings-page .settings-switch[aria-checked="true"]{background:var(--accent-default)}
:root[data-theme="dark"] .account-settings-page .settings-switch[aria-checked="true"] span{background:var(--action-on-primary)}

/* Settings surfaces follow the approved lightweight groups in both themes. */
:root[data-theme="dark"] .account-settings-page .settings-row-group{border-color:color-mix(in srgb,var(--text-primary) 12%,transparent)}
:root[data-theme="dark"] :is(.account-settings-page,.model-channel-guide) :is(.settings-row+.settings-row,.channel-card+.channel-card):before{background:color-mix(in srgb,var(--text-primary) 12%,transparent)}
:root[data-theme="dark"] :is(.account-settings-page,:where(.model-channel-guide .channel-list)) :is(.btn,.csel):not(.appearance-option):not(.settings-switch):not(.settings-link):not(.channel-unlink):not(.channel-quota-retry):not(.pri){border-color:color-mix(in srgb,var(--text-primary) 8%,transparent)}
.account-settings-page .btn.pri{background:var(--action-primary);color:var(--action-on-primary);border-color:var(--action-primary)}
.account-settings-page .btn.pri:hover{background:color-mix(in srgb,var(--action-primary) 90%,var(--surface));border-color:color-mix(in srgb,var(--action-primary) 90%,var(--surface))}

:root[data-theme="dark"] #settingsWorkspace button.csel[data-menu-trigger]{border-color:color-mix(in srgb,var(--text-primary) 8%,transparent)}

/* Devices and native extensions use flat lists rather than form containers. */
.account-settings-page :is(.settings-row-group:has(#accountDesktopDevices),#accountMobileStatus),
.account-settings-page #settingsPanel:has(.settings-title-action) .settings-row-group{border:0;border-radius:0;background:none}
.account-settings-page :is(#accountDesktopDevices,#accountMobileStatus) :is(.settings-row,.account-device-row),
.account-settings-page #settingsPanel:has(.settings-title-action) .settings-row{padding-left:0;padding-right:0}
.account-settings-page :is(#accountDesktopDevices,#accountMobileStatus) .settings-row+.settings-row:before,
.account-settings-page #settingsPanel:has(.settings-title-action) .settings-row+.settings-row:before{left:0;right:0}
.account-settings-page .account-device-row+.account-device-row:before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:color-mix(in srgb,var(--overlay-scrim) 7.5%,transparent)}
:root[data-theme="dark"] .account-settings-page .account-device-row+.account-device-row:before{background:color-mix(in srgb,var(--text-primary) 12%,transparent)}

/* Settings refinement: approved 24/14/13/12 hierarchy and content-driven row heights. */
.account-settings-page .settings-row:has(.settings-row-copy small){min-height:64px;padding-top:12px;padding-bottom:12px}
.account-settings-page .settings-sidebar nav button.on{background:var(--surface-hover);font-weight:400}
:root[data-theme="light"] .account-settings-page{color:color-mix(in srgb,var(--overlay-scrim) 88%,var(--surface))}
:root[data-theme="light"] .account-settings-page .settings-sidebar{background:color-mix(in srgb,var(--overlay-scrim) 1.8%,var(--surface));border-color:color-mix(in srgb,var(--overlay-scrim) 7%,var(--surface))}
:root[data-theme="light"] .account-settings-page .settings-sidebar nav button{color:color-mix(in srgb,var(--overlay-scrim) 76%,var(--surface))}
:root[data-theme="light"] .account-settings-page .settings-sidebar nav button.on{background:color-mix(in srgb,var(--overlay-scrim) 4.5%,transparent)}
:root[data-theme="light"] .account-settings-page .settings-sidebar nav button .i{color:color-mix(in srgb,var(--overlay-scrim) 65%,var(--surface))}
:root[data-theme="light"] .account-settings-page .settings-nav-label{color:color-mix(in srgb,var(--overlay-scrim) 42%,var(--surface))}
:root[data-theme="light"] .account-settings-page :is(.settings-page-head h2,.settings-section-title-row h3,.settings-link,.csel,.settings-row-control){color:color-mix(in srgb,var(--overlay-scrim) 88%,var(--surface))}
:root[data-theme="light"] .account-settings-page :is(.settings-row-copy small,.settings-footnote,.settings-page-head p){color:color-mix(in srgb,var(--overlay-scrim) 54%,var(--surface))}
:root[data-theme="light"] .account-settings-page .settings-switch:not([aria-checked="true"]){background:color-mix(in srgb,var(--overlay-scrim) 14%,var(--surface))}
#settingsWorkspace :is(#accountLanguage,#settings_send_mode,#settings_close_action){height:32px;min-height:32px}
#settingsWorkspace #accountLanguage{width:max-content;min-width:0;flex:none}
#settingsWorkspace #accountLanguage .cv{flex:none;width:auto}
body:has(#settingsWorkspace #accountLanguage[aria-expanded="true"])>.menu.settings-select-menu{width:max-content;min-width:0}
#settingsWorkspace #settings_send_mode{min-width:114px}
#settingsWorkspace #settings_close_action{min-width:132px}

/* The empty OTP hint is prose; entered codes retain their numeric spacing. */
.account-otp-input::placeholder{font-family:var(--ui);font-weight:400;letter-spacing:normal}

/* The desktop starts here until its existing account session is confirmed. */
.desktop-login-locked #app{height:100dvh;overflow:auto;background:var(--surface)}
.desktop-login-locked :is(#modalHost,#childModalHost):empty{display:none}
.desktop-login-page{width:100%;min-width:0;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:44px 24px 112px;background:var(--surface);color:var(--text-primary)}
.desktop-login-content{width:420px;min-width:0;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:28px}
.desktop-login-brand{display:block;width:208px;height:60px}
.desktop-login-brand img{display:block;width:208px;height:60px;object-fit:contain}
.desktop-login-content h1{font-size:26px;font-weight:500;line-height:36px;margin:0;text-align:center}
.desktop-login-content .desktop-login-submit{width:min(320px,100%);height:44px;border-radius:8px;margin-top:8px;background:var(--action-primary);color:var(--action-on-primary);font-size:14px;font-weight:500}
.desktop-login-content .desktop-login-submit:disabled{opacity:.45;cursor:default}
.desktop-login-content.has-form{gap:24px}
.desktop-login-content.has-form .desktop-login-brand,.desktop-login-content.has-form .desktop-login-brand img{width:156px;height:45px}
.desktop-login-page .modal.account-login-modal{position:relative;flex:none;margin:0;width:min(360px,100%);max-width:100%;max-height:none;overflow:visible}
.account-login-legal{margin:20px 0 0;color:var(--text-muted);font-size:12px;line-height:20px;text-align:center}
.account-login-legal a{color:var(--text-secondary);text-decoration:underline;text-underline-offset:2px}
.desktop-login-status{font-size:13px;line-height:20px;color:var(--text-muted);text-align:center;margin:0}
.desktop-login-status button{margin-left:10px;text-decoration:underline}
.desktop-login-content button:focus-visible,.account-login-legal a:focus-visible{outline:2px solid var(--accent-default);outline-offset:3px}
html[data-theme="light"] .desktop-login-brand source{display:none}
html[data-theme="dark"] .desktop-login-brand img{content:url('/ui/brand/wordmark-reverse.svg')}
html[data-theme="light"] .desktop-login-brand img{content:url('/ui/brand/wordmark-primary.svg')}
@media(max-width:480px){.desktop-login-page{padding:32px 20px 60px}.desktop-login-content h1{font-size:23px}.desktop-login-page .modal.account-login-modal{padding:20px}}
@media(max-height:550px){.desktop-login-page{align-items:flex-start;padding-top:32px;padding-bottom:32px}}

/* Follow the system palette with the same approved settings rules as an explicit theme. */
@media (prefers-color-scheme: light){
:root:not([data-theme]) .account-settings-page{color:color-mix(in srgb,var(--overlay-scrim) 88%,var(--surface))}
:root:not([data-theme]) .account-settings-page .settings-sidebar{background:color-mix(in srgb,var(--overlay-scrim) 1.8%,var(--surface));border-color:color-mix(in srgb,var(--overlay-scrim) 7%,var(--surface))}
:root:not([data-theme]) .account-settings-page .settings-sidebar nav button{color:color-mix(in srgb,var(--overlay-scrim) 76%,var(--surface))}
:root:not([data-theme]) .account-settings-page .settings-sidebar nav button.on{background:color-mix(in srgb,var(--overlay-scrim) 4.5%,transparent)}
:root:not([data-theme]) .account-settings-page .settings-sidebar nav button .i{color:color-mix(in srgb,var(--overlay-scrim) 65%,var(--surface))}
:root:not([data-theme]) .account-settings-page .settings-nav-label{color:color-mix(in srgb,var(--overlay-scrim) 42%,var(--surface))}
:root:not([data-theme]) .account-settings-page :is(.settings-page-head h2,.settings-section-title-row h3,.settings-link,.csel,.settings-row-control){color:color-mix(in srgb,var(--overlay-scrim) 88%,var(--surface))}
:root:not([data-theme]) .account-settings-page :is(.settings-row-copy small,.settings-footnote,.settings-page-head p){color:color-mix(in srgb,var(--overlay-scrim) 54%,var(--surface))}
:root:not([data-theme]) .account-settings-page .settings-switch:not([aria-checked="true"]){background:color-mix(in srgb,var(--overlay-scrim) 14%,var(--surface))}
}
@media (prefers-color-scheme: dark){
:root:not([data-theme]) .account-settings-page .appearance-option.on .appearance-preview{border-color:var(--accent-default)}
:root:not([data-theme]) .account-settings-page .settings-switch[aria-checked="true"]{background:var(--accent-default)}
:root:not([data-theme]) .account-settings-page .settings-switch[aria-checked="true"] span{background:var(--action-on-primary)}
:root:not([data-theme]) .account-settings-page .settings-row-group{border-color:color-mix(in srgb,var(--text-primary) 12%,transparent)}
:root:not([data-theme]) :is(.account-settings-page,.model-channel-guide) :is(.settings-row+.settings-row,.channel-card+.channel-card):before{background:color-mix(in srgb,var(--text-primary) 12%,transparent)}
:root:not([data-theme]) :is(.account-settings-page,:where(.model-channel-guide .channel-list)) :is(.btn,.csel):not(.appearance-option):not(.settings-switch):not(.settings-link):not(.channel-unlink):not(.channel-quota-retry):not(.pri){border-color:color-mix(in srgb,var(--text-primary) 8%,transparent)}
:root:not([data-theme]) #settingsWorkspace button.csel[data-menu-trigger]{border-color:color-mix(in srgb,var(--text-primary) 8%,transparent)}
:root:not([data-theme]) .account-settings-page .account-device-row+.account-device-row:before{background:color-mix(in srgb,var(--text-primary) 12%,transparent)}
}

/* Read-only identity labels retain space when names or email addresses wrap. */
@media(min-width:601px){
.account-settings-page #settingsAccountIdentity .settings-row-copy{flex:0 0 calc(48px * var(--interface-font-scale))}
.account-settings-page #settingsAccountIdentity .settings-row-control{flex:1 1 0}
}

/* Keep the organization label readable beside a long read-only name. */
@media(min-width:601px){
}

/* Keep update feedback inside its version group. */
.account-settings-page .settings-update-notice[role="alert"]{color:var(--status-danger)}

/* module-rule:settingsTools */
.account-settings-page .settings-tools{min-width:0}
.account-settings-page .settings-tools-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:48px}
.account-settings-page .settings-tools-heading .settings-page-head{margin:0;min-width:0}
.account-settings-page .settings-tools-heading .settings-page-head p{margin-top:8px}
.account-settings-page .settings-tools-heading-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}
.account-settings-page .settings-tools-heading-actions>.btn{height:34px;min-height:34px;padding:0 16px;border-radius:10px}
.account-settings-page .settings-tools-heading-actions>.pri{background:var(--action-primary);color:var(--action-on-primary);border-color:transparent}
.account-settings-page .settings-tools-heading-actions>.pri:hover{background:color-mix(in srgb,var(--action-primary) 90%,var(--surface));color:var(--action-on-primary)}
.account-settings-page .settings-tools-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px;min-height:34px}
.account-settings-page .settings-tools-tabs{display:flex;align-items:center;gap:4px;flex-shrink:0}
.account-settings-page .settings-tools-tabs button{display:flex;align-items:center;gap:6px;height:32px;padding:0 16px;border:0;border-radius:10px;background:transparent;color:var(--text-secondary);font-size:calc(13px * var(--interface-font-scale));cursor:pointer;white-space:nowrap}
.account-settings-page .settings-tools-tabs button:hover,.account-settings-page .settings-tools-tabs button[aria-selected="true"]{background:var(--surface-hover);color:var(--text-primary)}
.account-settings-page .settings-tools-tabs small{font-size:inherit;color:var(--text-muted);font-variant-numeric:tabular-nums}
.account-settings-page .settings-tools-search{width:244px;min-width:120px;flex:0 1 244px}
.account-settings-page .settings-tool-row{display:flex;align-items:center;gap:24px;min-height:70px;padding:8px 10px;border-radius:10px}
.account-settings-page .settings-tool-row:hover{background:var(--surface-hover)}
.account-settings-page .settings-tool-identity{display:flex;align-items:center;gap:12px;flex:1;min-width:0;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer;border-radius:6px}
.account-settings-page .settings-tool-icon{width:40px;height:40px;flex:0 0 40px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--border-default);border-radius:10px;background:var(--surface)}
.account-settings-page .settings-tool-icon>img{width:100%;height:100%;object-fit:contain}
.account-settings-page .settings-tool-icon .i{width:24px;height:24px;color:var(--text-secondary)}
.account-settings-page .settings-tool-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.account-settings-page .settings-tool-name{display:flex;align-items:baseline;gap:10px;font-size:calc(14px * var(--interface-font-scale));line-height:calc(20px * var(--interface-font-scale));font-weight:500;min-width:0;overflow-wrap:anywhere}
.account-settings-page .settings-tool-name small{color:var(--text-muted);font-size:calc(11px * var(--interface-font-scale));font-weight:400;white-space:nowrap}
.account-settings-page .settings-tool-description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-size:calc(13px * var(--interface-font-scale));line-height:calc(20px * var(--interface-font-scale))}
.account-settings-page .settings-tool-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}
.account-settings-page .settings-tool-actions>.btn{border-color:transparent;background:none}
.account-settings-page .settings-tool-actions>.btn:hover{background:var(--surface)}
.account-settings-page .settings-tools-notice{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:calc(13px * var(--interface-font-scale));line-height:20px;color:var(--text-muted);margin:0 10px 16px}
.account-settings-page .settings-tools-notice.settings-inline-error{color:var(--status-danger)}
.account-settings-page .settings-tools-empty{padding:72px 16px;text-align:center;color:var(--text-muted)}
.account-settings-page .settings-tools-empty h3{margin:0 0 8px;font-size:calc(16px * var(--interface-font-scale));font-weight:500;color:var(--text-primary)}
.account-settings-page .settings-tools-empty p{font-size:calc(13px * var(--interface-font-scale));line-height:22px;margin:0 0 16px}
.account-settings-page .settings-tools-more{display:flex;margin:20px auto 0}
.account-settings-page .settings-tools-results{display:block;text-align:center;color:var(--text-muted);font-size:calc(12px * var(--interface-font-scale));margin:12px 0}
.account-settings-page .settings-tools-results:empty{display:none}
.account-settings-page .settings-tools-catalog-label{font-size:calc(14px * var(--interface-font-scale));font-weight:500}
@media(max-width:1100px){.account-settings-page .settings-tools-toolbar{gap:12px}.account-settings-page .settings-tools-tabs button{padding:0 12px}.account-settings-page .settings-tool-actions{gap:8px}.account-settings-page .settings-tool-row{gap:12px}}
@media(max-width:700px){.account-settings-page .settings-tools-heading{flex-wrap:wrap;gap:12px;margin-bottom:20px}.account-settings-page .settings-tools-heading-actions{padding-top:0}.account-settings-page .settings-tools-toolbar{align-items:stretch;flex-direction:column;gap:16px;margin-bottom:16px}.account-settings-page .settings-tools-search{flex:auto;width:100%}.account-settings-page .settings-tools-tabs{justify-content:space-between}.account-settings-page .settings-tools-tabs button{padding:0 10px}.account-settings-page .settings-tool-row{padding-left:0;padding-right:0;gap:8px}.account-settings-page .settings-tool-name{display:block}.account-settings-page .settings-tool-name small{display:block}.account-settings-page .settings-tool-actions{flex-direction:column;gap:0}.account-settings-page .settings-tool-icon{width:36px;height:36px;flex-basis:36px}.account-settings-page .settings-tool-identity{gap:10px}}

.account-settings-page #settingsToolsAdd>.i{transform:rotate(90deg);color:inherit}
.account-settings-page #settingsPanel #settingsToolsAdd{background:var(--action-primary)!important;color:var(--action-on-primary)!important;border-color:transparent!important;border-radius:10px!important}
.account-settings-page #settingsPanel #settingsToolsAdd:is(:hover,[aria-expanded="true"],.menu-trigger-active){background:color-mix(in srgb,var(--action-primary) 90%,var(--surface))!important;color:var(--action-on-primary)!important}

/* module-rule:settingsToolsReference */
.account-settings-page .tools-icon-button,.tools-skill-dialog .tools-icon-button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;flex:none;border:0;border-radius:50%;background:transparent;color:var(--text-secondary);cursor:pointer}
.account-settings-page .tools-icon-button:hover,.tools-skill-dialog .tools-icon-button:hover{background:var(--surface-hover);color:var(--text-primary)}
.tools-icon-button>.i{width:16px;height:16px}
.account-settings-page .settings-skill-row .settings-tool-icon{border-radius:50%;background:transparent}
.account-settings-page .settings-skill-row{min-height:72px}
.account-settings-page .tools-section{margin:0 0 28px}
.account-settings-page .tools-section>h3{font-size:calc(14px * var(--interface-font-scale));font-weight:500;line-height:22px;margin:0 0 12px}
.account-settings-page .tools-row-group{border:1px solid var(--border-default);border-radius:14px;padding:0 16px;overflow:hidden}
.account-settings-page .tools-mcp-row,.account-settings-page .tools-contained-skill{display:flex;align-items:center;gap:16px;min-height:64px;padding:12px 0}
.account-settings-page .tools-mcp-row+.tools-mcp-row,.account-settings-page .tools-contained-skill+.tools-contained-skill,.account-settings-page .tools-fact-row+.tools-fact-row{border-top:1px solid var(--border-default)}
.account-settings-page .tools-mcp-name{display:flex;align-items:baseline;gap:12px;flex:1;min-width:0;padding:0;border:0;background:none;text-align:left;cursor:pointer;color:var(--text-primary);font-size:calc(14px * var(--interface-font-scale))}
.account-settings-page .tools-mcp-name>span{overflow-wrap:anywhere}
.account-settings-page .tools-mcp-name>small{color:var(--text-muted);font-size:calc(11px * var(--interface-font-scale));white-space:nowrap}
.tools-state-control{display:inline-flex;flex:none}
.account-settings-page .tools-readonly-switch:disabled{opacity:1;cursor:default}
.account-settings-page .tools-breadcrumb{display:flex;align-items:center;gap:10px;min-height:32px;margin:0 0 32px;color:var(--text-primary);font-size:calc(13px * var(--interface-font-scale));min-width:0}
.account-settings-page .tools-breadcrumb>.i{width:14px;height:14px;color:var(--text-muted);flex:none}
.account-settings-page .tools-breadcrumb>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-settings-page .settings-tools-back{border:0;border-radius:8px;padding:6px 8px;margin-left:-8px;background:none;color:var(--text-muted);font:inherit;cursor:pointer;white-space:nowrap}
.account-settings-page .settings-tools-back:hover{background:var(--surface-hover);color:var(--text-primary)}
.account-settings-page .tools-detail-content{max-width:880px;margin:0 auto}
.account-settings-page .tools-detail-hero{display:flex;align-items:center;gap:16px;margin-bottom:32px}
.account-settings-page .tools-hero-icon{width:64px;height:64px;flex-basis:64px;border-radius:16px}
.account-settings-page .tools-hero-icon .i{width:32px;height:32px}
.account-settings-page .tools-detail-title{flex:1;min-width:0}
.account-settings-page .tools-detail-title h2{font-size:calc(24px * var(--interface-font-scale));line-height:1.35;font-weight:600;margin:0 0 6px;overflow-wrap:anywhere}
.account-settings-page .tools-detail-title p{margin:0;font-size:calc(13px * var(--interface-font-scale));line-height:1.6;color:var(--text-secondary);overflow-wrap:anywhere}
.account-settings-page .tools-detail-title p:empty{display:none}
.account-settings-page .tools-detail-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.account-settings-page .tools-detail-actions>a{font-size:calc(13px * var(--interface-font-scale));border:1px solid var(--border-default);border-radius:8px;padding:6px 12px;color:var(--text-primary);text-decoration:none}
.account-settings-page .tools-detail-actions>a:hover{background:var(--surface-hover)}
.account-settings-page .tools-fact-row{display:grid;grid-template-columns:160px minmax(0,1fr);gap:16px;align-items:baseline;padding:18px 0;font-size:calc(13px * var(--interface-font-scale));line-height:20px}
.account-settings-page .tools-fact-row dt{color:var(--text-secondary)}
.account-settings-page .tools-fact-row dd{margin:0;color:var(--text-primary);overflow-wrap:anywhere}
.account-settings-page .tools-fact-row a{color:inherit;text-decoration:none}
.account-settings-page .tools-fact-row a:hover{text-decoration:underline}
.account-settings-page .tools-config-note{margin-top:-12px}
.tools-skill-dialog{width:760px;max-width:calc(100vw - 40px);max-height:88vh}
.tools-skill-dialog>.mh{padding:24px 24px 0;align-items:center}
.tools-skill-dialog>.mb{padding:20px 24px 24px;gap:20px;min-height:0}
.tools-skill-dialog .tools-skill-hero-icon{display:flex;width:48px;height:48px;flex:0 0 48px;border:1px solid var(--border-default);border-radius:50%;align-items:center;justify-content:center;overflow:hidden}
.tools-skill-dialog .tools-skill-hero-icon img{width:100%;height:100%;object-fit:contain}
.tools-skill-dialog .tools-skill-hero-icon .i{width:24px;height:24px;color:var(--text-secondary)}
.tools-skill-dialog .tools-skill-header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}
.tools-skill-dialog .modal-x{position:static;margin:0}
.tools-skill-dialog .settings-switch{width:32px;min-width:32px;height:20px;border:0;border-radius:20px;padding:2px;background:var(--border-default);display:flex;align-items:center;opacity:1;cursor:default}
.tools-skill-dialog .settings-switch span{display:block;width:16px;height:16px;border-radius:50%;background:var(--theme-light-surface)}
.tools-skill-dialog .settings-switch[aria-checked="true"]{background:var(--accent-default)}
.tools-skill-dialog .settings-switch[aria-checked="true"] span{transform:translateX(12px)}
.tools-skill-dialog .tools-skill-intro h2{font-size:calc(22px * var(--interface-font-scale));line-height:1.4;font-weight:600;margin:0 0 8px;overflow-wrap:anywhere}
.tools-skill-dialog .tools-skill-intro h2>span{font-weight:400;color:var(--text-muted);margin-left:6px}
.tools-skill-dialog .tools-skill-intro p{font-size:calc(14px * var(--interface-font-scale));line-height:1.6;color:var(--text-secondary);margin:0 0 8px;overflow-wrap:anywhere}
.tools-skill-dialog .tools-skill-intro small{font-size:calc(12px * var(--interface-font-scale));color:var(--text-muted)}
.tools-skill-dialog .tools-skill-markdown{padding:20px;border:1px solid var(--border-default);border-radius:14px;background:var(--surface-subtle);font-size:calc(14px * var(--interface-font-scale));line-height:1.7;overflow-wrap:anywhere}
.tools-skill-dialog .tools-skill-markdown>:first-child{margin-top:0}
.tools-skill-dialog .tools-skill-markdown>:last-child{margin-bottom:0}
.tools-skill-dialog .tools-skill-markdown pre{max-width:100%;overflow:auto}
.tools-skill-dialog .tools-skill-markdown table{display:block;max-width:100%;overflow:auto}
.tools-skill-dialog .tools-skill-unavailable{padding:24px 8px;text-align:center;color:var(--text-secondary)}
.tools-skill-dialog .tools-skill-unavailable p{margin:0 0 8px}
.tools-skill-dialog .tools-skill-unavailable small{color:var(--text-muted)}
.tools-skill-dialog #settingsExtensionCopyStatus:empty{display:none}
@media(max-width:700px){.account-settings-page .tools-detail-hero{flex-wrap:wrap;gap:12px}.account-settings-page .tools-detail-actions{flex-basis:100%;justify-content:flex-end}.account-settings-page .tools-fact-row{grid-template-columns:88px minmax(0,1fr);gap:12px}.account-settings-page .tools-mcp-name{display:block}.account-settings-page .tools-mcp-name>small{display:block;margin-top:4px}.account-settings-page .tools-contained-skill{gap:8px}.tools-skill-dialog{max-width:calc(100vw - 24px)}.tools-skill-dialog>.mh{padding:20px 18px 0}.tools-skill-dialog>.mb{padding:16px 18px 20px}.tools-skill-dialog .tools-skill-markdown{padding:16px}}

/* module-rule:settingsToolsSourceLogo */
.account-settings-page .tools-source-logo{display:inline-flex;align-items:center;justify-content:center;flex:0 0 16px;width:16px;height:16px;color:var(--text-secondary);vertical-align:middle;align-self:center}
.account-settings-page .tools-source-logo>.provider-brand-icon,.account-settings-page .tools-source-logo>.i{width:16px;height:16px;display:block}
@media(max-width:700px){.account-settings-page .settings-tool-name:has(.tools-source-logo),.account-settings-page .tools-mcp-name:has(.tools-source-logo){display:flex;align-items:center}}

/* Content-sized actions, aligned with the Add trigger. */
body:has(#settingsToolsAdd[aria-expanded="true"])>#popmenu.settings-select-menu{width:max-content;min-width:0;max-width:calc(100vw - 16px)}
body:has(#settingsToolsAdd[aria-expanded="true"])>#popmenu.settings-select-menu .menu-check{display:none}

.settings-extension-dialog .tools-import-target{display:flex;align-items:center;gap:16px;margin-top:20px}.settings-extension-dialog .tools-import-control{position:relative;flex:1;min-width:0}.settings-extension-dialog .tools-import-control select{appearance:none;width:100%;height:36px;padding:0 34px 0 12px;border:1px solid var(--border-default);border-radius:10px;background:var(--surface);color:var(--text-primary);font:inherit}.settings-extension-dialog .tools-import-control>.i{position:absolute;right:12px;top:11px;width:14px;height:14px;transform:rotate(90deg);pointer-events:none;color:var(--text-secondary)}

/* module-rule:organizationInline */
.account-settings-page .organization-inline{padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0}
.account-settings-page .organization-inline p{margin:0}
.account-settings-page .organization-inline .settings-footnote{margin:0;color:var(--text-secondary)}
.account-settings-page .organization-inline label{font-weight:500}
.account-settings-page .organization-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-shrink:0}
.account-settings-page .organization-seat-heading{padding:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text-secondary)}
.account-settings-page .organization-member{margin:0 16px;min-height:72px;display:flex;align-items:center;gap:12px;border-top:1px solid var(--border-default)}
.account-settings-page .organization-member-identity{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px;overflow-wrap:anywhere}
.account-settings-page .organization-member-identity b{font-weight:500}
.account-settings-page .organization-member-identity small,.account-settings-page .organization-role{color:var(--text-secondary)}
.account-settings-page .organization-role{flex-shrink:0}
.account-settings-page .organization-more-placeholder{width:32px;flex-shrink:0}
.account-settings-page .organization-input-action{display:flex;gap:12px;align-items:center}
.account-settings-page .organization-input-action .inp{flex:1;min-width:0}
.account-settings-page .organization-input-action .btn{flex-shrink:0}
.account-settings-page .organization-seat-count{display:flex;align-items:center;justify-content:space-between;gap:12px}
.account-settings-page .organization-stepper{display:flex;align-items:center;gap:8px}
.account-settings-page .organization-stepper .inp{width:72px;text-align:center}
.account-settings-page .organization-stepper .btn{width:32px;padding:0}
.account-settings-page .organization-picker{display:flex;align-items:center;gap:12px;margin-bottom:24px}
.account-settings-page .organization-picker .inp{width:auto;max-width:100%;min-width:0}
@media(max-width:600px){.account-settings-page .organization-seat-heading{align-items:flex-start;flex-direction:column}.account-settings-page .organization-input-action{align-items:stretch;flex-direction:column}.account-settings-page .organization-input-action .inp{width:100%}.account-settings-page #settingsOrganizationIdentity .settings-row{gap:12px}.account-settings-page #settingsOrganizationIdentity .settings-row-copy{flex-basis:auto}.account-settings-page .organization-member{gap:8px}}

.account-settings-page #accountSettingsOrganization .settings-section{margin-bottom:32px}
.account-settings-page #settingsOrganizationIdentity .settings-row-copy{flex:1;min-width:0;width:auto}
.account-settings-page #settingsOrganizationIdentity .settings-row{min-height:56px}
.account-settings-page .organization-asset-note{margin:12px 0 0;color:var(--text-secondary);font-size:calc(13px * var(--interface-font-scale));line-height:1.5}
.account-settings-page .organization-member:first-child{border-top:0}
.account-settings-page .organization-stepper input::-webkit-inner-spin-button{appearance:none;margin:0}

/* module-rule:organizationInvitations */
.account-settings-page .organization-invitation{padding:20px;margin-bottom:12px;display:flex;flex-direction:column;gap:12px}
.account-settings-page .organization-invitation h4{margin:0;font-size:calc(16px * var(--interface-font-scale));line-height:24px;font-weight:500}
.account-settings-page .organization-invitation p{margin:0;font-size:calc(13px * var(--interface-font-scale));line-height:20px;color:var(--text-secondary);overflow-wrap:anywhere}
.account-settings-page .organization-invitation .organization-actions{justify-content:flex-end}

.account-settings-page .organization-invitation .btn.ghost{border-color:transparent;background:transparent}

/* Settings loading regions follow their final field/row shape. */
.account-settings-page .settings-control-skeleton{display:inline-block;flex:none;max-width:100%;height:32px;width:96px;border-radius:8px;vertical-align:middle}
.account-settings-page .settings-control-skeleton-switch{width:32px;height:20px;border-radius:20px}
.account-settings-page .settings-control-skeleton-line{width:160px;height:14px;border-radius:4px}
.account-settings-page .settings-control-skeleton-copy{width:230px;height:12px;border-radius:4px}
.account-settings-page .organization-read-skeleton{display:flex;flex-direction:column;gap:10px;margin:16px 0}
.account-settings-page .tools-skeleton-icon{width:40px;height:40px;flex:0 0 40px;border-radius:10px}
.account-settings-page .settings-skill-row .tools-skeleton-icon{border-radius:50%}
.account-settings-page .tools-skeleton-title{display:block;width:160px;max-width:100%;height:14px;border-radius:4px}
.account-settings-page .tools-skeleton-description{display:block;width:260px;max-width:100%;height:12px;border-radius:4px}
.account-settings-page .tools-skeleton-switch{width:32px;height:20px;border-radius:20px}
.account-settings-page .tools-skeleton-gear,.account-settings-page .tools-skeleton-arrow{width:28px;height:28px;border-radius:6px}
.account-settings-page .tools-skeleton-logo{width:16px;height:16px;border-radius:4px}
.account-settings-page .tools-skeleton-scope{width:26px;height:12px;border-radius:4px}
/* Skeleton passivity and row separators are owned by ui/page-skeletons.css. */

.tools-skill-dialog .tools-markdown-skeleton{--sk-base:var(--border-default);--sk-shine:var(--surface-hover);display:flex;flex-direction:column;gap:14px;min-height:180px;pointer-events:none;user-select:none;cursor:default}
.tools-skill-dialog .tools-markdown-skeleton .skeleton-block{display:block;width:100%;height:12px;border-radius:4px;pointer-events:none}
.tools-skill-dialog .tools-markdown-skeleton .skeleton-block:first-child{width:42%;height:18px;margin-bottom:8px}
.tools-skill-dialog .tools-markdown-skeleton .skeleton-block:nth-child(4){width:76%;margin-bottom:12px}
.tools-skill-dialog .tools-markdown-skeleton .skeleton-block:last-child{width:62%}

/* Settings finance shares the settings shell, type scale and semantic colors. */
.account-settings-page .settings-finance .settings-row{min-height:64px}
.account-settings-page .settings-finance .settings-finance-value{display:flex;flex-direction:column;gap:2px;align-items:flex-end;font-variant-numeric:tabular-nums}
.account-settings-page .settings-finance small{display:block;font-size:calc(12px * var(--interface-font-scale));line-height:calc(18px * var(--interface-font-scale));color:var(--text-muted)}
.account-settings-page .settings-finance-balance{min-height:max(64px,calc(36px * var(--interface-font-scale) + 20px));display:flex;align-items:center;justify-content:space-between;gap:24px;padding:10px 16px}
.account-settings-page .settings-finance-balance strong{font-size:calc(28px * var(--interface-font-scale));line-height:calc(36px * var(--interface-font-scale));font-weight:500;font-variant-numeric:tabular-nums;color:var(--text-primary)}
.account-settings-page .settings-finance-balance>.btn{min-width:76px}
.account-settings-page .settings-finance-tabs{display:flex;align-items:flex-start;gap:48px;height:44px}
.account-settings-page .settings-finance-tabs button{position:relative;height:32px;padding:0 0 8px;color:var(--text-primary);font-size:calc(14px * var(--interface-font-scale));line-height:20px;font-weight:400;background:none;border:0;cursor:pointer}
.account-settings-page .settings-finance-tabs [aria-selected="true"]{font-weight:500}
.account-settings-page .settings-finance-tabs [aria-selected="true"]:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--text-primary)}
.account-settings-page .settings-finance-list{max-height:448px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:auto}
.account-settings-page .settings-finance-asset{text-align:left;color:inherit;background:none;border:0;font:inherit;cursor:pointer}
.account-settings-page .settings-finance-asset:hover{text-decoration:underline}
.account-settings-page .settings-finance-more{padding:12px 16px;text-align:center}
.account-settings-page .settings-finance-empty{color:var(--text-muted);font-size:calc(13px * var(--interface-font-scale))}
.account-settings-page .settings-finance-skeleton{pointer-events:none;user-select:none}
.account-settings-page .settings-finance-skeleton .settings-row:before{display:none}
.account-settings-page .settings-finance-placeholder{display:flex;flex-direction:column;gap:8px;flex:1}
.account-settings-page .settings-finance-placeholder .skeleton-block{display:block;width:120px;height:14px;border-radius:4px}
.account-settings-page .settings-finance-placeholder .skeleton-block+ .skeleton-block{width:92px;height:12px}
.account-settings-page .settings-finance-skeleton>.settings-row>.skeleton-block{width:76px;height:32px;border-radius:8px}
.account-settings-page .settings-finance .subscription-management{margin:0;padding:0 16px 12px;font-size:calc(13px * var(--interface-font-scale))}
.account-settings-page .settings-finance .subscription-current{border:0;padding:0}
.account-settings-page .settings-finance .subscription-current p{font-size:calc(12px * var(--interface-font-scale));color:var(--text-muted)}
.account-settings-page .settings-finance .subscription-payment-status{gap:16px;font-size:calc(13px * var(--interface-font-scale));margin:12px 0 0}
.account-settings-page .settings-topup-form{margin:-24px 0 40px;padding:16px;border:1px solid var(--border-default);border-radius:14px;font-size:calc(13px * var(--interface-font-scale))}
.account-settings-page .settings-topup-controls{display:flex;align-items:center;gap:8px;margin:10px 0 6px}
.account-settings-page .settings-topup-controls .inp{flex:1;min-width:0;height:32px;font-size:inherit}
.account-settings-page .settings-finance-receipt{display:flex;align-items:center;gap:12px;margin:-24px 0 40px;font-size:calc(13px * var(--interface-font-scale));color:var(--text-primary)}
.account-settings-page .settings-finance-receipt>div{flex:1}
.account-settings-page .settings-finance .settings-section:first-of-type .settings-row-control>.btn{min-width:112px}
.account-settings-page .settings-finance-balance-loading{min-height:max(64px,calc(36px * var(--interface-font-scale) + 20px));display:flex;align-items:center}
.account-settings-page .settings-finance-balance-loading>.settings-finance-skeleton{width:100%}

/* Empty finance lists use the shared illustration; unknown lists keep their row skeleton. */
.account-settings-page .settings-finance-empty .rt-empty-state{gap:18px}
.account-settings-page .settings-finance-empty .rt-empty-state-art{width:224px}
.account-settings-page .settings-finance-empty .rt-empty-state-copy{display:flex}
.account-settings-page .settings-finance-list:has(>.settings-finance-empty),.account-settings-page .settings-row-group:has(>.settings-finance-list>.settings-finance-empty){border:0;border-radius:0;background:none}
.account-settings-page .settings-finance-notice{color:var(--text-muted);font-size:calc(13px * var(--interface-font-scale))}
.account-settings-page .settings-finance-skeleton-value{flex:0 0 76px;align-items:flex-end}
.account-settings-page .settings-finance-skeleton-value .skeleton-block{width:64px}
.account-settings-page .settings-finance-skeleton-value .skeleton-block+.skeleton-block{width:48px}
.account-settings-page .settings-finance-skeleton--balance .settings-finance-placeholder .skeleton-block:first-child{height:36px}
.account-settings-page .settings-finance-skeleton--balance .settings-finance-placeholder .skeleton-block+.skeleton-block{display:none}

.account-settings-page .settings-finance-empty .rt-empty-state-copy>b{font-size:calc(16px * var(--interface-font-scale,1));line-height:calc(24px * var(--interface-font-scale,1))}
.account-settings-page .settings-finance-empty .rt-empty-state-copy>span:empty{display:none}
.account-settings-page .settings-finance-skeleton--plan .settings-finance-placeholder .skeleton-block+.skeleton-block{display:none}