:root{--palette-slate-50: #f8fafc;--palette-slate-100: #f1f5f9;--palette-slate-200: #e2e8f0;--palette-slate-400: #94a3b8;--palette-slate-500: #64748b;--palette-slate-600: #475569;--palette-slate-800: #1e293b;--palette-slate-900: #0f172a;--palette-slate-950: #020617;--palette-accent-500: #2563eb;--palette-accent-400: #60a5fa;--palette-danger-500: #b91c1c;--palette-danger-400: #f87171;--palette-success-500: #15803d;--palette-success-400: #4ade80;--palette-warning-500: #b45309;--palette-warning-400: #f59e0b;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.75rem;--line-height-body: 1.55;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--radius-sm: 4px;--radius-md: 8px;--border-width: 1px;--layout-max-width: 72rem;--layout-gutter: var(--space-4)}:root,:root[data-theme=light]{--colour-canvas: var(--palette-slate-50);--colour-surface: #ffffff;--colour-surface-raised: var(--palette-slate-100);--colour-border: var(--palette-slate-200);--colour-field-border: var(--palette-slate-500);--colour-text: var(--palette-slate-900);--colour-text-muted: var(--palette-slate-600);--colour-accent: var(--palette-accent-500);--colour-accent-text: #ffffff;--colour-danger: var(--palette-danger-500);--colour-success: var(--palette-success-500);--colour-warning: var(--palette-warning-500);--colour-focus: var(--palette-accent-500);--colour-transparent: transparent}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--colour-canvas: var(--palette-slate-950);--colour-surface: var(--palette-slate-900);--colour-surface-raised: var(--palette-slate-800);--colour-border: var(--palette-slate-800);--colour-field-border: var(--palette-slate-400);--colour-text: var(--palette-slate-50);--colour-text-muted: var(--palette-slate-400);--colour-accent: var(--palette-accent-400);--colour-accent-text: var(--palette-slate-950);--colour-danger: var(--palette-danger-400);--colour-success: var(--palette-success-400);--colour-warning: var(--palette-warning-400);--colour-focus: var(--palette-accent-400);--colour-transparent: transparent}}:root[data-theme=dark]{--colour-canvas: var(--palette-slate-950);--colour-surface: var(--palette-slate-900);--colour-surface-raised: var(--palette-slate-800);--colour-border: var(--palette-slate-800);--colour-field-border: var(--palette-slate-400);--colour-text: var(--palette-slate-50);--colour-text-muted: var(--palette-slate-400);--colour-accent: var(--palette-accent-400);--colour-accent-text: var(--palette-slate-950);--colour-danger: var(--palette-danger-400);--colour-success: var(--palette-success-400);--colour-warning: var(--palette-warning-400);--colour-focus: var(--palette-accent-400);--colour-transparent: transparent}*,*:before,*:after{box-sizing:border-box}html{color-scheme:light dark}body{margin:0;background:var(--colour-canvas);color:var(--colour-text);font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-body);-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--colour-focus);outline-offset:2px}.skip-link{position:absolute;left:-9999px;top:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--colour-surface);color:var(--colour-text);border:var(--border-width) solid var(--colour-border);border-radius:var(--radius-sm);z-index:10}.skip-link:focus{left:var(--space-2)}.shell{min-height:100dvh;display:flex;flex-direction:column}.shell__header{background:var(--colour-surface);border-bottom:var(--border-width) solid var(--colour-border)}.shell__bar{max-width:var(--layout-max-width);margin:0 auto;padding:var(--space-3) var(--layout-gutter);display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2) var(--space-4)}.shell__brand{font-size:var(--font-size-lg);font-weight:600;margin:0}.shell__scope{font-size:var(--font-size-sm);color:var(--colour-text-muted)}.shell__nav{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);margin-inline-start:auto}.shell__nav a{color:var(--colour-text-muted);text-decoration:none;padding:var(--space-1) 0;border-bottom:2px solid var(--colour-transparent)}.shell__nav a:hover{color:var(--colour-text)}.shell__nav a[aria-current=page]{color:var(--colour-text);border-bottom-color:var(--colour-accent)}.shell__main{flex:1;width:100%;max-width:var(--layout-max-width);margin:0 auto;padding:var(--space-6) var(--layout-gutter)}.card{background:var(--colour-surface);border:var(--border-width) solid var(--colour-border);border-radius:var(--radius-md);padding:var(--space-6)}.card h2{margin-top:0;font-size:var(--font-size-xl)}.muted{color:var(--colour-text-muted)}.notice{border-inline-start:3px solid var(--colour-warning);padding:var(--space-3) var(--space-4);background:var(--colour-surface-raised);border-radius:var(--radius-sm)}.notice--danger{border-inline-start-color:var(--colour-danger)}.notice--warning{border-inline-start-color:var(--colour-warning)}.field-error{color:var(--colour-danger);font-size:var(--font-size-sm);font-weight:600}.button{display:inline-block;background:var(--colour-accent);color:var(--colour-accent-text);border:none;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);font:inherit;cursor:pointer;text-decoration:none}.centred{display:grid;place-items:center;min-height:100dvh;padding:var(--layout-gutter)}.centred .card{width:100%;max-width:26rem}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skeleton{display:flex;flex-direction:column;gap:var(--space-3);margin-block:var(--space-4)}.skeleton__row{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border:var(--border-width) solid var(--colour-border);border-radius:var(--radius-sm)}.skeleton__line{height:.85rem;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--colour-surface-raised) 25%,var(--colour-border) 37%,var(--colour-surface-raised) 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}.skeleton__line--short{width:40%}@keyframes skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media(prefers-reduced-motion:reduce){.skeleton__line{animation:none}}@media(max-width:30rem){.shell__nav{margin-inline-start:0;width:100%}.card{padding:var(--space-4)}.filters,.actions{flex-direction:column;align-items:stretch}.filters__field,.filters__field--grow{width:100%}td,.ticket__reference{overflow-wrap:anywhere}}.stack{display:flex;flex-direction:column;gap:var(--space-2);margin-block:var(--space-4)}.stack label{font-size:var(--font-size-sm)}.stack input{font:inherit;padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--colour-field-border);border-radius:var(--radius-sm);background:var(--colour-surface);color:var(--colour-text);font-size:max(var(--font-size-base),1rem)}.stack input:invalid{border-color:var(--colour-danger)}.stack button{align-self:start}.stack button:disabled{opacity:.6;cursor:not-allowed}.field-problem{color:var(--colour-danger);font-size:var(--font-size-sm);margin:0}.link-button{background:none;border:none;padding:0;font:inherit;color:var(--colour-accent);text-decoration:underline;cursor:pointer}.tickets{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.ticket{background:var(--colour-surface);border:var(--border-width) solid var(--colour-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.ticket__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2) var(--space-3)}.ticket__title{color:var(--colour-text);font-weight:600;text-decoration:none;flex:1 1 16rem}.ticket__title:hover{text-decoration:underline}.ticket__meta{margin:var(--space-1) 0 0;font-size:var(--font-size-sm)}.ticket__reference{font-variant-numeric:tabular-nums}.badge{font-size:var(--font-size-sm);padding:0 var(--space-2);border-radius:var(--radius-sm);border:var(--border-width) solid var(--colour-border);white-space:nowrap}.badge--open{border-color:var(--colour-accent);color:var(--colour-accent)}.badge--closed{color:var(--colour-text-muted)}.badge--danger{border-color:var(--colour-danger);color:var(--colour-danger);font-weight:600}.queue__stale{font-weight:600}.filters{display:flex;flex-wrap:wrap;align-items:end;gap:var(--space-3);margin-block:var(--space-4)}.filters__split{display:flex;gap:var(--space-1)}.filters__field{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--font-size-sm)}.filters__field--grow{flex:1 1 14rem}.filters__field select,.filters__field input{font:inherit;font-size:max(var(--font-size-base),1rem);padding:var(--space-2);border:var(--border-width) solid var(--colour-field-border);border-radius:var(--radius-sm);background:var(--colour-surface);color:var(--colour-text)}.chip{font:inherit;font-size:var(--font-size-sm);padding:var(--space-1) var(--space-3);border:var(--border-width) solid var(--colour-border);border-radius:999px;background:var(--colour-surface);color:var(--colour-text-muted);cursor:pointer}.chip--on{background:var(--colour-accent);border-color:var(--colour-accent);color:var(--colour-accent-text)}.choices{border:var(--border-width) solid var(--colour-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-block:var(--space-4)}.choices legend{padding-inline:var(--space-2);font-size:var(--font-size-sm)}.choice{display:flex;gap:var(--space-2);align-items:start;padding-block:var(--space-2);cursor:pointer}.choice input{margin-top:.3em}textarea{font:inherit;font-size:max(var(--font-size-base),1rem);padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--colour-field-border);border-radius:var(--radius-sm);background:var(--colour-surface);color:var(--colour-text);resize:vertical}.conversation,.history{list-style:none;margin:0 0 var(--space-6);padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.event-note{margin-top:var(--space-1);padding-left:var(--space-3);border-left:2px solid var(--colour-border);max-width:60ch}.message{border:var(--border-width) solid var(--colour-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);background:var(--colour-surface);max-width:44rem}.message--client{border-inline-start:3px solid var(--colour-accent);margin-inline-start:auto}.message--us{border-inline-start:3px solid var(--colour-border)}.message__who{margin:0 0 var(--space-1);font-size:var(--font-size-sm)}.message__body,.ticket__description{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.history{font-size:var(--font-size-sm);gap:var(--space-1)}.actions{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.facts{display:flex;flex-wrap:wrap;gap:var(--space-4) var(--space-8);margin-block:var(--space-4)}.facts div{min-width:8rem}.facts dt{font-size:var(--font-size-sm);color:var(--colour-text-muted)}.facts dd{margin:0}.row{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-block:var(--space-4)}.row .stack{flex:1 1 12rem;margin-block:0}.table-scroll{overflow-x:auto;margin-block:var(--space-4)}.queue{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);white-space:nowrap}.queue th,.queue td{text-align:start;padding:var(--space-2) var(--space-3);border-bottom:var(--border-width) solid var(--colour-border)}.queue th{color:var(--colour-text-muted);font-weight:600}.queue tbody tr:hover{background:var(--colour-surface-raised)}.queue td:nth-child(2){white-space:normal;min-width:18rem}.numeric{font-variant-numeric:tabular-nums}.internal{border:2px dashed var(--colour-warning)}.internal__tag{display:inline-block;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.04em;color:var(--colour-warning);border:var(--border-width) solid var(--colour-warning);border-radius:var(--radius-sm);padding:0 var(--space-2)}.message--internal{border:2px dashed var(--colour-warning);border-inline-start-width:4px;background:var(--colour-surface-raised)}textarea.internal{border:2px dashed var(--colour-warning)}.composer{display:flex;flex-direction:column;gap:var(--space-2);margin-block-start:var(--space-4)}.composer__mode{display:flex;flex-wrap:wrap;gap:var(--space-2);border:var(--border-width) solid var(--colour-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}.composer__mode legend{font-size:var(--font-size-sm);color:var(--colour-text-muted);padding-inline:var(--space-2)}.composer__choice{display:flex;align-items:baseline;gap:var(--space-2);flex:1 1 16rem;padding:var(--space-2);border-radius:var(--radius-sm)}.composer__choice--on{background:var(--colour-surface-raised);font-weight:600}.composer__move{display:flex;align-items:center;gap:var(--space-2)}.composer__status{font-size:var(--font-size-sm);min-height:1.5em}.triage{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-block:var(--space-4)}.triage>*{flex:1 1 22rem;margin:0}.stack__label{font-size:var(--font-size-sm)}.section-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.section-heading h3{margin:0}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);overflow-x:auto;display:block}.table caption{text-align:start;padding-block:var(--space-2);color:var(--colour-text-muted);font-weight:600}.table th,.table td{text-align:start;padding:var(--space-2) var(--space-3);border-bottom:var(--border-width) solid var(--colour-border);white-space:nowrap}.table th{color:var(--colour-text-muted);font-weight:600}.bars{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.bars li{display:grid;grid-template-columns:7rem 1fr 3rem;align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums}.bars__label{color:var(--colour-text-muted)}.bars__track{background:var(--colour-surface-raised);border-radius:var(--radius-sm);height:.75rem}.bars__fill{display:block;background:var(--colour-accent);border-radius:var(--radius-sm);height:100%;min-width:0}.bars__value{text-align:end}.shell__footer{border-top:var(--border-width) solid var(--colour-border);margin-block-start:var(--space-6);padding:var(--space-4) var(--layout-gutter)}.shell__footer nav,.legal-links{display:flex;flex-wrap:wrap;gap:var(--space-4);font-size:var(--font-size-sm)}.legal-links{margin-block-start:var(--space-4)}.prose{max-width:40rem;margin-inline:auto;padding:var(--space-4) var(--layout-gutter) var(--space-6)}.prose h2{margin-block-start:var(--space-6)}.prose li{margin-block-end:var(--space-2)}.prose .table{margin-block:var(--space-4)}.choice__note{margin:0 0 var(--space-3) calc(var(--space-2) + 1rem);font-size:var(--font-size-sm)}.choice-group h3{margin-block-end:0;font-size:var(--font-size-sm);color:var(--colour-text-muted)}.attached ul{list-style:none;padding:0;margin:0}.attached li{padding-block:var(--space-2);border-block-end:1px solid var(--colour-field-border)}.attached li:last-child{border-block-end:none}.attached .size,.attached .status{font-size:var(--font-size-sm);color:var(--colour-text-muted)}.attached .status.failed{color:var(--colour-danger);font-weight:600}.assigned{list-style:none;padding:0;margin:0}.assigned li{padding-block:var(--space-2);border-block-end:1px solid var(--colour-field-border)}.assigned li:last-child{border-block-end:none}.edited{margin-block:var(--space-1) 0;font-size:var(--font-size-sm);font-style:italic}