:root{--bg:#f6f7f9;--surface:#fff;--text:#1d2330;--muted:#667085;--border:#d9dde4;--accent:#2459d6;--accent-text:#fff;--danger:#c62828;--success:#1f7a3d;--st-new-bg:#e3edff;--st-new-fg:#1d4fbf;--st-ready-bg:#f1e6ff;--st-ready-fg:#6b2fc2;--st-progress-bg:#fff1dc;--st-progress-fg:#a35a00;--st-resolved-bg:#e0f4e6;--st-resolved-fg:#1f7a3d;--st-skipped-bg:#ebecef;--st-skipped-fg:#555c68;--st-closed-bg:#d5d7dc;--st-closed-fg:#3e444e;--type-change:#7a4fd6;--type-bug:#c62828;--type-analysis:#2459d6;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}@media (prefers-color-scheme:dark){:root{--bg:#14171c;--surface:#1d2128;--text:#e6e8ec;--muted:#98a0ad;--border:#353b45;--accent:#6b95ff;--accent-text:#0e1116;--danger:#ff7a7a;--success:#6fd394;--st-new-bg:#1f3157;--st-new-fg:#a9c3ff;--st-ready-bg:#3a2457;--st-ready-fg:#d6b8ff;--st-progress-bg:#4a3415;--st-progress-fg:#ffcf8a;--st-resolved-bg:#183d27;--st-resolved-fg:#8fe2ad;--st-skipped-bg:#30343b;--st-skipped-fg:#b9bec7;--st-closed-bg:#4a4f58;--st-closed-fg:#d5d8de;--type-change:#b79bff;--type-bug:#ff7a7a;--type-analysis:#6b95ff}}*{box-sizing:border-box}body{background:var(--bg);margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{margin:0 0 .75rem;font-size:1.5rem}h2{margin:0 0 .75rem;font-size:1.1rem}.topbar{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:1.5rem;padding:.6rem 1.25rem .6rem 72px;display:flex}.topbar .brand{color:var(--text);font-weight:700}.topbar nav{flex:1;gap:1rem;display:flex}.topbar nav a{color:var(--muted);border-bottom:2px solid #0000;padding:.2rem 0}.topbar nav a.active{color:var(--text);border-bottom-color:var(--accent)}.topbar .user{color:var(--muted);align-items:center;gap:.75rem;display:flex}.content{max-width:1100px;margin:0 auto;padding:1.5rem 1.25rem 3rem}.login{place-items:center;min-height:100vh;padding:1rem;display:grid}.login form{width:min(360px,100%)}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin:1.25rem 0;padding:1rem 1.25rem}.card.highlight{border-color:var(--accent)}.row{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.row>.field{flex:200px}.field{flex-direction:column;gap:.25rem;margin-bottom:.75rem;display:flex}.field>span{color:var(--muted);font-size:.85rem}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:6px;width:100%;padding:.4rem .6rem}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}button{font:inherit;cursor:pointer;border:1px solid var(--accent);background:var(--accent);color:var(--accent-text);border-radius:6px;padding:.4rem .9rem}button:disabled{opacity:.6;cursor:default}.badge{background:var(--st-new-bg);color:var(--st-new-fg);border-radius:999px;padding:.1rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}button.link.danger-link{color:var(--danger)}button.link:disabled{opacity:.4;cursor:not-allowed}td.actions-cell{text-align:right;white-space:nowrap}tr.selected td{background:var(--st-new-bg)}form .check{margin-bottom:.75rem}.actions{flex-wrap:wrap;gap:.5rem;display:flex}.title-row{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}a.button{border:1px solid var(--border);color:var(--text);white-space:nowrap;border-radius:6px;padding:.4rem .9rem;text-decoration:none;display:inline-block}a.button:hover{border-color:var(--accent)}button.secondary{color:var(--text);border-color:var(--border);background:0 0}button.danger{color:var(--danger);border-color:var(--danger);background:0 0}button.link{color:var(--accent);background:0 0;border:none;padding:0}table{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:8px;width:100%;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:.5rem .75rem}th{text-transform:uppercase;letter-spacing:.03em;color:var(--muted);font-size:.8rem}tbody tr:last-child td{border-bottom:none}table.tasks td:nth-child(2),table.tasks td:nth-child(3),table.tasks td:nth-child(4){white-space:nowrap}table.tasks .select-cell{width:1%}.select-cell input{width:auto;margin:0}.bulk-actions{border:1px solid var(--border);background:var(--bg);border-radius:8px;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.75rem;padding:.6rem .75rem;display:flex;position:sticky;bottom:0}.bulk-actions button.bulk-close{color:var(--muted);margin-left:auto;padding:0 .25rem;font-size:1.25rem;line-height:1}.bulk-actions .error{margin:0}form.inline{flex-wrap:wrap;gap:.5rem;display:flex}form.inline input{flex:180px;width:auto}.filters{flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-bottom:1rem;display:flex}.filters .field{flex:160px;min-width:0;margin-bottom:0}.filters .field.search{flex:2 220px}.filters .multiselect-button,.filters select,.filters input{box-sizing:border-box;height:2.25rem;line-height:1.2}.select-wrap{display:block;position:relative}.select-wrap select{appearance:none;cursor:pointer;padding-right:1.8rem}.select-wrap:after{content:"▾";pointer-events:none;color:var(--text);position:absolute;top:50%;right:.6rem;transform:translateY(-50%)}.multiselect{position:relative}.multiselect-button{text-align:left;width:100%;color:var(--text);background:var(--surface);border:1px solid var(--border);justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem .6rem;display:flex}.multiselect-button:focus-visible{outline:2px solid var(--accent);outline-offset:-1px}.multiselect-summary{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.multiselect-list{z-index:10;background:var(--surface);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:.4rem;min-width:100%;margin-top:.25rem;padding:.5rem .75rem;display:flex;position:absolute;top:100%;left:0;box-shadow:0 8px 24px #1018282e}.check{white-space:nowrap;align-items:center;gap:.3rem;display:inline-flex}.check input{width:auto}.check.wrap{white-space:normal}.tabs{border-bottom:1px solid var(--border);gap:.25rem;margin-bottom:1rem;display:flex}.tabs a{color:var(--muted);border-bottom:2px solid #0000;margin-bottom:-1px;padding:.4rem .9rem}.task-header{flex-wrap:wrap;align-items:flex-end;gap:.5rem 1rem;margin-bottom:.5rem;display:flex}.task-header h1{align-items:flex-end;gap:.5rem;margin:0;line-height:1.2;display:flex}.status-picker{display:inline-flex;position:relative}.task-header .status{justify-content:center;align-items:center;margin-bottom:.15em;line-height:1.4;display:inline-flex}button.status-trigger{cursor:pointer;border:none;font-family:inherit}button.status-trigger:after{content:"▾";opacity:0;width:0;margin-left:0;transition:opacity .15s;display:inline-block;overflow:hidden}button.status-trigger:hover:after,button.status-trigger:focus-visible:after,button.status-trigger[aria-expanded=true]:after{opacity:1;width:auto;margin-left:.3em}.status-options{z-index:10;background:var(--surface);border:1px solid var(--border);white-space:nowrap;border-radius:6px;flex-direction:column;gap:.3rem;margin:0;padding:.4rem;font-size:1rem;font-weight:400;list-style:none;display:flex;position:absolute;top:calc(100% + .35rem);left:0;box-shadow:0 8px 24px #1018282e}.status-options button{cursor:pointer;text-align:left;border:none;width:100%}.ready-to-work{flex-direction:column;align-items:flex-end;margin-left:auto;display:flex}.ready-to-work .error{margin:.25rem 0 0}button.ready-to-work-button{background:var(--st-ready-bg);color:var(--st-ready-fg);border:1px solid var(--st-ready-fg);font-weight:600}button.ready-to-work-button:hover:not(:disabled){background:var(--st-ready-fg);color:var(--st-ready-bg)}.quick-status{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.quick-status-change{align-self:flex-end;align-items:flex-end;gap:.5rem;display:inline-flex}.quick-status input{width:auto;min-width:14rem}.quick-status .error{flex-basis:100%;margin:0}.tab-count{background:var(--accent);min-width:1.35em;height:1.35em;color:var(--accent-text);vertical-align:super;border-radius:999px;justify-content:center;align-items:center;margin-left:.25rem;padding:0 .3em;font-size:.7rem;font-weight:700;line-height:1;display:inline-flex}.tabs a.active{color:var(--text);border-bottom-color:var(--accent)}.tabs-right{gap:.25rem;margin-left:auto;display:flex}.status{letter-spacing:.02em;white-space:nowrap;vertical-align:middle;border-radius:999px;padding:.1rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.status-new{background:var(--st-new-bg);color:var(--st-new-fg)}.status-ready-to-work{background:var(--st-ready-bg);color:var(--st-ready-fg)}.status-in-progress{background:var(--st-progress-bg);color:var(--st-progress-fg)}.status-in-production{color:#0b6478;background:#e0f2f7}.status-resolved{background:var(--st-resolved-bg);color:var(--st-resolved-fg)}.status-skipped{background:var(--st-skipped-bg);color:var(--st-skipped-fg)}.status-closed{background:var(--st-closed-bg);color:var(--st-closed-fg)}.type-icon{vertical-align:-.15em;flex:none}.type-change{color:var(--type-change)}.type-bug{color:var(--type-bug)}.type-analysis{color:var(--type-analysis)}.environment-info{margin-bottom:.75rem}.environment-info input{width:1em;height:1em;margin:0}.environment-info.off .environment-text{opacity:.4}.device-icon{color:var(--muted);vertical-align:-.15em;flex:none;margin-right:.35rem}.type-badge{white-space:nowrap;align-items:center;gap:.3rem;display:inline-flex}fieldset.choices{border:none;flex-wrap:wrap;gap:.4rem;margin:0 0 .75rem;padding:0;display:flex}fieldset.choices legend{color:var(--muted);margin-bottom:.25rem;padding:0;font-size:.85rem}.choice{border:1px solid var(--border);cursor:pointer;background:var(--surface);border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .75rem;display:inline-flex}.choice input{width:auto;margin:0}.choice-label{white-space:nowrap}.choice-code{vertical-align:baseline;margin-left:.15rem}.choice:has(input:checked){border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.choice:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:1px}.task-title{word-break:break-word;margin:0 0 .25rem;font-size:1.15rem;font-weight:600}.break{word-break:break-all}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dropzone{border:2px dashed var(--border);background:var(--bg);text-align:center;cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:.2rem;padding:1rem;display:flex}.dropzone:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dropzone.over{border-color:var(--accent);background:var(--st-new-bg)}.dropzone.disabled{opacity:.6;cursor:default}.attachments-field{flex-wrap:wrap;align-items:stretch;gap:.75rem;display:flex}.attachments-field>.attachment-list{flex:7 480px}.attachments-field>.dropzone{flex:260px;justify-content:center;max-width:30%}.attachment-list{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:.4rem .75rem;margin:0;padding:0;list-style:none;display:grid}@media (width<=640px){.attachments-field>.attachment-list{flex-basis:100%;grid-template-columns:minmax(0,1fr)}.attachments-field>.dropzone{max-width:none}}.attachment-list li{align-items:center;gap:.6rem;display:flex}.attachment-name{flex-direction:column;flex:1;min-width:0;display:flex}.file-thumb{border:1px solid var(--border);background:var(--bg);width:64px;height:48px;color:var(--text);border-radius:4px;flex:none;justify-content:center;align-items:center;padding:0;font-size:1.4rem;display:inline-flex;overflow:hidden}button.file-thumb{cursor:zoom-in}.file-thumb img{object-fit:cover;width:100%;height:100%;display:block}.image-preview{z-index:100;background:#0a0c10bf;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.image-preview figure{flex-direction:column;gap:.5rem;max-width:100%;max-height:100%;margin:0;display:flex}.image-preview img{object-fit:contain;background:var(--surface);border-radius:6px;max-width:min(1200px,100%);max-height:calc(100vh - 7rem)}.image-preview figcaption{color:#e6e8ec;flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.image-preview figcaption .break{flex:1}.file-list{margin:.5rem 0 0;padding-left:1.2rem}.attachments{margin:0 0 1rem;padding:0;list-style:none}.attachments li{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.attachments li>div{flex:1;min-width:0}.attachments .thumb img{object-fit:cover;border:1px solid var(--border);background:var(--bg);border-radius:4px;width:96px;height:72px;display:block}.content-box{background:var(--surface);border:1px solid var(--border);white-space:pre-wrap;word-break:break-word;border-radius:8px;margin:1rem 0;padding:1rem;font-family:inherit}.resolution{grid-template-columns:max-content 1fr;gap:.3rem 1rem;margin:0 0 1rem;display:grid}.resolution dt{color:var(--muted)}.resolution dd{word-break:break-all;margin:0}.resolution dd.answer{white-space:pre-wrap;word-break:break-word}.history{margin:0;padding:0;list-style:none}.history li{border-bottom:1px solid var(--border);padding:.5rem 0}.history .note{color:var(--muted);margin-top:.2rem}.token{background:var(--bg);border:1px solid var(--border);word-break:break-all;border-radius:6px;margin:.5rem 0 .75rem;padding:.6rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.breadcrumbs{color:var(--muted);margin:0 0 .25rem;font-size:.9rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.small{font-size:.85rem}.muted{color:var(--muted)}.error{color:var(--danger)}.success{color:var(--success)}.success-box{background:var(--st-resolved-bg);color:var(--st-resolved-fg);border-radius:8px;margin:0 0 1rem;padding:.6rem .75rem}.success-box a{color:inherit;font-weight:600;text-decoration:underline}@media (width<=640px){.topbar{flex-wrap:wrap;gap:.5rem 1rem}table.tasks th:nth-child(7),table.tasks td:nth-child(7){display:none}}.jira-link{margin-left:8px}.board{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:.75rem;display:grid}.board-column{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:.5rem;min-height:12rem;padding:.6rem;display:flex}.board-column h2{margin:0 0 .25rem;font-size:.95rem}.board-column-blocked{opacity:.5}.board-column-over{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.board-card{background:var(--bg);border:1px solid var(--border);cursor:grab;border-radius:6px;padding:.5rem .6rem}.board-card p{overflow-wrap:anywhere;margin:.25rem 0 0}.board-card-header{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.board-card-dragged{opacity:.4}@media (width<=800px){.board{grid-template-columns:minmax(0,1fr)}.board-column{min-height:0}}.page-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.page-head h1{margin:0}.modal-backdrop{z-index:90;background:#0a0c1099;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:8px;width:min(720px,100%);max-height:calc(100dvh - 2rem);padding:1rem 1.25rem 0;overflow-y:auto}.modal:focus{outline:none}.modal-actions{background:var(--surface);border-top:1px solid var(--border);justify-content:flex-end;margin:1rem -1.25rem 0;padding:.75rem 1.25rem;position:sticky;bottom:0}kbd{border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;padding:.05rem .35rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}
