:root{color-scheme:dark;--bg:#0c111b;--panel:#141d2c;--line:#263248;--text:#e9eef8;--muted:#9baac0;--accent:#7aabff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 system-ui,sans-serif}a{color:var(--accent);text-decoration:none}button{font:inherit;cursor:pointer}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;padding:32px 24px;background:#101827;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:24px}.brand{display:flex;align-items:center;gap:12px;color:var(--text);font-size:20px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:#2869cc;border-radius:11px;font-weight:800}.brand strong{font-weight:400;color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:.13em;color:var(--muted);font-weight:650}nav{display:grid;gap:8px}nav a{padding:10px 12px;border-radius:8px;color:#c4d1e5}nav a:hover{background:#20324e}.back-link{margin-top:auto}.sidebar-note{font-size:12px;color:var(--muted)}main{margin-left:248px;max-width:1700px;padding:36px 42px}header,.section-title{display:flex;justify-content:space-between;align-items:center;gap:20px}h1{font-size:29px;letter-spacing:-.03em;margin:5px 0 0}h2{font-size:20px;margin:0}.account{display:flex;align-items:center;gap:12px;font-size:13px}.secondary{border:1px solid var(--line);border-radius:8px;padding:7px 13px;background:#1b283b;color:var(--text)}.secondary:hover{background:#283d5b}section{margin-top:34px;scroll-margin-top:24px}.section-title{margin-bottom:16px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:22px}.card strong{display:block;font-size:31px;line-height:1.2;margin:12px 0 4px}.card span,.muted{color:var(--muted);font-size:13px}.health-bar{margin-top:18px;display:flex;gap:15px;align-items:center;flex-wrap:wrap}.badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;background:#213550;color:#bcd6ff}.badge.ok{background:#153b32;color:#8ee6bf}.badge.error{background:#4a2530;color:#ffafbb}.badge.warning{background:#403722;color:#eed394}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--panel)}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}th{color:var(--muted);font-weight:500;background:#182235;white-space:nowrap}th,td{padding:13px 16px;border-bottom:1px solid var(--line);vertical-align:top}tr:last-child td{border-bottom:0}td.details{max-width:420px;overflow-wrap:anywhere;color:#b8c8dd}td.time{white-space:nowrap;font-variant-numeric:tabular-nums}.login-card{max-width:570px;margin:70px auto;padding:38px;background:var(--panel);border:1px solid var(--line);border-radius:16px}.login-card h2{font-size:27px;margin-top:12px}.login-card p{color:var(--muted)}#google-button{min-height:44px;margin-top:25px}#notice:empty{display:none}#notice{padding:12px 16px;border-radius:8px;background:#4a2530;color:#ffc4ce}footer{margin-top:36px;font-size:12px;color:var(--muted)}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:1100px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}main{padding:28px 24px}.sidebar{width:210px;padding:28px 18px}main{margin-left:210px}.account{flex-direction:column;align-items:flex-end}}@media(max-width:700px){.sidebar{position:static;width:auto;padding:18px 20px;gap:15px;border-right:0;border-bottom:1px solid var(--line)}nav{display:flex;flex-wrap:wrap;gap:4px}nav a{font-size:13px;padding:5px 8px}.sidebar>.eyebrow,.sidebar-note{display:none}.back-link{font-size:13px}main{margin:0;padding:24px 18px}header{align-items:flex-start;flex-direction:column}h1{font-size:25px}.account{flex-direction:row;align-items:center;flex-wrap:wrap}.section-title{align-items:flex-start;flex-direction:column;gap:8px}.card{padding:16px}.card strong{font-size:27px}.login-card{margin:25px auto;padding:25px}th,td{padding:11px 12px}.cards{gap:10px}}

body.login-page{min-height:100dvh;display:grid;place-items:center;padding:24px}.login-page main.login-shell{margin:0;padding:0;width:min(100%,360px);max-width:none;display:flex;flex-direction:column;align-items:center}.login-page #google-button{margin:0;min-height:44px}.login-page #notice{width:100%;text-align:center}


.server-card strong{font-size:18px;overflow-wrap:anywhere}.server-card{min-height:115px}

.user-controls{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0;align-items:center}.user-controls input{flex:1;min-width:180px}.user-controls input,.user-controls select,dialog input,dialog textarea{font:inherit;color:inherit;border:1px solid #d7dfeb;background:#fff;border-radius:8px;padding:10px}.danger{background:#b42332;color:#fff;border:0;border-radius:8px;padding:10px 14px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}#user-dossier{border-top:1px solid #dce4ee;margin-top:28px;padding-top:24px;scroll-margin-top:20px}.activity-item{padding:16px;border:1px solid #dce4ee;border-radius:10px;margin:12px 0;background:#fff}.activity-item h4{margin:0 0 8px;white-space:pre-wrap;overflow-wrap:anywhere}.activity-item p{white-space:pre-wrap;overflow-wrap:anywhere}.activity-item pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}dialog{border:1px solid #dce4ee;border-radius:14px;width:min(560px,calc(100% - 32px));padding:24px;color:#17233a;max-height:90vh;overflow:auto}dialog::backdrop{background:#13213a99}dialog label{display:block;margin:14px 0 6px}dialog input,dialog textarea{width:100%;box-sizing:border-box}#moderation-error{color:#b42332}[hidden]{display:none!important}
.find-gallery{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.find-gallery img{width:140px;height:110px;object-fit:cover;border-radius:8px}
.user-controls input,.user-controls select,dialog input,dialog textarea{color:var(--text);background:#0c1422;border-color:var(--line)}.activity-item{background:var(--panel);border-color:var(--line)}#user-dossier{border-color:var(--line)}dialog{background:var(--panel);color:var(--text);border-color:var(--line)}#moderation-error{color:#ffafbb}dialog label{font-weight:500}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* Compact user pages */
.users-table{max-height:min(420px,60vh);overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#526b91 var(--panel)}
.users-table thead th{position:sticky;top:0;z-index:1}.users-table td{overflow-wrap:anywhere}
.user-pagination{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}
.user-pagination button{min-width:38px}.user-pagination [aria-current="page"]{background:#2869cc;border-color:#7aabff;color:#fff;opacity:1;cursor:default}

/* Deleted account table readability */
#deleted-users-table table{min-width:1100px}.users-table td:first-child,.users-table button{white-space:nowrap}#deleted-user-rows td:nth-child(4){white-space:nowrap}

/* Resource health text */
.metric-good,.metric-good span,.metric-good strong,.metric-good td{color:#8ee6bf!important}
.metric-bad,.metric-bad span,.metric-bad strong,.metric-bad td{color:#ffafbb!important}

/* Task purpose and user attention */
.task-ok td:not(.task-purpose),.user-clear td{color:#8ee6bf}.task-error td:not(.task-purpose){color:#ffafbb}.task-wait td:not(.task-purpose),.user-attention td{color:#eed394}.user-inactive td{color:var(--muted)}
.task-category{display:inline-block;border-radius:14px;padding:4px 9px;font-size:12px;white-space:nowrap}
.task-category-moderation{background:#403722;color:#eed394}.task-category-operations{background:#213550;color:#bcd6ff}.task-category-analytics{background:#34284c;color:#d7baf6}.task-category-maintenance{background:#293344;color:#c6d0e2}.task-category-notifications{background:#163d44;color:#96dde8}.task-category-accounts{background:#453047;color:#efbbec}.task-category-other{background:#293344;color:#c6d0e2}
#tasks-table table{min-width:1000px}.task-page-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:14px 0}.task-page-controls select{color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:7px}

/* Taller client list and a bounded, keyboard-scrollable event journal. */
#users-table{max-height:min(840px,120vh)}
#journal-table{max-height:min(560px,80vh)}

#service-mail-dialog select{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#0c1422;color:var(--text);font:inherit}
#users-table td:last-child{min-width:240px}#users-table td:last-child button{white-space:normal;text-align:left;margin:3px 0}

.mail-agent-grid{display:grid;grid-template-columns:minmax(230px,1fr) minmax(300px,1.5fr);gap:20px}.mail-agent-list{max-height:340px;overflow:auto;padding:8px}.mail-agent-row{display:block;width:100%;text-align:left;margin:4px 0}.mail-agent-row strong,.mail-agent-row span{display:block;overflow-wrap:anywhere}.mail-agent-row span{font-size:12px;color:var(--muted)}#mail-agent-body{white-space:pre-wrap;overflow-wrap:anywhere;max-height:350px;overflow:auto;font:inherit;background:var(--panel);padding:16px;border-radius:8px}#mail-agent-reply-form label{display:block;margin:12px 0}#mail-agent-reply-form textarea,#mail-agent-reply-form select{display:block;width:100%;background:#0c1422;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px;font:inherit}.public-conversation-comment{margin:10px 0;padding:10px 14px;border-left:3px solid var(--line);background:var(--panel);overflow-wrap:anywhere}.conversation-focus{border-color:var(--accent)}@media(max-width:900px){.mail-agent-grid{grid-template-columns:1fr}}

/* Readable email addresses; compact administrator attention. */
#users-table table {min-width:1250px;}
#users-table .user-email {min-width:230px;width:230px;}
#users-table .user-id {min-width:48px;white-space:nowrap;}
#users-table .user-attention-cell {width:110px;min-width:110px;max-width:110px;white-space:normal;}
#users-table .user-source {min-width:150px;white-space:pre-line;}

/* Keep every administration destination reachable on shorter desktop windows. */
@media(min-width:901px){.sidebar{min-height:0}.sidebar>nav{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.sidebar>.brand,.sidebar>.eyebrow,.sidebar>.back-link{flex-shrink:0}}