/* Työn alla -sivu (desktopin ui/app.css .wk-* -tyylit, tumma kortti molemmissa teemoissa jotta ilme on sama kuin desktopissa) */
.tw{background:#000;color:#f5f5f5;border:1px solid #242424;padding:14px 12px;display:flex;flex-direction:column;gap:8px}
.tw-top{display:flex;align-items:center;gap:8px;font-size:16px}.tw-n{background:#60a5fa;color:#000;border-radius:99px;font-size:12px;font-weight:700;padding:0 8px}
.tw-list{display:flex;flex-direction:column;gap:6px}
.tw .wk-row{display:flex;flex-direction:column;gap:5px;padding:9px 10px;border:1px solid #242424;border-radius:10px;background:#0a0a0a;cursor:pointer}
.tw .wk-h{display:flex;align-items:baseline;gap:8px;min-width:0}.tw .wk-t{flex:1 1 auto;min-width:0;font-size:13.5px;font-weight:600;color:#f5f5f5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tw .wk-v{font-size:10.5px;font-weight:600;color:#c4b5fd;border:1px solid #3b2f63;border-radius:999px;padding:0 6px;margin-right:6px}
.tw .wk-retry{font-size:10.5px;color:#fbbf24;border:1px solid #5b4a14;border-radius:999px;padding:0 6px}
.tw .wk-pr{flex:0 0 auto;font-size:11px;color:#737373}
.tw .wk-path{display:flex;align-items:center}.tw .wk-d{width:8px;height:8px;border-radius:50%;background:#262626;flex:0 0 auto}.tw .wk-d.past{background:#525252}
.tw .wk-ln{width:14px;height:1px;background:#262626;flex:0 0 auto}.tw .wk-ln.on{background:#525252}
.tw .wk-d.cur{background:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.18)}.tw .wk-working .wk-d.cur{animation:twPulse 1.6s ease-out infinite}
.tw .wk-review .wk-d.cur{background:#c4b5fd;box-shadow:0 0 0 3px rgba(196,181,253,.18)}.tw .wk-queued .wk-d.cur{background:#a3a3a3;box-shadow:none}
@keyframes twPulse{0%{box-shadow:0 0 0 0 rgba(96,165,250,.5)}100%{box-shadow:0 0 0 7px rgba(96,165,250,0)}}
.tw .wk-pn{margin-left:9px;font-size:11.5px;color:#d4d4d4}
.tw .wk-s{display:flex;gap:8px;font-size:11.5px;color:#a1a1a1;min-width:0}.tw .wk-a{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,monospace}
.tw .wk-tm{flex:0 0 auto;color:#737373;font-variant-numeric:tabular-nums}.tw .wk-ls{flex:0 0 auto;color:#fff}.tw .wk-ls.stale{color:#fbbf24}
.tw .wk-eta{color:#7dd3fc}
.tw .wk-decision{border-color:#7c2d12;background:#1a0f05}.tw .wk-decision .wk-d.cur{background:#f97316;box-shadow:0 0 0 3px rgba(249,115,22,.25)}.tw .wk-decision .wk-pn,.tw .wk-decision .wk-a{color:#fdba74}
.tw .wk-dec{align-self:flex-start;padding:5px 14px;font-size:12.5px;background:#f97316;border:1px solid #f97316;border-radius:99px;color:#0a0a0a;font-weight:600}
.tw .wk-next{font-size:11.5px;color:#fbbf24;padding:0 2px 0 12px}
.tw .wk-done{display:flex;gap:8px;align-items:flex-start;padding:7px 10px;border:1px solid #1f3a28;border-radius:10px;background:rgba(34,197,94,.06);font-size:12px;color:#d4d4d4;cursor:pointer}
.tw .wk-ok{color:#4ade80;font-weight:700}.tw .wk-dt{min-width:0}.tw .wk-rs{display:block;color:#fbbf24;font-size:11px}
.tw .wk-none{font-size:12.5px;color:#a1a1a1;padding:4px 2px}.tw .wk-none small{display:block;color:#737373;font-size:11.5px;margin-top:2px}
.tw .wk-m{font-size:11px;color:#8a8a8a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tw .wk-md{font-weight:600;color:#cbd5e1}.tw .wk-md-opus{color:#f0abfc}.tw .wk-md-fable{color:#fbbf24}.tw .wk-md-sonnet{color:#7dd3fc}.tw .wk-md-haiku{color:#86efac}
.tw .wk-sum{font-size:11.5px;color:#a1a1a1;padding:0 2px 2px}.tw .wk-sum b{color:#e5e5e5}