:root{--dark:rgb(25, 30, 35);--darker:rgb(15, 20, 25);--light:rgb(195, 200, 205);--lighter:rgb(245, 250, 255);--blue-dark:#569bd4;--green-dark:#4ec9b0;--yellow:#dcdcaa;--orange:#ce9178;--purple:#c586c0;--real-red:#f44747;--light-blue:#9cdcfe;--color-background:var(--dark);--color-background-sunken:var(--darker);--color-surface:rgb(35, 40, 45);--color-border:rgb(70, 75, 80);--color-text:var(--light);--color-text-strong:var(--lighter);--color-text-muted:rgb(145, 150, 155);--color-action:var(--blue-dark);--color-success:var(--green-dark);--color-warning:var(--yellow);--color-danger:var(--real-red);--color-special:var(--purple);--color-accent:#c586c0;--color-accent-text:var(--darker);}*,
*::before,
*::after{box-sizing:border-box;}html{color-scheme:dark;}body{margin:0;font:16px/1.5 system-ui, sans-serif;color:var(--color-text);background:var(--color-background);}a{color:var(--color-accent);text-decoration:none;}a:hover{text-decoration:underline;}h1{margin:0;font-size:1.3rem;line-height:1.3;color:var(--color-text-strong);overflow-wrap:anywhere;}h2{margin:0 0 .5rem;font-size:1rem;color:var(--color-text-strong);}time{color:var(--color-text-muted);font-size:.85rem;white-space:nowrap;}input,
textarea,
select{font:inherit;width:100%;padding:.5rem .7rem;color:var(--color-text-strong);background:var(--color-background-sunken);border:1px solid var(--color-border);border-radius:.4rem;}input:focus,
textarea:focus,
select:focus{outline:2px solid var(--color-accent);outline-offset:1px;}textarea{resize:vertical;min-height:4.5rem;}label{display:grid;gap:.25rem;font-size:.9rem;color:var(--color-text-muted);}button{font:inherit;font-weight:600;padding:.55rem 1.1rem;color:var(--color-accent-text);background:var(--color-accent);border:0;border-radius:.4rem;cursor:pointer;justify-self:start;}button:hover{filter:brightness(1.1);}application-header{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.6rem 1rem;background:var(--color-background-sunken);border-bottom:1px solid var(--color-border);}application-header .brand{font-weight:800;font-size:1.15rem;color:var(--color-accent);margin-right:auto;}application-header nav{display:flex;gap:1rem;}application-header nav a{color:var(--color-text);}inbox-badge{display:inline-block;margin-left:.35rem;padding:0 .45rem;border-radius:999px;font-size:.8rem;font-weight:700;color:var(--color-accent-text);background:var(--color-accent);}main{max-width:60rem;margin:0 auto;padding:1rem;}ticket-board{display:grid;gap:1rem;}ticket-filters{display:grid;gap:.5rem;}ticket-filters nav{display:flex;flex-wrap:wrap;gap:.35rem;}ticket-filters a{padding:.2rem .65rem;font-size:.85rem;color:var(--color-text);border:1px solid var(--color-border);border-radius:999px;}ticket-filters a.selected{color:var(--color-accent-text);background:var(--color-accent);border-color:var(--color-accent);}#tickets{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;}#tickets li{display:grid;grid-template-columns:minmax(0, 1fr);gap:.3rem;padding:.7rem .8rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;}#tickets li ticket-state{justify-self:start;}#tickets .subject{color:var(--color-text-strong);font-weight:600;overflow-wrap:anywhere;}ticket-ref{margin-right:.4rem;color:var(--color-text-muted);font-weight:400;}former-ref{margin-left:.2rem;font-size:.85rem;color:var(--color-text-muted);}ticket-meta{display:flex;flex-wrap:wrap;gap:.2rem .8rem;font-size:.85rem;}.empty{margin:0;padding:1rem;text-align:center;color:var(--color-text-muted);border:1px dashed var(--color-border);border-radius:.5rem;}.notice{margin:0;color:var(--color-success);}details{background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;}summary{padding:.6rem .8rem;cursor:pointer;font-weight:600;color:var(--color-accent);}details form{display:grid;gap:.7rem;padding:0 .8rem .8rem;}ticket-state{display:inline-block;padding:.05rem .55rem;font-size:.8rem;font-weight:600;white-space:nowrap;border-radius:999px;border:1px solid currentColor;color:var(--color-text-muted);}ticket-state.open{color:var(--color-action);}ticket-state.in-progress{color:var(--color-warning);}ticket-state.awaiting-creator{color:var(--color-accent);}ticket-state.confirmed{color:var(--color-success);}ticket-state.rejected{color:var(--color-danger);}ticket-state.on-hold{color:var(--color-text-muted);}ticket-filters a.selected.open,
ticket-filters a.selected.in-progress,
ticket-filters a.selected.awaiting-creator,
ticket-filters a.selected.confirmed,
ticket-filters a.selected.rejected,
ticket-filters a.selected.on-hold{color:var(--color-accent-text);}ticket-view{display:grid;gap:1.2rem;}ticket-view header{display:grid;gap:.4rem;}ticket-view header p{margin:0;}ticket-view header ticket-state{justify-self:start;}ticket-view .dates{color:var(--color-text-muted);font-size:.85rem;}ticket-summary{display:block;padding:.8rem;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;}ticket-view section{display:grid;gap:.7rem;}#events{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;border-left:2px solid var(--color-border);}#events li{margin-left:.8rem;padding:.5rem .7rem;background:var(--color-surface);border-radius:.4rem;}#events li.state{background:transparent;padding:.2rem .7rem;}event-head{display:block;font-size:.9rem;}event-head strong{color:var(--color-text-strong);}event-text{display:block;margin-top:.3rem;white-space:pre-wrap;overflow-wrap:anywhere;}ticket-view form{display:grid;gap:.5rem;}.message{margin:0;min-height:1.5em;color:var(--color-danger);}@media (min-width: 45rem){main{padding:1.5rem 1rem;}h1{font-size:1.6rem;}#tickets li{grid-template-columns:8.5rem minmax(0, 1fr) auto;align-items:baseline;gap:1rem;}#stateform{grid-template-columns:14rem minmax(0, 1fr) auto;align-items:end;}details form{max-width:40rem;}}