/* DEMO · data — styles added during the capability upgrade. Loaded after demos.css. */

/* layout + schema sidebar */
.d6-layout{display:grid;grid-template-columns:250px 1fr;gap:20px;align-items:start}
@media(max-width:780px){.d6-layout{grid-template-columns:1fr}}
.d6-main{display:flex;flex-direction:column;gap:18px;min-width:0}
.d6-schema{padding:16px 14px}
.d6-schema h6{font-family:'Space Grotesk',sans-serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#9aa3c7;margin:0 0 10px;padding:0 4px}
.d6-tbl-item{border-bottom:1px solid rgba(255,255,255,.06)}
.d6-tbl-item:last-child{border-bottom:none}
.d6-tbl-btn{width:100%;display:flex;align-items:center;gap:8px;padding:10px 6px;background:none;border:none;cursor:pointer;color:#c9cfe8;font-family:'Space Grotesk',sans-serif;font-size:13px;text-align:left;transition:color .3s}
.d6-tbl-btn:hover{color:#fff}
.d6-tbl-btn em{margin-left:auto;font-style:normal;font-size:10.5px;color:#6b7394}
.d6-caret-sm{display:inline-block;font-size:10px;color:#7c3aed;transition:transform .3s}
.d6-tbl-item.open .d6-caret-sm{transform:rotate(90deg);color:#22d3ee}
.d6-cols{max-height:0;overflow:hidden;transition:max-height .45s ease}
.d6-tbl-item.open .d6-cols{max-height:300px}
.d6-col{display:flex;justify-content:space-between;gap:10px;padding:4px 6px 4px 20px;font-size:11.5px}
.d6-col b{color:#c9cfe8;font-weight:500;font-family:'Space Grotesk',monospace}
.d6-col span{color:#6b7394}

/* query result table + stats */
.d6-result{padding:18px 20px}
.d6-result .lbl{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:#9aa3c7;margin-bottom:12px}
.d6-tbl{width:100%;border-collapse:collapse}
.d6-tbl th{text-align:left;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#9aa3c7;font-weight:500;padding:5px 10px;border-bottom:1px solid rgba(255,255,255,.12)}
.d6-tbl td{font-size:12.5px;color:#dfe4f7;padding:7px 10px;border-bottom:1px solid rgba(255,255,255,.05)}
.d6-tbl tbody tr:last-child td{border-bottom:none}
.d6-more{font-size:11.5px;color:#6b7394;padding-top:9px}
.d6-stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}

/* proactive insight + board memo */
.d6-insight{display:flex;gap:14px;align-items:center;padding:16px 20px;background:rgba(251,191,36,.06);border-color:rgba(251,191,36,.32)}
.d6-insight .ai-ic{width:38px;height:38px;border-radius:12px;background:linear-gradient(140deg,rgba(251,191,36,.35),rgba(248,113,113,.25));display:grid;place-items:center;flex:none}
.d6-insight p{flex:1;font-size:13.5px;line-height:1.55;color:#e8ecf9}
.d6-insight p b{color:#fbbf24;font-weight:600}
.d6-memo-btn{flex:none;font-size:12.5px;padding:10px 18px}
.d6-memo-card{padding:20px 22px;border-color:rgba(34,211,238,.3)}
.d6-memo-card .lbl{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:#67e8f9;margin-bottom:12px}
.d6-memo-out{font-size:14px;line-height:1.7;color:#dfe4f7;margin:0}
.d6-memo-out b{color:#67e8f9;font-weight:600}

/* follow-up chips */
.d6-follow{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.d6-follow>span{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:#9aa3c7;margin-right:2px}
.d6-follow button{font-size:12px;padding:7px 14px;border-radius:100px;border:1px solid rgba(34,211,238,.3);background:rgba(34,211,238,.06);color:#9aa3c7;cursor:pointer;transition:all .3s;font-family:'Space Grotesk',sans-serif}
.d6-follow button:hover{border-color:#22d3ee;color:#fff}

/* line + donut charts */
.d6-grid{stroke:rgba(255,255,255,.07);stroke-width:1}
.d6-line{fill:none;stroke:#22d3ee;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;transition:stroke-dashoffset 1.15s ease}
.d6-area{opacity:0;transition:opacity .9s .25s}
.d6-dot{fill:#0b0e1e;stroke:#22d3ee;stroke-width:2.5;opacity:0;transition:opacity .45s}
.d6-seg{transition:stroke-dasharray 1s cubic-bezier(.2,.8,.2,1)}

/* ---------- mobile (≤700px) ---------- */
@media(max-width:700px){
  .chart-answer{flex-wrap:wrap}
  .chart-answer p{flex:1 1 calc(100% - 52px)}
  .chart-answer .lat-chip{margin-left:52px}
  .d6-insight{flex-wrap:wrap}
  .d6-insight p{flex:1 1 calc(100% - 52px)}
  .d6-memo-btn{width:calc(100% - 52px);margin-left:52px;justify-content:center}
  .d6-result{padding:14px;overflow-x:auto}
}