/* PRISM.SALES demo. Base from Lumi's app.css, made responsive for phones 360 to 430 px.
   Load order: tokens, app, pipeline, v6, detail, detail-v6, overrides, prospects, wide, responsive. */
@font-face{font-family:"Inter";src:url("../fonts/Inter-var.woff2") format("woff2");font-weight:100 900;font-display:swap}
*{box-sizing:border-box;margin:0;padding:0}
html{background:#E9EEF5;-webkit-text-size-adjust:100%}
body{font-family:var(--font-sans);color:var(--text);background:#E9EEF5;-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01";min-height:100vh;-webkit-tap-highlight-color:transparent}
button,input,select{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer;text-align:inherit}
a{color:inherit;text-decoration:none}
svg{display:block}
.ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ex-pill{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;letter-spacing:var(--tracking-caps);text-transform:uppercase;padding:5px 10px;border-radius:var(--radius-pill);background:rgba(232,200,70,.18);color:#8A6A00;border:1px solid rgba(232,200,70,.55);white-space:nowrap}
.ex-pill.dark{background:rgba(255,255,255,.10);color:#FFE38A;border-color:rgba(255,227,138,.35)}
.ex-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.stage{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 10px 4px 8px;border-radius:var(--radius-pill);white-space:nowrap}
.stage::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.s-prospect{color:var(--stage-prospect);background:var(--stage-prospect-bg)}
.s-proposal{color:var(--stage-proposal);background:var(--stage-proposal-bg)}
.s-followup{color:var(--stage-followup);background:var(--stage-followup-bg)}
.s-won{color:var(--stage-won);background:var(--stage-won-bg)}
.s-lost{color:var(--stage-lost);background:var(--stage-lost-bg)}
.s-add{color:var(--stage-add);background:var(--stage-add-bg)}
.s-inpipeline{color:var(--stage-inpipeline);background:var(--stage-inpipeline-bg)}
.avatar{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700;color:#fff;background:linear-gradient(135deg,#22C3E6,#7AA6F7 55%,#D63AF9);flex:none}
.avatar.none{background:#C9D0DC}
.tabbar{position:fixed;left:50%;transform:translateX(-50%);width:100%;max-width:430px;bottom:0;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border);display:flex;justify-content:space-around;padding:10px 0 calc(10px + env(safe-area-inset-bottom));z-index:20}
.tab{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--text-subtle);flex:1;min-width:0}
.tab .ic{width:24px;height:24px}
.tab.on{color:var(--prism-blue-700)}
.tab .dot{width:4px;height:4px;border-radius:50%;margin-top:1px}
.tab.on .dot{background:var(--prism-gradient)}
