:root{font:17px 'Segoe UI',Tahoma,sans-serif;color:#173254;background:#eef3fb}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:18px;padding:16px 4vw;background:white;border-bottom:2px solid #d1def7}header img{width:64px;height:64px;object-fit:contain}header div{flex:1}header strong{font-size:25px}header span{display:block;font-size:14px;color:#425673}main{padding:24px 4vw;max-width:1500px;margin:auto}h1{font-size:30px}h2{font-size:24px}h3{font-size:20px}p{line-height:1.6}button,input,select,textarea{font:inherit;min-height:46px;border:1px solid #879bb9;border-radius:9px;padding:10px;background:white;color:#173254}button{cursor:pointer;font-weight:650}button.primary{background:#245ce0;color:white}button:disabled{opacity:.5}input,select,textarea{width:100%;margin-top:6px}label{display:block;margin-bottom:15px;font-weight:600}label input[type=checkbox]{width:44px;height:44px;min-height:44px;vertical-align:middle}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #00a9d4;outline-offset:3px}form,.card{padding:22px;border:1px solid #c5d4eb;background:white;border-radius:13px;margin-block:18px}.login{max-width:540px;margin:30px auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-block:14px}.actions button{flex:1}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;background:white}td,th{padding:14px;text-align:start;border-bottom:1px solid #d1def7;vertical-align:top}small{display:block;line-height:1.5;color:#425673}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f1f5fb;padding:14px}#message{margin:12px 4vw;color:#a12b26;white-space:pre-wrap}.info{background:#e5f4fc;padding:14px;border-radius:10px}summary{cursor:pointer;min-height:48px;padding:12px;font-weight:650}fieldset{border:1px solid #c5d4eb;border-radius:10px;margin-block:14px}code{overflow-wrap:anywhere}.notice{border-inline-start:5px solid #81510c;background:#fff1ce;padding:14px}a{color:#194fb5}nav{display:flex;gap:12px;flex-wrap:wrap;margin-block:15px}[hidden]{display:none!important}@media(max-width:600px){main{padding:16px}header{gap:10px;flex-wrap:wrap}header img{width:48px;height:48px}header div{min-width:180px}header button{flex:1}.grid{grid-template-columns:1fr}form,.card{padding:16px}td,th{padding:10px}}

label:has(input[type=checkbox]){display:flex;gap:10px;align-items:center;min-height:44px}

.billing-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.billing-metrics .card{margin-block:10px}.billing-metrics strong{display:block;font-size:25px}.billing-filters{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-block:20px}.billing-status{display:block;border-inline-start:4px solid #245ce0;padding:6px;margin-block:8px}.state-expired,.state-suspended{border-color:#ac302d}.state-grace,.state-due{border-color:#966400}@media(max-width:600px){.billing-filters{grid-template-columns:1fr}.billing-metrics{grid-template-columns:1fr 1fr}}

/* Clear operator navigation; each client has one visible task at a time. */
.primary-navigation,.task-tabs{display:flex;flex-direction:row;gap:8px;flex-wrap:wrap;padding:12px 0;margin-bottom:22px;border-bottom:1px solid #d8e3e0}.primary-navigation button,.task-tabs button{min-width:44px;min-height:48px;background:white;color:#183c35;border:1px solid #cad8d3;border-radius:10px;padding:12px 16px;font-size:15px}.primary-navigation .selected,.task-tabs [aria-selected=true]{background:#173f73;color:white;border-color:#173f73}.task-panels{min-width:0}.task-panels>section{min-width:0}.task-panels form{max-width:850px;margin-inline:0}.operator-identity{font-size:14px;color:#50665e}.task-panels h2{font-size:22px}main>h1{font-size:30px}.billing-metrics article{box-shadow:none;border-top:3px solid #173f73}.task-panels details{margin-block:16px}.task-panels section>form{padding:22px}.task-tabs{position:sticky;top:0;z-index:4;background:#f4f7f6}.task-panels [hidden]{display:none!important}.task-panels table{width:100%}[hidden]{display:none!important}
@media(max-width:650px){.primary-navigation,.task-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.primary-navigation button,.task-tabs button{font-size:14px;white-space:normal;padding:10px}.task-panels section>form{padding:16px}main>h1{font-size:27px}}
