/* 令牌接入层：本页历史变量名保留，取值全部来自 app/tokens.css（权威见 docs/design/DESIGN.md）。
   浅色 / 深色由 tokens.css 决定：默认跟随系统偏好，data-theme 显式覆盖。 */
:root{--bg:var(--c-bg);--panel:var(--c-panel);--nav:var(--c-panel);--ink:var(--c-ink);--muted:var(--c-muted);--line:var(--c-line);--accent:var(--c-brand);--accent-ink:var(--c-brand-ink);--on-accent:var(--c-on-brand);--tint:var(--c-brand-tint);--soft:var(--c-raised);--danger:var(--c-danger);--orange:var(--c-warning)}
*{box-sizing:border-box}body{margin:0;font:var(--fs-md)/var(--lh-base) var(--font-sans);color:var(--ink);background:var(--bg)}a{color:var(--accent-ink);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit;color:inherit}button,a.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel);color:var(--ink);cursor:pointer;white-space:nowrap}button:hover,a.button:hover{background:var(--soft);text-decoration:none}.primary,a.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:var(--fw-strong)}.primary:hover,a.primary:hover{background:var(--accent);filter:brightness(.96)}button:disabled{opacity:.5;cursor:default}.quiet{border:none;background:transparent;padding:var(--sp-1) 0;font-size:var(--fs-xs);color:var(--muted)}.danger{color:var(--danger)}input,select{padding:var(--sp-3) var(--sp-3);border:1px solid var(--line);background:var(--panel);border-radius:var(--r-sm);width:100%;min-width:0}input[type=checkbox]{width:auto;accent-color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,main:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}label{display:grid;gap:var(--sp-2);font-weight:var(--fw-medium)}.check{display:flex;align-items:flex-start;gap:var(--sp-2);font-weight:var(--fw-base);font-size:var(--fs-sm)}.check input{margin-top:var(--sp-2)}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1{font-size:var(--fs-2xl);letter-spacing:-.7px;line-height:1.4;font-weight:var(--fw-strong)}h2{font-size:var(--fs-xl);line-height:1.5;font-weight:var(--fw-strong)}h3{font-size:var(--fs-lg)}.muted,small{color:var(--muted)}.small{font-size:var(--fs-xs)}.shell{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:100vh}aside{border-right:1px solid var(--line);background:var(--nav);display:flex;flex-direction:column;padding:var(--sp-6) var(--sp-5) var(--sp-5)}.brand{display:flex;align-items:center;gap:var(--sp-3);color:var(--ink);font-size:var(--fs-lg);font-weight:var(--fw-strong);padding:0 var(--sp-1)}.brand:hover{text-decoration:none}.brand small{display:block;font-size:var(--fs-xs);font-weight:var(--fw-base);letter-spacing:2px}.mark{display:grid;place-items:center;width:38px;height:38px;background:var(--accent);color:var(--panel);border-radius:var(--r-md);font-size:var(--fs-xl)}.side-caption{font-size:var(--fs-xs);color:var(--muted);margin:var(--sp-7) var(--sp-3) var(--sp-3)}nav a{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-3);margin:var(--sp-1) 0;border-radius:var(--r-xs);font-size:var(--fs-sm);color:var(--muted)}nav a:hover{background:var(--soft);text-decoration:none;color:var(--ink)}nav a[aria-current=page]{background:var(--tint);color:var(--accent-ink);font-weight:var(--fw-strong)}nav a span{font-size:var(--fs-lg);line-height:1}.side-note{font-size:var(--fs-xs);color:var(--muted);margin-top:auto;padding:var(--sp-7) var(--sp-3) var(--sp-5)}.identity{border-top:1px solid var(--line);padding:var(--sp-4) var(--sp-2) 0;font-size:var(--fs-sm)}.row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.identity .row{margin-top:var(--sp-2)}.workspace{min-width:0;display:flex;flex-direction:column}header{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-4) var(--sp-7);border-bottom:1px solid var(--line);background:var(--panel);font-size:var(--fs-xs);color:var(--muted)}.separator{margin:0 var(--sp-4);color:var(--line)}main{width:100%;max-width:1240px;margin:0 auto;padding:var(--sp-7) var(--sp-7) var(--sp-8);flex:1}footer{font-size:var(--fs-xs);color:var(--muted);padding:var(--sp-5) var(--sp-7);display:flex;justify-content:space-between;gap:var(--sp-4)}.eyebrow{font-size:var(--fs-xs);color:var(--accent-ink);letter-spacing:1.8px;text-transform:uppercase;margin-bottom:var(--sp-3)}.heading{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-5);margin-bottom:var(--sp-6)}.heading p{margin-top:var(--sp-3)}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-6);margin-bottom:var(--sp-5)}.card p{margin-top:var(--sp-2)}.card .actions{margin-top:var(--sp-5)}.actions{display:flex;gap:var(--sp-3);justify-content:flex-end;align-items:center;flex-wrap:wrap}.actions.start{justify-content:flex-start}.badge{font-size:var(--fs-xs);padding:var(--sp-1) var(--sp-2);border-radius:var(--r-xs);background:var(--c-raised);color:var(--c-muted);white-space:nowrap}.muted-badge{background:var(--soft);color:var(--muted)}
.badge.ok{background:var(--c-success-tint);color:var(--c-success)}
.badge.warn{background:var(--c-warning-tint);color:var(--c-warning)}.hero{background:var(--tint);border-color:transparent;display:grid;grid-template-columns:1fr auto;gap:var(--sp-6);align-items:center;padding:var(--sp-6)}.hero h2{font-size:var(--fs-xl)}.hero p{color:var(--muted);max-width:600px}.hero strong{font-size:var(--fs-display);color:var(--accent-ink);font-weight:var(--fw-medium);line-height:1.2}.hero small{display:block}.section-title{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);margin:var(--sp-6) 0 var(--sp-4)}.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-5)}.product{display:flex;flex-direction:column;gap:var(--sp-4)}.product p{margin:0;flex:1;color:var(--muted)}.product .actions{justify-content:space-between;margin-top:var(--sp-1)}.product-icon{width:44px;height:44px;border-radius:var(--r-md);display:grid;place-items:center;background:var(--soft);font-size:var(--fs-xl);color:var(--orange)}.product-title{display:flex;gap:var(--sp-3);align-items:center}.product-title small{display:block;font-size:var(--fs-xs)}.narrow{max-width:510px;margin:var(--sp-6) auto}.narrow .card{padding:var(--sp-6)}.narrow h1{font-size:var(--fs-2xl)}.narrow form{display:grid;gap:var(--sp-4);margin-top:var(--sp-5)}.tabs{display:flex;border-bottom:1px solid var(--line);margin-top:var(--sp-5);gap:var(--sp-5)}.tabs button{border:0;border-radius:0;padding:var(--sp-2) 0;background:none;color:var(--muted)}.tabs button[aria-selected=true]{border-bottom:2px solid var(--accent);color:var(--accent-ink);font-weight:var(--fw-strong)}.input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--sp-3)}.notice{background:var(--soft);padding:var(--sp-4) var(--sp-4);border-radius:var(--r-sm);font-size:var(--fs-xs);color:var(--muted);margin:var(--sp-5) 0}.entry-person{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-5) 0;border-bottom:1px solid var(--line);margin:var(--sp-3) 0}.avatar{width:var(--sp-7);height:var(--sp-7);background:var(--tint);color:var(--accent-ink);display:grid;place-items:center;border-radius:50%;font-size:var(--fs-xl)}.org-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:var(--sp-5)}.org-list{display:grid;align-content:start;gap:var(--sp-2)}.org-button{justify-content:space-between;text-align:left;white-space:normal;padding:var(--sp-4)}.org-button[aria-current=true]{border-color:var(--accent);background:var(--tint)}.org-button span{display:block}.org-button small{font-size:var(--fs-xs)}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:var(--fs-sm);white-space:nowrap}th,td{text-align:left;border-bottom:1px solid var(--line);padding:var(--sp-4) var(--sp-3)}th{font-weight:var(--fw-medium);color:var(--muted);font-size:var(--fs-xs)}th:first-child,td:first-child{padding-left:0}th:last-child,td:last-child{text-align:right;padding-right:0}td small{display:block;font-size:var(--fs-xs)}tbody tr:last-child td{border-bottom:0}.empty{text-align:center;padding:var(--sp-7) var(--sp-5)}.empty p{color:var(--muted);margin-top:var(--sp-3)}.empty .actions{justify-content:center}.load-more{display:flex;justify-content:center;margin-top:var(--sp-5)}#message{border:1px solid var(--line);background:var(--tint);padding:var(--sp-4) var(--sp-4);margin-bottom:var(--sp-5);border-radius:var(--r-sm);overflow-wrap:anywhere}#message.error,#dialog-error{color:var(--danger)}#message a{margin-left:var(--sp-4)}dialog{width:460px;max-width:calc(100vw - var(--sp-6));border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);color:var(--ink);padding:var(--sp-6)}dialog::backdrop{background:var(--c-scrim)}dialog form{display:grid;gap:var(--sp-5)}#dialog-fields{display:grid;gap:var(--sp-4)}.skip{position:fixed;top:-100px;left:var(--sp-3);padding:var(--sp-3);background:var(--panel);z-index:3}.skip:focus{top:var(--sp-3)}
@media(max-width:1050px){.shell{grid-template-columns:var(--sidebar-w) minmax(0,1fr)}main{padding:var(--sp-6) var(--sp-5)}.org-layout{grid-template-columns:1fr}.org-list{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding:var(--sp-5)}}
@media(max-width:720px){.shell{display:block}aside{padding:var(--sp-4);border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:var(--fs-md)}.side-caption,.side-note{display:none}nav{display:flex;gap:var(--sp-2);margin-top:var(--sp-4)}nav a{flex:1;padding:var(--sp-2) var(--sp-3)}.identity{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-1) 0}.identity .row{margin:0;gap:var(--sp-4)}header{padding:var(--sp-4) var(--sp-5);min-height:55px}main{padding:var(--sp-6) var(--sp-5)}h1{font-size:var(--fs-2xl)}.heading{align-items:flex-start}.products{grid-template-columns:1fr;gap:0}.card{padding:var(--sp-5)}.hero{grid-template-columns:1fr;gap:var(--sp-4)}.hero strong{font-size:var(--fs-2xl)}.narrow{margin:0 auto}.narrow .card{padding:var(--sp-5)}.org-list{grid-template-columns:1fr}.input-row{grid-template-columns:1fr}.row{flex-wrap:wrap}footer{padding:var(--sp-4) var(--sp-5)}footer span{display:none}}
.profile-heading{display:flex;align-items:center;gap:var(--sp-4);margin-top:var(--sp-4)}.profile-avatar{width:var(--sp-7);height:var(--sp-7);border-radius:50%;display:grid;place-items:center;background:var(--tint);color:var(--accent-ink);font-size:var(--fs-xl);font-weight:var(--fw-strong)}.profile-email{margin-top:var(--sp-4);color:var(--muted);overflow-wrap:anywhere}.profile-edit{max-width:440px;display:grid;gap:var(--sp-3);margin-top:var(--sp-5)}.profile-actions{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.profile-actions span{flex:1;min-width:180px;overflow-wrap:anywhere}
.shell{min-height:100dvh}.shell>aside{position:sticky;top:0;height:100dvh;min-height:0;overflow:hidden}.shell>aside nav{flex:1;min-height:0;overflow-y:auto;align-content:start;scrollbar-width:thin}.shell>aside .side-note{margin-top:0;padding:var(--sp-2) var(--sp-3) var(--sp-3)}.shell>aside .identity{flex:none}
@media(max-width:720px){.shell>aside{position:static;height:auto;overflow:visible}.shell>aside nav{overflow:visible;flex:none}.shell>aside .identity{position:static}}
.historical-login{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--line);font-size:var(--fs-xs)}.historical-login:last-child{border-bottom:0}.historical-login button{font-size:var(--fs-xs)}.card details summary{cursor:pointer;color:var(--accent-ink);font-size:var(--fs-xs)}.card details[open] summary{margin-bottom:var(--sp-2)}
/* 登录设备（2026-09-30）：一台设备一张卡，标题只放产品与机器，状态单独成徽章，
   其余信息逐行给出；离线设备单独折叠，移动端不横向滚动。 */
.device-card{padding:var(--sp-5)}
.device-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}
.device-title{min-width:0}
.device-title h2{font-size:var(--fs-lg);line-height:1.4}
.device-title p{margin-top:var(--sp-1);overflow-wrap:anywhere}
.device-chip{flex:none;border:1px solid var(--line);border-radius:var(--r-full);padding:var(--sp-1) var(--sp-3);font-size:var(--fs-xs);color:var(--muted);background:var(--soft);white-space:nowrap}
.device-chip.online{border-color:var(--c-success);color:var(--c-success);background:var(--c-success-tint)}
.device-chip.current{border-color:var(--c-info);color:var(--c-info);background:var(--c-info-tint)}
.device-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:var(--sp-4) var(--sp-4);margin:var(--sp-4) 0 0;padding:0}
.device-fact{min-width:0}
.device-fact dt{color:var(--muted);font-size:var(--fs-xs);line-height:1.4}
.device-fact dd{margin:var(--sp-1) 0 0;font-size:var(--fs-sm);line-height:1.5;overflow-wrap:anywhere}
.device-logins{margin-top:var(--sp-4);border-top:1px solid var(--line);padding-top:var(--sp-3)}
.device-actions{margin-top:var(--sp-4)}
.device-offline{margin-top:var(--sp-5);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-4) var(--sp-5);background:var(--panel)}
.device-offline>summary{cursor:pointer;font-weight:var(--fw-strong)}
.device-offline>p{margin-top:var(--sp-3)}
.device-offline>div{margin-top:var(--sp-4)}
.device-offline .card{background:var(--soft);margin-bottom:var(--sp-4)}
.device-offline .card:last-child{margin-bottom:0}
@media(max-width:720px){.device-facts{grid-template-columns:1fr}.device-head{gap:var(--sp-3)}.device-offline{padding:var(--sp-4)}}

/* 统一空间页面沿用现有配色、表单和卡片。 */
#center-space{width:100%;margin:var(--sp-2) 0}#space-role{display:block;padding:0 var(--sp-3)}#center-create{text-align:left;margin:var(--sp-2) 0 var(--sp-4)}.center-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4);margin-bottom:var(--sp-5)}.center-list-row{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-4) 0;border-bottom:1px solid var(--line)}.center-list-row small,td small{display:block;color:var(--muted);margin-top:var(--sp-1)}#view>.card{margin-bottom:var(--sp-5)}textarea{width:100%;font:inherit;padding:var(--sp-3);border:1px solid var(--c-line-strong);border-radius:var(--r-sm);background:var(--panel);color:var(--ink)}.recovery-codes{white-space:pre-wrap;user-select:all}#view .actions.start{margin-bottom:var(--sp-4)}@media(max-width:760px){.center-summary{grid-template-columns:1fr}#center-space{max-width:100%}.center-list-row{align-items:flex-start;flex-wrap:wrap}}

/* 新统一导航在窄屏保持横向阅读，避免八个栏目挤成逐字竖排。 */
#center-space{border-color:var(--c-line-strong)}
textarea:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}
.org-settings-head{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-5)}
.org-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-5);margin:var(--sp-5) 0;padding:var(--sp-5) 0;border-block:var(--border)}
.org-facts dt{font-size:var(--fs-xs);color:var(--c-muted)}
.org-facts dd{margin:var(--sp-2) 0 0;font-weight:var(--fw-strong);overflow-wrap:anywhere}
.org-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-5)}
.org-setting-card{display:flex;flex-direction:column;gap:var(--sp-4);margin-bottom:0}
.org-setting-card .actions{margin-top:0}
.org-transfer-steps{display:grid;gap:var(--sp-3);padding-left:var(--sp-5);margin:0;color:var(--c-muted);font-size:var(--fs-sm)}
.org-support,.org-settings-note{margin-top:auto;padding-top:var(--sp-5);border-top:var(--border)}
.org-support summary{cursor:pointer;font-weight:var(--fw-medium)}
@media(max-width:720px){.org-settings-grid,.org-facts{grid-template-columns:minmax(0,1fr)}.org-settings-head{align-items:flex-start;flex-wrap:wrap}}
input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--c-danger)}
@media(max-width:720px){.shell>aside nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.shell>aside nav a{min-width:0}}
/* 登录前只呈现身份入口；不短暂露出登录后的导航。 */
body:not([data-account-state=authenticated]) .shell{display:block}
body:not([data-account-state=authenticated]) .shell>aside,body:not([data-account-state=authenticated]) .workspace>header{display:none}
body[data-account-state=pending] #view{visibility:hidden}
/* Only the public, static placeholder may appear before identity is verified. */
body[data-account-state=pending] #view:has(> .page-skeleton){visibility:visible}
.auth-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--sp-8);align-items:center;min-height:75vh}
.auth-story .eyebrow{margin-top:var(--sp-8)}
.auth-story h1{font-size:var(--fs-display);line-height:var(--lh-snug);letter-spacing:-.03em}
.auth-story h1 span{color:var(--c-brand-ink)}
.auth-story>p:not(.eyebrow){margin-top:var(--sp-5);color:var(--c-muted);font-size:var(--fs-lg)}
.auth-space-note{margin-top:var(--sp-7);font-size:var(--fs-xs);color:var(--c-muted)}
.auth-card form{display:grid;gap:var(--sp-4);margin-top:var(--sp-5)}
.auth-card #credentials{display:grid;gap:var(--sp-3)}
.auth-alternatives{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--sp-2)}
.auth-risk{margin-top:var(--sp-4);border-inline-start:var(--focus-ring);background:var(--c-brand-tint);color:var(--c-ink);font-size:var(--fs-md)}
.auth-risk strong{display:block;font-size:var(--fs-lg)}
.auth-risk p{margin-top:var(--sp-2)}
.auth-card #auth-title:focus{outline:var(--focus-ring);outline-offset:var(--focus-offset)}
#credentials,#identity-fields{display:grid;gap:var(--sp-3)}
.challenge-row{display:flex;align-items:center;gap:var(--sp-3)}
.challenge-row img{max-width:65%;border-radius:var(--r-sm);border:var(--border)}
.auth-card .error,#dialog-fields .error{color:var(--c-danger)}
.header-actions{display:flex;align-items:center;gap:var(--sp-4)}
.notification-bell{position:relative;display:inline-flex;padding:var(--sp-2);border-radius:var(--r-sm);color:var(--c-ink)}
.notification-bell:hover{background:var(--c-raised)}
.notification-bell span{position:absolute;top:0;right:0;background:var(--c-danger);color:var(--c-on-danger);border-radius:var(--r-full);font-size:var(--fs-xs);padding:0 var(--sp-1);min-width:var(--sp-4);text-align:center}
.notification-toast{position:fixed;right:var(--sp-5);bottom:var(--sp-5);max-width:380px;z-index:4;display:flex;gap:var(--sp-4);align-items:flex-start;padding:var(--sp-5);background:var(--c-panel);border:1px solid var(--c-line-strong);box-shadow:var(--sh-2);border-radius:var(--r-md)}
.notification-toast p{margin:var(--sp-2) 0;color:var(--c-muted)}
.role-guide>summary{font-weight:var(--fw-strong);cursor:pointer}
.role-guide .products{margin-top:var(--sp-4)}
#view[aria-busy=true]{cursor:progress}
@media(max-width:720px){.auth-layout{grid-template-columns:1fr;gap:var(--sp-5);min-height:0}.auth-story .eyebrow{margin-top:var(--sp-5)}.auth-story h1{font-size:var(--fs-2xl)}.auth-space-note{margin-top:var(--sp-4)}.notification-toast{left:var(--sp-4);right:var(--sp-4);max-width:none}}

.input-row{align-items:end}.input-row input{height:var(--row-h);padding:0 var(--sp-3)}.input-row>button{align-self:end;height:var(--row-h);padding:0 var(--sp-3);white-space:nowrap;font-size:var(--fs-sm)}
.account-settings{display:block;padding:var(--sp-2) 0;font-weight:var(--fw-medium);color:var(--accent-ink)}
.account-tabs{display:flex;gap:var(--sp-2);margin:0 0 var(--sp-5);flex-wrap:wrap}.account-tabs a{padding:var(--sp-2) var(--sp-4);border-radius:var(--r-sm);color:var(--muted)}.account-tabs a[aria-current=page]{background:var(--tint);color:var(--accent-ink)}
@media(max-width:720px){.input-row{grid-template-columns:minmax(0,1fr) auto}.identity{flex-wrap:wrap}.account-settings{flex-basis:100%}.account-tabs{display:flex}}

/* ── 批 1（2026-10-10）账户中心外壳与空间概览 ───────────────────────────────
   侧栏四组导航、空间切换卡、顶栏命令面板、概览指标与动态面板。
   取值只用 tokens.css 令牌；长度落在刻度上的一律用 --sp-*。 */
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.ic{flex:none;width:var(--sp-4);height:var(--sp-4);fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.shell>aside nav a{height:var(--row-h);padding:0 var(--sp-2);margin:0 0 var(--sp-1);gap:var(--sp-3)}
.shell>aside nav a .ic{color:var(--c-muted)}
.shell>aside nav a[aria-current=page] .ic{color:var(--accent-ink)}
.kpi-top{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}
.kpi-ico{flex:none;display:grid;place-items:center;width:var(--sp-6);height:var(--sp-6);border-radius:var(--r-xs);background:var(--soft);color:var(--c-muted)}
.kpi-scope{margin:0 0 var(--sp-5);font-size:var(--fs-xs);color:var(--c-muted)}
.cmd-trigger .ic{color:var(--c-muted)}
.nav-group{margin-bottom:var(--sp-5)}
.nav-group:last-child{margin-bottom:0}
.nav-title{margin:0;padding:var(--sp-4) var(--sp-2) var(--sp-1);font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--fw-medium);letter-spacing:.06em;color:var(--muted)}
.nav-count{margin-left:auto;min-width:var(--sp-4);padding:0 var(--sp-1);border-radius:var(--r-full);background:var(--c-danger);color:var(--c-on-danger);font-size:var(--fs-xs);text-align:center}
.space-switch{display:flex;align-items:center;gap:var(--sp-3);margin:var(--sp-6) 0 var(--sp-3);padding:var(--sp-3);border:var(--border);border-radius:var(--r-md);background:var(--panel)}
.space-av{flex:none;display:grid;place-items:center;width:var(--sp-6);height:var(--sp-6);border-radius:var(--r-sm);background:var(--tint);color:var(--accent-ink);font-weight:var(--fw-strong)}
.space-meta{flex:1;min-width:0;display:grid;gap:var(--sp-1)}
.space-label{font-size:var(--fs-xs);font-weight:var(--fw-base);color:var(--muted)}
.space-meta select{height:auto;padding:0;border:0;background:transparent;font-size:var(--fs-sm);font-weight:var(--fw-strong)}
#center-space{margin:0}
#space-role{padding:0}
.identity-person{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-2)}
.identity-av{flex:none;display:grid;place-items:center;width:var(--sp-6);height:var(--sp-6);border-radius:var(--r-full);background:var(--tint);color:var(--accent-ink);font-weight:var(--fw-strong)}
.crumbs{display:flex;align-items:center;gap:var(--sp-2);min-width:0}
.crumbs b{font-weight:var(--fw-medium);color:var(--ink)}
.cmd-trigger{gap:var(--sp-2);font-size:var(--fs-xs);color:var(--muted);background:var(--soft);border-color:transparent}
.cmd-trigger kbd{padding:0 var(--sp-1);border:var(--border);border-radius:var(--r-xs);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--muted)}
.cmd{width:min(560px,calc(100vw - var(--sp-8)));padding:var(--sp-5);border:var(--border);border-radius:var(--r-lg);background:var(--panel);color:var(--ink);box-shadow:var(--sh-2)}
.cmd::backdrop{background:var(--c-scrim)}
.cmd input{height:var(--row-h);margin-bottom:var(--sp-4)}
.cmd-list{display:grid;gap:var(--sp-1);max-height:46vh;overflow-y:auto}
.cmd-group{margin:var(--sp-3) 0 var(--sp-1);font-size:var(--fs-xs);color:var(--muted)}
.cmd-item{justify-content:flex-start;width:100%;padding:var(--sp-3);border-color:transparent;background:transparent;font-size:var(--fs-sm)}
.cmd-item:hover{background:var(--soft)}
.cmd-item[aria-selected=true]{background:var(--tint);color:var(--accent-ink);font-weight:var(--fw-medium)}
.cmd-empty{padding:var(--sp-5) 0;font-size:var(--fs-sm);color:var(--muted)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pagehead{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sp-5);margin-bottom:var(--sp-5)}
.pagehead p{margin-top:var(--sp-3);color:var(--muted)}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-4);margin-bottom:var(--sp-5)}
.kpi{display:grid;gap:var(--sp-3);padding:var(--sp-5);border:var(--border);border-radius:var(--r-md);background:var(--panel)}
.kpi-label{font-size:var(--fs-xs);color:var(--muted)}
.kpi-num{display:flex;align-items:baseline;gap:var(--sp-2);font-size:var(--fs-2xl);font-weight:var(--fw-strong);font-variant-numeric:tabular-nums}
.kpi-unit{font-size:var(--fs-sm);font-weight:var(--fw-base);color:var(--muted)}
.kpi-foot{font-size:var(--fs-xs);color:var(--muted)}
.meter{display:block;width:100%;border:0;appearance:none;height:var(--sp-1);border-radius:var(--r-full);background:var(--soft);overflow:hidden}
.meter::-webkit-progress-bar{background:var(--soft);border-radius:var(--r-full)}.meter::-webkit-progress-value{background:var(--accent);border-radius:var(--r-full)}.meter::-moz-progress-bar{background:var(--accent);border-radius:var(--r-full)}
.insight{position:relative;display:flex;gap:var(--sp-4);align-items:flex-start;padding:var(--sp-5);margin-bottom:var(--sp-5);border:var(--border);border-radius:var(--r-md);background:var(--panel);overflow:hidden}
.insight::before{content:"";position:absolute;top:0;bottom:0;left:0;width:var(--sp-0);background:var(--accent)}
.insight__mark{flex:none;display:grid;place-items:center;width:var(--sp-6);height:var(--sp-6);border-radius:var(--r-sm);background:var(--tint);color:var(--accent-ink)}
.insight__body{flex:1;min-width:0}
.insight__item h2{margin-top:var(--sp-1);font-size:var(--fs-lg)}
.insight__item p{margin-top:var(--sp-2);color:var(--muted)}
.insight__item+.insight__item{margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:var(--border)}
.insight__acts{display:flex;gap:var(--sp-3);margin-top:var(--sp-4)}
.cols{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--sp-5);align-items:start}
.panel{border:var(--border);border-radius:var(--r-md);background:var(--panel);overflow:hidden}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:var(--border)}
.panel-head h2{font-size:var(--fs-lg)}
.panel-head p{margin-top:var(--sp-1);font-size:var(--fs-xs);color:var(--muted)}
.panel-body{padding:var(--sp-2) var(--sp-5) var(--sp-4)}
.feed-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-3) 0;border-bottom:var(--border)}
.feed-row:last-child{border-bottom:0}
.feed-main{flex:1;min-width:0}
.feed-main b{display:block;font-weight:var(--fw-medium)}
.feed-main small{display:block;margin-top:var(--sp-1);font-size:var(--fs-xs);color:var(--muted)}
.feed-time{font-size:var(--fs-xs);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.feed-amt{font-weight:var(--fw-medium);font-variant-numeric:tabular-nums;white-space:nowrap}
.pending-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);border:var(--border);border-radius:var(--r-sm)}
.pending-row+.pending-row{margin-top:var(--sp-3)}
.pending-row b{display:block;font-size:var(--fs-sm);font-weight:var(--fw-medium)}
.pending-row small{display:block;margin-top:var(--sp-1);font-size:var(--fs-xs);color:var(--muted)}
.panel-empty{padding:var(--sp-5) 0;font-size:var(--fs-sm);color:var(--muted)}
@media(max-width:1050px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cols{grid-template-columns:1fr}}
@media(max-width:720px){
  .nav-group{display:contents}
  .nav-title{display:none}
  .nav-count{margin-left:var(--sp-2)}
  .kpi-grid{grid-template-columns:1fr}
  .pagehead{flex-direction:column;align-items:stretch}
  .cmd-trigger-text{display:none}
  .crumbs>span:first-child,.crumbs .separator{display:none}
}


/* 2026-10-10 反馈：空间切换卡片 + 浮层、顶栏圆形图标按钮、通知浮窗 */
.space-field{position:relative}
.space-btn{width:100%;display:flex;align-items:center;gap:var(--sp-3);height:52px;padding:0 var(--sp-2);border:var(--border);background:var(--soft);border-radius:var(--r-md);text-align:left;cursor:pointer}
.space-btn:hover{border-color:var(--c-line-strong)}
.space-btn .ic{color:var(--c-muted)}
.space-meta b{display:block;font-size:var(--fs-sm);font-weight:var(--fw-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.space-meta span{display:block;margin-top:var(--sp-0);font-size:var(--fs-xs);color:var(--c-muted)}
.space-pop{position:absolute;top:calc(100% + var(--sp-1));left:0;right:0;z-index:25;padding:var(--sp-2);border:var(--border);border-radius:var(--r-md);background:var(--c-panel);box-shadow:var(--sh-2)}
.space-pop-head{padding:var(--sp-2) var(--sp-2) var(--sp-1);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;color:var(--c-muted)}
.space-opt{width:100%;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2);border:0;background:transparent;border-radius:var(--r-xs);text-align:left;cursor:pointer}
.space-opt:hover{background:var(--soft)}
.space-opt[aria-checked=true]{background:var(--tint)}
.space-opt[aria-checked=true] .space-meta b{color:var(--accent-ink)}
.space-opt .ic{color:var(--accent-ink)}
.iconbtn{position:relative;display:grid;place-items:center;width:34px;height:34px;flex:none;padding:0;border:var(--border);border-radius:var(--r-full);background:var(--c-panel);color:var(--c-muted)}
.iconbtn:hover{background:var(--soft);color:var(--c-ink)}
.iconbtn .dot{position:absolute;top:var(--sp-0);right:var(--sp-0);width:var(--sp-2);height:var(--sp-2);border-radius:var(--r-full);background:var(--c-danger)}
.notice-pop{position:fixed;top:var(--sp-8);right:var(--sp-5);z-index:30;width:320px;padding:var(--sp-4);border:var(--border);border-radius:var(--r-md);background:var(--c-panel);box-shadow:var(--sh-2)}
.notice-pop h2{font-size:var(--fs-lg)}
.notice-pop>p{margin-top:var(--sp-1);font-size:var(--fs-xs);color:var(--c-muted)}
.notice-row{display:flex;gap:var(--sp-3);align-items:flex-start;padding:var(--sp-3) 0;border-bottom:var(--border)}
.notice-row:last-of-type{border-bottom:0}
.notice-row b{display:block;font-size:var(--fs-sm);font-weight:var(--fw-medium)}
.notice-row small{display:block;margin-top:var(--sp-0);font-size:var(--fs-xs);color:var(--c-muted)}
.notice-dot{flex:none;width:var(--sp-2);height:var(--sp-2);margin-top:var(--sp-1);border-radius:var(--r-full);background:var(--c-info)}
.notice-pop-foot{display:flex;justify-content:flex-end;margin-top:var(--sp-3)}
@media(max-width:720px){.notice-pop{left:var(--sp-4);right:var(--sp-4);width:auto}}

/* 2026-10-10 反馈：通知与待办的列表行、账号安全的行式面板、徽章语义圆点 */
.notice-icon,.sec-ico{flex:none;display:grid;place-items:center;width:var(--sp-6);height:var(--sp-6);border-radius:var(--r-xs);background:var(--soft);color:var(--c-muted)}
.notice-main{flex:1;min-width:0}
.notice-main b{display:block;font-size:var(--fs-sm);font-weight:var(--fw-medium)}
.notice-main small{display:block;margin-top:var(--sp-0);font-size:var(--fs-xs);color:var(--c-muted)}
.notice-acts{display:flex;gap:var(--sp-2);flex-wrap:wrap;flex:none;align-items:center}
.notice-row.is-new{background:var(--tint)}
.notice-row{align-items:center}
.sec-row{display:flex;gap:var(--sp-3);align-items:flex-start;padding:var(--sp-4) 0;border-bottom:var(--border)}
.sec-row:last-child{border-bottom:0}
.sec-main{flex:1;min-width:0}
.sec-main b{display:block;font-size:var(--fs-md);font-weight:var(--fw-strong)}
.sec-main p{margin-top:var(--sp-1);font-size:var(--fs-sm);color:var(--c-muted)}
.sec-acts{display:flex;gap:var(--sp-2);align-items:center;flex:none;flex-wrap:wrap}
.badge.brand{background:var(--c-brand-tint);color:var(--c-brand-ink)}
.badge.info{background:var(--c-info-tint);color:var(--c-info)}
.badge .d{display:inline-block;width:var(--sp-2);height:var(--sp-2);margin-right:var(--sp-1);border-radius:var(--r-full);background:currentColor;vertical-align:middle}

/* 2026-10-10：产品卡结构（图标块 + 标题/徽章 + 说明 + 动作） */
.product-head{display:flex;align-items:flex-start;gap:var(--sp-3)}
.product-title{flex:1;min-width:0;display:grid;gap:var(--sp-1);justify-items:start}
.product-title h2{font-size:var(--fs-lg)}
.product-icon .ic{width:var(--sp-5);height:var(--sp-5)}
.product>p{margin:0}

/* Overview: three compact priorities, no duplicated catalogue. */
.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.insight__body{display:grid;gap:var(--sp-2)}
.insight__item{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--sp-4);align-items:center}
.insight__item h2{font-size:var(--fs-md)}
.insight__item p{grid-column:1;margin-top:var(--sp-1);font-size:var(--fs-sm)}
.insight__acts{grid-column:2;grid-row:1 / 3;margin:0}
.overview-feed{width:100%}
.profile-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-5);max-width:var(--content-max);align-items:stretch}
.invite-email-list{display:flex;flex-wrap:wrap;gap:var(--sp-2);max-height:200px;overflow:auto;padding:var(--sp-3);border:var(--border);border-radius:var(--r-sm);background:var(--c-raised)}
.invite-email-list span{padding:var(--sp-1) var(--sp-2);background:var(--c-panel);border-radius:var(--r-xs);font-size:var(--fs-sm)}
#batch-invite-preview{display:grid;gap:var(--sp-3)}
#batch-invite-emails{width:100%;padding:var(--sp-3);border:1px solid var(--c-line-strong);border-radius:var(--r-sm);background:var(--c-panel);color:var(--c-ink);font:inherit;line-height:var(--lh-base);resize:vertical}
.profile-summary{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-4)}
.profile-summary .profile-heading{margin-top:0;align-items:center}
.profile-summary .profile-avatar{flex:none;width:var(--sp-8);height:var(--sp-8)}
.profile-summary .profile-email{margin-top:0;width:100%}
.profile-summary .profile-support{color:var(--c-muted);overflow-wrap:anywhere}
.profile-summary>.button{margin-top:auto}
.profile-grid .profile-edit{max-width:none;margin:0;gap:var(--sp-4)}
.profile-grid .profile-actions{margin-top:auto;justify-content:flex-end}
.profile-grid input[readonly]{background:var(--c-raised);color:var(--c-muted)}
@media(max-width:1050px){.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.kpi-grid,.profile-grid{grid-template-columns:minmax(0,1fr)}.insight__item{grid-template-columns:minmax(0,1fr)}.insight__acts{grid-column:1;grid-row:auto;margin-top:var(--sp-3)}}

.profile-grid>.card{margin:0}

.credit-fraction{font-size:max(var(--fs-xs),.62em);font-weight:var(--fw-base);color:var(--c-muted)}
.usage-more{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--accent-ink);white-space:nowrap}
.usage-more:hover{text-decoration:underline}
/* Organization responsibility and reversible archive workflows. */
.org-responsibility .badge{margin-left:var(--sp-2)}
.org-responsibility p,.org-archive p{overflow-wrap:anywhere}
.archive-steps{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:0;margin:var(--sp-6) 0;gap:0}
.archive-step{position:relative;min-width:0;padding-right:var(--sp-4);color:var(--c-muted)}
.archive-step:not(:last-child)::after{content:"";position:absolute;left:var(--sp-6);right:0;top:var(--sp-4);height:var(--sp-0);background:var(--c-line-strong)}
.archive-step.done::after{background:var(--c-success)}
.archive-step-marker{display:flex;align-items:center;justify-content:center;width:var(--sp-6);height:var(--sp-6);border:1px solid var(--c-line-strong);border-radius:var(--r-full);background:var(--c-panel);color:var(--c-muted);font-weight:var(--fw-strong);margin-bottom:var(--sp-3)}
.archive-step.done .archive-step-marker{background:var(--c-success-tint);color:var(--c-success);border-color:var(--c-success)}
.archive-step.current .archive-step-marker{background:var(--c-info-tint);color:var(--c-info);border:2px solid var(--c-info)}
.archive-step strong{display:block;color:var(--c-ink);font-weight:var(--fw-strong)}
.archive-step-state{display:block;font-size:var(--fs-xs);margin-top:var(--sp-1)}
.archive-step.done .archive-step-state{color:var(--c-success)}
.archive-step.current .archive-step-state{color:var(--c-info)}
.archive-step p{font-size:var(--fs-sm);margin:var(--sp-2) 0 0;line-height:var(--lh-base)}
.archive-current{padding:var(--sp-5);border:var(--border);border-radius:var(--r-sm);background:var(--c-raised);margin-bottom:var(--sp-4)}
.archive-current.info{background:var(--c-info-tint);border-color:var(--c-info)}
.archive-current.warn{background:var(--c-warning-tint);border-color:var(--c-warning)}
.archive-current.ok{background:var(--c-success-tint);border-color:var(--c-success)}
.archive-current-heading{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:var(--sp-3)}
.archive-current h3{font-size:var(--fs-lg);margin:0;font-weight:var(--fw-strong)}
.archive-current p{margin:var(--sp-3) 0 0;line-height:var(--lh-base)}
.archive-current .button{margin-top:var(--sp-4)}
.archive-countdown{font-variant-numeric:tabular-nums;font-size:var(--fs-sm);color:var(--c-info)}
.archive-countdown strong{font-size:var(--fs-xl);font-weight:var(--fw-strong)}
.archive-retention{padding-top:var(--sp-4);margin-top:var(--sp-5);border-top:var(--border)}
@media(max-width:720px){
 .archive-steps{grid-template-columns:minmax(0,1fr);margin:var(--sp-5) 0}
 .archive-step{display:flex;gap:var(--sp-3);padding:0 0 var(--sp-5)}
 .archive-step:last-child{padding-bottom:0}
 .archive-step:not(:last-child)::after{left:var(--sp-4);right:auto;top:var(--sp-6);bottom:0;height:auto;width:var(--sp-0)}
 .archive-step-marker{flex-shrink:0;margin:0}
 .archive-step strong{display:inline}
 .archive-step-state{display:inline;margin-left:var(--sp-2)}
 .archive-step p{margin-top:var(--sp-1)}
 .archive-current{padding:var(--sp-4)}
 .archive-countdown{display:block;width:100%}
 .archive-countdown strong{font-size:var(--fs-lg)}
}
.org-financial{display:grid;gap:var(--sp-4)}
.org-financial section{padding:var(--sp-4);border:var(--border);border-radius:var(--r-sm);background:var(--c-raised)}
.org-financial h3{margin:0 0 var(--sp-3);font-size:var(--fs-md)}
.org-financial dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3);margin:0}
.org-financial dt{font-size:var(--fs-xs);color:var(--c-muted)}
.org-financial dd{margin:var(--sp-1) 0 0;font-variant-numeric:tabular-nums;font-weight:var(--fw-medium)}
@media(max-width:720px){.org-financial dl{grid-template-columns:minmax(0,1fr)}}

@media(min-width:1280px){.shell{grid-template-columns:var(--sidebar-w-wide) minmax(0,1fr)}}

/* 2026-10-13: a clear balance priority and compact supporting metrics. */
.overview-metrics{grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(0,1fr));align-items:stretch}
.overview-metrics .kpi{min-width:0;align-content:start;gap:var(--sp-3)}
.overview-metrics .kpi:first-child{background:var(--c-brand-tint);border-color:transparent}
.overview-metrics .kpi:first-child .kpi-num{font-size:var(--fs-2xl);color:var(--c-brand-ink);line-height:var(--lh-tight)}
.overview-metrics .kpi:first-child .kpi-ico{background:var(--c-panel);color:var(--c-brand-ink)}
.overview-metrics .kpi-num{flex-wrap:wrap;min-width:0;overflow-wrap:anywhere;line-height:var(--lh-snug)}
.overview-metrics .kpi-unit{white-space:nowrap}
.overview-balance-link{display:inline-flex;align-items:center;justify-self:start;gap:var(--sp-2);font-size:var(--fs-sm);font-weight:var(--fw-medium);padding:var(--sp-1) 0}
.overview-metrics .kpi:not(:first-child) .kpi-num{margin-top:var(--sp-2)}
.overview-metrics .kpi-foot{line-height:var(--lh-base)}
.overview-feed .panel-head,.cols .panel-head{flex-wrap:wrap;align-items:flex-start}
.cols .panel-body .pending-row{padding:var(--sp-4) 0;border:0;border-bottom:var(--border);border-radius:0;justify-content:flex-start;gap:var(--sp-3)}
.cols .panel-body .pending-row:last-child{border-bottom:0}
.pending-row>span:not(.notice-dot){flex:1;min-width:0;overflow-wrap:anywhere}
.pending-row>a{flex:none}
.feed-main b,.sec-main b{overflow-wrap:anywhere}
.sec-row{align-items:center;gap:var(--sp-4);padding:var(--sp-5) 0}
.sec-main{min-width:0;overflow-wrap:anywhere}
.sec-acts{justify-content:flex-end}
.profile-summary .profile-support{font-family:var(--font-mono);font-size:var(--fs-xs)}
.product{margin-bottom:0}
.products{margin-bottom:var(--sp-5)}
@media(max-width:1050px){
 .overview-metrics{grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr))}
 .overview-metrics .kpi{padding:var(--sp-4)}
 .overview-metrics .kpi-ico{display:none}
}
@media(max-width:720px){
 .overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3)}
 .overview-metrics .kpi:first-child{grid-column:1 / -1}
 .overview-metrics .kpi{padding:var(--sp-4);gap:var(--sp-2)}
 .overview-metrics .kpi-top{min-height:var(--sp-5)}
 .overview-metrics .kpi-label{line-height:var(--lh-base)}
 .overview-metrics .kpi:not(:first-child) .kpi-num{margin:0;font-size:var(--fs-xl)}
 .overview-metrics .kpi-ico{display:grid}
 .overview-metrics .kpi:not(:first-child) .kpi-ico{display:none}
 .panel-head{flex-wrap:wrap;align-items:flex-start}
 .panel-head .usage-more{white-space:normal}
 .feed-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--sp-1) var(--sp-3);padding:var(--sp-4) 0}
 .feed-time{grid-column:1;grid-row:1}
 .feed-main{grid-column:1;grid-row:2}
 .feed-amt{grid-column:2;grid-row:1 / 3;align-self:center}
 .sec-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--sp-3)}
 .sec-ico{align-self:start}
 .sec-acts{grid-column:2;width:100%;justify-content:flex-start}
 .sec-main p{font-size:var(--fs-sm)}
 .notice-acts{justify-content:flex-start}
 footer{flex-direction:column;gap:var(--sp-1)}
}

.overview-metrics .kpi-label{display:flex;align-items:center;gap:var(--sp-1)}
.overview-metrics .kpi-label .info-button{flex:none}
/* Popovers retain prose wrapping when opened from a nowrap table header. */
.metric-help{white-space:normal;overflow-wrap:anywhere;text-align:left;font-weight:var(--fw-base)}
/* Organization member selection uses the existing form and table primitives. */
.member-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:var(--sp-4);margin-bottom:var(--sp-3)}
.member-toolbar label{margin:0}
.member-toolbar .member-search{flex:1;min-width:calc(var(--sp-8)*3)}
.member-status-filter{min-width:calc(var(--sp-8)*2)}
.member-selection-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-3)}
.member-management input[type=checkbox]{width:calc(var(--sp-3) + var(--sp-0));height:calc(var(--sp-3) + var(--sp-0));min-height:0;padding:0;margin:0}
.member-management td small{display:block;color:var(--c-muted);margin-top:var(--sp-1)}
.member-management td .badge{margin-bottom:var(--sp-1);white-space:normal}
.member-management .table-scroll{overflow-x:auto}
.member-management table{width:100%;min-width:calc(var(--sp-8)*12)}
.member-management .member-check{width:var(--sp-5);vertical-align:middle}
.member-management .member-check input{display:block;margin:0}
.member-management td{overflow-wrap:anywhere;vertical-align:middle}
.member-management td:nth-last-child(2){min-width:calc(var(--sp-8)*2)}
.member-credit-value{font-size:var(--fs-lg);font-weight:var(--fw-strong);font-variant-numeric:tabular-nums;white-space:nowrap}
.member-credit-progress{display:block;width:100%;height:var(--sp-1);margin-top:var(--sp-2);border:0;border-radius:var(--r-full);overflow:hidden;background:var(--c-raised);appearance:none}
.member-credit-progress::-webkit-progress-bar{background:var(--c-raised);border-radius:var(--r-full)}
.member-credit-progress::-webkit-progress-value{background:var(--c-brand);border-radius:var(--r-full)}
.member-credit-progress::-moz-progress-bar{background:var(--c-brand);border-radius:var(--r-full)}
.member-credit-progress[data-limit-state=over]::-webkit-progress-value{background:var(--c-danger)}
.member-credit-progress[data-limit-state=over]::-moz-progress-bar{background:var(--c-danger)}
.member-row-actions{display:flex;flex-wrap:wrap;gap:var(--sp-2)}
.member-row-actions button{white-space:nowrap}
.member-empty{text-align:center;padding:var(--sp-6)}
.member-resource-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--sp-6);align-items:center}
.member-resource-summary h2{font-size:var(--fs-md);margin:0}
.member-pool-value{font-size:var(--fs-2xl);font-weight:var(--fw-strong);font-variant-numeric:tabular-nums;margin:var(--sp-2) 0}
.member-policy{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding-left:var(--sp-6);border-left:var(--border)}
.member-policy-value{font-size:var(--fs-lg);font-weight:var(--fw-strong);margin:var(--sp-2) 0}
.member-tool-settings summary{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center;cursor:pointer;font-weight:var(--fw-strong)}
.member-tool-settings summary .muted{font-weight:var(--fw-base)}
.member-tool-settings[open]>p{margin-top:var(--sp-4)}
.member-management option:disabled{color:var(--c-disabled)}
@media(max-width:1050px){.member-resource-summary{grid-template-columns:minmax(0,1fr)}.member-policy{padding:var(--sp-4) 0 0;border-left:0;border-top:var(--border)}}
@media(max-width:720px){
 .member-toolbar{align-items:stretch}.member-search,.member-status-filter,.member-selection-actions{width:100%}
 .member-selection-actions{justify-content:flex-start}.member-selection-actions #member-batch{margin-left:auto}
 .member-policy{align-items:flex-start;flex-direction:column}
 .member-management table{min-width:0}.member-management thead{display:none}
 .member-management tbody{display:block}.member-management tr{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-3);padding:var(--sp-5) 0;border-bottom:var(--border)}
 .member-management tr:last-child{border-bottom:0}.member-management tr[hidden]{display:none}
 .member-management td{display:grid;grid-template-columns:calc(var(--sp-8) + var(--sp-5)) minmax(0,1fr);gap:var(--sp-1) var(--sp-3);border:0;padding:0;min-width:0}
 .member-management td::before{content:attr(data-label);color:var(--c-muted);font-size:var(--fs-sm);grid-column:1;grid-row:1 / span 6}
 .member-management td>*{grid-column:2}.member-management td.member-check{display:block;width:auto}.member-management td.member-check::before{content:none}
 .member-management td:nth-last-child(2){min-width:0}.member-management td small{margin:0}
 .member-credit-value{white-space:normal;overflow-wrap:anywhere}.member-row-actions{display:flex}
}
/* Existing workflow feedback: short, quiet, and disabled for reduced motion. */
.member-management{animation:member-enter var(--dur-2) var(--ease-1)}
.member-management button:active,.member-policy button:active{transform:translateY(var(--sp-0));transition:transform var(--dur-1) var(--ease-1)}
#member-batch-review:not([hidden]),#organization-limit-review:not([hidden]){animation:member-enter var(--dur-1) var(--ease-1)}
@keyframes member-enter{from{opacity:0;transform:translateY(var(--sp-1))}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.member-management,#member-batch-review:not([hidden]),#organization-limit-review:not([hidden]){animation:none}.member-management button:active,.member-policy button:active{transform:none;transition:none}}
@media(max-width:720px){
 .organization-member-view .pagehead{flex-direction:row;align-items:center;gap:var(--sp-3)}
 .organization-member-view .pagehead>div:first-child{min-width:0;flex:1}
 .organization-member-view .pagehead .actions{margin:0;flex:none}
 .organization-member-view .pagehead .eyebrow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .member-resource-summary>div:first-child,.member-policy>div{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--sp-2) var(--sp-3)}
 .member-resource-summary>div:first-child>a,.member-policy>div>.small{grid-column:1 / -1}
 .member-pool-value{font-size:var(--fs-xl);margin:0}.member-policy-value{margin:0;font-size:var(--fs-md)}
}
@media(max-width:720px){
 .member-toolbar{display:grid;grid-template-columns:minmax(0,1fr) calc(var(--sp-8)*2)}
 .member-toolbar .member-search,.member-status-filter{min-width:0;width:auto}
 .member-selection-actions{grid-column:1 / -1}
 .member-management td>.badge{justify-self:start;max-width:100%}
}

.feed-member{display:flex;flex-direction:column;gap:var(--sp-1);width:220px;min-width:0;overflow-wrap:anywhere;font-size:var(--fs-sm)}
.feed-member small{color:var(--muted);font-size:var(--fs-xs);line-height:var(--lh-snug)}
@media(max-width:720px){.feed-member{grid-column:1;grid-row:3;width:auto}.feed-row:has(.feed-member) .feed-amt{grid-row:1 / 4}}

.member-table-hint{display:none}
.member-management .member-credit-column{text-align:right}
.member-management td .badge{display:inline-flex;white-space:nowrap}
.member-action-reasons{margin-bottom:var(--sp-4);font-size:var(--fs-sm);color:var(--c-muted)}
.member-action-reasons li{margin-top:var(--sp-2)}
@media(min-width:721px) and (max-width:1200px){
 .member-table-hint{display:block;margin-bottom:var(--sp-3)}
 .member-management[data-manage=true] th:last-child,.member-management[data-manage=true] td:last-child{position:sticky;right:0;background:var(--c-panel);border-left:var(--border);min-width:calc(var(--sp-8)*2 + var(--sp-5));padding-left:var(--sp-3)}
 .member-management[data-manage=true] .member-row-actions{flex-wrap:nowrap}
}
@media(max-width:720px){.member-management .member-credit-column{text-align:left}.member-management td .badge{white-space:normal}}

.operations-notice-image{display:block;max-width:100%;max-height:50vh;object-fit:contain;margin:var(--sp-4) auto}
.operations-notice-body{white-space:pre-wrap;overflow-wrap:anywhere}