:root{font-family:'DM Sans',Arial,sans-serif;color:#173841;background:#f5f8f7}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}a{color:#087986;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid #b9d3cf;border-radius:9px;background:#fff;color:#17616b;padding:10px 14px}button:hover{background:#e3f2ee}button:disabled{opacity:.5;cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #28b9ad;outline-offset:3px}#gate{padding:50px;max-width:650px;margin:auto}#app{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:100dvh}aside{background:#102f3c;padding:30px 20px;color:#cfe5e2}aside>a{color:#cfe5e2}.brand{font-size:28px;font-weight:700;color:white;letter-spacing:-1px}.brand span{color:#4bd0bd}.eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;line-height:1.7}nav{display:grid;gap:7px;margin:24px 0 45px}nav button{text-align:left;background:transparent;color:#dceeea;border:0}nav button.active,nav button:hover{background:#ffffff20}main{padding:32px clamp(16px,4vw,58px);min-width:0}header{display:flex;align-items:center;justify-content:space-between;gap:16px}h1{margin:7px 0 28px;font-size:30px}#identity{color:#607b83;overflow-wrap:anywhere}#searchForm{display:flex;align-items:center;gap:10px;margin:10px 0 24px}input,select,textarea{border:1px solid #b9d3cf;border-radius:9px;padding:11px;background:white;color:#173841}#search{flex:1;min-width:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card,article{border:1px solid #d4e4e1;background:white;border-radius:15px;padding:22px}.card strong{display:block;font-size:34px;color:#087986;margin-top:15px}.table-wrap{overflow:auto;background:#fff;border:1px solid #d4e4e1;border-radius:14px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:15px;border-bottom:1px solid #e6eeec;vertical-align:top}th{background:#e8f3f0;color:#17616b;white-space:nowrap}td small{display:block;color:#607b83;margin-top:5px}article{margin-bottom:12px}article p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;font-size:14px}article select{margin-left:10px}#error,#roleError{color:#a3293e}#error{padding:14px;background:#ffefeb;border-radius:10px}footer{display:flex;gap:16px;align-items:center;justify-content:flex-end;margin:22px 0}dialog{border:0;border-radius:17px;padding:28px;max-width:460px;width:calc(100% - 32px);color:#173841}dialog::backdrop{background:#102f3c80}dialog label{display:block;margin:18px 0 7px}dialog textarea,dialog select{width:100%}dialog textarea{min-height:90px}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}#apply{background:#087986;color:white;border-color:#087986}.muted{color:#607b83;line-height:1.6}@media(max-width:800px){#app{grid-template-columns:1fr}aside{padding:18px}nav{display:flex;overflow:auto;margin:15px 0}nav button{white-space:nowrap}.cards{grid-template-columns:repeat(2,1fr)}main{padding:22px 16px}#searchForm label{display:none}}

/* Operations console uses indigo and lavender to distinguish it from composing. */
:root{color:#252443;background:#f5f4fa}aside{background:#211c3b}.brand span{color:#c2b1ff}a{color:#6544a4}button{color:#55417d;border-color:#d3c9e4}button:hover{background:#ede7fa}th{background:#eee8f7;color:#55417d}.card strong{color:#6544a4}#apply{background:#6544a4;border-color:#6544a4}nav button.active,nav button:hover{background:#c2b1ff25}.ticket-message{padding:14px;border-radius:10px;background:#f0edf7;margin:10px 0}.ticket-message.staff{background:#e8e0fa}.ticket-thread{max-height:45vh;overflow:auto}.ticket-message p{white-space:pre-wrap;overflow-wrap:anywhere}dialog.ticket-dialog{max-width:680px}dialog input{width:100%}

.notification-composer{background:white;border:1px solid #d3c9e4;border-radius:14px;padding:24px;margin-bottom:30px;max-width:760px}.notification-composer label{display:block;margin:15px 0}.notification-composer input,.notification-composer select,.notification-composer textarea{display:block;width:100%;margin-top:7px}.notification-composer textarea{min-height:120px}.notification-composer button{margin-right:10px}.notification-composer button:last-child{background:#6544a4;color:white}

.admin-dialog-close{position:absolute;top:12px;right:12px;width:32px;height:32px;padding:0;display:grid;place-items:center;font-size:25px;line-height:1;border:0;background:transparent;color:#55417d}.admin-dialog-close:hover{background:#eee8f7}dialog h2{padding-right:32px}