/* Work board: the same work can be inspected by owner, goal and time. */
.wb { --wb-ink:#252820; --wb-muted:#71736b; --wb-line:#dedfd7; --wb-paper:#faf9f5; --wb-olive:#4c6241; --wb-copper:#985d3e; color:var(--text,var(--wb-ink)); }
.wb button,.wb input,.wb select,.wb textarea { font:inherit; }
.wb button { cursor:pointer; }
.wb-header,.wb-title-row,.wb-toolbar,.wb-detail-header,.wb-card-meta,.wb-inline,.wb-rule-heading { display:flex;align-items:center;justify-content:space-between;gap:12px; }
.wb-header { margin-bottom:24px;align-items:flex-start; }
.wb h2,.wb h3,.wb h4,.wb p { margin:0; }
.wb h2 { font-size:30px;letter-spacing:-1px;line-height:1.2; }
.wb h3 { font-size:19px;letter-spacing:-.35px; }
.wb h4 { font-size:15px;line-height:1.35; }
.wb-kicker { color:var(--wb-copper);text-transform:uppercase;font-size:10px;letter-spacing:1.6px;font-weight:700;margin-bottom:8px!important; }
.wb-subtitle,.wb-muted,.wb small { color:var(--muted,var(--wb-muted));font-size:12px;line-height:1.5; }
.wb-subtitle { margin-top:8px!important; }
.wb .wb-button,.wb-form .wb-button { min-height:34px;padding:7px 12px;border:1px solid var(--wb-line,#dedfd7);border-radius:7px;background:transparent;color:inherit;white-space:normal;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12px;text-decoration:none;line-height:1.35; }
.wb .wb-button:hover,.wb-form .wb-button:hover { background:#eef0e9; }
.wb .wb-button.primary,.wb-form .wb-button.primary { background:var(--wb-olive,#4c6241);border-color:var(--wb-olive,#4c6241);color:#fff; }
.wb .wb-button.copper { background:var(--wb-copper);border-color:var(--wb-copper);color:white; }
.wb .wb-button:disabled,.wb-form .wb-button:disabled { opacity:.5;cursor:not-allowed; }
.wb button:focus-visible,.wb input:focus-visible,.wb select:focus-visible,.wb textarea:focus-visible { outline:2px solid var(--wb-olive);outline-offset:3px; }
.wb-tools { display:flex;flex-wrap:wrap;gap:7px;align-items:center; }
.wb-layout { display:grid;grid-template-columns:205px minmax(0,1fr);border-top:1px solid var(--wb-line);min-height:600px; }
.wb-lineage { border-right:1px solid var(--wb-line);padding:22px 14px 24px 0;min-width:0; }
.wb-lineage>summary { list-style:none;font-size:12px;font-weight:650;margin-bottom:17px; }
.wb-agent-row { display:flex;align-items:flex-start;gap:5px;padding:5px 2px;margin:3px 0;min-width:0; }
.wb-agent-select { flex:1;min-width:0;text-align:left;border:0;background:none;padding:7px 4px;border-radius:6px;color:inherit; }
.wb-agent-row.selected { background:#e7ebdf;border-radius:7px; }
.wb-agent-name { display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600; }
.wb-agent-select small { display:block;padding:4px 0 0 17px; }
.wb-agent-dot { width:8px;height:8px;border-radius:50%;background:#839266;flex:none; }
.wb-tree-toggle { width:18px;border:0;background:none;padding:8px 0;color:var(--wb-muted);font-size:12px; }
.wb-tree-spacer { width:18px;flex:none; }
.wb-agent-children { margin-left:13px;padding-left:4px;border-left:1px solid var(--wb-line); }
.wb-scope-links { margin-top:23px;padding-top:18px;border-top:1px solid var(--wb-line);display:grid;gap:9px; }
.wb-scope-links a,.wb-scope-links button { text-align:left;justify-content:start!important; }
.wb-main { min-width:0;padding:22px 0 0 23px; }
.wb-title-row { align-items:flex-start;flex-wrap:wrap; }
.wb-title-row h3 { font-size:23px; }
.wb-runtime { background:#f0f0eb;border:1px solid var(--wb-line);border-radius:9px;padding:8px 12px;max-width:260px;font-size:12px; }
.wb-runtime small { display:block;margin-top:4px; }
.wb-filters { margin-top:18px;display:flex;flex-wrap:wrap;gap:7px;align-items:center; }
.wb-filter-chip { padding:7px 11px;border:1px solid var(--wb-line);background:transparent;border-radius:20px;font-size:11px;color:inherit;max-width:100%;overflow-wrap:anywhere; }
.wb-filter-chip.active { border-color:#94a282;background:#e8eddf; }
.wb-search { min-width:130px;max-width:240px;margin-left:auto!important;padding:7px 10px!important;font-size:12px!important; }
.wb-tabs { display:flex;gap:23px;border-bottom:1px solid var(--wb-line);margin-top:18px;overflow:auto; }
.wb-tab { border:0;border-bottom:3px solid transparent;background:none;padding:12px 1px;color:var(--wb-muted);white-space:nowrap;font-size:12px; }
.wb-tab.active { border-color:var(--wb-olive);font-weight:650;color:var(--wb-ink); }
.wb-banner { border:1px solid #dfe5d5;background:#eff2e9;border-radius:6px;padding:12px 14px;font-size:12px;line-height:1.55;margin:17px 0!important; }
.wb-banner.warning { background:#fbf1e2;border-color:#ebdbbb; }
.wb-banner.demo { background:#f0ede6;border-color:#e2ddd0; }
.wb-content { display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:22px; }
.wb-content.no-detail { grid-template-columns:minmax(0,1fr); }
.wb-lanes { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px; }
.wb-lane { min-width:0; }
.wb-lane+.wb-lane { border-left:1px solid var(--wb-line);padding-left:13px; }
.wb-lane-title { margin:4px 0 15px; }
.wb-lane-title h4 { font-size:15px; }
.wb-lane-title small { display:block;margin-top:4px; }
.wb-card { margin-bottom:11px;padding:13px 12px;border:1px solid var(--wb-line);border-radius:8px;background:#fffefa;overflow-wrap:anywhere; }
.wb-card.selected { border-color:var(--wb-olive);box-shadow:0 0 0 1px var(--wb-olive); }
.wb-card-meta { align-items:flex-start;color:var(--wb-muted);font-size:10px;line-height:1.4;margin-bottom:10px; }
.wb-card-meta>span:first-child:before { content:'\2022';color:var(--wb-copper);margin-right:5px; }
.wb-card-title { border:0;background:none;padding:0;text-align:left;color:var(--wb-ink);font-size:14px;font-weight:650;line-height:1.4; }
.wb-card-title:after { content:'';position:absolute; }
.wb-statuses { display:flex;gap:5px;flex-wrap:wrap;margin:10px 0; }
.wb-status { display:inline-flex;padding:4px 8px;border-radius:18px;line-height:1.35;font-size:10px;color:#53564e;background:#eceee7; }
.wb-status.review { background:#fff0d2;color:#86520e; }
.wb-status.confirmed { background:#eaf1e4;color:#446538; }
.wb-status.working { background:#e7edf6;color:#345c8e; }
.wb-status.blocked,.wb-status.overdue { background:#f5e7e1;color:#8e4834; }
.wb-card-footer { display:flex;flex-wrap:wrap;gap:6px;color:var(--wb-muted);font-size:10px;line-height:1.5;margin-top:9px; }
.wb-card-next { font-size:11px;color:var(--wb-muted);line-height:1.5;margin-top:10px!important; }
.wb-empty { padding:21px 12px;border:1px dashed var(--wb-line);border-radius:7px;font-size:12px;color:var(--wb-muted);line-height:1.6; }
.wb-detail { border-left:1px solid var(--wb-line);padding-left:21px;min-width:0; }
.wb-detail-header { align-items:flex-start;margin-bottom:8px; }
.wb-detail h3 { font-size:19px;line-height:1.35; }
.wb-detail-section { margin-top:20px;padding-top:19px;border-top:1px solid var(--wb-line); }
.wb-detail-section>h4 { margin-bottom:10px; }
.wb-detail-section p { margin-bottom:10px;line-height:1.6;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere; }
.wb-detail details { margin:14px 0;font-size:12px; }
.wb-detail summary { cursor:pointer;font-weight:600;padding:5px 0; }
.wb-detail details>div { padding-top:10px; }
.wb-facts { display:grid;grid-template-columns:85px minmax(0,1fr);gap:9px 10px;margin:12px 0;font-size:11px;line-height:1.6; }
.wb-facts dt { color:var(--wb-muted); }
.wb-facts dd { margin:0;overflow-wrap:anywhere; }
.wb-next-action { padding:12px;background:#f4f3ed;border:1px solid var(--wb-line);border-radius:7px; }
.wb-next-action p { margin-top:7px;font-size:11px; }
.wb-evidence { margin:7px 0;padding-left:18px;font-size:11px;line-height:1.8;overflow-wrap:anywhere; }
.wb-evidence a { color:var(--wb-copper); }
.wb-list,.wb-history { list-style:none;margin:0;padding:0; }
.wb-list>li,.wb-history>li { padding:14px 0;border-bottom:1px solid var(--wb-line);font-size:12px;line-height:1.6;overflow-wrap:anywhere; }
.wb-list>li:first-child,.wb-history>li:first-child { padding-top:0; }
.wb-list p,.wb-history p { margin-top:5px; }
.wb-omitted { margin:13px 0!important;font-size:11px;color:var(--wb-muted); }
.wb-table-wrap { overflow:auto; }
.wb-table { width:100%;border-collapse:collapse;font-size:12px; }
.wb-table th,.wb-table td { padding:12px 9px;text-align:left;border-bottom:1px solid var(--wb-line);vertical-align:top; }
.wb-table th { font-weight:600;color:var(--wb-muted);font-size:10px; }
.wb-table small { display:block;margin-top:5px; }
.wb-form { --wb-line:#dedfd7; --wb-olive:#4c6241;max-width:100%; }
.wb-form p { font-size:12px;line-height:1.6; }
.wb-form label { display:grid;gap:6px;font-size:12px;min-width:0; }
.wb-form input,.wb-form select,.wb-form textarea { min-width:0;max-width:100%;box-sizing:border-box;font:inherit; }
.wb-form textarea { resize:vertical; }
.wb-form-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px; }
.wb-form-grid .wide { grid-column:1/-1; }
.wb-check { display:flex!important;align-items:start;gap:9px!important;margin:9px 0;line-height:1.55; }
.wb-check input { flex:none;width:auto!important;margin-top:3px; }
.wb-rule { margin:15px 0;padding:15px;border:1px solid var(--wb-line);border-radius:8px; }
.wb-rule-heading { align-items:flex-start;margin-bottom:12px; }
.wb-rule-heading legend { padding:0;font-size:13px;font-weight:650; }
.wb-rule-preview { border-left:3px solid #9ba987;padding:10px 13px;background:#f2f4ed;white-space:pre-wrap; }
.wb-recipient-options { display:flex;flex-wrap:wrap;gap:7px 18px; }
.wb-recovery { margin-bottom:18px!important; }
@media(min-width:1600px) { .wb-content { grid-template-columns:minmax(0,1fr) 340px;gap:27px; }.wb-layout { grid-template-columns:220px minmax(0,1fr); }.wb-lanes { gap:18px; }.wb-lane+.wb-lane { padding-left:18px; }.wb-card { padding:17px; } }
@media(max-width:1100px) { .wb-content { grid-template-columns:minmax(0,1fr); }.wb-detail { border-left:0;border-top:1px solid var(--wb-line);padding:23px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 25px; }.wb-detail-header,.wb-detail>.wb-subtitle,.wb-detail>.wb-statuses,.wb-detail>.wb-tools { grid-column:1/-1; }.wb-detail-section { align-self:start; } }
@media(max-width:900px) { .wb-layout { grid-template-columns:160px minmax(0,1fr); }.wb-main { padding-left:17px; }.wb-lanes { gap:8px; }.wb-lane+.wb-lane { padding-left:8px; }.wb-card { padding:11px 9px; }.wb-title-row h3 { font-size:20px; }.wb-search { max-width:none;width:100%;margin-top:8px; }.wb-header { flex-wrap:wrap; } }
@media(max-width:700px) { .wb h2 { font-size:26px; }.wb-layout { grid-template-columns:minmax(0,1fr); }.wb-lineage { border-right:0;border-bottom:1px solid var(--wb-line);padding:14px 0; }.wb-lineage>summary { margin:0;cursor:pointer;list-style:revert; }.wb-lineage[open]>summary { margin-bottom:15px; }.wb-main { padding:19px 0 0; }.wb-scope-links { display:flex;flex-wrap:wrap; }.wb-lanes { grid-template-columns:minmax(0,1fr);gap:20px; }.wb-lane+.wb-lane { border-left:0;padding-left:0; }.wb-lane-title { display:flex;justify-content:space-between;align-items:baseline; }.wb-lane-title small { margin:0; }.wb-detail { display:block; }.wb-title-row { gap:12px; }.wb-runtime { width:100%;max-width:none; }.wb-tabs { gap:19px; }.wb-form-grid { grid-template-columns:minmax(0,1fr); }.wb-toolbar { flex-wrap:wrap; }.wb-table { min-width:540px; } }

.wb-provenance {margin-top:12px;font-size:12px}.wb-provenance summary{cursor:pointer;color:var(--wb-muted)}

.wb {overflow-anchor:none}
.wb-detail-actions {margin:7px 0 2px;position:sticky;top:12px;z-index:1;background:var(--wb-paper);padding:7px 0}
.wb-next-action details {margin:4px 0 0;font-size:11px}
.wb-next-action details p {font-size:11px;margin-bottom:0}
@media(min-width:1101px) and (max-width:1350px) {.wb-layout{grid-template-columns:150px minmax(0,1fr)}.wb-main{padding-left:16px}.wb-content{grid-template-columns:minmax(0,1fr) 260px;gap:16px}.wb-detail{padding-left:16px}.wb-lanes{gap:8px}.wb-lane+.wb-lane{padding-left:8px}.wb-card{padding:11px 9px}.wb-card-meta{flex-wrap:wrap}.wb-card-title{font-size:13px}.wb-facts{grid-template-columns:74px minmax(0,1fr);gap:7px}.wb-runtime{padding:7px 10px}}
@media(max-width:1100px) {.wb-content>.wb-detail{grid-row:1;border:1px solid var(--wb-line);border-radius:9px;padding:17px;scroll-margin-top:80px;background:var(--wb-paper)}.wb-content>.wb-detail+.wb-detail{grid-row:auto}.wb-content:not(.no-detail)>div:first-child{grid-row:2}.wb-detail-actions{grid-column:1/-1;position:static}.wb-detail-section{margin-top:14px;padding-top:14px}}
