/* Account and administration share the app's typography and quiet palette. */
[hidden]{display:none!important}
#admin-tools{display:flex;align-items:center;gap:8px;flex-shrink:0}
#admin-tools button,#admin-tools summary{font:600 13px var(--font-body);min-height:42px;color:var(--ink);cursor:pointer}
.admin-panel-link,.admin-role-menu summary{border:1px solid var(--line2);background:var(--surface);padding:10px 13px;border-radius:10px}
.admin-role-menu{position:relative}
.admin-role-menu summary{display:flex;align-items:center;gap:9px;list-style:none}
.admin-role-menu summary::-webkit-details-marker{display:none}
.admin-role-dot{width:7px;height:7px;border-radius:50%;background:var(--ink)}
.admin-role-options{position:absolute;right:0;top:calc(100% + 10px);width:280px;padding:10px;background:var(--surface);border:1px solid var(--line2);border-radius:14px;box-shadow:0 12px 35px #183f3120;z-index:150}
.admin-role-options>p{font-size:10px;letter-spacing:.09em;color:var(--muted);margin:8px 10px}
.admin-role-options button{display:block;width:100%;text-align:left;border:0;background:none;border-radius:9px;padding:11px}
.admin-role-options button:hover,.admin-role-options button:focus-visible{background:var(--bg2)}
.admin-role-options strong,.admin-role-options small{display:block}
.admin-role-options small{font-weight:400;font-size:12px;margin-top:3px;color:var(--muted)}
.admin-role-options .admin-role-hint{letter-spacing:0;border-top:1px solid var(--line);padding-top:12px;font-size:11px}
body[data-admin=true] .hrow>.xp,body[data-admin=true] .system-header-badge{display:none}
.account-summary{display:flex;gap:18px;align-items:center;border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:24px;margin-bottom:24px;flex-wrap:wrap}
.account-summary .design-avatar{width:52px;height:52px;font-size:22px;flex-shrink:0}
.bm-workspace .account-summary h2{font-size:21px;margin:0 0 4px}
.bm-workspace .account-summary p{margin:0;font-size:13px;overflow-wrap:anywhere}
.account-summary>div{min-width:0}
.account-summary .account-role{font-size:12px;font-weight:650;padding:7px 11px;border-radius:7px;background:var(--bg2);margin-left:auto}
.account-navigation{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:24px;overflow:auto}
.account-navigation button{font:600 14px var(--font-body);white-space:nowrap;color:var(--muted);padding:14px 18px;background:none;border:0;border-bottom:3px solid transparent;min-height:48px}
.account-navigation button[aria-current]{border-bottom-color:var(--ink);color:var(--ink)}
.account-organized{align-items:start;grid-template-columns:minmax(0,2fr) minmax(220px,1fr)}
.bm-workspace .account-organized h2{margin-top:0;font-size:23px}
.bm-workspace .account-organized .cgrp:first-child{border-top:0;margin-top:0;padding-top:0}
.bm-workspace .account-organized label{font-size:14px}
.bm-workspace .account-organized .cfield{min-width:0}
.bm-workspace .account-organized .btn{white-space:normal}
.account-session-actions{border-top:1px solid var(--line);padding-top:22px}
.account-secondary-connection{padding:18px 0;border-top:1px solid var(--line)}
.account-secondary-connection summary{cursor:pointer;font-size:14px;font-weight:600;min-height:28px}
.account-organized .design-preferences{padding:0;margin:0}
.account-organized .design-setting{padding:20px 0;display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid var(--line)}
.account-organized .design-setting span{min-width:0}
.account-organized .design-setting small{display:block;color:var(--muted);font-size:13px;margin-top:5px}
.account-organized .design-setting input{width:22px;height:22px;flex-shrink:0;accent-color:var(--ink)}
.admin-sidebar-return{margin-top:24px!important;border-top:1px solid var(--line)!important;padding-top:20px!important}
.system-heading{padding-bottom:24px;border-bottom:1px solid var(--line)}
.system-heading h1{font-size:36px}
.system-room .system-tabs{display:none}
.system-quick-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0 32px}
.system-quick-links button{text-align:left;display:block;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:14px;padding:23px;font:inherit}
.system-quick-links strong,.system-quick-links span{display:block}
.system-quick-links span{font-size:13px;line-height:1.6;color:var(--muted);margin-top:8px}
.system-quick-links button:hover{border-color:var(--ink)}
body.admin-demo-open{overflow:hidden}
#admin-demo{position:fixed;inset:0;margin:0;border:0;padding:0;width:100%;height:100dvh;max-width:none;max-height:none;background:var(--bg);color:var(--ink);overflow:hidden}
#admin-demo[open]{display:flex;flex-direction:column}
#admin-demo::backdrop{background:var(--bg)}
.admin-demo-toolbar{display:flex;align-items:center;gap:18px;padding:12px 24px;background:var(--surface);border-bottom:1px solid var(--line);flex-shrink:0}
.admin-demo-label{display:grid;gap:3px;margin-right:auto}
.admin-demo-label strong{font:650 18px var(--font-display)}
.admin-demo-label span{font-size:11px;color:var(--muted)}
.admin-demo-toolbar label{display:grid;gap:4px;font-size:10px;font-weight:650}
.admin-demo-toolbar select,.admin-demo-toolbar button{font:600 13px var(--font-body);color:var(--ink);background:var(--surface);border:1px solid var(--line2);border-radius:8px;min-height:40px;padding:8px 12px}
.admin-demo-toolbar .admin-demo-exit{background:var(--ink);color:var(--surface);border-color:var(--ink)}
#admin-demo-status{font-size:11px;padding:7px 24px;margin:0;background:var(--bg2);flex-shrink:0}
#admin-demo-content{flex:1;min-height:0;display:flex}
#admin-demo-frame{display:block;width:100%;height:100%;border:0;background:var(--bg)}
@media(max-width:1200px){#admin-tools[data-state=admin] .admin-panel-link{display:none}.hrow{gap:8px}.system-quick-links{grid-template-columns:1fr}.account-organized{grid-template-columns:minmax(0,1fr)}.account-organized>aside{display:none}}
@media(max-width:700px){.account-summary{padding:18px;gap:12px}.account-summary .btn{width:100%}.account-navigation button{font-size:13px;padding:12px}.admin-demo-toolbar{padding:10px 12px;gap:8px;flex-wrap:wrap}.admin-demo-label{flex:1}.admin-demo-toolbar label{flex:1;min-width:85px}.admin-demo-toolbar select{width:100%;padding:8px 4px;max-width:160px}.admin-demo-toolbar .admin-demo-exit{order:-1;margin-left:auto}.admin-demo-label{order:-2}.admin-demo-toolbar button[data-demo-restart]{font-size:11px;min-height:36px}#admin-demo-status{padding:7px 12px}.admin-demo-toolbar label[for]{min-width:0}.account-summary .account-role{margin-left:0}.system-heading h1{font-size:30px}}
@media(max-width:450px){body[data-admin=true] .hrow>.tour-launch,body[data-admin=true] .hrow>#acctbtn{display:none}.admin-role-options{width:min(280px,calc(100vw - 32px))}#admin-tools summary{padding:8px 10px}.admin-demo-toolbar label{max-width:calc(33.333% - 8px)}.admin-demo-toolbar button[data-demo-restart]{width:100%}.admin-demo-toolbar .admin-demo-exit{font-size:11px}}
@media print{#admin-tools,.account-navigation,.account-session-actions{display:none}#admin-demo{display:none}}

@media(max-width:700px){.admin-demo-toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.admin-demo-label{grid-column:1;order:0;min-width:0}.admin-demo-toolbar .admin-demo-exit{grid-column:2 / 4;order:0;width:100%;margin:0}.admin-demo-toolbar label{min-width:0;max-width:none}.admin-demo-toolbar select{max-width:none}.admin-demo-toolbar button[data-demo-restart]{grid-column:1 / -1;min-height:30px;padding:4px 10px}}

@media(max-width:700px){.admin-demo-label{grid-row:1}.admin-demo-toolbar .admin-demo-exit{grid-row:1}.admin-demo-toolbar label{grid-row:2}.admin-demo-toolbar button[data-demo-restart]{grid-row:3}}