.ff946-shell { display:grid; gap:1.25rem; color:#123f51; }
.ff946-hero { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; padding:1.4rem 1.5rem; border:1px solid #c7dde5; border-radius:1.4rem; background:linear-gradient(135deg,#f8fcfb 0%,#eef7f7 58%,#fff8ed 100%); box-shadow:0 18px 40px rgba(16,64,81,.08); }
.ff946-hero h1,.ff946-section-head h2,.ff946-system h2 { margin:.15rem 0; color:#103f56; }
.ff946-hero p { max-width:48rem; margin:.35rem 0 0; color:#557688; }
.ff946-hero-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:.55rem; }
.ff946-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.8rem; }
.ff946-metrics article { padding:1rem 1.1rem; border:1px solid #cfe0e6; border-radius:1.1rem; background:#fffdf8; }
.ff946-metrics small,.ff946-section-head small { color:#668594; font-size:.72rem; font-weight:800; letter-spacing:.12em; }
.ff946-metrics strong { display:block; margin:.15rem 0; color:#0e506d; font-size:1.75rem; }
.ff946-metrics span { color:#6d8792; font-size:.78rem; }
.ff946-workspace { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(20rem,.8fr); gap:1rem; align-items:start; }
.ff946-main-column,.ff946-side-column,.ff946-pipeline-section,.ff946-system { padding:1.1rem; border:1px solid #cbdfe6; border-radius:1.25rem; background:rgba(255,255,255,.78); box-shadow:0 14px 34px rgba(21,72,91,.06); }
.ff946-side-column { position:sticky; top:1rem; }
.ff946-section-head { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:.85rem; }
.ff946-section-head > span { padding:.35rem .6rem; border-radius:2rem; background:#e7f2f5; color:#34657a; font-size:.78rem; font-weight:800; }
.ff946-round,.ff946-icon-action { display:grid; place-items:center; width:2.2rem; height:2.2rem; border:1px solid #bdd4de; border-radius:50%; background:#f7fbfc; color:#18526b; font-size:1.15rem; cursor:pointer; }
.ff946-task-list,.ff946-agent-list { display:grid; gap:.75rem; }
.ff946-task-card { padding:1rem; border:1px solid #cfdee4; border-left:4px solid #5f8899; border-radius:1rem; background:#fff; }
.ff946-task-card.is-working,.ff946-task-card.is-queued { border-left-color:#c48c37; }
.ff946-task-card.is-review { border-left-color:#2f9360; }
.ff946-task-card.is-failed { border-left-color:#c25946; }
.ff946-task-card > header { display:grid; grid-template-columns:auto 1fr auto; gap:.75rem; align-items:center; }
.ff946-task-icon { display:grid; place-items:center; width:2.65rem; height:2.65rem; border-radius:.8rem; background:#edf6f7; font-size:1.25rem; }
.ff946-task-card h3,.ff946-agent-card h3 { margin:.1rem 0 0; color:#123f51; }
.ff946-task-card header small,.ff946-agent-card header small { color:#6b8692; }
.ff946-task-card > p { margin:.75rem 0; color:#496a79; line-height:1.55; white-space:pre-line; }
.ff946-task-status,.ff946-state { padding:.35rem .6rem; border-radius:2rem; background:#edf4f6; color:#37697c; font-size:.75rem; font-weight:800; white-space:nowrap; }
.ff946-task-card.is-review .ff946-task-status { background:#e2f5e9; color:#236b45; }
.ff946-assignees,.ff946-tags { display:flex; flex-wrap:wrap; gap:.4rem; }
.ff946-assignees span,.ff946-tags span { padding:.3rem .5rem; border-radius:.65rem; background:color-mix(in srgb,var(--agent-color,#176b55) 10%,white); color:#355e6c; font-size:.75rem; font-weight:700; }
.ff946-assignees .is-empty { color:#82949c; background:#f3f6f7; }
.ff946-task-card > footer,.ff946-agent-card > footer { display:flex; align-items:center; justify-content:space-between; gap:.8rem; margin-top:.85rem; padding-top:.75rem; border-top:1px solid #e4ecef; }
.ff946-task-card footer > div,.ff946-agent-card footer > div { display:flex; flex-wrap:wrap; gap:.4rem; }
.ff946-task-card footer small { color:#82939b; }
.ff946-results { display:grid; gap:.55rem; margin-top:.75rem; }
.ff946-results article { padding:.75rem; border-radius:.8rem; background:#f4f9f8; }
.ff946-results article header { display:flex; justify-content:space-between; gap:.75rem; }
.ff946-results article p { white-space:pre-line; line-height:1.55; }
.ff946-results aside,.ff946-error { display:block; margin-top:.55rem; padding:.55rem .65rem; border-radius:.65rem; background:#fff3d7; color:#805d20; font-size:.8rem; }
.ff946-results .is-error,.ff946-error { background:#fff0ed; color:#934332; }
.ff946-agent-card { padding:.9rem; border:1px solid #d2e1e6; border-top:3px solid var(--agent-color); border-radius:1rem; background:#fff; }
.ff946-agent-card > header { display:grid; grid-template-columns:auto 1fr auto; gap:.65rem; align-items:center; }
.ff946-agent-avatar { display:grid; place-items:center; width:2.7rem; height:2.7rem; border-radius:.85rem; background:color-mix(in srgb,var(--agent-color) 13%,white); font-size:1.3rem; }
.ff946-agent-card > p { margin:.65rem 0; color:#587582; font-size:.84rem; line-height:1.45; }
.ff946-agent-card dl { display:grid; grid-template-columns:repeat(3,1fr); gap:.4rem; margin:.7rem 0 0; }
.ff946-agent-card dl div { padding:.5rem; border-radius:.7rem; background:#f4f8f9; }
.ff946-agent-card dt { color:#78909a; font-size:.68rem; }
.ff946-agent-card dd { margin:.15rem 0 0; overflow:hidden; color:#275264; font-size:.75rem; font-weight:800; text-overflow:ellipsis; white-space:nowrap; }
.ff946-dot { display:inline-block; width:.65rem; height:.65rem; border-radius:50%; background:#aab9bf; box-shadow:0 0 0 .25rem rgba(170,185,191,.13); }
.ff946-dot.is-online { background:#43a96a; box-shadow:0 0 0 .25rem rgba(67,169,106,.14); }
.ff946-state.is-paused { background:#f1eee8; color:#7d6b4e; }
.ff946-pipeline-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.7rem; }
.ff946-pipeline-card { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:.7rem; width:100%; padding:.9rem; border:1px solid #cfdee4; border-radius:1rem; background:#fff; color:#17485d; text-align:left; cursor:pointer; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.ff946-pipeline-card:hover { transform:translateY(-2px); border-color:#7eabbc; box-shadow:0 10px 22px rgba(24,80,102,.1); }
.ff946-pipeline-card > span { font-size:1.35rem; }
.ff946-pipeline-card strong,.ff946-pipeline-card small { display:block; }
.ff946-pipeline-card small { margin-top:.2rem; color:#6a8793; line-height:1.35; }
.ff946-pipeline-card b { font-size:1.2rem; }
.ff946-system { display:grid; grid-template-columns:1fr 1.2fr; gap:1rem; align-items:center; background:linear-gradient(135deg,#eef8f2,#f7fbfc); }
.ff946-system p { color:#557381; line-height:1.5; }
.ff946-adapters { display:grid; grid-template-columns:repeat(2,1fr); gap:.55rem; }
.ff946-adapter { display:flex; align-items:center; gap:.65rem; padding:.7rem; border:1px solid #cfe0dc; border-radius:.85rem; background:rgba(255,255,255,.8); }
.ff946-adapter strong,.ff946-adapter small { display:block; }
.ff946-adapter small { margin-top:.15rem; color:#6e868f; }
.ff946-empty { display:grid; justify-items:center; gap:.35rem; padding:2rem; border:1px dashed #bdd4dc; border-radius:1rem; background:#f9fcfc; text-align:center; }
.ff946-empty.is-compact { padding:1.2rem; }
.ff946-empty > span { font-size:1.7rem; }
.ff946-empty h3,.ff946-empty p { margin:.1rem; }
.ff946-empty p { color:#6a8490; }
.ff946-completed { margin-top:1rem; }
.ff946-completed summary { cursor:pointer; color:#416a7b; font-weight:800; }
.ff946-completed > div { display:grid; gap:.65rem; margin-top:.7rem; }
.ff946-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; }
.ff946-form label,.ff946-form fieldset { display:grid; gap:.35rem; color:#345969; font-weight:750; }
.ff946-form input,.ff946-form select,.ff946-form textarea { width:100%; }
.ff946-form .span-2 { grid-column:1 / -1; }
.ff946-form fieldset { padding:.8rem; border:1px solid #cbdde4; border-radius:.9rem; }
.ff946-agent-choices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.45rem; }
.ff946-agent-choice { display:grid!important; grid-template-columns:auto auto 1fr; align-items:center; gap:.5rem!important; padding:.55rem; border:1px solid #d7e4e8; border-radius:.75rem; background:#f9fbfc; }
.ff946-agent-choice > span { display:grid; place-items:center; width:2rem; height:2rem; border-radius:.6rem; background:color-mix(in srgb,var(--agent-color) 12%,white); }
.ff946-agent-choice strong,.ff946-agent-choice small { display:block; }
.ff946-agent-choice small { color:#78909a; }
.ff946-auto-choice { display:flex!important; align-items:center; gap:.45rem!important; margin-top:.55rem; font-size:.82rem; }
.ff946-auto-choice input { width:auto; }
@media (max-width:1100px) { .ff946-workspace { grid-template-columns:1fr; } .ff946-side-column { position:static; } .ff946-agent-list { grid-template-columns:repeat(2,minmax(0,1fr)); } .ff946-pipeline-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:760px) { .ff946-hero,.ff946-system { grid-template-columns:1fr; display:grid; padding:1rem; } .ff946-hero-actions { justify-content:stretch; } .ff946-hero-actions .btn { flex:1 1 44%; } .ff946-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } .ff946-agent-list,.ff946-pipeline-grid,.ff946-adapters,.ff946-agent-choices { grid-template-columns:1fr; } .ff946-task-card > header { grid-template-columns:auto 1fr; } .ff946-task-status { grid-column:1 / -1; justify-self:start; } .ff946-task-card > footer,.ff946-agent-card > footer { align-items:flex-start; flex-direction:column; } .ff946-form { grid-template-columns:1fr; } .ff946-form .span-2 { grid-column:auto; } }