:root{color-scheme:dark;--accent:#19c37d;--accent-dark:#13a06a;--bg:#0d0f12;--surface:#14181d;--border:#232930;--text:#e5e7eb;--muted:#8b9199;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}a{color:var(--accent);text-underline-offset:3px}h1,h2,h3,p{margin:0 0 12px}h1{font-size:28px;letter-spacing:.06em;line-height:1.2}h2{font-size:24px;line-height:1.25}h3{font-size:15px}h1,h2,h3{font-weight:700}p:last-child{margin-bottom:0}.container{max-width:1500px;padding:0 16px;margin:auto}.accent{color:var(--accent)}.muted,.footnote{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.hero{position:relative;background:#07090b;overflow:hidden;border-bottom:1px solid var(--border)}.hero canvas{position:absolute;width:100%;height:100%;opacity:.16}.hero-inner{min-height:140px;position:relative;display:flex;align-items:center;gap:24px}.hero-inner>img{object-fit:contain}.hero h1{color:var(--accent);margin-bottom:5px}.hero p:last-child{color:var(--muted);font-size:12px}.identity{margin-left:auto;display:flex;align-items:center;gap:16px;font-size:11px;color:var(--muted)}.topnav{display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--border);margin-bottom:32px}.topnav button{border:0;background:none;color:var(--muted);padding:16px 0;border-bottom:2px solid transparent}.topnav button.active{color:var(--text);border-color:var(--accent)}.nav-end{margin-left:auto;font-size:10px;color:var(--muted)}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:28px 0 24px}.page-heading p{margin-bottom:8px}.page-heading p:last-child{margin-bottom:0}.panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:24px}.panel+.panel{margin-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.section-heading h2{font-size:18px;margin:0}.badge{font-size:9px;border:1px solid var(--border);padding:4px 6px;color:var(--muted);white-space:nowrap}.primary,.ghost{padding:10px 20px;border-radius:6px;font-weight:700;border:1px solid transparent}.primary{background:var(--accent);color:#07140d}.primary:hover{background:var(--accent-dark)}.ghost{background:transparent;border-color:#46505c;color:var(--text)}.ghost:hover{border-color:var(--accent);color:var(--accent);background:#19c37d0f}.small{padding:6px 10px;font-size:11px}.full{width:100%}.text-button{border:0;background:none;color:var(--accent);padding:4px 0}.text-button:hover{text-decoration:underline}label{display:block;font-size:11px;color:var(--muted);margin-bottom:16px}input,select,textarea{display:block;width:100%;margin-top:6px;background:var(--bg);border:1px solid #2a2f36;border-radius:6px;padding:10px 12px;color:var(--text);min-height:40px}textarea{resize:vertical;line-height:1.6}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px #19c37d40}.filters{display:flex;align-items:end;gap:16px;padding:16px}.filters label{margin:0;flex:1}.filters .search-label{flex:2}.filters button{height:40px}.list-caption{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;margin:22px 0 10px;font-size:11px}.table-wrap{padding:0;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{font-size:10px;letter-spacing:.05em;color:var(--muted);font-weight:400;white-space:nowrap}td,th{padding:14px 16px;border-bottom:1px solid var(--border)}#list td,#list th{padding-left:12px;padding-right:12px}tr:last-child td{border-bottom:0}td{vertical-align:top}td.col-ticket{min-width:230px}td a{display:block;text-decoration:none;color:var(--text);font-weight:700;overflow-wrap:anywhere}td a:hover{color:var(--accent)}.ticket-number{display:block;font-size:10px;color:var(--muted);margin-bottom:4px;font-weight:400}tbody tr:hover{background:#19c37d05}.status{font-size:10px;white-space:nowrap}.status:before{content:'●';margin-right:7px;color:var(--status-color,var(--muted))}.priority-urgent{color:#ff6b6b}.priority-high{color:#ffa94d}.empty{text-align:center;padding:64px 20px;color:var(--muted)}.empty>span{display:block;font-size:28px;margin-bottom:16px}.empty h3{color:var(--text)}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-top:18px;font-size:11px}.detail-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:start}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.activity{border-left:1px solid var(--border);padding:0 0 22px 16px;margin-left:4px}.activity time{display:block;font-size:10px;color:var(--muted);margin:4px 0 8px}.activity p{white-space:pre-wrap;overflow-wrap:anywhere}.activity strong{font-size:11px;color:var(--accent)}#activity{max-height:600px;overflow:auto;margin:20px 0}.flash{padding:12px 16px;border:1px solid var(--accent);background:#19c37d12;border-radius:6px;margin:16px 0;overflow-wrap:anywhere}.error{border-color:#ff6b6b;color:#ff6b6b;background:#ff6b6b09}.secret-result{margin:20px 0;padding:12px;border:1px solid var(--accent);border-radius:6px}.token-row{display:flex;gap:12px;align-items:center;border-top:1px solid var(--border);padding:14px 0}.token-row>div{flex:1;overflow-wrap:anywhere}.token-row small{display:block;color:var(--muted);margin-top:4px}.checkbox{display:flex;gap:10px;align-items:center}.checkbox input{width:16px;min-height:16px;margin:0}.prose{line-height:1.8}.prose li{margin-bottom:16px}.prose ol{padding-left:20px}.prose code{color:var(--accent);overflow-wrap:anywhere}.prose pre{overflow:auto;border:1px solid var(--border);padding:16px;background:var(--bg);font-size:11px;line-height:1.7}.prose table{display:block;overflow:auto}.footer{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px;margin:64px auto 24px;padding-top:20px;border-top:1px solid var(--border)}.modal{position:fixed;inset:0;z-index:20;background:#07090bdd;display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto}.modal-content{width:min(600px,100%);max-height:90vh;overflow:auto}.modal .close{font-size:20px;line-height:1}.login-page{min-height:100vh;display:grid;place-items:center;padding:40px 16px}.login-shell{width:min(460px,100%)}.login-brand{text-align:center;margin:0 0 32px}.login-brand img{margin-bottom:24px}.login-brand h1{letter-spacing:-.01em;font-size:34px}.login-brand .eyebrow{margin-bottom:14px}.login-brand .muted{margin-top:12px}.login-links{display:flex;justify-content:space-between;gap:12px;font-size:10px;margin-top:18px}.footnote{text-align:center;font-size:10px;margin-top:20px;line-height:1.8}[hidden]{display:none!important}
@media(max-width:700px){.hero-inner{min-height:130px;gap:16px;flex-wrap:wrap;padding-top:20px;padding-bottom:16px}.hero-inner>img{width:48px;height:48px}.hero h1{font-size:24px}.hero .eyebrow{font-size:8px}.identity{width:100%;justify-content:space-between;margin:0}.topnav{gap:20px;overflow:auto;white-space:nowrap;margin-bottom:24px}.nav-end{display:none}.topnav button{font-size:11px}.page-heading{align-items:start}.page-heading h2{font-size:22px}.page-heading .primary{padding:10px 12px;white-space:nowrap}.filters{flex-wrap:wrap;gap:12px}.filters .search-label{flex:1 1 100%}.filters label{flex:1 1 40%}.filters button{width:100%}.detail-grid{grid-template-columns:1fr}.panel{padding:18px}.table-wrap{padding:0}.form-grid{grid-template-columns:1fr}.footer{flex-direction:column;gap:8px}.modal{padding:12px}.modal-content{max-height:94vh}.login-links{flex-direction:column;align-items:center}.section-heading{flex-wrap:wrap}.prose{overflow-wrap:anywhere}}
:root .modal-content{margin:4vh auto}
:root .detail-grid>.panel+.panel{margin-top:0}
.ticket-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.danger{color:#ff8a8a;border-color:#ff6b6b;font-size:11px}
.danger:hover{color:#ff8a8a;border-color:#ff6b6b;background:#ff6b6b12}
:root .attachments{margin-top:28px;padding-top:20px;border-top:1px solid var(--border,#29342f)}
:root .attachment-row{display:flex;align-items:center;gap:12px;padding:10px 0}
:root .attachment-row a{min-width:0;flex:1;overflow-wrap:anywhere}
:root #attachment-files{max-width:100%}
.attachment+.attachment{border-top:1px solid var(--border);margin-top:16px;padding-top:6px}
.attachment-preview{font-size:11px;margin:4px 0 12px;overflow-wrap:anywhere}
.attachment-preview pre{max-height:320px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg);border:1px solid var(--border);border-radius:5px;padding:12px;color:var(--text);font:inherit;line-height:1.6}
.attachment-preview img,.attachment-preview video{display:block;max-width:100%;max-height:300px;border-radius:5px}
.attachment-image-button{display:block;background:none;border:0;padding:0;cursor:zoom-in}
#attachment-viewer{max-width:94vw;max-height:92vh;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:16px}
#attachment-viewer::backdrop{background:#000b}
#attachment-viewer button{display:block;margin:0 0 12px auto}
#attachment-viewer img{display:block;max-width:88vw;max-height:78vh;object-fit:contain}
.filters{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));align-items:end}.filters .search-label{grid-column:span 2}
@media(max-width:700px){.filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
th button{font:inherit;letter-spacing:inherit;color:inherit;background:none;border:0;padding:4px 0;text-align:left;white-space:nowrap}
th button::after{content:' ↕';color:var(--muted)}th[aria-sort=ascending] button::after{content:' ↑';color:var(--accent)}th[aria-sort=descending] button::after{content:' ↓';color:var(--accent)}th[aria-sort]:not([aria-sort=none]) button{color:var(--text)}
.pagination{flex-wrap:wrap}.pagination label{display:flex;align-items:center;gap:10px;margin:0 auto 0 0;white-space:nowrap}.pagination select{width:auto;margin:0;padding:6px 10px;min-height:34px}
@media(max-width:450px){.pagination label{flex-basis:100%}}
.search-by{display:flex;gap:6px}.search-by select{width:auto;flex:none}.search-by input{flex:1;min-width:0}
#list .col-pick{width:1%;padding-left:6px;padding-right:0}#list .col-pick+th,#list .col-pick+td{padding-left:6px}.pick{display:inline-block;width:1em;height:1em;min-height:0;margin:0;padding:0;vertical-align:middle;accent-color:var(--accent);cursor:pointer}.pick:focus-visible{outline:0;box-shadow:0 0 0 3px #19c37d40}
.bulk-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:8px 12px;margin-bottom:12px}.bulk-bar>span{margin-right:4px;color:var(--accent);white-space:nowrap}.bulk-bar select{display:inline-block;width:auto;max-width:100%;margin:0;min-height:32px;padding:4px 24px 4px 8px;font-size:11px}.bulk-bar button{white-space:nowrap;min-height:32px;border-radius:6px;font-weight:700}.bulk-bar button:not(.ghost){background:#19c37d1f;color:var(--accent);border:1px solid var(--accent)}.bulk-bar button:not(.ghost):hover:not(:disabled){background:var(--accent);color:#07140d}.bulk-bar .ghost{border-color:var(--border);color:var(--text)}
.col-number{width:1%;max-width:100px;white-space:nowrap}.ticket-dependencies{display:block;max-width:76px;margin-top:3px;color:var(--muted);font-size:9px;line-height:1.35;white-space:normal}.ticket-dependencies a{display:inline;color:var(--accent);font-weight:400;white-space:nowrap}.col-updated{white-space:nowrap}.col-status{min-width:110px}.col-tokens{min-width:120px}
.row-select{width:100%;min-width:calc(var(--row-chars,6)*1ch + 52px);min-height:32px;margin:0;padding:4px 20px 4px 6px;font-size:11px}.row-write-error{display:block;max-width:180px;margin-top:5px;color:#ff6b6b;white-space:normal;overflow-wrap:anywhere}
.view-tools{display:flex;align-items:center;gap:14px}.segmented{display:inline-flex;border:1px solid var(--border);border-radius:6px;overflow:hidden}.segmented button{border:0;background:none;color:var(--muted)}.segmented button[aria-pressed="true"],#bulk-toggle[aria-pressed="true"]{background:#19c37d1f;color:var(--accent)}.view-tools>.small,.view-tools>details>.small{border:1px solid var(--border);border-radius:6px;background:none;color:var(--muted)}
.column-chooser{position:relative}.column-chooser summary{list-style:none;cursor:pointer}.column-chooser summary::-webkit-details-marker{display:none}.column-chooser>.panel{position:absolute;right:0;top:26px;z-index:10;padding:12px 16px;min-width:170px}.column-chooser .checkbox{margin:6px 0}
.status-counts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.status-count{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:128px;padding:9px 12px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text);text-align:left}.status-count:before{content:'●';color:var(--status-color,var(--muted))}.status-count[aria-pressed="true"]{border-color:var(--accent);background:#19c37d12}.status-count strong{margin-left:auto;color:var(--accent);font-size:13px}.status-counts.stale .status-count{opacity:.7}.status-count-note{align-self:center;color:var(--muted);font-size:10px;min-height:1em}.status-count-note:empty{display:none}
.token-spend{position:relative;display:inline-flex;flex-direction:column;gap:1px;outline-offset:2px;white-space:normal;overflow-wrap:anywhere;max-width:160px}.token-spend small{font-size:9px;color:inherit}.token-green{color:#51cf66}.token-yellow{color:#ffd43b}.token-red{color:#ff6b6b}.token-partial{color:var(--text)}.token-neutral{color:var(--muted)}#float-tip{position:fixed;z-index:1000;left:0;top:0;width:max-content;max-width:min(320px,80vw);pointer-events:none;white-space:normal;overflow-wrap:anywhere;padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);box-shadow:0 8px 24px #0008;font-size:11px;line-height:1.35}#float-tip[hidden]{display:none}
@media(max-width:700px){.status-count{flex:1 1 128px}.view-tools{gap:8px;flex-wrap:wrap;justify-content:flex-end}}
.not-counted{display:inline-flex;align-items:center;gap:3px;margin-right:6px;color:#ffa94d;font-size:9px;font-weight:700;white-space:nowrap}
.idle-for{display:inline-flex;align-items:center;gap:3px;margin-left:6px;color:var(--muted);font-size:11px}
.badge-icon{flex:none;vertical-align:-2px;margin-right:3px}
.not-counted .badge-icon,.idle-for .badge-icon{margin-right:0}
.token-cell{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.cell-badges{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin-top:4px}.cell-badges:empty{display:none}.cell-badges .idle-for{margin-left:0}.token-cell .not-counted{margin-right:0}
.token-spend.token-excluded{color:var(--muted);opacity:.6}
.status-open{--status-color:var(--muted)}.status-done{--status-color:var(--accent)}.status-in_progress{--status-color:#22d3ee}.status-in_review{--status-color:#3b82f6}.status-approved{--status-color:#a78bfa}.status-hold,.status-blocked{--status-color:#ffd43b}.status-triage{--status-color:#ff922b}
.status-choice,.ticket-dependencies a{color:var(--status-color,var(--text))}.priority-low,.priority-normal{color:var(--text)}
.status-dot:before{content:'●';margin-right:7px;color:var(--status-color,var(--muted))}.status-dot{white-space:nowrap}
.updated-stack{display:inline-flex;flex-direction:column;gap:2px;white-space:nowrap;line-height:1.2}
/* the edit form's Review and handoff accordion (#2618): a form section with room around it, a panelled summary, a chevron that turns when open */
#edit-form details{margin:24px 0;background:var(--surface);border:1px solid var(--border);border-radius:8px}
#edit-form details>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;background:var(--bg);color:var(--text);font-weight:600}
#edit-form details>summary::-webkit-details-marker{display:none}
#edit-form details>summary::before{content:"\25B8";color:var(--accent);transition:transform .15s}
#edit-form details[open]>summary::before{transform:rotate(90deg)}
#edit-form details[open]>summary{border-bottom:1px solid var(--border);border-bottom-left-radius:0;border-bottom-right-radius:0}
#edit-form details>label{margin:16px 14px 0}
#edit-form details>label:last-child{margin-bottom:16px}
#edit-form [aria-invalid=true]{border-color:#ff6b6b}
.metrics-mode .hero-inner{min-height:84px}.metrics-mode .hero-inner>img{width:48px;height:48px}.metrics-mode .hero h1{font-size:24px}.metrics-mode .topnav{margin-bottom:12px}.metrics-mode .topnav button{padding:10px 0}.metrics-mode #view-tickets>.page-heading{margin:10px 0 8px}.metrics-mode #view-tickets>.page-heading h2{font-size:20px}.metrics-mode #view-tickets>.page-heading p{margin-bottom:2px}.metrics-mode .list-caption{margin:6px 0 8px}
@media(max-width:600px){#view-detail .page-heading{flex-direction:column;align-items:stretch;gap:12px}#ticket-title{font-size:14px;line-height:1.35;overflow-wrap:anywhere}.ticket-actions{display:flex;flex-wrap:wrap;gap:8px}#list thead{display:none}#list table,#list tbody{display:block}#list tbody tr{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:12px 4px;border-bottom:1px solid var(--border)}#list td{display:block;padding:0;border:0;min-width:0}#list td.col-ticket{order:-1;flex:1 1 100%}#list td.col-number{width:auto;max-width:none}#list td.col-pick{position:absolute;left:4px;top:14px;width:auto}#list tr:has(.pick) td.col-ticket{padding-left:24px}#list td a{font-size:13px;line-height:1.35}}