/* Shared, bounded surfaces for all management pages. */
body button{font-weight:550}
body:is([data-page=users],[data-page=workspaces],[data-page=companies],[data-page=overview],[data-page=audit],[data-page=sessions]) #content{display:block;flex:1;min-height:0;width:min(calc(100% - 40px),1180px);margin:18px auto 22px;padding:clamp(16px,2vw,26px);overflow:auto;background:var(--surface-two,var(--panel));border:1px solid var(--line);border-radius:12px}
body:is([data-page=users],[data-page=workspaces],[data-page=companies],[data-page=overview],[data-page=audit],[data-page=sessions]) #content>.muted{max-width:780px;margin-bottom:18px;line-height:1.6;color:var(--text)}
body:is([data-page=users],[data-page=workspaces],[data-page=companies],[data-page=audit],[data-page=sessions]) .toolbar{display:flex;align-items:flex-end;justify-content:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:20px}
body:is([data-page=users],[data-page=workspaces],[data-page=companies],[data-page=audit]) .toolbar input{flex:1 1 220px;min-width:160px;max-width:420px}
body[data-page=audit] #audit-filter>input{flex-basis:200px;max-width:320px}
body[data-page=audit] #audit-filter>label{flex:1 1 150px;max-width:190px}
body:is([data-page=users],[data-page=workspaces],[data-page=companies],[data-page=audit],[data-page=sessions]) .toolbar button{min-height:41px}
body:is([data-page=users],[data-page=workspaces],[data-page=companies],[data-page=audit],[data-page=sessions]) .table-wrap{background:var(--surface-three,var(--field));border:1px solid var(--line);border-radius:9px;overflow:auto}
body:is([data-page=users],[data-page=workspaces],[data-page=companies],[data-page=audit],[data-page=sessions]) th{background:var(--field);color:var(--text);font-weight:600}
body:is([data-page=users],[data-page=workspaces],[data-page=companies],[data-page=audit],[data-page=sessions]) td{vertical-align:middle;line-height:1.6}
body:is([data-page=workspaces],[data-page=companies],[data-page=sessions]) td:first-child{min-width:170px;max-width:280px;overflow-wrap:anywhere}
body:is([data-page=workspaces],[data-page=companies],[data-page=sessions]) td:last-child{width:1%;white-space:nowrap}
body:is([data-page=workspaces],[data-page=companies],[data-page=sessions]) td .row{gap:8px;flex-wrap:wrap}
body[data-page=workspaces] td a{display:inline-block;margin-top:5px;color:var(--muted);font-size:12px;text-underline-offset:3px}
body[data-page=overview] .metrics{gap:16px;margin-bottom:20px}
body[data-page=overview] .panel{background:var(--surface-three,var(--field));padding:22px}
body[data-page=overview] .two-col{gap:20px}
body[data-page=overview] .two-col .stack{align-content:start;gap:16px}
body[data-page=overview] .two-col p{line-height:1.65}
body:is([data-page=audit],[data-page=sessions]) .detail{min-width:170px;max-width:350px;overflow-wrap:anywhere}
body[data-page=audit] .pagination{gap:14px;padding-top:4px}
#modal .stack>.muted{line-height:1.65}
#modal .form-grid{gap:16px;align-items:start}
@media(max-width:760px){body:is([data-page=users],[data-page=workspaces],[data-page=companies],[data-page=overview],[data-page=audit],[data-page=sessions]) #content{padding:14px;width:calc(100% - 24px);margin:12px auto}body[data-page=overview] .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-page=overview] .two-col{grid-template-columns:1fr}body:is([data-page=workspaces],[data-page=companies],[data-page=sessions]) td:last-child{white-space:normal}body[data-page=audit] #audit-filter>label{max-width:none}#modal .form-grid{grid-template-columns:1fr}}