/* Shared control geometry; loaded after page styles on desktop and mobile. */
input,select,textarea{min-width:0;max-width:100%;line-height:1.4}
select{display:block;text-align:start;text-overflow:ellipsis;white-space:nowrap;min-height:44px;padding:11px 14px}
label>select,label>input:not([type=checkbox]):not([type=radio]),label>textarea{margin-top:8px}
select:disabled{opacity:.6;cursor:not-allowed}
.topbar{padding:16px 24px;gap:16px;align-items:center;min-height:76px}
.topbar .context{display:flex;align-items:center;gap:12px;flex:1 1 300px;min-width:0}
.topbar .context label{display:block;margin:0;line-height:1.4;flex:0 0 auto}
.topbar .context select{flex:1;max-width:420px;margin:0;align-self:center}
.topbar .identity{align-items:center;gap:10px;margin:0;min-width:0}
.topbar .identity>button{min-height:44px;margin:0;white-space:nowrap}
.owner-toolbar>.owner-tools-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;min-height:36px;padding:8px 24px;border:0;border-bottom:1px solid var(--line);border-radius:0!important;background:#241b12;color:var(--amber);font-size:.8rem}
.owner-toolbar:not(.owner-tools-open)>.owner-strip{display:none}
.owner-tools-open .owner-tools-toggle>span:last-child{transform:rotate(180deg)}
.owner-strip>label{display:flex;align-items:center;margin:0;gap:12px}
.owner-strip select{margin:0}
.clearance-select{margin:0 0 16px}.clearance-scope{font-size:.85rem;color:var(--muted);margin-bottom:18px}
.permission-choice{display:flex;align-items:center;gap:10px;margin:18px 0}.permission-choice input{width:18px;height:18px;min-height:0;margin:0;flex:0 0 18px}
.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.permission-grid label{min-width:0;align-items:flex-start;margin:0;line-height:1.45;overflow-wrap:anywhere}.permission-grid input{flex:0 0 18px;margin-top:1px;min-height:0}
.text-button{display:inline;padding:0;min-height:0;border:0;background:transparent;color:var(--amber);text-decoration:underline;font:inherit}
@supports(appearance:base-select){
 select:not([multiple]):not([size]),select:not([multiple]):not([size])::picker(select){appearance:base-select}
 select:not([multiple]):not([size]){display:flex;align-items:center;gap:12px;white-space:normal;overflow-wrap:anywhere;overflow:hidden}
 select::picker-icon{color:var(--muted);margin-left:auto;flex-shrink:0}
 select::picker(select){background:#20211c;color:var(--cream);border:1px solid #80603c;border-radius:10px;padding:6px;box-shadow:0 12px 36px #0008;max-height:min(420px,60dvh);overflow:auto;overscroll-behavior:contain}
 select option{display:flex;align-items:center;gap:10px;padding:10px 12px;min-height:42px;border-radius:6px;white-space:normal;overflow-wrap:anywhere;line-height:1.4}
 select option:checked{background:#594222!important;color:#fff!important}
 select option:hover,select option:focus-visible{background:#3e3426!important;color:#fff!important;outline:1px solid var(--amber);outline-offset:-1px}
 select option::checkmark{color:var(--amber)}
 select optgroup{font-weight:600;padding:6px 0}select optgroup option{font-weight:400}
}
@media(max-width:1100px) and (min-width:901px){.topbar .context{flex-basis:100%}.topbar .identity{width:100%;justify-content:flex-end}.topbar .context select{max-width:none}}
@media(max-width:900px){
 .topbar .context{display:block;min-width:0;width:100%;flex:none}.topbar .context label{display:none}.topbar .context select{max-width:none;width:100%;margin:0;min-height:44px}
 .topbar .identity{gap:8px}.owner-toolbar>.owner-tools-toggle{padding:8px 16px}
 .owner-strip>label{width:100%}.owner-strip select{flex:1;max-width:none}
 .clearance-panel .primary{max-width:100%;white-space:normal}
}
@media(max-width:420px){.permission-grid{grid-template-columns:minmax(0,1fr)}}

@media(max-width:360px){.stats{grid-template-columns:minmax(0,1fr)!important}}

.login-card label:not(.remember-login),#account-password label{display:block}