.ops-work-stopwatch{display:grid;gap:.45rem;padding:.75rem;border:1px solid color-mix(in srgb,#0ea5e9 28%,var(--bs-border-color));border-radius:.9rem;background:linear-gradient(145deg,color-mix(in srgb,#0ea5e9 8%,var(--bs-body-bg)),var(--bs-body-bg));color:var(--bs-body-color)}
.ops-work-stopwatch__loading,.ops-work-stopwatch__error{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:3.5rem;color:var(--bs-secondary-color);font-size:.78rem}.ops-work-stopwatch__error{color:var(--bs-danger-text-emphasis)}
.ops-work-stopwatch__head{display:flex;align-items:center;justify-content:space-between;gap:.65rem;font-size:.76rem;font-weight:850}.ops-work-stopwatch__state{padding:.18rem .45rem;border-radius:999px;background:var(--bs-tertiary-bg);border:1px solid var(--bs-border-color);color:var(--bs-secondary-color);white-space:nowrap}
.ops-work-stopwatch[data-state="running"] .ops-work-stopwatch__state{background:color-mix(in srgb,#16a34a 14%,var(--bs-body-bg));border-color:color-mix(in srgb,#16a34a 42%,var(--bs-border-color));color:#16a34a}.ops-work-stopwatch[data-state="paused"] .ops-work-stopwatch__state{color:#d97706}.ops-work-stopwatch[data-state="stopped"] .ops-work-stopwatch__state{color:var(--bs-primary)}
.ops-work-stopwatch__display{text-align:center;font-size:clamp(1.45rem,6vw,2.1rem);font-weight:950;font-variant-numeric:tabular-nums;letter-spacing:-.035em;line-height:1.05}.ops-work-stopwatch__caption{text-align:center;color:var(--bs-secondary-color);font-size:.68rem}
.ops-work-stopwatch__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem}.ops-work-stopwatch__actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;min-width:6rem}.ops-work-stopwatch__message{min-height:1rem;text-align:center;font-size:.7rem}
.ops-work-stopwatch--compact{padding:.58rem;gap:.3rem}.ops-work-stopwatch--compact .ops-work-stopwatch__display{font-size:1.35rem}.ops-work-stopwatch--compact .ops-work-stopwatch__caption{display:none}.ops-work-stopwatch--compact .ops-work-stopwatch__actions .btn{min-width:auto}.ops-work-stopwatch--compact .ops-work-stopwatch__actions .btn span{display:none}
[data-bs-theme="dark"] #todoPage .table{--bs-table-bg:transparent;--bs-table-color:#e6edf7;--bs-table-border-color:#304158;--bs-table-hover-bg:#1b2a40;--bs-table-hover-color:#fff}
[data-bs-theme="dark"] #todoPage .table>thead>tr>th{background:#142239;color:#dbe7f5;border-color:#344761}
[data-bs-theme="dark"] #todoPage .table>tbody>tr>td{background:#0f1c2e;color:#e6edf7;border-color:#2b3d55;transition:background-color .18s ease}
[data-bs-theme="dark"] #todoPage .table>tbody>tr:hover>td{background:#1b2a40;color:#fff}
[data-bs-theme="dark"] #todoPage .text-bg-light,[data-bs-theme="dark"] .ops-advanced-timeline .text-bg-light,[data-bs-theme="dark"] .ops-all-shell .text-bg-light{color:#e7eef8!important;background:#24344a!important;border:1px solid #425570}
[data-bs-theme="dark"] #todoPage .ops-tag-chip,[data-bs-theme="dark"] #todoPage .ops-todo-page-tabs,[data-bs-theme="dark"] #todoPage .ops-todo-detail-grid>div{background:#17263b;color:#e7eef8;border-color:#3a4d68}
[data-bs-theme="dark"] #todoPage .form-select,[data-bs-theme="dark"] #todoPage .form-control{background-color:#101d2f;color:#edf3fb;border-color:#40536d}
[data-bs-theme="dark"] #todoPage .form-select:focus,[data-bs-theme="dark"] #todoPage .form-control:focus{background-color:#101d2f;color:#fff;border-color:#60a5fa;box-shadow:0 0 0 .2rem rgba(96,165,250,.18)}
[data-bs-theme="dark"] #todoPage .btn-outline-secondary:disabled{color:#91a2b8;border-color:#52627a;background:#172235;opacity:.68}
[data-bs-theme="dark"] .tooltip{--bs-tooltip-bg:#f1f5f9;--bs-tooltip-color:#0f172a;--bs-tooltip-opacity:1}
[data-bs-theme="dark"] .tooltip .tooltip-inner{border:1px solid #cbd5e1;box-shadow:0 8px 24px rgba(0,0,0,.3);font-weight:700}
[data-bs-theme="dark"] .ops-work-stopwatch{background:linear-gradient(145deg,rgba(14,165,233,.12),#111e31);border-color:#36516d}.ops-completion-muted .ops-work-stopwatch{pointer-events:none}
@media(max-width:767.98px){.ops-work-stopwatch__head{align-items:flex-start}.ops-work-stopwatch__actions .btn{flex:1 1 6rem}}
@media(prefers-reduced-motion:reduce){#todoPage .table>tbody>tr>td{transition:none}}
