/* Golden Deal — chat workspace shell. Loads after styles.css and agents.css. */

:root{
  --rail:#1d3329; --rail-2:#25402f; --rail-ink:#e8eee7; --rail-muted:#93a698; --rail-line:#2f4a39;
  --chat-bg:#faf9f4; --panel:#ffffff;
}

html,body{height:100%}
body.gd-app{margin:0;overflow:hidden;background:var(--chat-bg)}
body.gd-app>header,body.gd-app>footer{display:none}

.gd-shell{
  display:grid;grid-template-columns:268px minmax(0,1fr) 360px;
  height:100dvh;width:100%;
}

/* ---------------- left rail ---------------- */
.gd-rail{
  background:var(--rail);color:var(--rail-ink);display:flex;flex-direction:column;
  min-height:0;border-right:1px solid var(--rail-line);
}
.gd-rail-top{display:flex;align-items:center;gap:10px;padding:18px 16px 14px}
.gd-rail-top .gd-brand{font-family:Manrope,sans-serif;font-weight:800;font-size:17px;letter-spacing:-.6px;color:var(--rail-ink);flex:1}
.gd-newbtn{
  background:var(--rail-2);border:1px solid var(--rail-line);color:var(--rail-ink);
  width:30px;height:30px;border-radius:7px;font-size:17px;line-height:1;flex:0 0 auto;
}
.gd-newbtn:hover{background:#2e4d39}
.gd-rail input[type=search]{
  margin:0 12px 14px;width:calc(100% - 24px);padding:9px 12px;font-size:12px;
  background:var(--rail-2);border:1px solid var(--rail-line);color:var(--rail-ink);border-radius:8px;
}
.gd-rail input[type=search]::placeholder{color:var(--rail-muted)}
.gd-rail-label{
  font-size:8.5px;letter-spacing:1.6px;text-transform:uppercase;color:var(--rail-muted);
  padding:6px 16px;margin-top:4px;
}
.gd-rail-scroll{flex:1;min-height:0;overflow-y:auto;padding-bottom:10px}
.gd-agent{
  display:flex;gap:11px;align-items:center;padding:9px 14px;cursor:pointer;
  border-left:2px solid transparent;width:100%;text-align:left;background:none;border-top:0;border-right:0;border-bottom:0;color:inherit;
}
.gd-agent:hover{background:var(--rail-2)}
.gd-agent[aria-current="true"]{background:var(--rail-2);border-left-color:var(--gold)}
.gd-agent .who{min-width:0;flex:1}
.gd-agent .nm{font-family:Manrope,sans-serif;font-weight:600;font-size:13px;display:block;line-height:1.3}
.gd-agent .st{
  font-size:10.5px;color:var(--rail-muted);display:block;line-height:1.35;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.gd-agent[data-state="working"] .st{color:#9fd2c0}
.gd-agent[data-state="blocked"] .st{color:#e3a79c}
.gd-rail .gd-av .eye{fill:var(--rail)}
.gd-rail .gd-av .mouth{stroke:var(--rail)}

.gd-rail-foot{border-top:1px solid var(--rail-line);padding:11px 16px;display:flex;gap:14px;flex-wrap:wrap}
.gd-rail-foot a{font-size:10.5px;color:var(--rail-muted)}
.gd-rail-foot a:hover{color:var(--rail-ink)}

/* ---------------- centre chat ---------------- */
.gd-main{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--chat-bg)}
.gd-topbar{
  flex:0 0 auto;display:flex;align-items:center;gap:14px;padding:13px 22px;border-bottom:1px solid var(--line);
  background:var(--chat-bg);flex-wrap:wrap;
}
.gd-topbar h1{font-family:Manrope,sans-serif;font-size:15px;font-weight:600;margin:0;letter-spacing:-.3px;flex:1;min-width:0;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gd-topbar .gd-mode{flex:0 0 auto}
.gd-mini{display:flex;gap:14px;flex:0 0 auto}
.gd-mini span{font-size:10px;letter-spacing:.8px;color:var(--muted)}
.gd-mini b{font-family:Manrope,sans-serif;font-size:13px;color:var(--ink);font-variant-numeric:tabular-nums}

.gd-thread{flex:1;min-height:0;overflow-y:auto;padding:22px 22px 8px;scroll-behavior:smooth}
.gd-turn{display:flex;gap:12px;margin-bottom:16px;max-width:760px}
.gd-turn.me{margin-left:auto;flex-direction:row-reverse}
.gd-turn .bubble{
  background:var(--panel);border:1px solid var(--line);border-radius:12px;
  padding:12px 15px;font-size:13.5px;line-height:1.6;min-width:0;
}
.gd-turn.me .bubble{background:#e9eee4;border-color:#d7ddcf}
.gd-turn .bubble b{font-weight:600}
.gd-turn .bubble .sub{color:var(--muted)}
.gd-turn .name{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:4px;display:block}
.gd-turn .gd-tag{margin-left:8px;vertical-align:1px}
.gd-turn.is-new{animation:gd-rise .28s ease-out}
@keyframes gd-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.gd-turn.is-new{animation:none}.gd-thread{scroll-behavior:auto}}

.gd-typing{display:inline-flex;gap:4px;align-items:center;padding:3px 0}
.gd-typing i{width:5px;height:5px;border-radius:50%;background:var(--muted);animation:gd-dot 1.2s infinite}
.gd-typing i:nth-child(2){animation-delay:.16s}
.gd-typing i:nth-child(3){animation-delay:.32s}
@keyframes gd-dot{0%,60%,100%{opacity:.25}30%{opacity:1}}
@media (prefers-reduced-motion:reduce){.gd-typing i{animation:none;opacity:.6}}

/* composer */
.gd-composer{border-top:1px solid var(--line);padding:12px 22px 16px;background:var(--chat-bg);flex:0 0 auto}
.gd-quick{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;margin-bottom:10px}
.gd-quick button{
  font-size:11.5px;background:var(--panel);border:1px solid var(--line);color:var(--ink);
  border-radius:20px;padding:7px 13px;white-space:nowrap;
  flex:0 0 auto;align-self:flex-start;line-height:1.5;height:auto;
}
.gd-quick button:hover{border-color:#b9c0ae}
.gd-quick button.gd-hero{
  background:var(--ink);color:#fff;border-color:var(--ink);font-weight:600;
  display:inline-flex;align-items:center;gap:8px;
}
.gd-quick button.gd-hero:hover{background:#2f4a39}
.gd-quick button.gd-hero i{width:6px;height:6px;border-radius:50%;background:var(--gold);font-style:normal}
.gd-inputrow{display:flex;gap:10px;align-items:flex-end}
.gd-inputrow textarea{
  flex:1;margin:0;resize:none;min-height:46px;max-height:130px;padding:13px 15px;font-size:13.5px;
  background:var(--panel);border:1px solid #d4d9cb;border-radius:11px;line-height:1.5;
}
.gd-send{
  background:var(--ink);color:#fff;border:0;border-radius:10px;width:46px;height:46px;flex:0 0 auto;font-size:17px;
}
.gd-send:disabled{opacity:.4}
.gd-note{font-size:10px;color:var(--muted);margin:9px 0 0;line-height:1.5}

/* ---------------- right results ---------------- */
.gd-results{background:var(--panel);border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0}
.gd-results-top{padding:15px 18px 12px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}
.gd-results-top h2{font-family:Manrope,sans-serif;font-size:13px;font-weight:600;margin:0;flex:1;letter-spacing:-.2px}
.gd-results-top span{font-size:9.5px;letter-spacing:1.2px;color:var(--muted)}
.gd-results-scroll{flex:1;min-height:0;overflow-y:auto;padding:14px}
.gd-hint{color:var(--muted);font-size:12px;line-height:1.6;padding:18px 6px;text-align:center}

.gd-card{border:1px solid var(--line);border-radius:10px;padding:14px 15px;margin-bottom:12px;background:var(--panel)}
.gd-card.is-new{animation:gd-rise .3s ease-out}
.gd-card .cat{font-size:8.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);display:flex;gap:8px;align-items:center;margin-bottom:8px}
.gd-card .cat b{
  width:17px;height:17px;border-radius:5px;background:var(--gd-neutral-bg);color:var(--ink);
  display:grid;place-items:center;font-size:9px;font-weight:700;letter-spacing:0;
}
.gd-card h3{font-family:Manrope,sans-serif;font-size:14px;font-weight:600;margin:0 0 3px;letter-spacing:-.2px;line-height:1.3}
.gd-card .meta{font-size:10.5px;color:var(--muted);margin:0 0 10px;line-height:1.5}
.gd-card .gd-price{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 10px;margin-bottom:11px}
.gd-card .gd-price b{font-family:Manrope,sans-serif;font-size:19px;font-weight:600;font-variant-numeric:tabular-nums}
.gd-card .gd-price span{font-size:10px;color:var(--muted);text-align:right;flex:1 1 140px;min-width:0}
.gd-card p{font-size:11.5px;line-height:1.6;margin:0 0 8px;color:var(--muted)}
.gd-card p b{color:var(--ink);font-weight:600}
.gd-card .mini{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:11px 0}
.gd-card .mini div small{font-size:8px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:4px}
.gd-card .mini .track{display:block;height:5px;background:#e8e9de;border-radius:3px;overflow:hidden}
.gd-card .mini .track i{display:block;height:100%;border-radius:3px}
.gd-card .mini .o .track i{background:var(--gold)}
.gd-card .mini .c .track i{background:var(--gd-un)}
.gd-card .acts{display:flex;gap:9px;flex-wrap:wrap;margin-top:11px}
.gd-card .acts a{font-size:10.5px;border-bottom:1px solid #aeb8a9;padding-bottom:2px;font-weight:600}
.gd-card.none{border-style:dashed;background:#fcfcf8}
.gd-card.none .excl{font-size:10.5px;color:var(--muted);border-top:1px solid var(--line);padding-top:9px;margin-top:9px;line-height:1.7}

/* ---------------- responsive ---------------- */
.gd-tabs{display:none}
@media (max-width:1180px){
  .gd-shell{grid-template-columns:238px minmax(0,1fr) 320px}
}
@media (max-width:980px){
  .gd-shell{grid-template-columns:1fr;grid-template-rows:1fr auto;height:100dvh}
  .gd-rail,.gd-main,.gd-results{display:none;min-height:0}
  body[data-view="agents"] .gd-rail,
  body[data-view="chat"] .gd-main,
  body[data-view="results"] .gd-results{display:flex}
  .gd-tabs{
    display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);
    background:var(--panel);padding-bottom:env(safe-area-inset-bottom,0px);
  }
  .gd-tabs button{
    padding:12px 6px;font-size:11px;font-weight:600;color:var(--muted);background:none;border:0;
    border-top:2px solid transparent;
  }
  .gd-tabs button[aria-current="true"]{color:var(--ink);border-top-color:var(--gold)}
  .gd-thread,.gd-results-scroll{padding-inline:16px}
  .gd-composer{padding-inline:16px}
}