.dtb-metrics{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:14px 22px;margin-bottom:14px;padding:16px 20px;display:flex}.dtb-metric{flex-direction:column;gap:2px;min-width:84px;display:flex}.dtb-metric-v{font-family:var(--font-display);color:var(--ink);font-size:26px;line-height:1}.dtb-metric-k{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);font-size:11.5px;font-weight:700}.dtb-verdict{border-radius:var(--r-pill);white-space:nowrap;margin-left:auto;padding:8px 16px;font-size:13.5px;font-weight:800}.dtb-verdict[data-go=no]{background:var(--yt-soft);color:var(--yt)}.dtb-verdict[data-go=go]{background:var(--teal-soft);color:var(--teal)}.dtb-log{min-height:20px;color:var(--teal);margin-bottom:22px;font-size:14px;font-weight:600;line-height:1.5}.dtb-boardwrap{background:radial-gradient(900px 300px at 0% 0%, color-mix(in srgb, var(--teal) 8%, transparent), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--blue) 6%, var(--surface-2)), var(--surface-2));border:1px solid var(--line);border-radius:var(--r-lg);-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding:16px;overflow-x:auto}.dtb-board{align-items:flex-start;gap:14px;min-width:min-content;display:flex}.dtb-col{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;flex-direction:column;flex:1 0 230px;width:230px;min-width:0;padding:10px 8px 12px;display:flex}.dtb-col-head{justify-content:space-between;align-items:center;gap:8px;padding:4px 8px 0;display:flex}.dtb-col-title{font-family:var(--font-sans);color:var(--ink);letter-spacing:-.01em;font-size:14px;font-weight:700}.dtb-col-count{color:var(--ink-3);background:var(--surface-3);border-radius:var(--r-pill);text-align:center;min-width:24px;padding:2px 9px;font-size:12px;font-weight:700}.dtb-col-owner{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);padding:2px 8px 8px;font-size:10.5px;font-weight:700}.dtb-col-body{min-height:46px;transition:background var(--t-fast);border-radius:10px;flex-direction:column;gap:8px;padding:4px;display:flex}.dtb-col-body.drag-over{background:color-mix(in srgb, var(--teal) 12%, transparent);outline:2px dashed color-mix(in srgb, var(--teal) 42%, transparent);outline-offset:-2px}.dtb-col-empty{color:var(--ink-3);text-align:center;opacity:.7;padding:14px 6px;font-size:12px}.dtb-card{background:var(--surface);border:1px solid var(--line);box-shadow:0 1px 2px color-mix(in srgb, var(--ink) 12%, transparent);cursor:grab;transition:transform var(--t-fast) var(--ease), box-shadow var(--t-fast), border-color var(--t-fast), opacity var(--t-fast);border-radius:9px;padding:11px 12px 12px}.dtb-card:hover{box-shadow:0 6px 16px -8px color-mix(in srgb, var(--ink) 40%, transparent);border-color:color-mix(in srgb, var(--teal) 24%, var(--line));transform:translateY(-2px)}.dtb-card:active{cursor:grabbing}.dtb-card.dragging{opacity:.4}.dtb-card.is-entering{animation:dtbCardMove .42s var(--ease) both}@keyframes dtbCardMove{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.dtb-card-labels{flex-wrap:wrap;gap:5px;margin-bottom:8px;display:flex}.dtb-chip{letter-spacing:.03em;text-transform:uppercase;border-radius:var(--r-pill);padding:3px 8px;font-size:10px;font-weight:800;line-height:1}.dtb-chip.sev-Critical{background:var(--yt-soft);color:var(--yt)}.dtb-chip.sev-Major{background:color-mix(in srgb, var(--blue) 14%, var(--surface));color:var(--blue)}.dtb-chip.sev-Minor{background:var(--surface-3);color:var(--ink-2)}.dtb-chip.sev-Trivial{background:var(--surface-3);color:var(--ink-3)}.dtb-chip.pri{border:1px solid var(--line-2);color:var(--ink-2);background:0 0}.dtb-chip.pri.p1{border-color:color-mix(in srgb, var(--yt) 45%, transparent);color:var(--yt)}.dtb-chip.flag{background:color-mix(in srgb, var(--yt) 16%, transparent);color:var(--yt)}.dtb-chip.done{background:var(--surface-3);color:var(--ink-3)}.dtb-card-id{font:700 11px/1 var(--font-mono);color:var(--ink-3);margin-bottom:5px}.dtb-card-title{color:var(--ink);margin-bottom:7px;font-size:13.5px;font-weight:600;line-height:1.4}.dtb-card-note{color:var(--ink-3);margin-bottom:11px;font-size:12px;line-height:1.5}.dtb-fields{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:11px;display:grid}.dtb-field label{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);margin-bottom:4px;font-size:9.5px;font-weight:800;display:block}.dtb-field select{width:100%;font:inherit;border:1px solid var(--line-2);background:var(--surface-2);color:var(--ink);cursor:pointer;border-radius:7px;padding:7px 8px;font-size:12.5px}.dtb-field select:focus-visible{outline:2px solid var(--teal);outline-offset:1px;border-color:var(--teal)}.dtb-card-foot{flex-wrap:wrap;gap:6px;display:flex}.dtb-btn{font:inherit;cursor:pointer;border:1px solid var(--line-2);background:var(--surface-2);color:var(--ink-2);transition:all var(--t-fast);border-radius:7px;padding:7px 12px;font-size:12px;font-weight:700;line-height:1}.dtb-btn:hover:not(:disabled){border-color:var(--teal);color:var(--teal)}.dtb-btn.primary{background:var(--teal);color:var(--on-accent);border-color:var(--teal);text-align:center;flex:auto;justify-content:center}.dtb-btn.primary:hover:not(:disabled){filter:brightness(1.06);color:var(--on-accent)}.dtb-btn.danger:hover:not(:disabled){border-color:var(--yt);color:var(--yt)}.dtb-btn:disabled{opacity:.4;cursor:not-allowed}.dtb-matrix{grid-template-columns:1.1fr 1fr 1fr 1fr;gap:8px;display:grid}@media (width<=700px){.dtb-matrix{gap:6px;font-size:12px}.dtb-matrix-cell{padding:11px 9px}}@media (width<=430px){.dtb-matrix{gap:5px}.dtb-matrix-cell{padding:9px 6px;font-size:11.5px}.dtb-matrix-cell.head{font-size:10.5px}}.dtb-matrix-cell{overflow-wrap:anywhere;border-radius:var(--r-md);min-width:0;color:var(--ink);border:1px solid var(--line);background:var(--surface);padding:14px 13px;font-size:13.5px;line-height:1.4}.dtb-matrix-cell.head{color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em;background:0 0;border:0;align-items:center;font-size:12px;font-weight:800;display:flex}.dtb-matrix-cell.head.row{text-align:right;justify-content:flex-end}.dtb-matrix-cell.hot{background:var(--yt-soft);border-color:color-mix(in srgb, var(--yt) 30%, transparent);font-weight:700}.dtb-matrix-cell.warm{background:color-mix(in srgb, var(--blue) 8%, var(--surface))}.dtb-matrix-cell.cool{background:var(--surface-2);color:var(--ink-2)}
