/* Account surfaces follow the desktop controls and type scale. */
.admin header,.admin main,.admin footer{width:min(1200px,calc(100% - 64px))}.admin main{display:block;padding:24px 0 42px;min-height:calc(100vh - 168px)}.brand-context{font-size:14px;font-weight:400;color:var(--secondary);letter-spacing:0;border-left:1px solid var(--border);padding-left:16px}.identity{display:flex;align-items:center;gap:18px}.identity .muted{margin:0;font-size:13px}.auth-panel{width:320px;max-width:100%;margin:72px auto 100px}.auth-intro{padding-top:25px}.eyebrow{font-size:12px;color:var(--secondary);margin:0 0 10px}.auth-card{padding:0}.auth-card>h2{text-align:center}.auth-subtitle{text-align:center;color:var(--secondary);margin:6px 0 26px;font-size:14px}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:26px}.workspace-heading h1{font-size:24px;letter-spacing:0;margin:0}.workspace-heading nav{display:flex;gap:4px;background:var(--input);padding:4px;border-radius:12px}.tab{border:0;background:none;color:var(--secondary);border-radius:9px;padding:8px 20px;font-size:14px}.tab[aria-current=page]{background:var(--surface);color:var(--text);box-shadow:0 1px 4px #0000000d}.toolbar{display:flex;gap:12px;align-items:flex-end;padding:18px 0;border-top:1px solid var(--border)}.toolbar .field{min-width:120px}.toolbar .grow{flex:1}.toolbar label{font-size:13px;margin:0 0 7px;color:var(--secondary)}.toolbar input,.toolbar select{height:42px;border-radius:10px;font-size:14px}.secondary{border:1px solid var(--border);background:var(--surface);color:var(--text);padding:9px 16px;border-radius:10px;white-space:nowrap;font-size:13px;min-height:40px}.secondary:hover{background:var(--input)}.primary.compact{width:auto;min-height:42px;margin:0;white-space:nowrap;font-size:14px;padding:9px 20px}.admin button:disabled{opacity:.45;cursor:default}.admin select{color:var(--text);background:var(--input);font:inherit;border:1px solid transparent;height:42px;padding:0 40px 0 14px;border-radius:10px;width:100%;appearance:none}.admin select:focus-visible,.admin textarea:focus-visible{outline:2px solid var(--secondary);outline-offset:3px}.list-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;min-height:42px}.list-meta p{margin:0}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:14px}table{border-collapse:collapse;width:100%;text-align:left;font-size:14px}th{font-size:13px;font-weight:500;color:var(--secondary);background:var(--input);padding:13px 16px;white-space:nowrap}td{padding:17px 16px;border-top:1px solid var(--border);vertical-align:middle;max-width:300px;overflow-wrap:anywhere}td .muted{font-size:12px;margin:3px 0 0}td strong{font-weight:500}.status-pill{display:inline-block;border:1px solid var(--border);border-radius:16px;padding:2px 10px;font-size:12px;white-space:nowrap}.status-pill.off{color:var(--secondary);background:var(--input)}.row-actions{display:flex;gap:14px;white-space:nowrap}.row-actions .text-button{font-size:13px;padding:2px 0}.danger-text{color:var(--danger)}.empty{text-align:center;padding:46px 20px;color:var(--secondary)}.pager{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-top:18px;font-size:12px;color:var(--secondary)}.pager .secondary{min-height:34px;padding:5px 14px;font-size:12px}.section-title{font-size:15px;margin:15px 0 12px}.records-title{margin-top:28px}.usage-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;grid-template-areas:"from to account choose" "category model status query";gap:14px}.usage-filters .field{min-width:0}.field-from{grid-area:from}.field-to{grid-area:to}.field-usage-account{grid-area:account}.field-category{grid-area:category}.field-model{grid-area:model}.field-http-status{grid-area:status}.usage-filters>#choose-account{grid-area:choose}.usage-filters>button[type=submit]{grid-area:query}.usage-filters>button{align-self:end;min-height:42px}.range-shortcuts{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.range-shortcuts .caption{margin:0}.usage-intro{font-size:13px}dialog{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:20px;padding:26px;width:480px;max-width:calc(100vw - 32px);max-height:85vh;overflow:auto;box-shadow:0 20px 60px #0002}dialog::backdrop{background:#0005;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.dialog-head h2{font-size:19px;margin:0}.icon-button{background:none;border:0;font-size:24px;color:var(--secondary);padding:0 5px}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px}.dialog-actions .primary{width:auto;margin:0;min-height:40px;padding:8px 20px;font-size:14px}.dialog-actions .danger{background:var(--danger);color:#fff}.admin textarea{font:inherit;width:100%;min-height:88px;resize:vertical;background:var(--input);color:var(--text);border:1px solid transparent;border-radius:12px;padding:12px}.dialog-copy{font-size:14px;color:var(--secondary);margin:10px 0 18px}.password-output{display:block;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:16px;letter-spacing:.3px}.details-list{display:grid;grid-template-columns:90px 1fr;font-size:13px;gap:9px}.details-list dt{color:var(--secondary)}.details-list dd{margin:0;overflow-wrap:anywhere}.audit{list-style:none;padding:0;margin:0}.audit li{padding:12px 0;border-top:1px solid var(--border);font-size:13px}.audit small{display:block;color:var(--secondary);margin-top:4px}.picker-list{max-height:280px;overflow:auto;margin-top:12px;display:grid;gap:6px}.picker-list button{text-align:left;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);padding:10px 12px}.picker-list button:hover{background:var(--input)}.picker-list small{display:block;color:var(--secondary)}
@media(max-width:800px){.admin header,.admin main,.admin footer{width:calc(100% - 32px)}.brand{font-size:20px;gap:8px}.brand img{width:32px;height:32px}.brand-context{font-size:12px;padding-left:9px}.brand-badge{display:none}.identity{gap:9px}.identity .muted{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-panel{grid-template-columns:1fr;gap:24px;margin:12px auto;max-width:440px}.auth-intro{padding:0}.auth-intro h1{font-size:28px}.workspace-heading{align-items:flex-start;flex-direction:column;gap:18px}.toolbar{flex-wrap:wrap}.toolbar .grow{flex-basis:100%}.toolbar .field:not(.grow){flex:1}.usage-filters{grid-template-columns:1fr 1fr;grid-template-areas:"from to" "account choose" "category model" "status query"}.usage-filters>button{justify-self:start}.list-meta{align-items:flex-start;flex-direction:column;padding-bottom:10px}.table-wrap table{min-width:720px}.brand-context{white-space:nowrap}.range-shortcuts{gap:12px}dialog{padding:20px}}

.preview-label{font-size:12px;color:var(--secondary);border:1px solid var(--border);border-radius:10px;padding:8px 12px;margin:0 0 20px;background:var(--input)}

.select-control{position:relative}.select-chevron{position:absolute;right:16px;top:50%;width:7px;height:7px;border-right:1.5px solid var(--secondary);border-bottom:1.5px solid var(--secondary);transform:translateY(-65%) rotate(45deg);pointer-events:none}
.range-button{border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--secondary);padding:5px 14px;min-height:32px;font-size:13px;line-height:20px;white-space:nowrap}.range-button:hover{background:var(--input);color:var(--text)}.range-button[aria-pressed=true]{background:var(--input);color:var(--text);border-color:var(--dsw-alias-border-l4)}
.records-meta{margin:6px 0 16px;gap:16px;flex-wrap:wrap}.records-meta .row-actions{gap:12px;flex-wrap:wrap}
.records-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;grid-template-areas:"search search user kind ." "skill result from to query";gap:14px}.records-filters .field,.records-filters .grow{min-width:0}.record-search{grid-area:search}.record-user{grid-area:user}.record-kind{grid-area:kind}.record-skill{grid-area:skill}.record-result{grid-area:result}.record-from{grid-area:from}.record-to{grid-area:to}.records-filters>button{grid-area:query;min-height:42px}.observation-dialog{width:900px}.observation-event{padding:16px 0;border-bottom:1px solid var(--border)}.observation-event-head{display:flex;justify-content:space-between;gap:16px}.observation-event-head .caption{margin:0}.observation-text,.observation-raw{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.7 var(--dsw-font-family);margin:10px 0}.observation-raw{font:12px/1.6 ui-monospace,monospace;max-height:400px;overflow:auto;padding:12px;background:var(--input);border-radius:10px}.observation-event summary{color:var(--secondary);font-size:13px;cursor:pointer}.observation-event.has-error{border-left:3px solid var(--danger);padding-left:12px}.observation-file{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--border)}.observation-file .caption{margin:3px 0;overflow-wrap:anywhere}.observation-image{display:block;max-width:100%;margin:16px auto}.observation-demo{display:flex;align-items:center;gap:8px;margin:14px 0}.observation-demo input{width:16px;height:16px}

@media(max-width:800px){.records-filters{grid-template-columns:1fr 1fr;grid-template-areas:"search search" "user kind" "skill result" "from to" ". query"}}