/* Approved Autaza interface. Domain, permissions and persistence remain server-owned. */
:root{--background:#f5f7fa;--surface:#fff;--ink:#202a34;--muted:#687582;--border:#e1e7ed;--danger:#b32c42;--success:#237654;--warning:#8c5b15;--radius:20px;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--display:var(--sans);--scroll-thumb:#a5b7c4;--scroll-track:#f5f7fa}
body{font:14px/1.55 var(--sans)}h1,h2,h3{letter-spacing:-.4px}h1{font-size:30px;font-weight:650}h2{font-size:20px;font-weight:650}h3{font-size:15px}a{text-decoration:none}a:hover{text-decoration:underline}svg{width:19px;height:19px;stroke-width:1.7;flex-shrink:0}button,.action-link{border-radius:11px;font-size:13px;min-height:42px;box-shadow:0 1px 2px #243e4d07}button:hover{background:#edf3f7}.action-link{font-size:13px}.action-link.secondary{background:white;color:var(--primary);border-color:#dce4ea}.action-link.secondary:hover{background:#edf3f7}.help,.muted{font-size:12px}.field-error:empty{min-height:0;margin:0}.field label{font-size:13px}.field input,.field select,.field textarea,input,select,textarea{border-color:#dce5ec;border-radius:10px;background:#fbfcfd;font-size:13px}.field{margin-bottom:18px}.field .help{margin-top:6px}.panel,.card,.settings-card{border:1px solid #e7edf2;border-radius:20px;box-shadow:0 2px 8px #20354703;background:white}.panel{padding:24px}.panel h2:first-child{margin-top:0}.heading{margin-bottom:26px}.heading .eyebrow{font-size:9px;letter-spacing:1.4px}.heading>.action-link{white-space:nowrap}.errorbox{border-radius:9px}.formpanel{max-width:900px}.settings-card{padding:24px}.settings-symbol{border-radius:12px;background:#e7f1f7;color:var(--primary)}.settings-card:hover{background:#fbfdff;border-color:#b6cfdf}
.shell{grid-template-columns:232px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100dvh;padding:30px 18px 18px;gap:30px;border-right:1px solid white;background:linear-gradient(170deg,#e8f1f6ed,#eff3f7 60%,#e9edf4);color:var(--ink)}.sidebar .brand{display:flex;flex-direction:column;width:174px;max-width:100%;margin:0 auto;gap:8px}.sidebar .brand-logo{display:block;width:174px}.sidebar .brand small{margin:0 0 0 52px;font:600 8.5px/1.4 var(--sans);letter-spacing:.9px;color:#617888;white-space:nowrap}.nav a{display:flex;align-items:center;gap:12px;padding:11px 14px;min-height:44px;color:#5b6b79;border-radius:11px;font-size:13px;border:0}.nav a:hover{background:#ffffff90;color:var(--primary);text-decoration:none}.nav a.active{background:white;color:var(--primary);border:0;box-shadow:0 2px 8px #2d4c6810}.nav a.active svg{stroke-width:2}.local{color:#617888;font-size:11px;margin-top:auto}.local .dot{background:var(--success)}.account{margin-top:0;border-top:1px solid #d7e1e8;padding-top:18px}.account .help{color:var(--muted);font-size:11px}.account button{margin-top:10px;min-height:34px;font-size:11px}.main{max-width:1580px;padding:28px 36px 32px;margin:0 auto}.topline{font:11px var(--sans);align-items:center;min-height:48px;margin-bottom:28px;border-bottom:1px solid #e6ebef}.topline>span{color:#657988}.topline-tools>span{font-size:10px;letter-spacing:.4px}.breadcrumb-separator{margin:0 10px;color:#a0adb7}#mobile-menu{display:none}.notification-bell{border-radius:11px}.login-side{border:0;background:radial-gradient(ellipse at 25% 20%,#e0f3fc,transparent 60%),linear-gradient(145deg,#eaf2f7,#f1f5f9 50%,#ddebf4);color:var(--ink);padding:52px}.login-side .brand-logo{width:215px}.login-side .brand small,.login-side .eyebrow,.login-side p,.login-side>small{color:#617c8f}.login-side h1{font-size:46px;letter-spacing:-1.7px;line-height:1.12}.login-main{background:white}.login-main h2{font-size:29px}.guest-entry{margin-top:25px;border-color:var(--border)}.login-box .primary{width:100%}.public-main{max-width:980px}.public-brand .brand-logo{width:174px}
.tablewrap{border-radius:14px;overflow:auto;scrollbar-gutter:stable}table{min-width:780px}th{background:#fcfdfe;font-size:11px;font-weight:550;color:#738794;padding:10px 16px;border-color:var(--border)}td{padding:18px 16px;font-size:13px;border-bottom:1px solid #edf1f5;vertical-align:middle}td:first-child>a{font-weight:600;color:var(--ink)}td:first-child>a:hover{color:var(--primary)}td small{font-size:11px;line-height:1.5;margin-top:6px}.badge{font-size:11px;border-radius:6px;padding:5px 9px}.badge.success{background:#e5f3eb;color:var(--success)}.badge.danger{background:#fbe8ec;color:var(--danger)}.badge.warning{background:#fff0d5;color:var(--warning)}td:nth-child(2)>.badge{font-weight:700}td:nth-child(2)>small:first-of-type{font-size:16px;font-weight:650;margin-top:7px;color:var(--ink)}td:nth-child(2)>.badge.danger{background:var(--danger);color:white}td:nth-child(2)>.badge.success{background:var(--success);color:white}td:nth-child(2)>.badge.warning{background:#f9dfab;color:#754907}td:nth-child(2)>.badge.danger+small{color:var(--danger)}.filters{gap:12px;align-items:flex-end;margin-bottom:18px}.filters label{font-size:12px;font-weight:550}.filters button{min-height:44px}.filters input,.filters select{background:white}.column-sort{display:inline-flex;align-items:center;gap:8px;padding:4px;border:0;box-shadow:none;background:transparent;min-height:38px;font:inherit;white-space:nowrap;color:#687c8b}.column-sort svg{width:14px;height:14px;stroke-width:1.5}.column-sort.sorted{color:var(--primary);font-weight:650}.column-sort.sorted path{opacity:.25}.column-sort path.selected{opacity:1;stroke:var(--primary)}.pagination{font-size:12px;border-color:var(--border)}.cards .card{padding:22px}.number{font-size:38px}.ticket-tabs{gap:24px;background:var(--background);border-color:var(--border)}.ticket-tabs button{border-radius:0;border:0;border-bottom:2px solid transparent;box-shadow:none;background:transparent;color:var(--muted);padding:12px 0;font-size:13px}.ticket-tabs button[aria-selected=true]{color:var(--primary);border-bottom-color:var(--primary);background:transparent}.ticket-heading{flex-wrap:wrap}.ticket-heading h1{font-size:27px}.ticket-header-controls{flex-basis:100%;width:100%}.ticket-header-controls .actions{justify-content:flex-start}.ticket-header-controls .help{max-width:none;text-align:left}.ticket-header-controls .danger-button{order:0}.ticket-header-controls button:not(.primary):not(.danger-button){order:1}.ticket-header-controls .action-link{order:2;margin-left:auto;background:white;color:var(--primary);border-color:#dce4ea}.ticket-header-controls .primary{order:3}.ticket-details-grid{gap:24px}.ticket-detail-group{border-color:var(--border)}.message{border-color:var(--border);font-size:13px}.message p{font-size:13px}.message.internal{background:#fffaf0}.message .time{font:11px var(--sans)}.timeline li{border-left:1px solid var(--border);font-size:13px}.ticket-composer{margin-top:22px;background:#fbfcfd;border:1px solid var(--border);border-radius:14px;padding:16px}.composer-tabs{display:flex;gap:6px;border-bottom:1px solid var(--border);margin-bottom:14px;padding-bottom:10px}.composer-tabs button{min-height:36px;box-shadow:none;border:0;background:transparent;padding:8px 14px;color:var(--muted)}.composer-tabs button[aria-selected=true]{background:#e5f0f6;color:var(--primary)}.ticket-composer textarea{border:0;background:transparent;min-height:95px;padding:5px 0}.ticket-composer .field:has(textarea)>label{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.ticket-composer .field:has(input[type=file]){margin-top:12px}.ticket-composer .check{font-size:12px}.ticket-composer .actions{justify-content:flex-end;margin-top:12px}.ticket-composer [hidden]{display:none!important}.subticket-info dd{font-size:14px}.subticket-info .badge+small{font-size:16px;font-weight:650}dialog{border-radius:22px;box-shadow:0 25px 80px #20364730}dialog::backdrop{background:#24374847;backdrop-filter:blur(6px)}.mention-picker{box-shadow:0 12px 35px #20364720;border-radius:12px}.notification-item{border-radius:16px}#notice{border-radius:12px;font-size:13px}
.monitor-heading{align-items:center}.monitor-heading h1{font-size:30px;letter-spacing:-.8px}.monitor-controls .actions{gap:8px}.monitor-clock{font-size:17px;color:var(--muted);margin-bottom:8px}.monitor-metrics{gap:12px}.metric{min-height:150px;border:1px solid #005a7e20;border-radius:17px;padding:20px 22px;background:#e1f0f7;color:var(--primary)}.metric strong{font-size:46px;font-weight:650;margin:10px 0;letter-spacing:-1px}.metric span{font-size:13px}.metric small{font-size:11px}.metric-good{background:#23765421;border-color:#23765420;color:var(--success)}.metric-late{background:#b32c421e;border-color:#b32c4224;color:var(--danger)}.metric-soon{background:#d9ac5829;border-color:#8c5b1520;color:var(--warning)}.monitor-toolbar{font-size:11px;margin:20px 0}.monitor-layout{grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr)}.monitor-ticket{border-radius:18px;border:1px solid var(--border);border-top:4px solid var(--success);background:white;min-height:290px}.monitor-ticket.warning{border:1px solid var(--border);border-top:4px solid var(--warning);background:white}.monitor-ticket.danger{border:1px solid var(--border);border-top:4px solid var(--danger);background:white}.monitor-ticket.triage{box-shadow:none;border-color:#d2ac6e;border-top:4px solid var(--warning);background:#fffdf8}.monitor-triage{font-size:11px;padding:7px 10px;border-radius:7px}.monitor-triage>span{width:17px;height:17px;border-width:1px}.monitor-ticket h3{font-size:16px;line-height:1.4}.monitor-client{font-size:12px}.monitor-situation{background:var(--success);color:white;font-size:11px;border-radius:6px}.warning .monitor-situation{background:#f9dfab;color:#754907}.danger .monitor-situation{background:var(--danger);color:white}.countdown{font-size:23px;line-height:1.3}.monitor-card-bottom{font-size:11px;flex-wrap:wrap}.monitor-card-bottom b{font-size:14px}.monitor-team{margin-top:24px}.team-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.team-heading h2{font-size:18px;margin:0}.team-heading h2 small{font:11px var(--sans);letter-spacing:0;color:var(--muted);margin-left:10px}.team-heading>a{font-size:12px}.team-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.team-person{display:flex;gap:10px;align-items:center;border:1px solid var(--border);border-radius:16px;background:white;padding:15px}.team-person.available{border-color:#bcd9c9;background:#f4faf6}.team-avatar{width:33px;height:33px;border-radius:10px;display:grid;place-items:center;background:#e2edf5;color:#34657d;font-size:10px;font-weight:650;flex-shrink:0}.team-person strong{font-size:12px}.team-person small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.team-person.available small{color:var(--success)}
.tv-mode{background:var(--background);color:var(--ink)}.tv-mode .main{max-width:none;min-height:100dvh;padding:22px 32px;display:flex;flex-direction:column}.tv-mode #page{display:flex;flex-direction:column;flex:1;min-width:0}.tv-mode .monitor-heading{flex-shrink:0;margin-bottom:18px}.tv-mode .monitor-heading>div:first-child{display:grid;grid-template-columns:145px auto;align-items:center;column-gap:22px}.tv-mode .monitor-brand{margin:0;padding-right:20px;border-right:1px solid #ccd9e2}.tv-mode .monitor-brand .brand-logo{width:145px}.tv-mode .monitor-brand small{display:none}.tv-mode .monitor-heading h1{font-size:30px;margin:0}.tv-mode .monitor-heading .muted{grid-column:1/-1;margin:7px 0 0;color:var(--muted);font-size:11px}.tv-mode .monitor-clock{color:var(--muted);font-size:13px}.tv-mode .monitor-controls{display:flex;align-items:center;gap:14px}.tv-mode #monitor-update{display:none}.tv-mode .metric{min-height:100px;padding:14px 20px}.tv-mode .metric strong{font-size:38px;margin:4px 0}.tv-mode .metric span{font-size:12px}.tv-mode .metric small{font-size:10px}.tv-mode .monitor-toolbar{margin:12px 0;color:var(--muted)}.tv-mode .monitor-sync{color:var(--success)}.tv-mode .monitor-sync.stale{color:var(--danger)}.tv-mode .monitor-layout{display:block}.tv-mode .monitor-distribution-panel{display:none}.tv-mode .monitor-queue .panel-header h2{font-size:17px}.tv-mode .monitor-ticket-grid .monitor-ticket{flex:0 0 292px;min-width:0;min-height:340px;padding:16px}.tv-mode .monitor-ticket h3{font-size:17px;min-height:48px;line-height:1.4}.tv-mode .monitor-client{font-size:12px}.tv-mode .monitor-situation{font-size:11px}.tv-mode .countdown{font-size:23px;margin:14px 0}.tv-mode .monitor-card-bottom{display:grid;font-size:11px}.tv-mode .monitor-card-bottom b{font-size:13px}.tv-mode .monitor-triage{font-size:11px;padding:7px 9px;margin-bottom:9px}.tv-mode .pagination{font-size:10px;color:var(--muted);margin-top:6px}.tv-mode a:not(.monitor-ticket):not(.action-link){color:var(--primary)}.tv-mode .monitor-team{margin-top:auto;padding-top:12px;border-top:1px solid var(--border)}.tv-mode .team-heading{margin-bottom:6px}.tv-mode .team-heading h2{font-size:13px}.tv-mode .team-heading a{font-size:10px}.tv-mode .team-cards{display:flex;flex-wrap:wrap;gap:6px 0}.tv-mode .team-avatar{display:none}.tv-mode .team-person{border:0;border-left:1px solid #d9e4eb;border-radius:0;background:transparent;padding:6px 14px;min-width:180px}.tv-mode .team-person strong{font-size:12px}.tv-mode .team-person small{font-size:11px}.tv-mode .monitor-metrics,.tv-mode .monitor-layout{flex-shrink:0}
@media(min-width:1600px){.tv-mode .monitor-ticket-grid .monitor-ticket{flex-basis:320px;min-height:380px}.tv-mode .monitor-ticket h3{font-size:19px}.tv-mode .countdown{font-size:25px}}
@media(min-width:900px) and (max-height:800px){.tv-mode .main{padding:12px 24px}.tv-mode .monitor-heading h1{font-size:23px}.tv-mode .monitor-heading{margin-bottom:10px}.tv-mode .monitor-clock{display:none}.tv-mode .metric{min-height:78px;padding:9px 14px}.tv-mode .metric strong{font-size:28px;margin:2px 0}.tv-mode .metric small{display:none}.tv-mode .monitor-ticket-grid .monitor-ticket{min-height:0;padding:12px}.tv-mode .monitor-ticket h3{font-size:16px;min-height:44px}.tv-mode .countdown{font-size:21px;margin:10px 0}.tv-mode .monitor-toolbar{margin:8px 0}.tv-mode .monitor-team{padding-top:8px}}
@media(max-width:1120px){.shell{grid-template-columns:205px minmax(0,1fr)}.sidebar{padding:30px 12px 18px}.main{padding:26px 24px}.monitor-layout{grid-template-columns:1fr}.monitor-distribution-panel{display:none}.team-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.shell{display:block}.sidebar{position:fixed;left:0;top:0;bottom:0;width:240px;z-index:25;transform:translateX(-100%);transition:transform .2s;box-shadow:10px 0 80px #18374925}.shell.menu-open .sidebar{transform:translateX(0)}.nav{display:grid;overflow:visible}.sidebar .brand small{display:block}.account{display:block}.account button{width:100%;margin-top:10px}.account .help{color:var(--muted)}.local{display:flex}.topline{justify-content:flex-start;gap:12px}#mobile-menu{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;box-shadow:none;padding:8px;min-width:40px}.topline-tools{margin-left:auto}.topline-tools>span{display:none}.breadcrumb-separator{display:none}.monitor-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-controls{text-align:left}.monitor-controls .actions{justify-content:flex-start}.login-side{padding:35px}.login-side h1{font-size:35px}.tv-mode .monitor-heading>div:first-child{grid-template-columns:120px auto;column-gap:14px}.tv-mode .monitor-heading h1{font-size:23px}.tv-mode .monitor-brand{padding-right:12px}.tv-mode .monitor-heading{flex-wrap:wrap}.tv-mode .main{padding:20px 16px}.tv-mode .monitor-ticket-grid .monitor-ticket{flex-basis:270px;min-height:330px}.tv-mode .monitor-controls{flex-wrap:wrap}.tv-mode .monitor-team{margin-top:18px}.tv-mode .monitor-clock{display:none}}
@media(max-width:570px){.main{padding:22px 18px}.heading h1{font-size:25px}.heading{align-items:flex-start}.ticket-header-controls .action-link{margin-left:0}.panel{padding:20px}.ticket-tabs{gap:20px}.ticket-tabs button{font-size:12px}.filters .search{width:100%}.team-cards{grid-template-columns:1fr}.team-heading h2 small{display:block;margin-left:0;margin-top:4px}.team-heading{align-items:flex-start}.login-side{padding:30px}.login-side .brand-logo{width:174px}.login-side h1{font-size:31px}.login-side p{font-size:13px}.login-main{padding:32px 24px}.ticket-details-grid{grid-template-columns:1fr}.message header{flex-direction:column;gap:3px}.ticket-header-controls .actions{gap:8px}.ticket-header-controls button,.ticket-header-controls .action-link{font-size:11px}.tv-mode .metric{padding:13px}.tv-mode .metric strong{font-size:32px}.tv-mode .monitor-heading h1{font-size:21px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.team-person,.monitor-ticket,.metric,.panel,.column-sort,.nav a{border:1px solid CanvasText}.sidebar{background:Canvas;color:CanvasText}.column-sort.sorted{color:Highlight}}