:root{--accent:#7a1f2b;--accent-dark:#5c1620;--bg:#f7f5f4;--surface:#fff;--border:#ddd6d4;--text:#241f1e;--text-muted:#5a5250}*{box-sizing:border-box}body{color:var(--text);background:var(--bg);margin:0;font-family:system-ui,sans-serif;line-height:1.6}main{max-width:48rem;margin:0 auto;padding:1.5rem 1rem 4rem}h1,h2{line-height:1.25}a{color:var(--accent-dark)}nav[aria-label=site]{background:var(--surface);border-bottom:3px solid var(--accent);flex-wrap:wrap;align-items:center;gap:1.25rem;padding:1rem;display:flex}nav[aria-label=site] a{color:var(--text);font-weight:600;text-decoration:none}nav[aria-label=site] .brand{color:var(--accent-dark);font-size:1.15rem}.demo-banner{color:#6b4a1f;text-align:center;background:#fdf2ea;margin:0;padding:.5rem 1rem;font-size:.9rem}.hero{padding-block:1.5rem 2rem}.hero h1{margin-block-end:.5rem;font-size:2.25rem}.button,button{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:.375rem;padding:.55rem 1.1rem;font-weight:600;text-decoration:none;display:inline-block}.button-primary,button[type=submit]{background:var(--accent);border-color:var(--accent);color:#fff}.button-primary:hover,button[type=submit]:hover{background:var(--accent-dark)}button:disabled{opacity:.6;cursor:not-allowed}.button-link{color:var(--text-muted);align-self:center;text-decoration:underline}.back-link{margin-block-end:1rem;text-decoration:none;display:inline-block}.stats{flex-wrap:wrap;gap:.75rem;margin-block-end:1.5rem;display:flex}.stat{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:.5rem;flex:6rem;padding:.75rem 1rem}.stat-count{font-size:1.5rem;font-weight:700;display:block}.stat-label{color:var(--text-muted);font-size:.85rem;display:block}.filters{flex-flow:wrap;align-items:end;gap:.75rem;margin-block-end:1.5rem;display:flex}form{flex-direction:column;gap:1rem;margin-block:1rem;display:flex}.field{flex-direction:column;gap:.3rem;display:flex}.field label{font-size:.9rem;font-weight:600}.optional{color:var(--text-muted);font-weight:400}input,select,textarea{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:.375rem;padding:.5rem .6rem}input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--accent-dark);outline-offset:2px}[aria-invalid=true]{border-color:#a3212c}.field-error{color:#a3212c;margin:0;font-size:.85rem}.ticket-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.ticket-card{background:var(--surface);border:1px solid var(--border);border-radius:.5rem;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:1rem;display:flex}.ticket-title{flex:100%;font-weight:600;text-decoration:none}.ticket-meta{color:var(--text-muted);flex-wrap:wrap;flex:auto;gap:.25rem .75rem;font-size:.85rem;display:flex}.empty-state{text-align:center;color:var(--text-muted);padding:2rem 1rem}.status-badge{white-space:nowrap;border-radius:999px;padding:.2rem .6rem;font-size:.8rem;font-weight:700;display:inline-block}.status-submitted{color:#3a3432;background:#e4e1e0}.status-in_progress{color:#6b4a06;background:#fbe4b8}.status-resolved{color:#1e5c2a;background:#d3ead6}.ticket-detail header{flex-wrap:wrap;align-items:center;gap:.75rem;margin-block-end:1rem;display:flex}.ticket-detail header h1{margin:0}.ticket-facts{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem 1.5rem;margin:0 0 1.5rem;display:grid}.ticket-facts div{margin:0}.ticket-facts dt{color:var(--text-muted);font-size:.8rem}.ticket-facts dd{margin:0;font-weight:600}.ticket-description{white-space:pre-wrap}.event-history{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.event-history li{background:var(--surface);border:1px solid var(--border);border-inline-start:4px solid var(--accent);border-radius:.375rem;padding:.75rem 1rem}.event-history time{color:var(--text-muted);margin-inline-start:.5rem;font-size:.85rem;display:inline-block}.event-note{margin:.4rem 0 0}.admin-panel{background:var(--surface);border:1px dashed var(--accent);border-radius:.5rem;margin-block-start:2rem;padding:1rem 1.25rem}.admin-panel summary{cursor:pointer;color:var(--accent-dark);font-weight:700}.admin-panel[open] summary{margin-block-end:.75rem}.admin-disclaimer{color:var(--text-muted);font-size:.9rem}.ticket-number{color:var(--text-muted);flex-basis:100%;margin:0;font-size:.85rem;font-weight:700}.progress-steps{flex-wrap:wrap;gap:.5rem;margin:0 0 1.5rem;padding:0;list-style:none;display:flex}.progress-step{border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:.375rem;flex:8rem;padding:.5rem .75rem}.progress-step-label{font-weight:700;display:block}.progress-step-state{color:var(--text-muted);font-size:.8rem;display:block}.progress-step--done{background:#eaf5ec;border-color:#1e5c2a}.progress-step--done .progress-step-state{color:#1e5c2a}.progress-step--current{border-color:var(--accent);background:#fbe9eb}.progress-step--current .progress-step-state{color:var(--accent-dark);font-weight:700}.reopened-tag{color:#6b4a06;background:#fbe4b8;border-radius:999px;margin-inline-start:.5rem;padding:.1rem .5rem;font-size:.75rem;font-weight:700;display:inline-block}.field-hint{color:var(--text-muted);margin:0;font-size:.85rem}.similar-tickets{border:1px solid var(--border);background:#fdf2ea;border-radius:.5rem;padding:.75rem 1rem}.similar-tickets-heading{margin:0 0 .4rem;font-weight:600}.similar-tickets ul{margin:0;padding-inline-start:1.25rem}.result-count{color:var(--text-muted);margin:0 0 .75rem;font-size:.9rem}@media (width<=30rem){.filters{flex-direction:column;align-items:stretch}.ticket-facts{grid-template-columns:1fr}.progress-steps{flex-direction:column}}
