/* ============================================================
   nw.aim — North West venture portal.
   Sits on top of mgmt's app-ui.css: same tokens, same shell,
   same light/dark. Only the NW-specific pieces live here.
   ============================================================ */

/* toolbar above a panel */
.nwbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 2px 12px}
.nwbar .grow{flex:1 1 auto}
.nwbar .sel{border:1px solid var(--line);border-radius:8px;padding:8px 11px;font-family:inherit;font-size:13px;
  color:var(--ink);background:var(--panel);outline:0;box-shadow:var(--shadow-sm)}
.nwbar .sel:focus{border-color:#FF8220}

/* stage pill */
.stg{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  padding:3px 9px;border-radius:999px;border:1px solid var(--line);color:var(--sub);background:var(--tint);white-space:nowrap}
.stg.lead{background:var(--tint2);color:var(--sub)}
.stg.talking{background:#EAF0FB;border-color:#CBD9F3;color:#2456C7}
.stg.enquiry{background:var(--otint);border-color:var(--oline);color:var(--otext)}
.stg.priced{background:var(--warn-bg);border-color:#F0D9A8;color:#92600A}
.stg.won{background:var(--good-bg);border-color:#BFE5CD;color:#15803D}
.stg.dead{background:var(--rtint);border-color:var(--rline);color:var(--rtext)}

/* whose contact / who calls — D, J, B */
.who-chip{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;
  font-size:11px;font-weight:700;background:var(--tint2);color:var(--sub);border:1px solid var(--line)}
.who-chip.d{background:var(--otint);border-color:var(--oline);color:var(--otext)}
.who-chip.j{background:#EAF0FB;border-color:#CBD9F3;color:#2456C7}
.who-chip.b{background:var(--good-bg);border-color:#BFE5CD;color:#15803D}

/* expiry traffic light */
.due{display:inline-block;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap;
  background:var(--good-bg);color:#15803D;border:1px solid #BFE5CD}
.due.soon{background:var(--warn-bg);color:#92600A;border-color:#F0D9A8}
.due.gone{background:var(--rtint);color:var(--rtext);border-color:var(--rline)}
.due.none{background:var(--tint2);color:var(--meta);border-color:var(--line)}

/* phase tracker */
.phz{display:flex;gap:14px;padding:15px 0;border-bottom:1px solid var(--line-soft)}
.phz:last-child{border-bottom:0}
.phz .dot{width:26px;height:26px;border-radius:50%;flex:0 0 auto;border:2px solid var(--line);
  display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--meta);background:var(--panel)}
.phz.done .dot{background:var(--good);border-color:var(--good);color:#fff}
.phz.now .dot{border-color:#FF8220;color:#E0701A;box-shadow:0 0 0 4px rgba(255,130,32,.13)}
.phz .body{flex:1 1 auto;min-width:0}
.phz .ttl{font-size:14px;font-weight:650;color:var(--ink)}
.phz.done .ttl{color:var(--sub)}
.phz .det{font-size:12.5px;color:var(--sub);margin-top:3px;line-height:1.5}
.phz .meta{font-size:11.5px;color:var(--meta);margin-top:5px;display:flex;gap:12px;flex-wrap:wrap}
.phz .acts{flex:0 0 auto;display:flex;gap:6px;align-items:flex-start}

/* ledger totals strip */
.tot{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;
  border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:var(--shadow-sm);overflow:hidden}
.tot > div{padding:15px 17px;border-right:1px solid var(--line-soft)}
.tot > div:last-child{border-right:0}
.tot .k{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--meta);font-weight:700}
.tot .v{font-size:22px;font-weight:700;letter-spacing:-.02em;margin-top:6px;font-variant-numeric:tabular-nums}
.tot .v.brand{color:#E0701A}
.tot .s{font-size:11.5px;color:var(--meta);margin-top:4px}

/* progress bar */
.pbar{height:7px;border-radius:99px;background:var(--tint2);overflow:hidden;margin-top:9px}
.pbar > i{display:block;height:100%;border-radius:99px;background:var(--aim-grad-accent)}

/* the "in / out" money direction */
.mv{font-variant-numeric:tabular-nums;font-weight:650}
.mv.in{color:var(--good)}
.mv.out{color:var(--bad)}

/* quiet inline note under a heading */
.lede{font-size:13px;color:var(--sub);margin:-4px 2px 16px;max-width:74ch;line-height:1.55}

/* row actions */
.rowact{display:flex;gap:6px;justify-content:flex-end}
.iconbtn{border:1px solid var(--line);background:var(--panel);color:var(--meta);width:28px;height:28px;
  border-radius:7px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}
.iconbtn svg{width:14px;height:14px}
.iconbtn:hover{border-color:#FF8220;color:#E0701A}
.iconbtn.bad:hover{border-color:var(--rline);color:var(--bad)}

/* toast */
.toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:120;background:#16120E;color:#fff;
  font-size:13px;padding:11px 18px;border-radius:10px;box-shadow:var(--shadow-lg);max-width:min(92vw,460px)}

.nowrap{white-space:nowrap}
.tar{text-align:right}

/* ---- dark ---- */
html.dark .stg.talking{background:rgba(36,86,199,.16);border-color:rgba(36,86,199,.35);color:#9BB8F5}
html.dark .who-chip.j{background:rgba(36,86,199,.16);border-color:rgba(36,86,199,.35);color:#9BB8F5}
html.dark .who-chip.b,html.dark .stg.won{background:rgba(22,163,74,.14);border-color:rgba(22,163,74,.32);color:#6BD79A}
html.dark .due{background:rgba(22,163,74,.14);border-color:rgba(22,163,74,.32);color:#6BD79A}
html.dark .due.soon,html.dark .stg.priced{background:rgba(217,119,6,.15);border-color:rgba(217,119,6,.32);color:#E9B05C}
html.dark .due.gone,html.dark .stg.dead{background:rgba(220,38,38,.14);border-color:rgba(220,38,38,.32);color:#EE8C82}
html.dark .toast{background:#2A241E}

@media (max-width:760px){
  .tot > div{border-right:0;border-bottom:1px solid var(--line-soft)}
  .tot > div:last-child{border-bottom:0}
  .tblwrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .tblwrap table.t{min-width:640px}
}