@import url('https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;500;600;700&family=DM+Mono:wght@400;500&family=Cormorant+Garamond:ital,wght@0,500;1,500&display=swap');

:root{
  --bg:#0c0c0b;
  --surface:#161615;
  --surface-2:#1e1e1c;
  --border:#302f2b;
  --ink:#f3f2ee;
  --dim:#8f8d85;
  --good:#7a9b7e;
  --alert:#c17a68;
  --radius:5px;
  --radius-lg:8px;
}
@media (prefers-color-scheme: light){
  :root{
    --bg:#f7f6f2;
    --surface:#ffffff;
    --surface-2:#efeee8;
    --border:#dcdad2;
    --ink:#17160f;
    --dim:#6f6d63;
    --good:#4f7a58;
    --alert:#9c5142;
  }
}
:root[data-theme="dark"]{
  --bg:#0c0c0b; --surface:#161615; --surface-2:#1e1e1c; --border:#302f2b;
  --ink:#f3f2ee; --dim:#8f8d85; --good:#7a9b7e; --alert:#c17a68;
}
:root[data-theme="light"]{
  --bg:#f7f6f2; --surface:#ffffff; --surface-2:#efeee8; --border:#dcdad2;
  --ink:#17160f; --dim:#6f6d63; --good:#4f7a58; --alert:#9c5142;
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:'Public Sans',sans-serif;-webkit-font-smoothing:antialiased;transition:background .15s,color .15s;}
a{color:inherit;text-decoration:none;}
h1,h2,h3{font-weight:600;margin:0 0 8px;}
.mono{font-family:'DM Mono',monospace;font-variant-numeric:tabular-nums;}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px;}

.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;background:var(--bg);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;}
.brand{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;font-size:20px;letter-spacing:.01em;}
.brand span{font-family:'Public Sans',sans-serif;font-style:normal;font-weight:700;font-size:11px;letter-spacing:.16em;color:var(--dim);margin-left:8px;}
.topnav{display:flex;gap:26px;}
.topnav a{font-size:12.5px;color:var(--dim);letter-spacing:.04em;text-transform:uppercase;padding:6px 0;border-bottom:1px solid transparent;}
.topnav a:hover{color:var(--ink);border-color:var(--ink);}
.topbar-right{display:flex;align-items:center;gap:16px;font-size:13px;}
.username{color:var(--dim);font-family:'DM Mono',monospace;font-size:12px;}
.logout{color:var(--dim);border:1px solid var(--border);padding:6px 13px;border-radius:var(--radius);font-size:12px;letter-spacing:.03em;}
.logout:hover{color:var(--ink);border-color:var(--ink);}

main{max-width:1280px;margin:0 auto;padding:32px 28px;}
main.narrow{max-width:680px;}

.section-label{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);font-weight:600;margin-bottom:14px;}

.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;}
.card + .card{margin-top:14px;}

.grid-tiles{display:grid;grid-template-columns:repeat(auto-fill, minmax(160px, 1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;}
.tile{display:block;background:var(--surface);padding:15px 14px;transition:background .12s,color .12s;}
.tile:hover{background:var(--ink);color:var(--bg);}
.tile:hover .tile-desc{color:var(--bg);opacity:.65;}
.tile-name{font-weight:600;font-size:13.5px;margin-bottom:3px;letter-spacing:-.005em;}
.tile-desc{font-size:11.5px;color:var(--dim);line-height:1.4;}

.tile-section{margin-bottom:28px;}
.tile-section-pinned{border:1px solid var(--good);background:color-mix(in srgb, var(--good) 7%, var(--surface));}
.tile-section-pinned .widget-title{color:var(--good);}
.tile-section-pinned .grid-tiles{grid-template-columns:repeat(auto-fill, minmax(140px, 1fr));}
.tile-section-pinned .tile-name{font-size:14.5px;}

.dash-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px;align-items:start;}
@media (max-width:980px){.dash-grid{grid-template-columns:1fr;}}

.widget-title{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);font-weight:600;margin-bottom:14px;}

.deal-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid var(--border);}
.deal-row:first-child{border-top:none;}
.deal-addr{font-weight:600;font-size:14px;}
.deal-meta{font-size:12px;color:var(--dim);}
.deal-price{font-family:'DM Mono',monospace;font-variant-numeric:tabular-nums;color:var(--ink);}

.pipeline-row{display:flex;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--border);}
.pipeline-row:first-child{border-top:none;}
.avatar{width:30px;height:30px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);color:var(--ink);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:11px;flex-shrink:0;}
.pipeline-name{font-weight:600;font-size:13px;}
.pipeline-meta{font-size:11.5px;color:var(--dim);}
.badge{font-size:9.5px;padding:2px 8px;border-radius:20px;border:1px solid var(--border);color:var(--dim);text-transform:uppercase;letter-spacing:.06em;}
.badge.buyer{color:var(--ink);border-color:var(--ink);}
.badge.seller{color:var(--dim);border-color:var(--border);}

table{width:100%;border-collapse:collapse;font-size:13px;}
table th{text-align:left;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);padding:9px 10px;border-bottom:1px solid var(--border);font-weight:600;}
table td{padding:11px 10px;border-bottom:1px solid var(--border);}
table tr:hover td{background:var(--surface-2);}

.btn{display:inline-block;background:var(--ink);color:var(--bg);font-weight:600;font-size:12.5px;letter-spacing:.02em;padding:10px 18px;border-radius:var(--radius);border:1px solid var(--ink);cursor:pointer;}
.btn:hover{background:transparent;color:var(--ink);}
.btn.secondary{background:transparent;color:var(--ink);border:1px solid var(--border);}
.btn.secondary:hover{border-color:var(--ink);}
.btn.small{padding:6px 13px;font-size:11.5px;}

input, textarea, select{background:var(--surface-2);border:1px solid var(--border);color:var(--ink);padding:10px 12px;border-radius:var(--radius);font-size:13.5px;font-family:inherit;width:100%;}
input:focus, textarea:focus, select:focus{outline:none;border-color:var(--ink);}
label{font-size:11px;color:var(--dim);letter-spacing:.04em;text-transform:uppercase;display:block;margin-bottom:6px;}
.field{margin-bottom:14px;}
form.inline{display:flex;gap:10px;align-items:end;}

.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;}
.auth-card{width:360px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:34px;}
.auth-card h1{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;font-size:24px;margin-bottom:24px;}
.auth-error{color:var(--alert);font-size:12.5px;margin-bottom:14px;}
.auth-switch{margin-top:18px;font-size:12.5px;color:var(--dim);text-align:center;}

.checklist-item{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-top:1px solid var(--border);}
.checklist-item:first-child{border-top:none;}
.checklist-item.done .cl-label{text-decoration:line-through;color:var(--dim);}
.cl-check{width:17px;height:17px;border-radius:4px;border:1px solid var(--border);flex-shrink:0;margin-top:2px;cursor:pointer;background:transparent;}
.checklist-item.done .cl-check{background:var(--good);border-color:var(--good);}
.cl-label{font-size:13.5px;}
.cl-sub{font-size:11.5px;color:var(--dim);}
.cl-tag{font-size:10px;padding:2px 7px;border-radius:12px;border:1px solid var(--border);color:var(--dim);white-space:nowrap;}
.cl-tag.flag{color:var(--alert);border-color:var(--alert);}

.category-pill{display:inline-block;font-size:11px;padding:3px 10px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border);color:var(--dim);margin:2px 4px 2px 0;}
.category-pill.active{color:var(--ink);border-color:var(--ink);}

.script-card summary{cursor:pointer;font-weight:600;padding:14px 0;font-size:14px;}
.script-body{white-space:pre-wrap;font-size:13.5px;line-height:1.65;color:var(--dim);padding-bottom:14px;}

.chat-log{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;}
.chat-msg{padding:12px 15px;border-radius:var(--radius);max-width:78%;font-size:14px;line-height:1.5;}
.chat-msg.user{align-self:flex-end;background:var(--ink);color:var(--bg);}
.chat-msg.assistant{align-self:flex-start;background:var(--surface-2);border:1px solid var(--border);white-space:pre-wrap;}

.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;}
@media (max-width:700px){.stat-grid{grid-template-columns:repeat(2,1fr);}}
.stat-box{background:var(--surface);padding:16px 14px;text-align:center;}
.stat-box .val{font-family:'DM Mono',monospace;font-variant-numeric:tabular-nums;font-size:22px;color:var(--ink);}
.stat-box .lbl{font-size:10px;color:var(--dim);text-transform:uppercase;letter-spacing:.06em;margin-top:4px;}

.team-req-row{margin-bottom:10px;}
.team-req-row:last-of-type{margin-bottom:0;}
.team-req-top{display:flex;justify-content:space-between;font-size:12px;color:var(--ink);margin-bottom:4px;}
.team-req-num{font-family:'DM Mono',monospace;font-variant-numeric:tabular-nums;color:var(--dim);}
.team-req-bar{height:5px;border-radius:3px;background:var(--border);overflow:hidden;}
.team-req-fill{height:100%;border-radius:3px;transition:width .3s ease;}

.iframe-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;}
.iframe-wrap iframe{width:100%;border:none;display:block;}

.day-pips{display:flex;gap:3px;}
.pip{width:14px;height:8px;border-radius:2px;background:var(--border);}
.pip.filled{background:var(--ink);}

.edge-row{padding:26px 0;border-top:1px solid var(--border);}
.edge-row:first-child{padding-top:0;border-top:none;}
.edge-label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);font-weight:600;margin-bottom:14px;}
.edge-identity{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;font-size:21px;line-height:1.55;max-width:760px;text-wrap:balance;}
.edge-chain{display:flex;align-items:flex-end;flex-wrap:wrap;}
.edge-chain-step{padding-right:26px;}
.edge-chain-sep{font-family:'DM Mono',monospace;font-size:16px;color:var(--border);padding:0 20px 6px 0;}
.edge-chain-val{font-size:30px;font-weight:500;line-height:1;margin-bottom:8px;letter-spacing:-.01em;}
.edge-chain-cap{font-size:11px;color:var(--dim);letter-spacing:.02em;}
.edge-belief{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:19px;line-height:1.4;max-width:640px;color:var(--ink);}
.edge-grid2{display:grid;grid-template-columns:1fr 1fr;gap:48px;}
@media (max-width:700px){.edge-grid2{grid-template-columns:1fr;gap:20px;}}
.edge-list{list-style:none;margin:0;padding:0;}
.edge-list li{font-size:13.5px;line-height:1.55;padding:9px 0 0;margin:0;border-top:1px solid var(--border);}
.edge-list li:first-child{border-top:none;padding-top:0;}
.edge-question{text-align:center;padding:30px 0 4px;border-top:1px solid var(--border);}
.edge-question-text{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;font-size:24px;}
.edge-question-sub{font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin-top:10px;}

@media (max-width:720px){
  .topbar{flex-wrap:wrap;padding:12px 16px;row-gap:10px;position:static;}
  .brand{order:1;font-size:17px;}
  .brand span{display:block;font-size:9px;margin-left:0;margin-top:2px;}
  .topbar-right{order:2;margin-left:auto;gap:10px;}
  .username{display:none;}
  .topnav{order:3;flex-basis:100%;width:100%;overflow-x:auto;gap:18px;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
  .topnav::-webkit-scrollbar{display:none;}
  .topnav a{white-space:nowrap;flex-shrink:0;}

  main{padding:18px 14px;}
  main.narrow{max-width:100%;}
  .card{padding:15px;border-radius:var(--radius);}
  .card + .card{margin-top:12px;}

  .dash-grid{grid-template-columns:1fr;gap:12px;}
  .grid-tiles{grid-template-columns:repeat(2,1fr);}
  .stat-grid{grid-template-columns:repeat(2,1fr);}

  .edge-grid2{grid-template-columns:1fr;gap:18px;}
  .edge-identity{font-size:18px;}
  .edge-chain{flex-wrap:wrap;row-gap:18px;}
  .edge-chain-step{padding-right:18px;}
  .edge-chain-sep{padding:0 14px 6px 0;}
  .edge-chain-val{font-size:26px;}

  table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;}

  .auth-card{width:100%;max-width:360px;padding:26px;}

  .btn:not(.small){width:100%;text-align:center;}
  form.inline{flex-wrap:wrap;}
}

.call-row{padding:14px 0;border-top:1px solid var(--border);}
.call-row:first-child{padding-top:0;border-top:none;}
.call-row-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;}
.call-row audio{filter:invert(1) grayscale(1);}
@media (prefers-color-scheme: light){.call-row audio{filter:none;}}
:root[data-theme="light"] .call-row audio{filter:none;}
:root[data-theme="dark"] .call-row audio{filter:invert(1) grayscale(1);}

.voice-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));gap:10px;}
.voice-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:12px;cursor:pointer;transition:border-color .12s;}
.voice-card:hover{border-color:var(--dim);}
.voice-card.selected{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);}
.voice-name{font-size:13px;font-weight:600;}

#tool-finder-bar{position:sticky;top:0;z-index:40;background:var(--bg);padding:10px 0 14px;margin-bottom:2px;display:flex;align-items:center;gap:14px;}
#toolFinderInput{font-size:15px;padding:13px 16px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);box-shadow:0 4px 16px rgba(0,0,0,.18);}
#toolFinderInput:focus{border-color:var(--ink);}
#toolFinderCount{white-space:nowrap;font-size:11.5px;}
.tile.tile-hit .tile-name mark, .tile-name mark{background:none;color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:2px;}
