/* Account IA: vertical sidebar navigation, task-focused content and grouped settings. */
.uc-main:has(>.account-nav){display:flex;gap:32px;align-items:flex-start;max-width:1280px}
.account-content{flex:1;min-width:0}
.account-nav{flex:0 0 220px;align-self:flex-start;position:sticky;top:96px;overflow:hidden;border:0;border-radius:var(--sf-radius-lg);background:var(--sf-observatory-surface);box-shadow:var(--sf-shadow)}
.account-nav__toggle{display:none;width:100%;align-items:center;justify-content:space-between;gap:8px;min-height:48px;padding:12px 16px;border:0;background:transparent;color:var(--sf-ink);font-size:var(--sf-text-sm);font-weight:var(--sf-weight-semibold);cursor:pointer}
.account-nav__toggle .material-icons-outlined{font-size:20px;transition:transform var(--sf-fast) var(--sf-ease)}
.account-nav.is-open .account-nav__toggle .material-icons-outlined{transform:rotate(180deg)}
.account-nav__track{display:flex;flex-direction:column;gap:4px;padding:8px}
.account-nav__group{display:flex;flex-direction:column;gap:2px;padding:8px 0}
.account-nav__group+.account-nav__group{border-top:1px solid var(--sf-catalog-row-line)}
.account-nav__group-links{display:flex;flex-direction:column;gap:2px}
.account-nav__label{margin:0;padding:6px 12px;color:var(--sf-muted);font-size:var(--sf-text-xs);font-weight:var(--sf-weight-medium)}
.account-nav__group.is-active>.account-nav__label{color:var(--sf-ink);font-weight:var(--sf-weight-semibold)}
.account-nav__link{display:flex;align-items:center;gap:10px;min-height:40px;padding:8px 12px;border:1px solid transparent;border-radius:var(--sf-radius-sm);color:var(--sf-ink-soft);font-size:var(--sf-text-sm)}
.account-nav__link .material-icons-outlined{flex:none;font-size:19px;color:var(--sf-muted)}
.account-nav__link:hover{background:var(--sf-row-hover);color:var(--sf-ink)}
.account-nav__link:hover .material-icons-outlined{color:var(--sf-ink)}
.account-nav__link.active{border-color:transparent;background:linear-gradient(100deg,var(--sf-orbit-soft),transparent 80%);box-shadow:inset 2px 0 0 var(--sf-action);color:var(--sf-ink);font-weight:var(--sf-weight-semibold)}
.account-nav__link.active .material-icons-outlined{color:var(--sf-action)}
@media (max-width:960px){
  .uc-main:has(>.account-nav){display:block;max-width:100%}
  .account-nav{position:static;margin-bottom:20px}
  .account-nav__toggle{display:flex}
  .account-nav__track{display:none}
  .account-nav.is-open .account-nav__track{display:flex}
}
@media (max-width:720px){
  .account-nav__link{min-height:44px}
}
.account-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}
.account-page-head>div{min-width:0}.account-page-head p{max-width:65ch;margin-top:8px;color:var(--sf-muted)}
.account-page-head__action{flex:none}
.account-card-head{display:flex;align-items:center;gap:8px}
.account-card-head>.material-icons-outlined{flex:none;font-size:20px}
.account-card-head .uc-card__title{min-width:0;font-size:var(--sf-text-base)}
.account-card-head .uc-card__tools{float:none;margin-left:auto}
.account-card-head .uc-more{display:inline-flex;align-items:center;gap:2px}

.uc-stats--1{grid-template-columns:minmax(0,1fr)}
.uc-stat--link{display:block;color:inherit;text-decoration:none;transition:border-color var(--sf-fast) var(--sf-ease),background-color var(--sf-fast) var(--sf-ease)}
.uc-stat--link:hover{border-color:var(--sf-action);background:var(--sf-surface-warm)}
.uc-stat__action{display:flex;align-items:center;gap:4px;margin-top:12px;color:var(--sf-action);font-size:var(--sf-text-xs);font-weight:var(--sf-weight-medium)}
.uc-stat__action .material-icons-outlined{font-size:16px}
.account-order-workspace,.account-recent-orders,.account-order-table{min-width:0}
.account-order-table,.account-order-table .bootstrap-table,.account-order-table .fixed-table-container{max-width:100%}
.account-order-table th,.account-order-table td{overflow-wrap:anywhere}
.account-order-support{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:12px 20px;border-top:1px solid var(--sf-line);color:var(--sf-muted);font-size:var(--sf-text-sm)}
.account-order-support a{color:var(--sf-ink);text-decoration:underline;text-underline-offset:3px}
.account-bill-tabs{display:inline-flex;flex-wrap:wrap;gap:4px;margin-bottom:20px;padding:4px;border:1px solid var(--sf-line);border-radius:var(--sf-radius-sm);background:var(--sf-surface)}
.account-bill-tabs button{min-height:36px;padding:6px 14px;border:0;border-radius:var(--sf-radius-sm);background:transparent;color:var(--sf-ink-soft);font-size:var(--sf-text-sm);cursor:pointer;transition:background-color var(--sf-fast) var(--sf-ease),color var(--sf-fast) var(--sf-ease)}
.account-bill-tabs button:hover{background:var(--sf-surface-alt);color:var(--sf-ink)}
.account-bill-tabs button.active{background:var(--sf-ink);color:var(--sf-surface);font-weight:var(--sf-weight-semibold)}
.account-bill-page .fixed-table-toolbar [name="equal-currency"],
.account-bill-page .fixed-table-toolbar [name="equal-type"]{display:none}
.account-bill-page .fixed-table-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--sf-line)}
.account-bill-page .fixed-table-toolbar .search{flex:1;min-width:200px}
.account-bill-page .fixed-table-toolbar .input-group{display:flex;align-items:center;gap:8px}
.account-bill-page .fixed-table-toolbar .form-control{min-height:40px;padding:8px 12px;border:1px solid var(--sf-control-border);border-radius:var(--sf-radius-sm);background:var(--sf-surface);color:var(--sf-ink);font-size:var(--sf-text-sm)}
.account-bill-page .fixed-table-toolbar .query-button{min-height:40px;padding:8px 16px;border:1px solid var(--sf-ink);border-radius:var(--sf-radius-sm);background:var(--sf-ink);color:var(--sf-surface);font-size:var(--sf-text-sm);cursor:pointer}
.account-bill-page .fixed-table-toolbar .query-button:hover{background:var(--sf-ink-soft)}
.account-bill-page .fixed-table-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--sf-line);color:var(--sf-muted);font-size:var(--sf-text-sm)}
.account-form-section__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.account-form-section__head>div{min-width:0}
.account-purchase-summary{margin-top:24px}
.account-purchase-summary .uc-subhead h2,.account-business .uc-subhead h2{font-size:inherit}
.account-balance-value{font-family:var(--sf-mono);font-size:28px;font-weight:var(--sf-weight-semibold);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.account-balance-value>span{margin-right:4px;font-size:16px}
.account-balance-action{width:100%;margin-top:16px}
.account-member-data{margin-top:16px;border-top:1px solid var(--sf-line)}
.account-member-data summary{min-height:44px;padding:12px 0;color:var(--sf-muted);font-size:var(--sf-text-sm);cursor:pointer}
.account-member-data dl{display:grid;gap:8px;margin:0;padding:0 0 4px}
.account-member-data dl>div{display:flex;justify-content:space-between;gap:12px;color:var(--sf-muted);font-size:var(--sf-text-sm)}
.account-member-data dd{margin:0;color:var(--sf-ink);font-family:var(--sf-mono);text-align:right;overflow-wrap:anywhere}
.account-commission{margin-top:20px}.account-commission__values{display:grid;gap:8px;margin:0 0 12px}.account-commission__values>div{display:flex;justify-content:space-between;gap:12px}.account-commission__values dt{color:var(--sf-muted);font-size:var(--sf-text-sm)}.account-commission__values dd{margin:0;font-family:var(--sf-mono);font-weight:var(--sf-weight-semibold)}
.account-business{margin-top:32px;padding-top:28px;border-top:1px solid var(--sf-line-strong)}

.uc-subtab.account-settings-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--sf-line)}
.account-settings-nav__group{display:flex;min-width:0;flex-direction:column;align-items:stretch}
.uc-subtab.account-settings-nav .uc-subtab__label{flex-basis:auto;margin:0 0 6px;padding:0 12px;font-size:var(--sf-text-xs)}
.uc-subtab.account-settings-nav a{display:flex;align-items:center;gap:8px;border-bottom:0}
.uc-subtab.account-settings-nav a.active{background:var(--sf-primary-soft)}
.account-settings-nav a .material-icons-outlined{flex:none;font-size:19px}
.account-settings-nav__group--api{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--sf-line)}
.account-settings-nav__group--api .uc-subtab__label{flex-basis:100%}

.account-form-section{padding:4px 0 24px;border-bottom:1px solid var(--sf-line);scroll-margin-top:88px}
.account-form-section h2,.account-panel-heading h2{margin-bottom:16px;font-size:var(--sf-text-md)}
.account-form-section__intro{margin:-8px 0 20px;color:var(--sf-muted);font-size:var(--sf-text-sm)}
.account-section-title{margin:0 0 16px;font-size:var(--sf-text-md);font-weight:var(--sf-weight-semibold)}
.account-profile-summary{display:flex;align-items:center;justify-content:space-between;gap:16px}
.account-profile-summary__main{display:flex;align-items:center;gap:12px}
.account-profile-summary__name{font-size:var(--sf-text-lg);font-weight:var(--sf-weight-semibold);color:var(--sf-ink)}
.account-profile-summary__status{display:inline-flex;align-items:center;min-height:24px;padding:2px 8px;border:1px solid var(--sf-line);border-radius:var(--sf-radius-sm);font-size:var(--sf-text-xs)}
.account-profile-summary__status.is-normal{border-color:var(--sf-success-border);background:var(--sf-success-soft);color:var(--sf-success)}
.account-profile-summary__status.is-limited{border-color:var(--sf-danger-border);background:var(--sf-danger-soft);color:var(--sf-danger)}
.account-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}
.account-settings-links{display:grid;gap:8px}
.account-settings-link{display:flex;align-items:center;gap:12px;min-height:56px;padding:12px;border:1px solid var(--sf-line);border-radius:var(--sf-radius-sm);background:var(--sf-surface);color:var(--sf-ink-soft);transition:border-color var(--sf-fast) var(--sf-ease),background-color var(--sf-fast) var(--sf-ease)}
.account-settings-link:hover{border-color:var(--sf-line-strong);background:var(--sf-surface-alt);color:var(--sf-ink)}
.account-settings-link>.material-icons-outlined:first-child{flex:none;font-size:22px;color:var(--sf-muted)}
.account-settings-link>span:nth-child(2){display:grid;gap:3px;min-width:0;flex:1}
.account-settings-link strong{font-size:var(--sf-text-sm);font-weight:var(--sf-weight-semibold)}
.account-settings-link small{color:var(--sf-muted);font-size:var(--sf-text-xs)}
.account-settings-link__arrow{flex:none;font-size:20px;color:var(--sf-muted)}
.account-wechat-qr{display:grid;place-items:center;min-height:100px;padding:16px;border:1px dashed var(--sf-line-strong);border-radius:var(--sf-radius-sm);background:var(--sf-surface-alt)}
.account-wechat-qr .wx_qrcode_temp{font-size:36px;color:var(--sf-muted);cursor:pointer}
.account-wechat-qr .wx_qrcode{display:grid;place-items:center;min-height:100px;cursor:pointer}
.account-wechat-qr .wx_qrcode img{max-width:100px;max-height:100px;border-radius:var(--sf-radius-sm)}
.account-form-grid__full{grid-column:1/-1}
.uc-account-settings-page .uc-card+.uc-card{margin-top:20px}
.account-profile-row{display:flex;align-items:flex-end;gap:32px}
.account-profile-identity{display:grid;gap:6px;padding-bottom:12px;color:var(--sf-muted);font-size:var(--sf-text-sm)}
.account-profile-identity strong{color:var(--sf-ink);font-size:var(--sf-text-base);overflow-wrap:anywhere}
.account-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.account-form-grid>div{min-width:0}
.account-form-grid .form-header{display:block;margin-bottom:8px;color:var(--sf-ink-soft);font-size:var(--sf-text-sm);font-weight:var(--sf-weight-medium)}
.account-form-grid .form-body .layui-input,.account-form-grid .form-body select{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--sf-control-border);border-radius:var(--sf-radius-sm);background:var(--sf-surface);color:var(--sf-ink);font-size:var(--sf-text-sm)}
.account-form-grid .form-body .layui-input:focus,.account-form-grid .form-body select:focus{border-color:var(--sf-focus);outline:2px solid var(--sf-focus);outline-offset:1px}
.account-form-actions{display:flex;justify-content:flex-end;padding-top:4px}
.account-panel-heading{margin-bottom:16px}
.account-panel-heading h2{margin-bottom:8px}
.account-panel-heading p{max-width:65ch;color:var(--sf-muted);font-size:var(--sf-text-sm)}
.account-api-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.uc-account-settings .app-key{max-width:100%;overflow-wrap:anywhere}

@media (max-width:1100px){
  .uc-subtab.account-settings-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
  .account-page-head{align-items:stretch;flex-direction:column;gap:16px}
  .account-page-head__action{width:100%}
  .account-order-support{align-items:flex-start;flex-direction:column;padding:12px 16px}
  .account-card-head{flex-wrap:wrap}
  .account-card-head .uc-card__tools{margin-left:auto}
  .account-form-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:600px){
  .uc-subtab.account-settings-nav{grid-template-columns:minmax(0,1fr);gap:12px}
  .account-settings-nav__group--api{grid-column:auto}
  .account-settings-grid{grid-template-columns:minmax(0,1fr)}
  .account-profile-summary{align-items:flex-start;flex-direction:column;gap:12px}
  .account-profile-row{align-items:flex-start;flex-direction:column;gap:16px}
  .account-profile-identity{padding-bottom:0}
  .account-api-links{flex-direction:column}
}

/* Native order tables adapt to narrow screens without horizontal scrolling. */
.account-order-table{overflow-x:hidden}
.account-order-table .fixed-table-container,.account-order-table .bootstrap-table,.account-order-table .fixed-table-body{width:100%;min-width:0}
.account-order-table .fixed-table-pagination{min-width:0;flex-wrap:wrap}
.account-order-table .fixed-table-toolbar{display:flex;flex-wrap:wrap;gap:8px}
.account-order-table .fixed-table-toolbar .search,.account-order-table .fixed-table-toolbar .input-group{max-width:100%}
.account-order-table table{width:100%;table-layout:auto}
.account-order-table th,.account-order-table td{padding:10px 8px;overflow-wrap:anywhere;word-break:break-word}
.account-bill-reference{display:grid;gap:2px;margin-top:6px;color:var(--sf-muted);font-family:var(--sf-mono);font-size:var(--sf-text-xs);overflow-wrap:anywhere}
.purchase-after-sales__button{margin:4px 0 0 6px;text-decoration:none;white-space:nowrap}
@media (max-width:960px){
  #recent-buy-table th:nth-child(3),#recent-buy-table td:nth-child(3),
  #recent-buy-table th:nth-child(5),#recent-buy-table td:nth-child(5){display:none}
}
@media (max-width:720px){
  #recent-buy-table th:nth-child(7),#recent-buy-table td:nth-child(7){display:none}
  .account-order-table th,.account-order-table td{padding:8px 6px;font-size:var(--sf-text-xs)}
  .purchase-after-sales__button{min-height:44px;margin-left:0;padding:8px 12px}
  #bill-table thead{display:none}
  #bill-table,#bill-table tbody,#bill-table td{display:block;width:100%}
  #bill-table tr.account-order-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;padding:14px 4px;border-bottom:1px solid var(--sf-catalog-row-line)}
  #bill-table tr.account-order-row:last-child{border-bottom:0}
  #bill-table tr.account-order-row td{padding:0;border:0;min-width:0}
  #bill-table tr.account-order-row td::before{display:block;margin-bottom:3px;color:var(--sf-muted);font-size:11px;font-weight:var(--sf-weight-medium);content:attr(data-label)}
  #bill-table tr.account-order-row td:first-child,#bill-table tr.account-order-row td:nth-child(2),#bill-table tr.account-order-row td:last-child{grid-column:1/-1}
  #bill-table tr.account-order-row td:last-child{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
}

/* Store order search keeps the primary task first on mobile without rebuilding Core Search. */
.order-search__toggle{display:none;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border:1px solid var(--sf-line);border-radius:var(--sf-radius-sm);background:var(--sf-surface);color:var(--sf-ink-soft);font-size:var(--sf-text-sm);cursor:pointer}
@media (max-width:767.98px){
  .order-search__toggle{display:inline-flex}
  .account-orders-page .order-search__advanced{display:none}
  .account-orders-page.is-advanced-open .order-search__advanced{display:block}
}

/* Account security components retain Core behavior with ToAGI surfaces and states. */
.sf-body{--totp-muted:var(--sf-muted);--totp-accent:var(--sf-action-hover)}
:root[data-theme='night'] .sf-body{--totp-accent:var(--sf-action-text)}
.sf-body .totp-qr{display:inline-grid;place-items:center;padding:12px;border:1px solid var(--sf-line);border-radius:var(--sf-radius);background:#fff;box-shadow:none;color:var(--sf-primary)}
:root[data-theme='night'] .sf-body .totp-qr{color:var(--sf-surface-alt)}
.sf-body .totp-qr img{display:block;max-width:100%;height:auto}
.sf-body .totp-secret{padding:12px;border:1px solid var(--sf-line);border-radius:var(--sf-radius-sm);background:var(--sf-surface-alt);color:var(--sf-ink)}
.sf-body .totp-secret code{font-family:var(--sf-mono);overflow-wrap:anywhere;user-select:all}
.sf-body .totp-mini{min-height:32px;padding:4px 8px;border:1px solid var(--sf-line);border-radius:var(--sf-radius-sm);background:var(--sf-surface);color:var(--sf-info);font-size:var(--sf-text-xs)}
.sf-body .totp-ghost,.sf-body .pk-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid var(--sf-line-strong);border-radius:var(--sf-radius-sm);background:var(--sf-surface-raised);color:var(--sf-ink);font-size:var(--sf-text-action);font-weight:var(--sf-weight-semibold);cursor:pointer}
.sf-body .totp-ghost:hover,.sf-body .pk-ghost:hover{background:var(--sf-surface-alt)}
.sf-body .totp-danger{min-height:40px;padding:8px 14px;border:1px solid var(--sf-danger-border);border-radius:var(--sf-radius-sm);background:var(--sf-danger-soft);color:var(--sf-danger);cursor:pointer}
.sf-body .totp-on__fund{border:1px solid var(--sf-info-border);border-radius:var(--sf-radius);background:var(--sf-info-soft);color:var(--sf-ink-soft)}
.sf-body .totp-switch{display:inline-flex;align-items:center;width:40px;height:24px;padding:2px;border:1px solid var(--sf-line-strong);border-radius:999px;background:var(--sf-surface-alt)}
.sf-body .totp-switch i{display:block;width:18px;height:18px;border-radius:50%;background:var(--sf-muted);transition:transform var(--sf-fast) var(--sf-ease),background-color var(--sf-fast) var(--sf-ease)}
.sf-body .totp-switch.is-on,.sf-body .totp-switch[aria-checked="true"]{border-color:var(--sf-action);background:var(--sf-action)}
.sf-body .totp-switch.is-on i,.sf-body .totp-switch[aria-checked="true"] i{left:3px;background:#fff;transform:translateX(16px)}
.sf-body .totp-on__badge{padding:6px 10px;border:1px solid var(--sf-success-border);border-radius:var(--sf-radius-sm);background:var(--sf-success-soft);color:var(--sf-success)}
.sf-body .totp-ipwl-link.is-warn{border-color:var(--sf-warning-border);background:var(--sf-warning-soft);color:var(--sf-warning)}
.sf-body .totp-confirm.is-open{border-top-color:var(--sf-line-strong)}
.sf-body .totp-field .layui-input,.sf-body .pk-field .layui-input{border-color:var(--sf-control-border);background:var(--sf-surface);color:var(--sf-ink)}
.sf-body .totp-codes__warn{padding:12px 14px;border:1px solid var(--sf-warning-border);border-radius:var(--sf-radius);background:var(--sf-warning-soft);color:var(--sf-warning)}
.sf-body .totp-codes__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}
.sf-body .totp-codes__grid>*{padding:10px 12px;border:1px solid var(--sf-line);border-radius:var(--sf-radius-sm);background:var(--sf-surface-alt);color:var(--sf-ink);font-family:var(--sf-mono);overflow-wrap:anywhere;user-select:all}
.sf-body .pk-notice{display:flex;gap:8px;padding:12px 14px;border:1px solid var(--sf-info-border);border-radius:var(--sf-radius);background:var(--sf-info-soft);color:var(--sf-info)}
.sf-body .pk-form__inner{padding:16px;border:1px solid var(--sf-line);border-radius:var(--sf-radius);background:var(--sf-surface-alt)}
.sf-body .pk-item{display:flex;align-items:center;gap:12px;padding:14px 0;border:0;border-bottom:1px solid var(--sf-line);background:var(--sf-surface);color:var(--sf-ink-soft)}
.sf-body .pk-item__ico,.sf-body .pk-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:1px solid var(--sf-line);border-radius:var(--sf-radius-sm);background:var(--sf-surface-alt);color:var(--sf-muted)}
.sf-body .pk-icon:hover{background:var(--sf-surface-raised);color:var(--sf-ink)}
.sf-body .pk-icon.pk-del:hover{border-color:var(--sf-danger-border);background:var(--sf-danger-soft);color:var(--sf-danger)}
.sf-body .pk-icon.pk-save:hover{border-color:var(--sf-success-border);background:var(--sf-success-soft);color:var(--sf-success)}
.sf-body .pk-icon:focus-visible,.sf-body .pk-ghost:focus-visible{outline-color:var(--sf-focus)}
.sf-body .pk-item__name{color:var(--sf-ink)}
.sf-body .pk-item__meta,.sf-body .pk-status,.sf-body .pk-count,.sf-body .pk-head__desc,.sf-body .pk-empty__desc,.sf-body .pk-tip{color:var(--sf-muted)}
.sf-body .pk-tip .material-icons-outlined{color:var(--sf-success)}
.sf-body .pk-empty{display:grid;place-items:center;min-height:180px;padding:var(--sf-space-7);border:1px dashed var(--sf-line-strong);border-radius:var(--sf-radius);background:var(--sf-surface-alt);color:var(--sf-muted);text-align:center}
.sf-body .pk-empty__art{display:grid;place-items:center;width:56px;height:56px;margin-bottom:12px;border:1px solid var(--sf-line);border-radius:50%;background:var(--sf-surface);color:var(--sf-muted);font-size:28px}
.sf-body .dev-item{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--sf-line);border-radius:var(--sf-radius);background:var(--sf-surface);color:var(--sf-ink-soft)}
.sf-body .dev-item.is-current{border-color:var(--sf-success-border);background:var(--sf-success-soft)}
.sf-body .dev-item__ico{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:1px solid var(--sf-line);border-radius:var(--sf-radius-sm);background:var(--sf-surface-alt);color:var(--sf-muted)}
.sf-body .dev-item__badge{display:inline-flex;padding:3px 7px;border:1px solid var(--sf-success-border);border-radius:var(--sf-radius-sm);background:var(--sf-success-soft);color:var(--sf-success);font-size:var(--sf-text-xs)}
.sf-body .slog-chip{display:inline-flex;align-items:center;min-height:36px;padding:6px 10px;border:1px solid var(--sf-line);border-radius:var(--sf-radius-sm);background:var(--sf-surface-alt);color:var(--sf-ink-soft);font-size:var(--sf-text-xs)}
.sf-body .slog-chip[aria-pressed="true"],.sf-body .slog-chip.is-on{border-color:var(--sf-warning-border);background:var(--sf-warning-soft);color:var(--sf-warning)}
.sf-body .slog-item{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--sf-line);color:var(--sf-ink-soft)}
.sf-body .slog-item__ico{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:1px solid var(--sf-line);border-radius:var(--sf-radius-sm);background:var(--sf-surface-alt);color:var(--sf-muted)}
.sf-body .slog-item[data-tone='success'] .slog-item__ico{border-color:var(--sf-success-border);background:var(--sf-success-soft)!important;color:var(--sf-success)!important}
.sf-body .slog-item[data-tone='danger'] .slog-item__ico{border-color:var(--sf-danger-border);background:var(--sf-danger-soft)!important;color:var(--sf-danger)!important}
.sf-body .slog-item[data-tone='warning'] .slog-item__ico{border-color:var(--sf-warning-border);background:var(--sf-warning-soft)!important;color:var(--sf-warning)!important}
.sf-body .slog-item[data-tone='primary'] .slog-item__ico{border-color:var(--sf-info-border);background:var(--sf-info-soft)!important;color:var(--sf-info)!important}
.sf-body .slog-item[data-tone='secondary'] .slog-item__ico{border-color:var(--sf-line);background:var(--sf-surface-alt)!important;color:var(--sf-muted)!important}
.sf-body .slog-risk{border-color:var(--sf-danger-border);background:var(--sf-danger-soft);color:var(--sf-danger)}
.sf-body .slog-item time,.sf-body .slog-item__meta,.sf-body .slog-status{color:var(--sf-muted);font-size:var(--sf-text-xs)}
@media (max-width:720px){
  .sf-body .totp-codes__grid{grid-template-columns:minmax(0,1fr)}
  .sf-body .dev-item{align-items:flex-start;flex-wrap:wrap}
  .sf-body .totp-on__fund{align-items:flex-start;flex-wrap:wrap}
  .sf-body .pk-item{align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){
  .sf-body .totp-switch i,.sf-body .pk-item,.sf-body .ipwl__item{animation:none!important;transition:none!important}
}