[hidden]{display:none!important}
.auth-panel{position:fixed;inset:0;z-index:200;background:#050609;display:grid;place-items:center;padding:24px;overflow:auto}
.auth-card{width:min(100%,420px);padding:32px;border:1px solid #393322;border-radius:20px;background:#0d1015;color:#f5f4ef}
.auth-card h1{font:500 32px 'Playfair Display',serif;margin:14px 0 24px}
.auth-card label{display:grid;gap:8px;margin:18px 0;font-size:16px}
.auth-card input,.session-controls select{padding:12px;background:#12161d;border:1px solid #666;border-radius:8px;color:#f5f4ef;font:inherit;min-width:0;max-width:100%}
.auth-card button{width:100%;font-size:16px}
.auth-link{color:#e7c785;text-underline-offset:4px}
.auth-card button:disabled{opacity:.6;cursor:wait}
.auth-link:focus-visible,.auth-card input:focus-visible,.auth-card button:focus-visible{outline:2px solid #e7c785;outline-offset:4px}
.session-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 20px;color:#f5f4ef;background:#0d1015;font-size:14px}
.session-controls select{flex:1}
.session-controls #context-status{flex-basis:100%;margin:0}.session-controls select{min-width:160px}.bottom-nav button{font-size:14px}
.session-controls button{padding:10px;border:1px solid #8e949e;border-radius:8px;background:none;color:inherit;font:inherit}
.form-error{color:#ffc6be;font-size:14px;white-space:pre-wrap}
.ticket-item details{width:100%}.ticket-item summary{cursor:pointer;font-size:16px;list-style:none}
.ticket-item p{white-space:pre-wrap}.ticket-history{padding-left:20px;font-size:14px;line-height:1.7}
.ticket-note{font-size:14px;color:#c3c6cb;line-height:1.5}
.operation-form{display:grid;gap:12px;margin:18px 0;padding:16px;border:1px solid #393d45;border-radius:12px}
.operation-form label{display:grid;gap:8px;font-size:14px}.operation-form input,.operation-form select,.operation-form textarea{width:100%;padding:10px;font:inherit;color:inherit;background:#12161d;border:1px solid #666;border-radius:8px;min-width:0}.ticket-photo{width:100%;max-height:360px;object-fit:contain;border-radius:10px;margin:12px 0}
@media(max-width:480px){.auth-card{padding:24px}.session-controls{padding:10px 14px}}
.workspace-navigation{display:grid;gap:8px;margin:0 0 24px;color:#c3c6cb;font-size:14px}.workspace-navigation select{width:100%;padding:12px 14px;color:#f5f4ef;background:#12161d;border:1px solid #695535;border-radius:10px;font:inherit}.view table{display:block;overflow-x:auto;max-width:100%;border-collapse:collapse;font-size:14px}.view th,.view td{padding:10px;text-align:left;border-bottom:1px solid #393d45}.view h3,.view h4,.view h5{margin:16px 0 8px}.view p{line-height:1.5;overflow-wrap:anywhere}.view details{padding:12px 0}.view summary{cursor:pointer;font-weight:600}.view button{min-height:40px}.view a{color:#e7c785}.view input[type="checkbox"]{width:auto}.overview-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.overview-metrics article{padding:18px;border:1px solid #393d45;border-radius:14px}.overview-metrics strong{display:block;font-size:28px;color:#e7c785}.overview-metrics p{font-size:14px;color:#c3c6cb}.view .operation-form{max-width:100%;overflow:hidden}@media(max-width:480px){.bottom-nav button span{font-size:11px}.overview-metrics{gap:8px}.view .operation-form{padding:12px}}

/* Readable quick navigation on the existing dark shell, including small screens. */
.bottom-nav button{color:#aeb7c4}.bottom-nav button.active{color:var(--gold-soft)}
@media(max-width:480px){.bottom-nav button span{font-size:14px}}