:root{
  --bg:#0b0f14;--card:#111823;--line:#1f2a36;--text:#eaeaea;--muted:#9bb0c5;
  --btn:#ffffff;--btnText:#0b0f14;--pill:#0d131c;--accent:#3b82f6;
}
*{box-sizing:border-box}
body{margin:0;font-family:'Inter',system-ui,-apple-system,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px}

/* --- Header --- */
header{display:flex;align-items:center;gap:12px;padding:11px 20px;border-bottom:1px solid var(--line);background:#080b10}
header b{font-size:15px;letter-spacing:.3px}
.muted{color:var(--muted);font-size:12px}

/* --- Controls bar --- */
.controls{display:flex;align-items:center;gap:10px;padding:10px 20px;border-bottom:1px solid var(--line);background:var(--card);flex-wrap:wrap}

/* --- Shared UI --- */
button{cursor:pointer;border-radius:8px;padding:7px 12px;border:1px solid var(--line);background:transparent;color:var(--text);font-size:12px;white-space:nowrap}
button:hover{background:rgba(255,255,255,.05)}
button.primary{background:var(--btn);color:var(--btnText);border-color:var(--btn);font-weight:700}
button.primary:hover{opacity:.9}
input,select{padding:7px 10px;border-radius:8px;border:1px solid var(--line);background:var(--pill);color:var(--text);font-size:12px}
select{min-width:160px}
.pill{background:var(--pill);border:1px solid var(--line);padding:4px 10px;border-radius:999px;font-size:11px;color:var(--muted)}
.item{border:1px solid var(--line);border-radius:8px;padding:8px;background:var(--pill);margin-bottom:6px;font-size:12px}

/* --- Pipeline --- */
.pipeline{display:flex;align-items:flex-start;padding:16px 20px;overflow-x:auto;gap:0}
.pipe-arrow{display:flex;align-items:center;justify-content:center;padding:0 2px;color:var(--muted);opacity:.45;padding-top:44px;flex-shrink:0}
.pipe-arrow svg{width:22px;height:22px}
.pipe-col{flex:1;min-width:155px;max-width:300px;background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:visible}
.pipe-header{padding:10px 12px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.02);overflow:visible}
.pipe-title{font-weight:700;font-size:12px;margin-bottom:1px}
.pipe-badge{display:inline-block;padding:2px 8px;border-radius:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;margin-top:5px}
.pipe-badge[data-stage="observe"]{background:rgba(107,114,128,.25);color:#9ca3af}
.pipe-badge[data-stage="propose"]{background:rgba(59,130,246,.2);color:#60a5fa}
.pipe-badge[data-stage="guarded_auto"]{background:rgba(245,158,11,.2);color:#fbbf24}
.pipe-badge[data-stage="conditional_auto"]{background:rgba(249,115,22,.2);color:#fb923c}
.pipe-badge[data-stage="full_auto"]{background:rgba(34,197,94,.2);color:#4ade80}
.pipe-badge[data-stage="-"]{background:rgba(107,114,128,.12);color:#6b7280}
.pipe-trust{height:3px;background:rgba(255,255,255,.06);border-radius:2px;margin-top:6px;overflow:hidden}
.pipe-trust-fill{height:100%;border-radius:2px;transition:width .4s ease}
.pipe-body{padding:8px;max-height:260px;overflow-y:auto}
.pipe-body:empty::after{content:'Empty';color:var(--muted);font-size:11px;display:block;text-align:center;padding:18px 0;opacity:.6}
.pipe-card{border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:var(--pill);margin-bottom:5px;cursor:pointer;transition:border-color .15s,background .15s}
.pipe-card:hover{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.03)}
.pipe-card.active{border-color:var(--accent);background:rgba(59,130,246,.08)}
.pipe-card-name{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pipe-card-ins{font-size:10px;color:var(--muted);margin-top:2px}

/* --- Detail panel --- */
.detail{padding:0 20px 20px;display:none}
.detail.open{display:block}
.detail-bar{display:flex;align-items:center;gap:10px;padding:12px 0;flex-wrap:wrap}
.detail-title{font-weight:700;font-size:14px}
.detail-pills{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}
.detail-actions{display:flex;gap:6px;margin-left:auto;flex-wrap:wrap;align-items:center}
.auth-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:8px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:6px 0 10px}
.auth-row label{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted);cursor:pointer}
.auth-row input[type=checkbox]{accent-color:var(--accent)}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.detail-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px}
.detail-card b{font-size:12px;display:block;margin-bottom:8px}
pre{white-space:pre-wrap;word-break:break-word;background:#080a0e;border-radius:10px;padding:12px;border:1px solid var(--line);color:#a3e635;font-size:11px;margin-top:8px;max-height:260px;overflow:auto}

/* --- ML Intelligence Strip --- */
.ml-strip{padding:12px 20px;border-bottom:1px solid var(--line);background:rgba(8,11,16,.9)}
.ml-strip-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.ml-strip-title{font-weight:700;font-size:12px;color:#60a5fa;text-transform:uppercase;letter-spacing:.5px}
.ml-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1.5fr;gap:10px}
.ml-card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 12px;position:relative}
.ml-card-label{font-size:10px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.4px}
.ml-card-value{font-size:20px;font-weight:700;margin-top:3px;line-height:1.1}
.ml-card-sub{font-size:11px;color:var(--muted);margin-top:4px}
.ml-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;vertical-align:middle}
.ml-dot.off{background:#6b7280}.ml-dot.on{background:#4ade80}.ml-dot.warn{background:#fbbf24}
.roi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:6px}
.roi-stat{text-align:center}
.roi-num{display:block;font-size:18px;font-weight:700;color:#fff;line-height:1.2}
.roi-label{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.3px}

/* --- ML prediction in proposals --- */
.ml-pred{background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.2);border-radius:8px;padding:8px 10px;margin-top:6px;font-size:11px}
.ml-pred-row{display:flex;justify-content:space-between;align-items:center;gap:8px}
.ml-pred-bar{height:4px;background:rgba(255,255,255,.06);border-radius:2px;flex:1;max-width:80px;overflow:hidden}
.ml-pred-fill{height:100%;border-radius:2px}
.ml-factors{color:var(--muted);font-size:10px;margin-top:3px}

/* --- Organizational Intelligence Strip --- */
.org-strip{border-bottom:1px solid var(--line);background:rgba(8,11,16,.85)}
.org-strip-header{display:flex;align-items:center;gap:8px;padding:8px 20px;cursor:pointer;user-select:none}
.org-strip-header:hover{background:rgba(255,255,255,.02)}
.org-strip-title{font-size:11px;font-weight:700;color:#4ade80;text-transform:uppercase;letter-spacing:.5px}
.org-strip-arrow{color:var(--muted);font-size:12px;transition:transform .25s}
.org-strip-arrow.open{transform:rotate(180deg)}
.org-strip-body{max-height:0;overflow:hidden;padding:0 20px;transition:max-height .35s ease,padding .35s ease}
.org-strip-body.open{max-height:320px;padding:0 20px 14px}
.org-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.org-card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.org-card-label{font-size:10px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px}
.org-card-alert{border-color:var(--line)}
.org-card-alert-active{border-color:rgba(248,113,113,.3);background:rgba(248,113,113,.05)}
.org-empty{font-size:11px;padding:8px 0}
.org-trait-row{display:flex;align-items:center;gap:6px;margin-bottom:4px}
.org-trait-label{font-size:10px;color:var(--muted);width:85px;text-align:right;flex-shrink:0}
.org-trait-bar{flex:1;height:6px;background:rgba(255,255,255,.06);border-radius:3px;overflow:hidden}
.org-trait-fill{height:100%;border-radius:3px;transition:width .4s ease}
.org-trait-count{font-size:10px;color:var(--text);width:16px;text-align:right;font-weight:600}
.org-risk-item{display:flex;align-items:center;gap:6px;margin-bottom:4px;font-size:11px;flex-wrap:wrap}
.org-risk-badge{font-size:9px;font-weight:700;padding:1px 6px;border-radius:4px;background:rgba(255,255,255,.08);letter-spacing:.3px;flex-shrink:0}
.org-risk-domain{font-weight:600;color:var(--text)}
.org-risk-detail{font-size:10px;margin-left:auto}
.org-alert-item{display:flex;gap:8px;align-items:flex-start;margin-bottom:6px;font-size:11px;color:#f87171}
.org-alert-icon{font-size:14px;flex-shrink:0}
.org-alert-text{line-height:1.4}

/* --- ATV Trust Integrity Strip --- */
.atv-strip{border-bottom:1px solid var(--line);background:rgba(8,11,16,.85)}
.atv-strip-header{display:flex;align-items:center;gap:8px;padding:8px 20px;cursor:pointer;user-select:none}
.atv-strip-header:hover{background:rgba(255,255,255,.02)}
.atv-strip-title{font-size:11px;font-weight:700;color:#f59e0b;text-transform:uppercase;letter-spacing:.5px}
.atv-strip-arrow{color:var(--muted);font-size:12px;transition:transform .25s}
.atv-strip-arrow.open{transform:rotate(180deg)}
.atv-strip-body{max-height:0;overflow:hidden;padding:0 20px;transition:max-height .35s ease,padding .35s ease}
.atv-strip-body.open{max-height:320px;padding:0 20px 14px}
.atv-btn-check{background:rgba(245,158,11,.15);border-color:rgba(245,158,11,.3);color:#fbbf24}
.atv-btn-promo{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.25);color:#4ade80}
.atv-grid{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:10px}
.atv-card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.atv-card-label{font-size:10px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.4px}
.atv-card-sub{font-size:11px;color:var(--muted);margin-top:6px}
.atv-verdict-badge{font-size:18px;font-weight:700;margin-top:4px;text-transform:capitalize}
.atv-verdict-healthy{color:#4ade80}
.atv-verdict-degraded{color:#fbbf24}
.atv-verdict-inflation_detected{color:#f87171}
.atv-verdict-gaming_detected{color:#f87171}
.atv-verdict-insufficient_data{color:#6b7280}
.atv-probe-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:6px}
.atv-probe{font-size:11px;display:flex;align-items:center;gap:5px;padding:3px 0}
.atv-probe-dot{width:8px;height:8px;border-radius:50%;background:#374151;flex-shrink:0}
.atv-probe-dot.pass{background:#4ade80}
.atv-probe-dot.fail{background:#f87171}
.atv-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:6px}
.atv-metric{text-align:center}
.atv-metric-num{display:block;font-size:16px;font-weight:700;color:#fff;line-height:1.2}
.atv-metric-label{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.3px}

/* --- CDI Causal Insights Strip --- */
.cdi-strip{border-bottom:1px solid var(--line);background:rgba(8,11,16,.85)}
.cdi-strip-header{display:flex;align-items:center;gap:8px;padding:8px 20px;cursor:pointer;user-select:none}
.cdi-strip-header:hover{background:rgba(255,255,255,.02)}
.cdi-strip-title{font-size:11px;font-weight:700;color:#e879f9;text-transform:uppercase;letter-spacing:.5px}
.cdi-strip-arrow{color:var(--muted);font-size:12px;transition:transform .25s}
.cdi-strip-arrow.open{transform:rotate(180deg)}
.cdi-strip-body{max-height:0;overflow:hidden;padding:0 20px;transition:max-height .35s ease,padding .35s ease}
.cdi-strip-body.open{max-height:400px;padding:0 20px 14px}
.cdi-btn-cf{background:rgba(232,121,249,.15);border-color:rgba(232,121,249,.3);color:#e879f9}
.cdi-btn-effect{background:rgba(96,165,250,.12);border-color:rgba(96,165,250,.25);color:#60a5fa}
.cdi-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.cdi-card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.cdi-card-label{font-size:10px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}
.cdi-empty{font-size:11px;padding:8px 0}
.cdi-stat-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:11px}
.cdi-stat-num{font-weight:700;font-size:14px;color:#fff}
.cdi-stat-label{color:var(--muted);font-size:10px}
.cdi-cf-item{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:6px;padding:6px 8px;margin-bottom:4px;font-size:11px}
.cdi-cf-var{font-weight:600;color:#e879f9}
.cdi-cf-effect{font-weight:700}
.cdi-effect-item{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:6px;padding:6px 8px;margin-bottom:4px;font-size:11px}
.cdi-effect-arrow{color:#60a5fa;font-weight:600}

/* --- Governance Console Framing Bar --- */
.context-bar{padding:10px 20px;font-size:11px;color:var(--muted);line-height:1.5;border-bottom:1px solid var(--line);background:rgba(8,11,16,.4);border-left:3px solid #2DB5A0}
.context-bar-line1{font-size:12px;font-weight:700;color:#c8d6e0;margin-bottom:3px}
.context-bar-line2{font-size:11px;color:var(--muted)}
.context-bar-divider{height:1px;background:rgba(255,255,255,.06);margin:6px 0}

/* --- In Production Indicators --- */
.in-prod{font-size:10px;color:#6b7280;font-style:italic;line-height:1.4;margin-top:4px}
.in-prod::before{content:"In production: "}

/* --- Multiplier Dropdown --- */
.ctrl-multiplier{min-width:90px;background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.25);color:#4ade80;font-weight:600}

/* --- Trust Summary Panel --- */
.trust-summary{border-bottom:1px solid var(--line);background:rgba(8,11,16,.85)}
.trust-summary-header{display:flex;align-items:center;gap:8px;padding:8px 20px;cursor:pointer;user-select:none}
.trust-summary-header:hover{background:rgba(255,255,255,.02)}
.trust-summary-title{font-size:11px;font-weight:700;color:#2DB5A0;text-transform:uppercase;letter-spacing:.5px}
.trust-summary-arrow{color:var(--muted);font-size:12px;transition:transform .25s}
.trust-summary-arrow.open{transform:rotate(180deg)}
.trust-summary-link{font-size:10px;color:#2DB5A0;text-decoration:none;margin-right:4px}
.trust-summary-link:hover{text-decoration:underline}
.trust-summary-body{max-height:0;overflow:hidden;padding:0 20px;transition:max-height .35s ease,padding .35s ease}
.trust-summary-body.open{max-height:340px;padding:0 20px 14px}
.trust-summary-empty{font-size:11px;padding:8px 0}
.trust-summary-table{font-size:11px}
.trust-row{display:grid;grid-template-columns:1.5fr auto 80px 60px 60px;gap:8px;align-items:center;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.04)}
.trust-row-header{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.4px;font-weight:600;border-bottom:1px solid var(--line);padding-bottom:4px;margin-bottom:2px}
.trust-row-stage{display:inline-block;padding:1px 6px;border-radius:4px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}
.trust-row-bar{height:4px;background:rgba(255,255,255,.06);border-radius:2px;overflow:hidden}
.trust-row-fill{height:100%;border-radius:2px;transition:width .4s ease}
.trust-row-num{color:var(--text);font-weight:600;text-align:right;font-size:11px}

/* --- Controls bar: trust + workforce buttons --- */
.ctrl-btn-trust{display:inline-flex;align-items:center;padding:7px 12px;border-radius:8px;border:1px solid rgba(45,181,160,.3);background:rgba(45,181,160,.12);color:#2DB5A0;font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap}
.ctrl-btn-trust:hover{background:rgba(45,181,160,.2)}
.ctrl-btn-workforce{border-color:rgba(45,181,160,.3);background:rgba(45,181,160,.08);color:#2DB5A0;font-weight:600}
.ctrl-btn-workforce:hover{background:rgba(45,181,160,.16)}

/* --- Workforce View Modal --- */
.wf-modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:10050;overflow-y:auto}
.wf-modal-overlay.open{display:block}
.wf-modal-inner{max-width:1200px;margin:20px auto;padding:20px}
.wf-modal-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}
.wf-modal-pretitle{font-size:10px;color:#6b7280;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:4px}
.wf-modal-title{font-size:20px;font-weight:800;color:#eaeaea;margin-bottom:4px}
.wf-modal-subtitle{font-size:12px;color:#9bb0c5}
.wf-modal-close{background:none;border:1px solid rgba(255,255,255,.12);color:#eaeaea;font-size:20px;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}
.wf-modal-close:hover{background:rgba(255,255,255,.08)}
.wf-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:20px;flex-wrap:wrap}
.wf-tab{padding:8px 16px;border-radius:8px;border:1px solid var(--line);background:transparent;color:#9bb0c5;font-size:12px;cursor:pointer;text-align:center;transition:all .2s}
.wf-tab.active{border-color:#2DB5A0;background:rgba(45,181,160,.12);color:#2DB5A0;font-weight:700}
.wf-tab-label{font-weight:600}
.wf-tab-sub{font-size:10px;opacity:.7;margin-top:2px}
.wf-split{display:grid;grid-template-columns:1fr 40px 1fr;gap:0;transition:opacity .3s}
.wf-split.animating{opacity:.3}

/* Admin side (dark) */
.wf-admin{background:#111823;border:1px solid #1f2a36;border-radius:14px;overflow:hidden}
.wf-admin-bar{padding:10px 16px;border-bottom:1px solid #1f2a36;background:#080b10;display:flex;align-items:center;gap:8px}
.wf-admin-dot{width:8px;height:8px;border-radius:50%}
.wf-admin-label{font-size:11px;color:#6b7280;margin-left:8px}
.wf-admin-tag{font-size:9px;color:#374151;background:#1f2a36;padding:2px 8px;border-radius:4px;margin-left:auto}
.wf-admin-body{padding:16px}
.wf-admin-card{background:#0d131c;border:1px solid #1f2a36;border-radius:10px;padding:12px;margin-bottom:12px}
.wf-admin-case-title{font-size:13px;font-weight:700;color:#eaeaea}
.wf-admin-case-meta{font-size:11px;color:#9bb0c5;margin-top:4px}
.wf-admin-trust-row{display:flex;align-items:center;gap:8px;margin-top:8px}
.wf-admin-trust-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:2px 8px;border-radius:6px}
.wf-admin-trust-bar{flex:1;height:3px;background:rgba(255,255,255,.06);border-radius:2px;overflow:hidden}
.wf-admin-trust-fill{height:100%;border-radius:2px;transition:width .6s}
.wf-admin-trust-pct{font-size:10px;color:#6b7280}
.wf-admin-event{background:#0d131c;border:1px solid #1f2a36;border-radius:10px;padding:12px;border-left:3px solid #6b7280}
.wf-admin-event-label{font-size:10px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}
.wf-admin-event-text{font-size:12px;color:#eaeaea;line-height:1.5}
.wf-admin-note{font-size:10px;color:#374151;font-style:italic;margin-top:12px;text-align:center}

/* Divider */
.wf-divider{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.wf-divider-line{width:1px;flex:1;background:linear-gradient(to bottom,transparent,#2DB5A0,transparent)}
.wf-divider-icon{width:32px;height:32px;border-radius:50%;background:#111823;border:1px solid #2DB5A0;display:flex;align-items:center;justify-content:center;font-size:14px;color:#2DB5A0}
.wf-divider-label{font-size:9px;color:#2DB5A0;text-align:center;line-height:1.3;max-width:40px}

/* Workforce side (light) */
.wf-workforce{background:#f8f9fb;border:1px solid #e2e5ea;border-radius:14px;overflow:hidden;color:#1a1a1a}
.wf-workforce-bar{padding:10px 16px;border-bottom:1px solid #e2e5ea;background:#edf0f4;display:flex;align-items:center;gap:8px}
.wf-workforce-icon{width:16px;height:16px;border-radius:4px;background:#c8cdd4;display:flex;align-items:center;justify-content:center;font-size:9px;color:#6b7280}
.wf-workforce-label{font-size:11px;color:#4b5563;font-weight:600}
.wf-workforce-tag{font-size:9px;color:#9ca3af;background:#e2e5ea;padding:2px 8px;border-radius:4px;margin-left:auto}
.wf-workforce-body{padding:16px}
.wf-workforce-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}
.wf-workforce-field{background:#fff;border:1px solid #e2e5ea;border-radius:6px;padding:6px 10px}
.wf-workforce-field-label{font-size:9px;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}
.wf-workforce-field-value{font-size:12px;color:#1a1a1a;font-weight:500}
.wf-workforce-patient{background:#fff;border:1px solid #e2e5ea;border-radius:8px;padding:8px 10px;margin-bottom:14px}
.wf-workforce-patient-name{font-size:12px;font-weight:600;color:#1a1a1a}
.wf-workforce-patient-type{font-size:11px;color:#6b7280;margin-top:2px}
.wf-workforce-note{font-size:10px;color:#9ca3af;font-style:italic;margin-top:12px;text-align:center}

/* Recommendation/notification/alert panels (workforce) */
.wf-intel-panel{border-radius:10px;padding:12px;border-left:3px solid;opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s}
.wf-intel-panel.show{opacity:1;transform:translateY(0)}
.wf-intel-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px}
.wf-intel-msg{font-size:12px;color:#374151;line-height:1.5;margin-bottom:4px}
.wf-intel-sub{font-size:10px;color:#6b7280;line-height:1.4}
.wf-rec-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.wf-rec-label{flex:1;font-size:12px;color:#374151}
.wf-rec-bar{width:60px;height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden}
.wf-rec-fill{height:100%;border-radius:2px}
.wf-rec-pct{font-size:11px;font-weight:600;color:#374151;width:32px;text-align:right}
.wf-rec-basis{font-size:10px;color:#6b7280;margin-top:8px;line-height:1.4}
.wf-rec-confidence{font-size:10px;padding:4px 8px;border-radius:4px;line-height:1.4;margin-top:6px}

/* Footer */
.wf-footer{max-width:700px;margin:24px auto 0;text-align:center}
.wf-footer-main{font-size:12px;color:#9bb0c5;line-height:1.6}
.wf-footer-accent{color:#2DB5A0;font-weight:700}
.wf-footer-sub{font-size:10px;color:#4b5563;margin-top:8px}

/* --- Anomaly alert --- */
.anomaly-banner{padding:8px 20px;background:rgba(248,113,113,.1);border-bottom:1px solid rgba(248,113,113,.25);color:#f87171;font-size:12px;display:none;align-items:center;gap:8px}
.anomaly-banner.show{display:flex}

/* --- Run Demo button --- */
#runDemoBtn:disabled{opacity:.5;cursor:not-allowed}

/* --- Toast notification --- */
.toast{position:fixed;top:16px;right:16px;z-index:11000;background:#1e293b;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:10px 18px;color:#eaeaea;font-size:13px;font-weight:600;box-shadow:0 8px 24px rgba(0,0,0,.4);opacity:0;transform:translateY(-12px);transition:opacity .3s,transform .3s;pointer-events:none}
.toast.show{opacity:1;transform:translateY(0)}
.toast.success{border-left:4px solid #4ade80}
.toast.info{border-left:4px solid #60a5fa}

/* --- Activity Feed --- */
.feed-strip{padding:0 20px;border-bottom:1px solid var(--line);background:rgba(8,11,16,.85);max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease}
.feed-strip.open{max-height:220px;padding:10px 20px}
.feed-toggle{display:flex;align-items:center;gap:8px;padding:6px 20px;border-bottom:1px solid var(--line);background:rgba(8,11,16,.6);cursor:pointer;user-select:none}
.feed-toggle:hover{background:rgba(255,255,255,.03)}
.feed-toggle-title{font-size:11px;font-weight:700;color:#a78bfa;text-transform:uppercase;letter-spacing:.5px}
.feed-toggle-arrow{color:var(--muted);font-size:12px;transition:transform .25s}
.feed-toggle-arrow.open{transform:rotate(180deg)}
.feed-badge{background:rgba(167,139,250,.15);color:#a78bfa;font-size:10px;padding:1px 7px;border-radius:999px;font-weight:600}
.feed-list{max-height:180px;overflow-y:auto;display:flex;flex-direction:column;gap:3px}
.feed-item{font-size:11.5px;line-height:1.45;padding:5px 8px;border-radius:6px;border-left:3px solid transparent;background:rgba(255,255,255,.02)}
.feed-item[data-cat="proposal"]{border-left-color:#3b82f6}
.feed-item[data-cat="decision"]{border-left-color:#a78bfa}
.feed-item[data-cat="execution"]{border-left-color:#4ade80}
.feed-item[data-cat="trust"]{border-left-color:#fbbf24}
.feed-item[data-cat="gate"]{border-left-color:#f97316}
.feed-item[data-cat="ml"]{border-left-color:#06b6d4}
.feed-item[data-cat="warning"]{border-left-color:#f87171}
.feed-item[data-cat="info"]{border-left-color:#6b7280}
.feed-msg{font-weight:600;color:#eaeaea}
.feed-detail{color:var(--muted);font-size:10.5px;margin-top:1px}
.feed-ts{color:#4b5563;font-size:9.5px;float:right;margin-left:8px}

/* --- Scenario description --- */
.scenario-desc{font-size:11px;color:var(--muted);padding:6px 20px;border-bottom:1px solid var(--line);background:rgba(8,11,16,.5);display:none;line-height:1.5}
.scenario-desc.show{display:block}

/* --- Scenario label on case card --- */
.pipe-card-scenario{font-size:9px;color:#a78bfa;margin-top:2px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}

/* --- Stage tooltip --- */
.stage-tip{position:relative;cursor:help}
.stage-tip:hover .stage-tip-text{opacity:1;pointer-events:auto}
.stage-tip-text{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px);min-width:260px;max-width:320px;background:#1e293b;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:8px 10px;font-size:11px;color:#b0c4d8;line-height:1.5;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;box-shadow:0 4px 16px rgba(0,0,0,.4)}
.stage-tip:hover .stage-tip-text{transform:translateX(-50%) translateY(0)}

/* --- Responsive: Tablet --- */
@media(max-width:960px){
  .pipeline{flex-wrap:wrap;gap:8px}
  .pipe-col{min-width:140px;max-width:none;flex:1 1 45%}
  .pipe-arrow{display:none}
  .detail-grid{grid-template-columns:1fr}
  .ml-grid{grid-template-columns:1fr 1fr}
  .org-grid{grid-template-columns:1fr}
  .atv-grid{grid-template-columns:1fr 1fr}
  .cdi-grid{grid-template-columns:1fr}
  .controls{flex-wrap:wrap}
  .controls button{flex:0 1 auto}
  .detail-actions{flex-wrap:wrap}
}

/* --- Responsive: Mobile --- */
@media(max-width:600px){
  html,body{overflow-x:hidden;-webkit-text-size-adjust:100%}
  body{font-size:13px}

  /* Header: stack vertically */
  header{flex-wrap:wrap;gap:6px;padding:10px 12px}
  header b{font-size:14px;flex:1 1 100%}
  header .muted{display:none}
  header a{font-size:11px;margin-left:0}

  /* Controls: wrap, stack buttons */
  .controls{padding:8px 12px;gap:6px;flex-wrap:wrap}
  .controls select{min-width:0!important;flex:1 1 100%;font-size:13px;padding:10px}
  .controls input{flex:1 1 100%;min-width:0!important;max-width:none!important;font-size:13px;padding:10px}
  .controls button{padding:10px 14px;font-size:12px;flex:1 1 calc(50% - 4px)}
  .controls .ctrl-divider{display:none}
  .controls .ctrl-spacer{display:none}

  /* ML strip: single column */
  .ml-strip{padding:10px 12px}
  .ml-strip-header{flex-wrap:wrap;gap:6px}
  .ml-strip-header button{flex:1 1 auto;font-size:11px;padding:8px 10px}
  .ml-strip-title{font-size:11px;flex:1 1 100%}
  .ml-grid{grid-template-columns:1fr;gap:8px}
  .ml-card{padding:10px}
  .ml-card-value{font-size:16px}
  .ml-card-sub{font-size:10px}
  .roi-grid{grid-template-columns:repeat(2,1fr);gap:6px}
  .roi-num{font-size:15px}
  .roi-label{font-size:8px}

  /* Org intelligence */
  .org-strip-header{padding:8px 12px}
  .org-strip-body.open{padding:0 12px 12px}
  .org-grid{grid-template-columns:1fr;gap:8px}
  .org-risk-detail{margin-left:0;flex:1 1 100%}

  /* Context bar */
  .context-bar{padding:6px 12px;font-size:10px}

  /* Multiplier dropdown: half-width on mobile */
  .ctrl-multiplier{flex:1 1 calc(50% - 4px)!important;min-width:0!important}

  /* ATV */
  .atv-strip-header{padding:8px 12px;flex-wrap:wrap;gap:6px}
  .atv-strip-header button{flex:1 1 auto;font-size:11px;padding:8px 10px}
  .atv-strip-title{font-size:11px;flex:1 1 100%}
  .atv-strip-body.open{padding:0 12px 12px}
  .atv-grid{grid-template-columns:1fr;gap:8px}
  .atv-metrics{grid-template-columns:repeat(2,1fr)}

  /* CDI */
  .cdi-strip-header{padding:8px 12px;flex-wrap:wrap;gap:6px}
  .cdi-strip-header button{flex:1 1 auto;font-size:11px;padding:8px 10px}
  .cdi-strip-title{font-size:11px;flex:1 1 100%}
  .cdi-strip-body.open{padding:0 12px 12px}
  .cdi-grid{grid-template-columns:1fr;gap:8px}

  /* Activity feed */
  .feed-toggle{padding:8px 12px}
  .feed-strip.open{padding:8px 12px;max-height:180px}

  /* Pipeline: single column */
  .pipeline{padding:10px 12px;flex-direction:column;gap:8px;overflow-x:visible}
  .pipe-col{flex:1 1 100%;min-width:0;max-width:none}
  .pipe-arrow{display:none}
  .pipe-body{max-height:200px}
  .pipe-card{padding:10px 12px}
  .pipe-card-name{font-size:13px;white-space:normal;word-break:break-word}
  .pipe-header{padding:10px 12px}
  .pipe-badge{font-size:9px;padding:2px 6px}

  /* Detail panel */
  .detail{padding:0 12px 16px}
  .detail-bar{flex-direction:column;gap:6px;align-items:flex-start}
  .detail-title{font-size:13px}
  .detail-actions{margin-left:0;flex-wrap:wrap;width:100%;gap:6px}
  .detail-actions button{flex:1 1 calc(50% - 4px);padding:10px;font-size:12px;text-align:center}
  .detail-actions label{flex:1 1 100%;font-size:11px}
  .detail-grid{grid-template-columns:1fr;gap:8px}
  .detail-pills{gap:4px;flex-wrap:wrap}
  .detail-pills .pill{font-size:10px;padding:3px 8px}

  /* Auth checkboxes: stack */
  .auth-row{flex-direction:column;gap:8px;align-items:flex-start}
  .auth-row label{font-size:12px;padding:4px 0}

  /* Modals: full-width on mobile */
  .auth-modal-inner{margin:2vh 8px!important;max-width:none!important;max-height:90vh!important;padding:12px!important;border-radius:12px!important}
  .auth-modal-inner .detail-grid{grid-template-columns:1fr!important}

  /* Tutorial */
  .tut-splash-card{margin:12px;padding:24px 18px;max-width:none;max-height:80vh;overflow-y:auto}
  .tut-splash-card h2{font-size:17px}
  .tut-splash-card p{font-size:12px}
  .tut-tooltip{max-width:calc(100vw - 24px);min-width:0;left:12px!important;right:12px;box-sizing:border-box;max-height:80vh;overflow-y:auto}
  .tut-tooltip h3{font-size:13px}
  .tut-tooltip p{font-size:12px}
  .tut-nav button{padding:8px 12px;font-size:12px}

  /* Toast: full width */
  .toast{left:12px;right:12px;max-width:none;font-size:12px;padding:10px 14px}

  /* Buttons: bigger tap targets */
  button{min-height:40px;padding:8px 14px}
  .tut-help-btn{width:44px;height:44px;font-size:18px}

  /* Scenario description */
  .scenario-desc{padding:6px 12px;font-size:11px}

  /* Trust summary */
  .trust-summary-header{padding:8px 12px}
  .trust-summary-body.open{padding:0 12px 12px}
  .trust-row{grid-template-columns:1fr auto 60px 40px 40px;gap:4px;font-size:10px}

  /* Workforce modal */
  .wf-modal-inner{margin:8px;padding:12px}
  .wf-modal-title{font-size:16px}
  .wf-split{grid-template-columns:1fr;gap:12px}
  .wf-divider{flex-direction:row;padding:8px 0}
  .wf-divider-line{height:1px;width:auto;flex:1;background:linear-gradient(to right,transparent,#2DB5A0,transparent)}
  .wf-workforce-fields{grid-template-columns:1fr}

  /* Anomaly banner */
  .anomaly-banner{padding:8px 12px;font-size:11px}

  /* Pre/JSON */
  pre{font-size:10px;padding:10px;max-height:200px;overflow-x:auto}

  /* Stage tooltips: prevent off-screen */
  .stage-tip-text{min-width:0;max-width:calc(100vw - 40px);left:0;right:auto;transform:translateX(0) translateY(4px)}
  .stage-tip:hover .stage-tip-text{transform:translateX(0) translateY(0)}
}

/* --- Tutorial Overlay --- */
.tut-backdrop{position:fixed;inset:0;z-index:10000;pointer-events:none;transition:opacity .3s}
.tut-backdrop.hidden{opacity:0;display:none}
.tut-backdrop-fill{position:absolute;inset:0;background:rgba(0,0,0,.62);pointer-events:auto}
.tut-spotlight{position:absolute;border-radius:10px;box-shadow:0 0 0 9999px rgba(0,0,0,.62);pointer-events:none;transition:top .35s,left .35s,width .35s,height .35s;z-index:10001}
.tut-tooltip{position:absolute;z-index:10002;background:#151d2b;color:#eaeaea;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:16px 18px;max-width:340px;min-width:220px;box-shadow:0 8px 32px rgba(0,0,0,.5);pointer-events:auto;transition:top .35s,left .35s;max-height:80vh;overflow-y:auto}
.tut-tooltip h3{margin:0 0 6px;font-size:14px;font-weight:700}
.tut-tooltip p{margin:0 0 12px;font-size:12.5px;color:#b0c4d8;line-height:1.5}
.tut-tooltip .tut-step-label{font-size:10px;color:#6b7a8d;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}
.tut-nav{display:flex;align-items:center;gap:8px}
.tut-nav button{font-size:12px;padding:6px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:transparent;color:#eaeaea;cursor:pointer}
.tut-nav button:hover{background:rgba(255,255,255,.07)}
.tut-nav button.tut-primary{background:#3b82f6;border-color:#3b82f6;color:#fff;font-weight:700}
.tut-nav button.tut-primary:hover{background:#2563eb}
.tut-nav .tut-skip{margin-left:auto;font-size:11px;color:#6b7a8d;cursor:pointer;border:none;background:none;padding:4px}
.tut-nav .tut-skip:hover{color:#eaeaea}
.tut-dots{display:flex;gap:4px;margin-right:8px}
.tut-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.15)}
.tut-dot.active{background:#3b82f6}

/* --- Welcome Splash --- */
.tut-splash{position:fixed;inset:0;z-index:10010;display:flex;align-items:flex-start;justify-content:center;padding-top:5vh;background:rgba(0,0,0,.72);overflow-y:auto}
.tut-splash.hidden{display:none}
.tut-splash-card{background:#111823;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:32px 36px;max-width:440px;text-align:center;box-shadow:0 12px 48px rgba(0,0,0,.6);max-height:80vh;overflow-y:auto}
.tut-splash-card h2{font-size:20px;margin:0 0 8px;font-weight:800}
.tut-splash-card p{color:#9bb0c5;font-size:13px;line-height:1.6;margin:0 0 24px}
.tut-splash-card .tut-begin{padding:10px 28px;font-size:14px;font-weight:700;border-radius:10px;background:#3b82f6;color:#fff;border:none;cursor:pointer}
.tut-splash-card .tut-begin:hover{background:#2563eb}
.tut-splash-card .tut-skip-link{display:block;margin-top:14px;color:#6b7a8d;font-size:12px;cursor:pointer;border:none;background:none}
.tut-splash-card .tut-skip-link:hover{color:#eaeaea}

/* --- Help button (re-launch) --- */
.tut-help-btn{position:fixed;bottom:18px;right:18px;z-index:9998;width:36px;height:36px;border-radius:50%;background:#1e293b;border:1px solid rgba(255,255,255,.12);color:#60a5fa;font-size:16px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,.3)}
.tut-help-btn:hover{background:#263548}

/* --- Utility classes replacing inline styles --- */
.header-trust-link{margin-left:auto;color:#60a5fa;text-decoration:none;font-size:12px}
.ctrl-scenario-select{min-width:180px}
.ctrl-search{flex:1;min-width:100px;max-width:260px}
.ctrl-divider{width:1px;height:20px;background:var(--line)}
.ctrl-spacer{flex:1}
.ctrl-btn-rundemo{background:rgba(34,197,94,.15);border-color:rgba(34,197,94,.3);color:#4ade80;font-weight:700}
.ctrl-btn-report{background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.3);color:#60a5fa}
.ctrl-btn-reset{color:#f87171;border-color:rgba(248,113,113,.3)}
.ml-btn-seed{background:rgba(59,130,246,.15);border-color:rgba(59,130,246,.3);color:#60a5fa}
.roi-projection{font-size:10px;margin-top:6px;text-align:center}
.feed-spacer{flex:1}
.detail-repeat-label{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--muted)}
.auth-checkpoint-label{font-size:11px;font-weight:700;color:var(--muted)}

/* --- Auth modal --- */
.auth-modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:9999}
.auth-modal-inner{max-width:920px;margin:5vh auto;background:#0f1622;color:#fff;border-radius:14px;border:1px solid rgba(255,255,255,.12);padding:16px;max-height:85vh;overflow-y:auto}
.auth-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.auth-modal-title{font-weight:800;font-size:13px}
.auth-modal-meta{margin-top:4px}
.auth-modal-btns{display:flex;gap:6px}
.auth-modal-spacer{height:12px}
.auth-modal-grid-nomargin{margin:0}

/* --- Splash text alignment --- */
.text-left{text-align:left}
.text-left-green{text-align:left;color:#4ade80;font-weight:600;font-size:12px}

/* --- JS-generated HTML utility classes (CSP-safe replacements for inline styles) --- */
.pipe-title-count{font-weight:400}
.item-sub{margin-top:4px}
.item-spacer{height:6px}
.item-spacer-lg{height:8px}
.item-btn-row{display:flex;gap:6px}
.pill-inline{margin-left:6px}
.ml-pred-row-gap{margin-top:4px}

/* ===================================================================
   MOBILE HYBRID MODE
   =================================================================== */

/* --- Mobile elements hidden by default --- */
.mobile-pipeline,
.mobile-trust,
.mobile-controls,
.mobile-switch,
.mobile-splash{display:none}

/* --- Desktop elements hidden in mobile mode --- */
body.mobile-mode .pipeline,
body.mobile-mode .controls,
body.mobile-mode .detail,
body.mobile-mode .ml-strip,
body.mobile-mode .org-strip,
body.mobile-mode .atv-strip,
body.mobile-mode .cdi-strip,
body.mobile-mode .trust-summary,
body.mobile-mode .anomaly-banner,
body.mobile-mode .scenario-desc{display:none!important}

/* --- Show mobile elements in mobile mode --- */
body.mobile-mode .mobile-pipeline,
body.mobile-mode .mobile-trust,
body.mobile-mode .mobile-switch{display:block}
body.mobile-mode .mobile-controls{display:flex}

/* --- Force feed open on mobile --- */
body.mobile-mode .feed-strip{display:block;max-height:40vh}

/* --- Mobile pipeline progress bar --- */
.mobile-pipeline{padding:12px;border-bottom:1px solid var(--line)}
.mobile-pipeline-title{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}
.mobile-pipeline-bar{display:flex;gap:2px;height:40px;border-radius:8px;overflow:hidden}
.mobile-pipeline-seg{flex:1;background:var(--card);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;border:1px solid var(--line);position:relative}
.mobile-pipeline-seg:first-child{border-radius:8px 0 0 8px}
.mobile-pipeline-seg:last-child{border-radius:0 8px 8px 0}
.mobile-pipeline-seg:hover{background:rgba(255,255,255,.05)}
.mobile-pipeline-seg.active{border-color:var(--accent);background:rgba(59,130,246,.08)}
.mobile-pipeline-seg-name{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.3px;line-height:1}
.mobile-pipeline-seg-count{font-size:14px;font-weight:700;color:var(--text);line-height:1.2}
.mobile-pipeline-detail{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 4px}
.mobile-pipeline-detail.open{max-height:300px;padding:8px 4px;overflow-y:auto}
.mobile-pipeline-case{border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:var(--pill);margin-bottom:4px;font-size:12px;cursor:pointer}
.mobile-pipeline-case-name{font-weight:600}
.mobile-pipeline-case-sub{font-size:10px;color:var(--muted);margin-top:2px}

/* --- Mobile trust overview --- */
.mobile-trust{padding:8px 12px;border-bottom:1px solid var(--line)}
.mobile-trust-title{font-size:11px;font-weight:700;color:#2DB5A0;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}
.mobile-trust-row{display:flex;gap:4px;flex-wrap:wrap}
.mobile-trust-item{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--muted);background:var(--card);border:1px solid var(--line);border-radius:6px;padding:3px 8px}
.mobile-trust-badge{font-size:9px;font-weight:700;padding:1px 5px;border-radius:4px;text-transform:uppercase;letter-spacing:.3px}

/* --- Mobile controls --- */
.mobile-controls{padding:10px 12px;border-bottom:1px solid var(--line);background:var(--card);gap:8px;align-items:center;flex-wrap:wrap}
.mobile-controls select{flex:1;min-width:0;font-size:13px;padding:10px}
.mobile-controls button{flex:1;padding:10px;font-size:12px}

/* --- Switch link --- */
.mobile-switch{padding:8px 12px;text-align:center;border-bottom:1px solid var(--line)}
.mobile-switch a{font-size:11px;color:#60a5fa;text-decoration:none}
.mobile-switch a:hover{text-decoration:underline}

/* --- Desktop switch-back banner --- */
.desktop-switch-back{display:none;padding:8px 12px;text-align:center;background:rgba(59,130,246,.08);border-bottom:1px solid rgba(59,130,246,.2)}
.desktop-switch-back a{font-size:11px;color:#60a5fa;text-decoration:none}
body.forced-desktop .desktop-switch-back{display:block}

/* --- Mobile splash (replaces tutorial on mobile) --- */
.mobile-splash{position:fixed;inset:0;z-index:10010;display:none;align-items:flex-start;justify-content:center;padding-top:10vh;background:rgba(0,0,0,.72);overflow-y:auto}
body.mobile-mode .mobile-splash.show{display:flex}
.mobile-splash-card{background:#111823;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:24px 20px;max-width:360px;width:calc(100% - 24px);text-align:center;box-shadow:0 12px 48px rgba(0,0,0,.6)}
.mobile-splash-card h2{font-size:18px;font-weight:800;color:#eaeaea;margin:0 0 8px}
.mobile-splash-card p{color:#9bb0c5;font-size:12px;line-height:1.6;margin:0 0 20px}
.mobile-splash-btn{display:block;width:100%;padding:12px;font-size:13px;font-weight:700;border-radius:10px;border:none;cursor:pointer;margin-bottom:8px}
.mobile-splash-btn-primary{background:#3b82f6;color:#fff}
.mobile-splash-btn-secondary{background:transparent;border:1px solid var(--line);color:var(--text)}
.mobile-splash-btn-dismiss{background:none;border:none;color:#6b7a8d;font-size:11px;cursor:pointer;margin-top:6px;padding:4px}