:root{color-scheme:light;--ink:#17334b;--muted:#526775;--blue:#1266a3;--pale:#eaf3f9;--line:#bfd0dd;--paper:#fff;--canvas:#f5f8fb;--danger:#a42735;font-family:Verdana,Geneva,sans-serif;color:var(--ink);background:var(--canvas)}*{box-sizing:border-box}body{margin:0}h1,h2,h3{font-weight:600;line-height:1.3}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1rem}p{line-height:1.6;max-width:78ch}a{color:var(--blue)}button,input,select,textarea{font:inherit;font-size:.875rem}button{border:1px solid var(--blue);border-radius:4px;background:var(--blue);color:white;padding:.65rem 1rem;cursor:pointer}button:hover{filter:brightness(.92)}button:disabled{opacity:.5;cursor:not-allowed}button.quiet{color:var(--ink);background:transparent;border-color:var(--line)}input,select,textarea{width:100%;padding:.65rem;border:1px solid var(--line);border-radius:3px;background:white;color:var(--ink)}label{display:grid;gap:.4rem;font-size:.8rem;color:var(--muted);margin:.75rem 0}textarea{resize:vertical;line-height:1.6}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #e9a329;outline-offset:3px}.access{max-width:460px;margin:8vh auto;padding:2rem}.access .brand{font-size:1.1rem;color:var(--blue);margin-bottom:2rem}.access h1{font-size:2rem}.access form{margin:2rem 0;padding:1.5rem;background:var(--paper);border-left:4px solid var(--blue)}.access form>button{width:100%}.error{color:var(--danger);background:#fff0f2;padding:.75rem}.desk{display:grid;grid-template-columns:190px 1fr;min-height:100vh}.desk>header{grid-column:1/-1;display:flex;align-items:center;gap:1rem;padding:.7rem 1.5rem;background:var(--paper);border-bottom:1px solid var(--line)}header h1{margin:0}header nav{margin-left:auto;display:flex;gap:.5rem}aside{padding:1.5rem 1rem;border-right:1px solid var(--line);background:var(--pale)}aside nav{display:grid;gap:.4rem}aside nav button{text-align:left;border:0;background:transparent;color:var(--ink)}aside nav button[aria-pressed=true]{background:var(--blue);color:white}aside p{font-size:.75rem;margin-top:3rem;color:var(--muted)}.desk main{display:flex;min-width:0}.queue{padding:1.5rem;flex:1 1;min-width:300px}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:0 .8rem;align-items:end}.filters button{margin-bottom:.75rem}.ticket-list{margin-top:1rem}.ticket-row{width:100%;text-align:left;background:var(--paper);color:var(--ink);border:0;border-bottom:1px solid var(--line);border-left:3px solid transparent;border-radius:0;padding:1rem;display:block}.ticket-row:hover{background:var(--pale);filter:none;border-left-color:var(--blue)}.ticket-row>span{display:block;color:var(--muted);font-size:.75rem;margin-top:.25rem}.ticket-row p{margin:.5rem 0;white-space:pre-wrap;overflow-wrap:anywhere}.empty{padding:2rem;background:white;color:var(--muted)}.thread{width:48%;min-width:350px;padding:1.5rem;background:var(--paper);border-left:1px solid var(--line)}.thread-heading{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.thread-messages article{background:var(--pale);padding:1rem;margin:.75rem 0}.thread article{border-bottom:1px solid var(--line);padding:.8rem 0}.thread article p{white-space:pre-wrap;overflow-wrap:anywhere}.help,.thread time{font-size:.75rem;color:var(--muted)}fieldset{margin:1rem 0;padding:1rem;border:1px solid var(--line)}legend{font-weight:600}.actions{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0}.signature{font-size:.8rem;background:var(--pale);padding:.75rem}.access pre,.thread pre{font-size:.75rem;max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.thread details{padding:.7rem 0;border-bottom:1px solid var(--line)}summary{cursor:pointer}@media(max-width:1100px){.desk main{display:block}.thread{width:100%;border-left:0;border-top:1px solid var(--line)}}@media(max-width:650px){.desk{grid-template-columns:1fr}.desk>header{padding:.7rem;flex-wrap:wrap}header nav{margin-left:0}aside{padding:.75rem;border-right:0}aside h2,aside p{display:none}aside nav{display:flex;flex-wrap:wrap}aside nav button{padding:.5rem}.queue,.thread{padding:1rem;min-width:0}.access{margin:2vh auto}}