.task-tabs{height:55px;margin:3px 0 10px;padding:6px 8px 6px 14px;display:flex;align-items:center;gap:10px;min-width:0;border:1px solid #d8dff0;border-radius:12px;background:#f8f9ff;color:#35415b;box-shadow:0 3px 12px rgba(44,56,100,.04)}
.task-tabs[hidden]{display:none}
.task-tabs-heading{flex:none;font-size:11px;font-weight:750;letter-spacing:.04em;color:#697690}
.task-tabs-list{display:flex;align-items:center;gap:5px;min-width:0;flex:1;overflow-x:auto;scrollbar-width:thin}
.task-tab{display:flex;align-items:center;flex:0 0 158px;min-width:106px;max-width:172px;height:40px;border:1px solid #dce3ef;border-radius:8px;background:#fff}
.task-tab.active{border-color:#7057e6;background:#f0edff;box-shadow:inset 0 -2px #7057e6}
.task-tab-open{display:flex;align-items:center;gap:7px;min-width:0;flex:1;height:100%;padding:0 6px 0 9px;border:0;background:transparent;text-align:left;color:inherit}
.task-tab-dot{width:8px;height:8px;flex:none;border-radius:50%;background:#d28065}
.task-tab-dot.running{background:#7357e8;box-shadow:0 0 0 3px #ece7ff}
.task-tab-dot.done{background:#18a476}
.task-tab-copy{min-width:0;line-height:1.15}
.task-tab-copy strong,.task-tab-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.task-tab-copy strong{font-size:11px;font-weight:750}
.task-tab-copy small{margin-top:3px;font-size:10px;color:#718096}
.task-tabs-more,.task-tabs-new{height:32px;flex:none;padding:0 10px;border-radius:7px;font-size:11px;font-weight:700}
.task-tabs-more{border:1px solid #d9dff0;background:#fff;color:#65718a}
.task-tabs-new{border:1px solid #7057e6;background:#7057e6;color:#fff}
.task-tabs button:focus-visible{outline:3px solid #b6a9ff;outline-offset:1px}
.breadcrumb .task-tabs{height:100%;flex:1 1 0;margin:0 0 0 8px;padding:0;gap:6px;border:0;border-radius:0;background:transparent;box-shadow:none}
.breadcrumb .task-tabs-heading{display:none}
.breadcrumb .task-tabs-list{height:100%}
.breadcrumb .task-tab{height:30px;flex-basis:148px;min-width:110px}
.breadcrumb .task-tab-copy small{margin-top:1px}
.breadcrumb .task-tabs-more,.breadcrumb .task-tabs-new{height:28px}
@media(max-width:850px){.task-tabs{padding-left:8px;gap:6px}.task-tabs-heading{display:none}.task-tab{min-width:112px;flex-basis:138px}.task-tabs-more{padding:0 6px}}
@media(max-width:600px){.breadcrumb:has(>.task-tabs:not([hidden]))>:not(.task-tabs){display:none}.breadcrumb .task-tabs{margin-left:0}.breadcrumb .task-tab{height:26px}.breadcrumb .task-tabs-new{height:26px}}
@media(prefers-reduced-motion:reduce){.task-tabs *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.task-tabs-flight{position:fixed;z-index:11000;width:24px;height:24px;border-radius:50%;background:#7057e6;color:#fff;display:grid;place-items:center;box-shadow:0 2px 8px #7057e644;pointer-events:none}
.task-tabs-notice{position:fixed;z-index:11000;top:78px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);padding:10px 16px;border:1px solid #d8dff0;border-radius:8px;background:#fff;color:#35415b;font:13px/1.5 system-ui,sans-serif;box-shadow:0 4px 18px #35415b1a;pointer-events:none}
.task-tabs-notice[hidden]{display:none}
/* Approved single-line task rail; tool panel dimensions remain unchanged. */
.breadcrumb:has(.task-tabs:not([hidden])){height:62px;min-height:62px;gap:16px;align-items:center}
.breadcrumb .task-tabs,.task-tabs{height:54px;margin:0;padding:4px 0;gap:10px;border:0;box-shadow:none;background:transparent;font-family:inherit}
.task-tabs-list,.breadcrumb .task-tabs-list{height:54px;gap:8px;align-items:center;scrollbar-width:thin;scrollbar-color:#a5bcb1 transparent;padding:0 3px}
.task-tab,.breadcrumb .task-tab{height:46px;min-width:176px;max-width:260px;flex:0 0 auto;border:1px solid #cbd9d2;border-radius:8px;background:#fff;box-sizing:border-box;transition:background-color .16s,border-color .16s}
.task-tab.active{background:#eaf5ef;border-color:#187457;box-shadow:inset 0 -2px #187457}
.task-tab:hover{background:#f0f7f3;border-color:#77a891}
.task-tab-open{padding:5px 12px;gap:10px;cursor:pointer;font-family:inherit}
.task-tab-copy{display:flex;align-items:center;gap:12px;line-height:1.25;min-width:0}
.task-tab-copy strong{font-size:14px;font-weight:700;color:#173f34}
.task-tab-copy small,.breadcrumb .task-tab-copy small{flex:none;font-size:13px;line-height:1.25;font-weight:400;margin-top:0;color:#496257}
.task-tab:has(.running) .task-tab-copy small{color:#365b99}
.task-tab:has(.attention) .task-tab-copy small{color:#a1482c}
.task-tab-dot{width:8px;height:8px;background:#bf6646}
.task-tab-dot.running{background:#4a71bb;box-shadow:0 0 0 3px #e8eef8}
.task-tab:has(.done){background:#146b52;border-color:#146b52}
.task-tab:has(.done):hover{background:#105a45;border-color:#105a45}
.task-tab:has(.done) .task-tab-copy :is(strong,small){color:#fff}
.task-tab:has(.done) .task-tab-dot{background:#fff;box-shadow:none}
.task-tab:has(.done).active{box-shadow:inset 0 0 0 2px #fff;outline:2px solid #146b52;outline-offset:1px}
.task-tab:has(.running){position:relative;isolation:isolate;border-color:#b8d2df}
.task-tab:has(.running).active{background:#ecf5fa;box-shadow:inset 0 0 0 1px #416d96}
.task-tab-silk{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);overflow:visible;pointer-events:none}
.task-tab-silk rect{fill:none;vector-effect:non-scaling-stroke;stroke:var(--task-silk-color);stroke-width:3.2px;stroke-dasharray:100 400;stroke-dashoffset:var(--task-silk-phase);animation:task-tab-silk 14s linear infinite;animation-play-state:paused}
.task-tab-silk-core{filter:blur(.7px)}
.task-tab-silk-halo{filter:blur(2px);opacity:.55}
.task-tab-silk-halo rect{stroke-width:4.8px}
.task-tab.is-marquee-live .task-tab-silk rect{animation-play-state:running}
@keyframes task-tab-silk{to{stroke-dashoffset:calc(var(--task-silk-phase) - 500px)}}
.task-tabs-more,.task-tabs-new,.breadcrumb .task-tabs-more,.breadcrumb .task-tabs-new{height:44px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.3;padding:0 14px;border-radius:8px;cursor:pointer}
.task-tabs-more{border-color:#bfd0c6;color:#285342;background:#fff}
.task-tabs-new{border-color:#146b52;background:#146b52;color:#fff}
.task-tabs button:focus-visible{outline:3px solid #187457;outline-offset:2px}
.task-tabs-notice{font-size:14px;color:#285342;border-color:#bfd0c6}
@media(max-width:800px){.task-tabs-more,.task-tabs-new{padding:0 10px}.task-tab,.breadcrumb .task-tab{min-width:174px}.breadcrumb .task-tabs{margin-left:0}}
@media(prefers-reduced-motion:reduce){.task-tab-silk rect{animation:none!important}}