/* deal-walk.css — Sales > Stuck deals (public/js/deal-walk.js, 2026-10-26). Theme tokens only (app.css :root + dark), no hex;
   shared pieces come from app.css (.card, .card-empty, .section-head, .btn, .b) and approvals-hub.css (.ah-chips / .ah-chip). */
.dw{max-width:760px;container-type:inline-size;container-name:dw}
.dw .section-head{align-items:flex-start;flex-wrap:wrap}
.dw-owner{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--muted)}
.dw-owner select,.dw-form input,.dw-form textarea{font:inherit;font-size:13px;color:var(--text);background:var(--fill);border:1px solid var(--border-strong);border-radius:9px;padding:8px 10px;box-sizing:border-box;width:100%}
.dw-owner select{min-width:190px}
.dw-form textarea{resize:vertical;line-height:1.5}
.dw-prog{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:0 2px 12px}
.dw-prog-t{font-size:12px;color:var(--muted);white-space:nowrap}
.dw-prog-t b{color:var(--text)}
.dw-bar{height:6px;border-radius:99px;background:var(--track);overflow:hidden}
.dw-bar i{display:block;height:100%;background:var(--teal);border-radius:99px;transition:width .25s ease}
.dw-nav{display:flex;gap:6px}
.dw-nav .btn{padding:6px 12px;font-size:12px}
.dw-nav .btn:disabled{opacity:.45;cursor:default}
.dw-card{display:flex;flex-direction:column;gap:14px}
.dw-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.dw-title{font-size:17px;font-weight:800;letter-spacing:-.01em;color:var(--text);line-height:1.3}
.dw-sub{font-size:12.5px;color:var(--muted);margin-top:3px}
.dw-hs{padding:6px 12px;font-size:12px;text-decoration:none}
.dw-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.dw-facts>div{background:var(--fill);border:1px solid var(--border);border-radius:9px;padding:8px 10px;min-width:0}
.dw-facts span{display:block;font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}
.dw-facts b{display:block;font-size:13px;color:var(--text);margin-top:2px;overflow-wrap:anywhere}
.dw-mo{border:1px solid color-mix(in srgb,var(--teal) 30%,var(--border));background:color-mix(in srgb,var(--teal) 6%,transparent);border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.5}
.dw-mo-h{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--teal);margin-bottom:3px}
.dw-mo-step b{color:var(--text)}
.dw-muted{font-size:11.5px;color:var(--muted);line-height:1.5}
.dw-msg{font-size:12px;color:var(--text);background:var(--fill);border:1px solid var(--border);border-radius:8px;padding:8px 10px;line-height:1.45}
.dw-did{font-size:12px;color:var(--muted)}
.dw-did .b,.dw-end .b{font-size:10.5px}
.dw-acts{margin:0}
.dw-form{display:flex;flex-direction:column;gap:10px}
.dw-form label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--muted)}
.dw-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.dw-sm{padding:4px 10px;font-size:11px}
.dw-end{display:flex;flex-direction:column;gap:8px}
.dw-end-row{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;padding:8px 0;border-top:1px solid var(--border)}
.dw-end-row .b{flex:none;margin-top:2px}
.dw-end-t{min-width:0;overflow-wrap:anywhere}
@container dw (max-width:560px){
  .dw-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dw-prog{grid-template-columns:1fr auto}
  .dw-bar{grid-column:1 / -1;grid-row:2}
  .dw-row .btn{flex:1 1 auto}
  .dw-owner,.dw-owner select{width:100%}
}