:root{--ink: #EDE4D3;--ink-70: #A29279;--ink-50: #6E6154;--ink-30: #4A3F30;--ink-12: #3A3126;--ink-06: rgba(237, 228, 211, .07);--ink-03: rgba(237, 228, 211, .04);--bg: #1F1913;--bg-2: #17120D;--raise: #2A2219;--teal: #C98A4B;--teal-dark: #E3A968;--teal-tint: rgba(201, 138, 75, .12);--on-accent: #17120D;--green: #7FA25E;--red: #D96A5B;--red-tint: rgba(217, 106, 91, .1);--font-display: "Fraunces", Georgia, serif;--font-body: "Instrument Sans", -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "Spline Sans Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--fs-body: 14px;--fs-head: 18px;--fs-display: 34px;--radius: 10px;--sidebar-w: 208px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);font-size:var(--fs-body);color:var(--ink);background:var(--bg-2);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);font-size:var(--fs-head);font-weight:500;letter-spacing:-.015em;margin:0 0 10px}p{margin:0 0 10px}a{color:var(--ink)}a.quiet-link{color:var(--ink-70);text-decoration:underline;text-decoration-color:var(--ink-30)}a.quiet-link:hover{color:var(--ink)}.display{font-family:var(--font-display);font-size:var(--fs-display);font-weight:500;line-height:1.15;letter-spacing:-.015em}.muted{color:var(--ink-50)}.sub{color:var(--ink-70)}.danger-text{color:var(--red)}.success-text{color:var(--green)}.small-caps{font-family:var(--font-mono);font-size:var(--fs-body);text-transform:uppercase;letter-spacing:.07em;color:var(--ink-50);font-weight:500}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--bg);border-right:1px solid var(--ink-12);padding:20px 12px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:2px}.sidebar .brand{font-size:var(--fs-head);font-weight:700;padding:4px 10px 16px}.sidebar .brand span{color:var(--teal)}.sidebar nav{display:flex;flex-direction:column;gap:2px;flex:1}.sidebar a{display:block;padding:8px 10px;border-radius:var(--radius);text-decoration:none;color:var(--ink-70)}.sidebar a:hover{background:var(--ink-06);color:var(--ink)}.sidebar a.active{background:var(--teal-tint);color:var(--ink);font-weight:600}.sidebar .logout-row{padding:4px 10px}.content{flex:1;min-width:0;padding:28px 32px 64px;max-width:1200px}.content.full{max-width:none;padding:0}.page-title{margin-bottom:18px}@media (max-width: 800px){.app-shell{flex-direction:column}.sidebar{position:fixed;bottom:0;left:0;right:0;top:auto;width:100%;height:auto;flex-direction:row;align-items:center;padding:4px 6px;border-right:none;border-top:1px solid var(--ink-12);overflow-x:auto;z-index:40}.sidebar .brand,.sidebar .logout-row{display:none}.sidebar nav{flex-direction:row;gap:0}.sidebar a{padding:8px 9px;white-space:nowrap}.content{padding:18px 14px 90px}}button{font:inherit;color:inherit}.btn-primary{display:inline-block;background:var(--teal);color:var(--on-accent);border:none;border-radius:var(--radius);padding:12px 26px;font-size:var(--fs-head);font-weight:600;cursor:pointer;text-decoration:none;text-align:center}.btn-primary:hover{background:var(--teal-dark)}.btn-primary:disabled{opacity:.5;cursor:default}.btn{display:inline-block;background:transparent;color:var(--ink-70);border:1px solid var(--ink-30);border-radius:var(--radius);padding:6px 14px;cursor:pointer;text-decoration:none;text-align:center}.btn:hover{background:var(--ink-06);color:var(--ink)}.btn:disabled{opacity:.45;cursor:default}.btn:disabled:hover{background:transparent}.btn-ghost{background:transparent;border:none;color:var(--ink-70);cursor:pointer;padding:6px 10px;border-radius:var(--radius);text-decoration:none}.btn-ghost:hover{background:var(--ink-06);color:var(--ink)}.btn-danger-ghost{background:transparent;border:1px solid rgba(220,38,38,.4);color:var(--red);border-radius:var(--radius);padding:6px 14px;cursor:pointer}.btn-danger-ghost:hover{background:var(--red-tint)}.card{background:var(--bg);border:1px solid var(--ink-12);border-radius:10px;padding:18px 20px;margin-bottom:16px}.card h2{margin-bottom:12px}.chip{display:inline-block;padding:2px 10px;border-radius:999px;border:1px solid var(--ink-30);color:var(--ink-70);background:var(--bg);white-space:nowrap}.chip.active{background:var(--ink);color:var(--on-accent);border-color:var(--ink)}.chip-red{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--red-tint);color:var(--red);border:1px solid rgba(220,38,38,.35);white-space:nowrap}.chip-btn{cursor:pointer;font:inherit}.banner{background:var(--bg-2);border:1px solid var(--ink-12);border-radius:var(--radius);padding:10px 14px;margin-bottom:10px;color:var(--ink-70)}.banner-red{background:var(--red-tint);border-color:#dc262659;color:var(--red)}.empty-state{padding:28px 20px;text-align:center;color:var(--ink-50);background:var(--bg);border:1px dashed var(--ink-30);border-radius:10px}input,select,textarea{font:inherit;color:var(--ink);background:var(--raise);border:1px solid var(--ink-30);border-radius:var(--radius);padding:7px 10px}input::placeholder,textarea::placeholder{color:var(--ink-50)}input:focus,select:focus,textarea:focus{outline:2px solid var(--teal-tint);border-color:var(--teal)}textarea{width:100%;resize:vertical}label{color:var(--ink-70)}.field-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.field-col{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.field-col>label{font-weight:600;color:var(--ink)}.mono{font-family:var(--font-mono);font-size:var(--fs-body)}.field-error{color:var(--red);margin-top:4px}.table-wrap{overflow-x:auto;background:var(--bg);border:1px solid var(--ink-12);border-radius:10px}table.data{width:100%;border-collapse:collapse}table.data th{text-align:left;padding:10px 14px;border-bottom:1px solid var(--ink-12);color:var(--ink-50);font-weight:600;white-space:nowrap}table.data td{padding:9px 14px;border-bottom:1px solid var(--ink-06);vertical-align:top}table.data tr:last-child td{border-bottom:none}table.data tr.clickable{cursor:pointer}table.data tr.clickable:hover td{background:var(--ink-03)}table.data td.num,table.data th.num{text-align:right}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%);background:var(--ink);color:var(--on-accent);padding:9px 20px;border-radius:999px;z-index:200;box-shadow:0 6px 22px #00000073}.toast-error{background:var(--red)}@media (max-width: 800px){.toast{bottom:72px}}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:100;display:flex;justify-content:flex-end}.drawer{width:min(420px,100%);background:var(--bg);height:100%;padding:24px;overflow-y:auto;box-shadow:-8px 0 30px #00000073}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-2)}.login-card{background:var(--bg);border:1px solid var(--ink-12);border-radius:12px;padding:36px;width:min(360px,92vw);display:flex;flex-direction:column;gap:14px}.login-card input{font-size:var(--fs-head);padding:10px 12px}.today-top{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:var(--bg);border:1px solid var(--ink-12);border-radius:10px;padding:20px 24px;margin-bottom:18px}.stack-item{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid var(--ink-06)}.stack-item:last-child{border-bottom:none}.stack-item .grow{flex:1;min-width:0}.callmode{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-2)}.callmode-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 22px;background:var(--bg);border-bottom:1px solid var(--ink-12)}.callmode-body{flex:1;display:grid;grid-template-columns:minmax(300px,5fr) minmax(300px,6fr);gap:18px;padding:18px 22px;align-items:start}@media (max-width: 900px){.callmode-body{grid-template-columns:1fr}}.callmode-phone{font-family:var(--font-display);font-size:var(--fs-display);font-weight:500;color:var(--ink);text-decoration:none;letter-spacing:.01em}.callmode-phone:hover{color:var(--teal-dark)}.script-section{border:1px solid var(--ink-12);border-radius:var(--radius);margin-bottom:8px;background:var(--bg)}.script-section summary{cursor:pointer;padding:9px 14px;font-weight:600;list-style:none;display:flex;justify-content:space-between}.script-section summary::-webkit-details-marker{display:none}.script-section summary:after{content:"+";color:var(--ink-30)}.script-section[open] summary:after{content:"–"}.script-section .script-body{padding:0 14px 12px;white-space:pre-wrap;color:var(--ink-70)}.outcome-bar{position:sticky;bottom:0;background:var(--bg);border-top:1px solid var(--ink-12);padding:12px 22px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.outcome-btn{border:1px solid var(--ink-30);background:var(--bg);border-radius:var(--radius);padding:9px 13px;cursor:pointer;color:var(--ink-70);white-space:nowrap}.outcome-btn:hover{background:var(--ink-06);color:var(--ink)}.outcome-btn .key{display:inline-block;border:1px solid var(--ink-30);border-radius:4px;padding:0 5px;margin-right:7px;color:var(--ink-50)}.outcome-btn.primary-outcome{background:var(--teal);border-color:var(--teal);color:var(--on-accent);font-weight:600}.outcome-btn.primary-outcome .key{border-color:#17120d80;color:#17120dcc}.outcome-btn.primary-outcome:hover{background:var(--teal-dark)}.callmode-stats{display:flex;gap:16px;flex-wrap:wrap;color:var(--ink-50);padding:8px 22px 16px}.pipeline-board{display:flex;gap:12px;overflow-x:auto;align-items:flex-start;padding-bottom:12px}.pipeline-col{min-width:220px;width:220px;flex-shrink:0;background:var(--bg-2);border:1px solid var(--ink-12);border-radius:10px;padding:10px}.pipeline-col.dragover{border-color:var(--teal);background:var(--teal-tint)}.pipeline-col h3{display:flex;justify-content:space-between;color:var(--ink-70);margin-bottom:8px}.pipeline-card{background:var(--bg);border:1px solid var(--ink-12);border-radius:var(--radius);padding:9px 11px;margin-bottom:8px;cursor:grab}.pipeline-card:hover{border-color:var(--ink-30)}.pipeline-card .name{font-weight:600}.builder-grid{display:grid;grid-template-columns:minmax(320px,5fr) minmax(320px,6fr);gap:20px;align-items:start}@media (max-width: 1000px){.builder-grid{grid-template-columns:1fr}}.preview-frame{width:100%;height:78vh;border:1px solid var(--ink-12);border-radius:10px;background:#f3ede1}.list-editor-row{display:flex;gap:8px;margin-bottom:6px;align-items:center}.list-editor-row input{flex:1}.stepper{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.step{padding:5px 12px;border-radius:999px;border:1px solid var(--ink-30);color:var(--ink-50);background:var(--bg);cursor:pointer}.step.done{border-color:var(--green);color:var(--green)}.step.current{background:var(--ink);color:var(--on-accent);border-color:var(--ink);font-weight:600}.step:disabled{opacity:.45;cursor:default}.big-numbers{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:18px}.big-number{background:var(--bg);border:1px solid var(--ink-12);border-radius:10px;padding:16px 18px}.sparkline{display:block;margin-top:3px}.sparkline polyline{fill:none;stroke:var(--ink-30);stroke-width:1.5}.import-textarea{width:100%;min-height:260px;font-family:var(--font-mono)}.record-header{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:6px}.facts-row{display:flex;flex-wrap:wrap;gap:4px 18px;color:var(--ink-70);margin-bottom:12px}.fact{cursor:pointer;border-bottom:1px dashed var(--ink-30)}.fact:hover{color:var(--ink);border-bottom-color:var(--ink)}.fact-label{color:var(--ink-50);margin-right:4px}.timeline-item{display:flex;gap:12px;padding:7px 0;border-bottom:1px solid var(--ink-06)}.timeline-item:last-child{border-bottom:none}.timeline-type{flex-shrink:0;width:105px;color:var(--ink-50)}.dropzone{border:2px dashed var(--ink-30);border-radius:var(--radius);padding:18px;text-align:center;color:var(--ink-50);cursor:pointer}.dropzone.dragover{border-color:var(--teal);background:var(--teal-tint);color:var(--ink)}mark{background:var(--teal-tint);color:inherit;padding:0 1px}details.plain>summary{cursor:pointer;color:var(--ink-70)}.transcript-box{max-height:320px;overflow-y:auto;white-space:pre-wrap;background:var(--bg-2);border:1px solid var(--ink-12);border-radius:var(--radius);padding:12px;margin-top:8px}.checklist-row{display:flex;align-items:center;gap:9px;padding:4px 0}.checklist-row .grow{flex:1}.section-gap{margin-top:22px}.row-gap{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.spread{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.journey{display:flex;gap:0;overflow-x:auto;padding:6px 0 2px}.journey-step{flex:1;min-width:108px;display:flex;flex-direction:column}.journey-track{display:flex;align-items:center}.journey-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;background:var(--ink-06);color:var(--ink-70);border:2px solid var(--ink-12)}.journey-line{flex:1;height:2px;background:var(--ink-12);margin:0 4px}.journey-step.done .journey-dot{background:var(--teal);border-color:var(--teal);color:var(--on-accent)}.journey-step.done .journey-line{background:var(--teal)}.journey-step.current .journey-dot{background:var(--bg-2);border-color:var(--teal);color:var(--teal);box-shadow:0 0 0 4px var(--teal-tint)}.journey-body{margin-top:8px;padding-right:10px}.journey-label{font-size:12.5px;font-weight:600;line-height:1.25}.journey-step.pending .journey-label{color:var(--ink-70);font-weight:400}.journey-step.current .journey-label{color:var(--teal)}.journey-detail{font-size:11.5px;color:var(--ink-70);margin-top:2px;line-height:1.3}@media (max-width: 800px){.journey{flex-direction:column;gap:2px}.journey-step{min-width:0;flex-direction:row;gap:10px}.journey-track{flex-direction:column;align-self:stretch}.journey-line{width:2px;height:auto;flex:1;margin:4px 0}.journey-body{margin-top:3px;padding-bottom:10px}}.opt-grid{display:flex;gap:12px}.opt-col{flex:1;border:1px solid var(--ink-12);border-radius:var(--radius);padding:12px}.opt-col.picked{border-color:var(--teal);background:var(--teal-tint)}@media (max-width: 900px){.opt-grid{flex-direction:column}}.rec-dot{width:10px;height:10px;border-radius:50%;background:var(--red);display:inline-block;animation:rec-pulse 1.2s ease-in-out infinite}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.25}}.btn-danger{background:var(--red);border:1px solid var(--red);color:var(--on-accent);border-radius:var(--radius);padding:6px 14px;cursor:pointer;font-weight:600}.btn-danger:hover{opacity:.9}
