/* Codex Studio：一套繽紛主題，深淺模式共用固定的色彩分工。 */
:root {
  --bg:#151c20; --paper:#202b30; --ink:#f5f5ef; --muted:#b2c0c2;
  --sidebar:#192328; --soft:#29373d; --line:#405158;
  --accent:#80cddd; --accent-soft:#243f48; --warning:#ffbf69;
  --series-blue:#75c9e2; --series-orange:#ffae7b; --series-purple:#7ed9b3;
  --series-rose:#f898b6; --series-sky:#e6cc77; --series-slate:#b5a4e0;
  --heat-low:#253b42; --heat-mid:#398196; --heat-high:#a3e2de; --heat-label-ink:#16272b;
  --chart-label-ink:#152327; --button-ink:#14272b; --glass:rgba(21,28,32,.96);
  --chart-focus:#b4d4d9; --chart-shadow:#00000055;
  --studio-solid:#bd5943; --studio-hot:#f2c56e; --studio-shadow:0 10px 32px #00000020;
  --coral-soft:#412f2b; --mint-soft:#253d35; --gold-soft:#3e3826;
}
:root[data-theme="light"] {
  --bg:#f7f5f0; --paper:#fffefa; --ink:#26383e; --muted:#5b6d73;
  --sidebar:#fffefa; --soft:#f0efea; --line:#d9deda;
  --accent:#126d84; --accent-soft:#e4f1f4; --warning:#9c5c08;
  --series-blue:#227f9e; --series-orange:#cc653d; --series-purple:#288663;
  --series-rose:#bd4877; --series-sky:#a77918; --series-slate:#7862ae;
  --heat-low:#eef5f2; --heat-mid:#89c3c0; --heat-high:#246a7d; --heat-label-ink:#fff;
  --chart-label-ink:#fff; --button-ink:#fff; --glass:rgba(247,245,240,.96);
  --chart-focus:#6d929b; --chart-shadow:#254e552c;
  --studio-solid:#ad4e39; --studio-hot:#edbb57; --studio-shadow:0 10px 32px #273c3510;
  --coral-soft:#fcece3; --mint-soft:#e7f4e9; --gold-soft:#faf1d8;
}
body {background:var(--bg);}
.workspace {background:var(--bg);}
.sidebar {border-right:1px solid var(--line);}
.sidebar-inner {padding:28px 14px 0;}
.brand-row {margin:0 0 26px 6px;}
.brand {gap:10px;font-size:1.12rem;}
.brand-mark {width:36px;height:36px;background:var(--studio-solid);color:#fff;border-radius:11px;box-shadow:3px 3px 0 var(--studio-hot);}
.brand-product {margin-top:6px;font-size:.75rem;letter-spacing:1.8px;color:var(--muted);font-weight:650;}
.brand-row>.q-btn {margin-right:-5px;}
.new-chat {background:var(--accent-soft);color:var(--accent);border-color:transparent;min-height:46px;border-radius:12px;}
.primary-nav {margin-top:22px;}
.primary-nav>button {min-height:46px;border-radius:10px;font-size:.875rem;padding:10px;}
.primary-nav>button.selected {background:var(--accent-soft);color:var(--accent);box-shadow:inset 3px 0 var(--accent);}
.primary-nav>button.selected svg {color:var(--accent);}
.nav-count {background:var(--soft);border-radius:5px;padding:0 5px;}
.history-heading {font-size:.75rem;text-transform:uppercase;letter-spacing:1px;margin:25px 10px 10px;}
kbd {font-family:inherit;font-size:.75rem;white-space:nowrap;}
.workspace-user {padding:18px 5px;}
.avatar {background:var(--accent-soft);color:var(--accent);border-radius:10px;}
.workspace-header {min-height:72px;padding:17px 32px;border-bottom:1px solid var(--line);background:var(--glass);}
.header-title {font-weight:650;}
.mode-badge {font-size:.75rem;letter-spacing:1.4px;border:0;color:var(--muted);}
.tool-button {border-radius:8px;min-height:34px;font-size:.8125rem;}
.home-content.studio-home {max-width:1440px;padding:32px 36px 24px;margin:0 auto;}
.studio-page-heading {display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;}
.studio-page-heading .eyebrow {font-size:.75rem;letter-spacing:2px;color:var(--accent);font-weight:650;}
.studio-page-heading h1 {font-size:clamp(1.5rem,2vw,2rem);font-weight:700;letter-spacing:-.6px;line-height:1.5;}


.studio-launchpad {background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:var(--studio-shadow);min-width:0;}
.studio-mode-switch {display:flex;gap:5px;background:var(--soft);padding:5px;border-radius:11px;}
.studio-mode-switch button {display:flex;align-items:center;justify-content:center;gap:7px;flex:1;border:0;background:transparent;border-radius:8px;min-height:38px;padding:6px;color:var(--muted);font-size:.8125rem;white-space:nowrap;}
.studio-mode-switch button.active {background:var(--paper);color:var(--accent);box-shadow:0 2px 8px #00000013;font-weight:650;}
.studio-launch-label {display:flex;align-items:center;justify-content:space-between;gap:10px;margin:21px 0 12px;font-size:.875rem;font-weight:550;}
.studio-step-label {font-size:.75rem;letter-spacing:1.3px;color:var(--muted);}
.studio-launchpad .home-composer {border:1px solid var(--line);background:var(--bg);box-shadow:none;border-radius:13px;min-height:120px;padding:16px 14px 10px;}
.composer:focus-within,.genbi-composer:focus-within {border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);}
.send-button {background:var(--accent);color:var(--button-ink);border-radius:11px;}
.studio-launch-bottom {display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.75rem;margin-top:14px;color:var(--muted);}
.studio-launch-bottom>span {display:flex;align-items:center;gap:6px;}













.studio-section-heading {display:flex;justify-content:space-between;align-items:center;gap:12px;margin:28px 0 14px;}
.studio-section-heading h2 {font-size:1rem;font-weight:650;}
.studio-section-heading>span {font-size:.75rem;color:var(--muted);}
.studio-scenarios {grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;}
.studio-scenarios .suggestion-card {padding:20px;min-height:195px;border-radius:15px;border:1px solid var(--line);background:var(--paper);overflow:hidden;--topic:var(--series-blue);}
.studio-scenarios .studio-topic-1 {--topic:var(--series-orange);}
.studio-scenarios .studio-topic-2 {--topic:var(--series-purple);}
.studio-scenarios .studio-topic-3 {--topic:var(--series-rose);}
.studio-scenarios .studio-topic-4 {--topic:var(--series-sky);}
.studio-scenarios .studio-topic-5 {--topic:var(--series-slate);}
.studio-scenarios .suggestion-card:before {content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--topic);}
.studio-scenarios .suggestion-icon {position:static;display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;color:var(--topic);background:var(--soft);margin-bottom:12px;}
.studio-scenarios .studio-card-index {position:absolute;top:23px;right:20px;font-size:.75rem!important;color:var(--muted);font-variant-numeric:tabular-nums;}
.studio-scenarios .suggestion-card>strong {font-size:.9375rem;font-weight:650;}
.studio-scenarios .suggestion-card>span:not(.suggestion-icon) {font-size:.8125rem;}
.studio-topic-metric {display:flex;align-items:baseline;gap:9px;margin-top:14px;}
.studio-topic-metric strong {font-size:1.45rem;color:var(--topic);font-weight:650;line-height:1.3;letter-spacing:-.5px;}
.studio-topic-metric small {color:var(--muted);font-size:.75rem;line-height:1.6;max-width:155px;}
.studio-scenarios .suggestion-arrow {right:18px;top:31px;opacity:0;transform:translateX(-5px);transition:opacity .2s,transform .2s;}
.studio-scenarios .suggestion-card:hover,.studio-scenarios .suggestion-card:focus-visible {border-color:var(--topic);transform:translateY(-3px);box-shadow:var(--studio-shadow);}
.studio-scenarios .suggestion-card:hover .suggestion-arrow {opacity:1;transform:none;}
.studio-scenarios .suggestion-card:hover .studio-card-index {opacity:0;}
.studio-trends {border:1px solid var(--line);border-radius:15px;background:var(--paper);padding:18px 20px;margin:22px 0 0;}
.studio-trends>p {font-size:.875rem;font-weight:600;}
.studio-trends>div {grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.studio-trends button {padding:12px;font-size:.8125rem;}
.studio-resume-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.studio-resume-grid>button {background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;text-align:left;min-width:0;}
.studio-resume-grid>button>span:nth-child(2) {flex:1;min-width:0;}
.studio-resume-grid strong {font-size:.8125rem;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.studio-resume-grid small {font-size:.75rem;display:block;color:var(--muted);margin-top:4px;}
.studio-resume-icon {display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);width:36px;height:40px;border-radius:8px;flex-shrink:0;}
.home-secondary {margin-top:22px;flex-wrap:wrap;}
.home-footer {font-size:.75rem;padding-bottom:25px;}
.studio-document-start {text-align:center;border:1px dashed var(--line);border-radius:12px;padding:12px;background:var(--bg);}
.studio-document-start>svg {color:var(--accent);}
.studio-document-start h2 {font-size:1rem;margin:6px 0;}
.studio-document-start p {font-size:.75rem;color:var(--muted);margin-bottom:12px;}
.studio-document-start>div {display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:12px;}
.studio-document-start>div>button {background:transparent;border:0;padding:0;font-size:.75rem;color:var(--accent);}
.conversation {max-width:1060px;padding:30px 40px 210px;}
.user-message {margin-bottom:28px;}
.user-message>p {background:var(--accent-soft);border:1px solid var(--line);border-radius:16px 16px 4px 16px;padding:14px 20px;}
.assistant-message {padding:24px 28px 28px;border:1px solid var(--line);border-radius:20px;background:var(--paper);margin-bottom:30px;}
.answer-identity {margin-bottom:22px;}
.answer-mark {width:29px;height:29px;background:var(--accent-soft);color:var(--accent);border-radius:9px;}
.answer-spotlight,.report-spotlight {background:var(--accent-soft);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:13px;box-shadow:none;}
.answer-spotlight h2 {font-size:1.3rem;line-height:1.7;}
.answer-spotlight p,.report-spotlight p {color:var(--muted);}
.spotlight-number strong {color:var(--accent);}
.answer-summary {font-size:1.0625rem;line-height:1.8;}
.studio-analysis-steps {display:flex;gap:6px;flex-wrap:wrap;padding:8px;background:var(--bg);border:1px solid var(--line);border-radius:12px;margin:24px 0;}
.studio-analysis-steps button {display:flex;align-items:center;gap:7px;border:1px solid transparent;background:transparent;border-radius:8px;padding:9px 11px;font-size:.8125rem;min-height:38px;color:var(--muted);}
.studio-analysis-steps button>span {font-size:.75rem;font-variant-numeric:tabular-nums;font-weight:700;}
.studio-analysis-steps button[aria-pressed="true"] {background:var(--paper);color:var(--accent);border-color:var(--line);box-shadow:0 2px 6px #0000000a;}
.studio-focus-notice {display:flex;justify-content:space-between;align-items:center;gap:12px;margin:-12px 0 24px;font-size:.8125rem;color:var(--muted);}
.studio-focus-notice button {background:transparent;border:0;color:var(--accent);font-size:.8125rem;}
.answer-layer-heading {border-bottom:1px solid var(--line);padding-bottom:13px;}
.answer-layer-heading>span {background:var(--accent-soft);color:var(--accent);border:0;border-radius:8px;min-width:30px;height:30px;display:inline-grid;place-items:center;font-size:.75rem;}
.answer-layer-heading h3 {font-weight:650;font-size:1rem;}
.analysis-chart {border-radius:15px;background:var(--paper);border:1px solid var(--line);padding:22px;margin:20px 0 25px;box-shadow:0 4px 20px #00000005;}
.chart-heading {gap:16px;}
.chart-heading h3 {font-size:1rem;}
.chart-kicker {font-size:.75rem;letter-spacing:1.4px;color:var(--accent);}
.chart-metric strong {font-size:2.5rem;font-weight:650;letter-spacing:-1.3px;}
.chart-metric>span,.chart-change,.chart-footnote {font-size:.8125rem;}
.chart-controls {padding:12px 0;border-bottom:1px solid var(--line);margin-bottom:12px;gap:10px;}
.segmented {border-radius:9px;padding:3px;background:var(--bg);}
.segmented button {min-height:30px;font-size:.8125rem;}
.segmented button.active {background:var(--accent-soft);color:var(--accent);}
.chart-form-control select {font-size:.8125rem;}
.chart-selections {gap:8px;}
.chart-selections button {font-size:.8125rem;padding:7px 10px;border-radius:8px;}
.chart-selections button[aria-pressed="true"] {border-color:var(--chart-focus);background:var(--accent-soft);color:var(--ink);}
.chart-selection-summary {border-radius:10px;background:var(--soft);border-color:var(--line);padding:14px;}
.chart-selection-slot {min-height:112px;}
.primary-tool {color:var(--button-ink);background:var(--accent);}
.chart-actions {flex-wrap:wrap;justify-content:flex-end;}
.studio-chart-dialog {width:1120px;max-width:calc(100vw - 40px);max-height:calc(100dvh - 40px);overflow-y:auto;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:18px;padding:10px 26px 22px;}
.studio-chart-dialog-heading {display:flex;justify-content:space-between;align-items:center;position:sticky;top:-10px;z-index:2;background:var(--paper);padding:10px 0;border-bottom:1px solid var(--line);}
.studio-chart-dialog-heading>span {display:flex;align-items:center;gap:9px;color:var(--accent);font-size:.875rem;}
.studio-chart-dialog>.analysis-chart {border:0;margin:0;padding:20px 0 0;}
.studio-chart-dialog .echart {height:440px;}
.claim-list article {border-left:3px solid var(--series-purple);background:var(--soft);padding:17px 20px;margin:12px 0;border-radius:0 10px 10px 0;}
.claim-list h4,.action-list h4 {font-size:.9375rem;}
.claim-list p,.action-list p {font-size:.9375rem;}
/* 每個建議各自成卡片，所以外層那圈框要收掉——兩層邊框疊起來會變成「卡片被另一個框包住」。 */
.action-list {border:0;border-radius:0;overflow:visible;display:grid;gap:10px;}
.action-list article {background:var(--bg);border:1px solid var(--line);border-radius:11px;}
/* styles.css 讓最後一列不畫下框（原本靠分隔線切開），卡片化之後那一邊會缺，補回來。 */
.action-list article:last-child {border-bottom:1px solid var(--line);}
.action-list article>strong {color:var(--accent);}
.followups {gap:10px;}
.followups button {border-radius:10px;padding:11px 14px;font-size:.875rem;background:var(--accent-soft);border-color:transparent;color:var(--accent);}
.sql-details {border-radius:10px;background:var(--bg);}
.sql-details summary {font-size:.875rem;}
.composer-dock {padding:20px 30px 0;}
.composer-dock-inner {max-width:980px;}
.composer-dock .composer {box-shadow:0 4px 25px #00000018;border-radius:16px;}
.progress-list li.current {background:var(--accent-soft);border-radius:8px;padding:8px;color:var(--accent);}
.genbi-library,.dashboard-content,.knowledge-content {max-width:1460px;padding:32px 36px 40px;}
.genbi-library-heading h1,.dashboard-intro h1 {font-size:1.85rem;font-weight:700;}
.genbi-library-heading .eyebrow,.dashboard-intro .eyebrow {color:var(--accent);font-size:.75rem;letter-spacing:1px;}
.studio-library-stats {display:flex;gap:26px;flex-wrap:wrap;margin-top:24px;padding:16px 20px;background:var(--paper);border:1px solid var(--line);border-radius:12px;}
.studio-library-stats>span {font-size:.8125rem;color:var(--muted);display:flex;align-items:baseline;gap:8px;}
.studio-library-stats strong {font-size:1.5rem;color:var(--accent);font-weight:650;}
.genbi-start {background:var(--paper);border-radius:16px;margin-top:20px;border:1px solid var(--line);}
.genbi-templates {grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.genbi-templates>button {background:var(--bg);border-radius:12px;padding:16px;}
.genbi-templates>button:hover {border-color:var(--accent);background:var(--accent-soft);}
.genbi-templates>button:nth-child(3n+2)>svg:first-child {color:var(--series-orange);}
.genbi-templates>button:nth-child(3n+3)>svg:first-child {color:var(--series-purple);}
.genbi-templates button>span {font-size:.8125rem;}
.artifact-card {border-radius:17px;background:var(--paper);box-shadow:var(--studio-shadow);}
.artifact-cover {background:var(--accent-soft);border-bottom:1px solid var(--line);}
.cover-margin {background:var(--soft);color:var(--series-purple);}
.cover-customers {background:var(--soft);color:var(--series-rose);}
.artifact-open {padding:23px;}
.artifact-open h2 {font-size:1.0625rem;font-weight:650;}
.artifact-actions {padding:12px 20px;border-top:1px solid var(--line);}
.genbi-workspace {height:calc(100dvh - 72px);border-top:0;min-height:580px;}
.genbi-workspace-toolbar {background:var(--paper);padding:12px 24px;min-height:62px;gap:15px;}
.studio-layout-switch {display:flex;gap:4px;margin-left:auto;background:var(--bg);padding:4px;border-radius:9px;}
.studio-layout-switch button {display:flex;align-items:center;gap:6px;padding:6px 9px;border:0;background:transparent;border-radius:6px;color:var(--muted);font-size:.75rem;white-space:nowrap;}
.studio-layout-switch button[aria-pressed="true"] {background:var(--accent-soft);color:var(--accent);}
.analysis-switch {max-width:330px;}
.analysis-switch select {font-size:.875rem;}
.genbi-columns {gap:14px;padding:14px;background:var(--bg);grid-template-columns:minmax(320px,35%) minmax(0,1fr);}
.genbi-conversation,.genbi-preview {border:1px solid var(--line);border-radius:15px;overflow:hidden;background:var(--paper);}
.studio-panel-label {display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0;padding:15px 18px;border-bottom:1px solid var(--line);font-size:.8125rem;}
.studio-panel-label>span {display:flex;align-items:center;gap:8px;font-weight:600;}
.studio-panel-label small {color:var(--muted);font-size:.75rem;}
.genbi-transcript {padding:22px 20px 15px;}
.genbi-message {font-size:.9375rem;}
.genbi-message.role-user>p {background:var(--accent-soft);}
.genbi-message.role-assistant>p {color:var(--ink);}
.genbi-followups>button {font-size:.8125rem;border-radius:8px;padding:6px 9px;}
.genbi-followups {max-height:125px;overflow-y:auto;scrollbar-width:thin;}
.genbi-composer {background:var(--bg);}
.genbi-composer textarea {background:transparent;font-size:1rem;}
.genbi-preview-toolbar {background:var(--paper);min-height:57px;}
.genbi-preview-toolbar>span {font-size:.875rem;color:var(--ink);}
.genbi-preview-toolbar small {font-size:.75rem;background:var(--accent-soft);color:var(--accent);padding:3px 8px;border-radius:5px;}
.genbi-preview-body {background:var(--bg);padding:18px;}
.genbi-report {border-radius:14px;padding:24px;}
.report-heading h1,.report-title-editor input {color:var(--ink);font-weight:700;}
.report-metrics {gap:10px;}
.report-metrics section {border:1px solid var(--line);border-radius:10px;padding:14px;background:var(--bg);min-width:0;}
.report-metrics section:last-child {border-right:1px solid var(--line);}
.report-metrics section:nth-child(2) strong {color:var(--series-orange);}
.report-metrics section:nth-child(3) strong {color:var(--series-purple);}
.report-metrics span {font-size:.8125rem;}
.report-metrics small {font-size:.75rem;}
.report-metrics strong {font-size:1.75rem;}
.report-eyebrow {font-size:.75rem;}
.report-filterbar>span,.report-filterbar>label,.report-filterbar select {font-size:.75rem;}
.report-findings {background:var(--bg);border-radius:11px;}
.report-findings h3 {color:var(--ink);font-size:.875rem;}
.report-findings p {font-size:.875rem;}
.report-section-heading h2 {font-size:.875rem;}
.report-charts .analysis-chart {padding:18px;}
.dashboard-card {background:var(--paper);box-shadow:var(--studio-shadow);border-radius:17px;}
.dashboard-card-toolbar {border-bottom:1px solid var(--line);padding-bottom:9px;}
.dashboard-card .analysis-chart {padding-top:20px;}
.board-tabs {background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:5px;}
.board-tabs button {border-radius:8px;border:0;font-size:.875rem;}
.board-tabs button.active {background:var(--accent-soft);color:var(--accent);}
.knowledge-upload {background:var(--accent-soft);border-color:var(--accent);border-radius:17px;}
.knowledge-list {background:var(--paper);border-radius:16px;}
.knowledge-row {transition:background .18s;}
.knowledge-row:hover {background:var(--soft);}
.knowledge-search {background:var(--paper);}
.q-card {background:var(--paper);color:var(--ink);}
.q-btn.bg-primary {background:var(--accent)!important;color:var(--button-ink)!important;}
.order-review-card {background:var(--paper);border:1px solid var(--line);border-radius:20px;}
.order-stepper {gap:7px;}
.order-stepper li {border:1px solid var(--line);background:var(--bg);border-radius:9px;padding:12px;font-size:.8125rem;}
.order-stepper li.active {border-color:var(--accent);background:var(--accent-soft);color:var(--accent);}
.order-line {border-radius:12px;padding:17px;background:var(--bg);}
.field-review {background:var(--accent-soft);}
.risk-card {border-radius:13px;background:var(--bg);}
.risk-high {border-color:var(--series-orange);}
.risk-high .status-pill {background:var(--series-orange);color:var(--chart-label-ink);}
.order-form input:focus,.line-fields input:focus {border-color:var(--accent);}
.table-scroll th button,.table-scroll td {font-size:.875rem;}
.table-pagination {font-size:.75rem;}
@media(min-width:1101px){
  .studio-layout-chat .genbi-columns,.studio-layout-preview .genbi-columns{grid-template-columns:minmax(0,1fr);}
  .studio-layout-chat .genbi-preview,.studio-layout-preview .genbi-conversation{display:none;}
  .studio-layout-chat .genbi-conversation{max-width:920px;width:100%;margin:auto;height:100%;}
  .studio-layout-preview .genbi-preview .report-charts{grid-template-columns:repeat(2,minmax(0,1fr));}
  .studio-layout-preview .genbi-preview .report-spotlight{grid-template-columns:minmax(0,1fr) auto;}
}
@media(max-width:1100px){
  .studio-layout-switch{display:none;}.genbi-columns{display:block;padding:12px;}.genbi-workspace{height:calc(100dvh - 72px);}
  .genbi-mobile-tabs button.active{background:var(--accent-soft);color:var(--accent);}.genbi-mobile-tabs button{font-size:.875rem;padding:8px;}
  .genbi-templates{grid-template-columns:repeat(2,minmax(0,1fr));}.studio-panel-label{display:none;}
}
@media(max-width:650px){
  .conversation{padding:18px 12px 205px;}.assistant-message{padding:16px;border-radius:15px;}.answer-spotlight h2{font-size:1.125rem;}
  .studio-analysis-steps{gap:4px;padding:6px;}.studio-analysis-steps button{font-size:.75rem;padding:8px;}.studio-focus-notice{align-items:flex-start;flex-direction:column;gap:4px;}
  .analysis-chart{padding:16px 12px;}.chart-heading{flex-wrap:wrap;gap:8px;}.chart-actions{justify-content:flex-start;}.chart-metric strong{font-size:2.1rem;}.chart-controls{gap:7px;}
  .chart-selections button{font-size:.75rem;}.chart-selection-slot{min-height:186px;}.chart-selection-summary{padding:12px;gap:8px;}.chart-selection-summary .tool-button{font-size:.75rem;}
  .composer-dock{padding:18px 12px 0;}.studio-expand-label{display:none;}.studio-chart-dialog{padding:6px 15px 15px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);}.studio-chart-dialog .echart{height:330px;}
  .genbi-library,.dashboard-content,.knowledge-content{padding:24px 16px 35px;}.genbi-library-heading h1,.dashboard-intro h1{font-size:1.5rem;}.studio-library-stats{gap:12px;padding:13px;}.studio-library-stats strong{font-size:1.2rem;}.studio-library-stats>span{font-size:.75rem;}
  .genbi-start{padding:16px;}.genbi-templates{grid-template-columns:1fr;}.genbi-templates button>span{font-size:.875rem;}.genbi-templates>button{padding:16px;}
  .genbi-workspace{height:calc(100dvh - 62px);min-height:500px;}.genbi-workspace-toolbar{padding:10px 16px;gap:12px;}.analysis-switch{max-width:calc(100% - 105px);}.analysis-switch select{font-size:.8125rem;}
  .genbi-columns{padding:8px;}.genbi-transcript{padding:20px 16px;}.genbi-composer-area{padding:12px;}.genbi-followups{max-height:106px;}.genbi-followups>button{font-size:.75rem;}
  .genbi-preview-body{padding:10px;}.genbi-report{padding:16px;}.genbi-preview-toolbar{padding:10px;}.genbi-preview-toolbar>span{font-size:.75rem;}.genbi-preview-toolbar small{display:none;}.genbi-preview-toolbar .q-btn{font-size:.75rem;}
  .report-metrics{grid-template-columns:1fr;}.report-metrics section{padding:12px;display:grid;grid-template-columns:1fr auto;align-items:center;}.report-metrics small{grid-column:1/-1;}.report-metrics strong{font-size:1.5rem;margin:0;}.report-charts .analysis-chart{padding:14px 10px;}
  .order-stepper{flex-wrap:wrap;}.order-stepper li{min-width:calc(50% - 7px);padding:10px;}.order-line{padding:12px;}.knowledge-row{padding:16px;}
}
@media(min-width:1700px){.studio-scenarios{grid-template-columns:repeat(6,minmax(0,1fr));}.studio-topic-metric{flex-direction:column;gap:5px;}}
@media(max-width:1200px){.studio-step-label{display:none;}.studio-trends>div{grid-template-columns:repeat(2,minmax(0,1fr));}.home-content.studio-home{padding:28px;}.studio-resume-grid{gap:10px;}}
@media(max-width:1050px){.studio-resume-grid{grid-template-columns:1fr;}}
@media(max-width:650px){.workspace-header{padding:12px 16px;min-height:62px;}.mode-badge{display:none;}.home-content.studio-home{padding:22px 16px;}.studio-page-heading{align-items:flex-start;}.studio-page-heading h1{font-size:1.65rem;}.studio-launchpad{padding:14px;}.studio-scenarios{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}.studio-scenarios .suggestion-card{padding:15px;min-height:218px;}.studio-topic-metric{display:block;}.studio-topic-metric strong,.studio-topic-metric small{display:block;}.studio-topic-metric small{margin-top:5px;}.studio-scenarios .studio-card-index{right:15px;top:22px;}.studio-scenarios .suggestion-card>strong{font-size:.875rem;}.studio-section-heading>span{display:none;}.studio-trends{padding:16px;}.studio-trends>div{grid-template-columns:1fr;}.studio-mode-switch button{font-size:.75rem;gap:5px;}.studio-launch-bottom kbd{display:none;}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important;}}

/* 首頁主動提示與空白對話分流；空態不宣稱已查詢或已排序。 */
.studio-page-subtitle {color:var(--muted);font-size:.9rem;line-height:1.8;margin-top:10px;}
.studio-home .studio-page-heading {margin-bottom:30px;}
.studio-home-mark {display:grid;grid-template-columns:repeat(2,19px);gap:6px;transform:rotate(-9deg);margin-right:10px;}
.studio-home-mark i {width:19px;height:19px;border-radius:6px;background:var(--series-orange);}
.studio-home-mark i:nth-child(2) {background:var(--series-blue);}
.studio-home-mark i:nth-child(3) {background:var(--series-purple);}
.studio-home-mark i:nth-child(4) {background:var(--series-rose);}
.studio-priorities {background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--series-orange);border-radius:18px;padding:24px;box-shadow:var(--studio-shadow);}
.studio-priorities .studio-section-heading {margin:0;}
.studio-priority-empty {display:flex;flex-direction:column;align-items:center;text-align:center;padding:38px 16px 28px;}
.studio-priority-slots {display:flex;gap:10px;margin-bottom:18px;}
.studio-priority-slots span {display:grid;place-items:center;width:46px;height:52px;border-radius:12px;background:var(--coral-soft);color:var(--series-orange);font-size:1.2rem;font-weight:650;}
.studio-priority-slots span:nth-child(2) {background:var(--accent-soft);color:var(--series-blue);transform:translateY(-7px);}
.studio-priority-slots span:nth-child(3) {background:var(--mint-soft);color:var(--series-purple);}
.studio-priority-empty h3 {font-size:1rem;font-weight:650;margin:0 0 8px;}
.studio-priority-empty p {font-size:.875rem;color:var(--muted);line-height:1.8;max-width:440px;}
.studio-attention-grid {display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start;margin-top:20px;}
.studio-other-reminders,.studio-expiry {background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden;}
.studio-other-reminders summary {list-style:none;display:flex;align-items:center;gap:14px;cursor:pointer;padding:20px;}
.studio-other-reminders summary::-webkit-details-marker {display:none;}
.studio-other-reminders summary>span:nth-child(2) {flex:1;min-width:0;}
.studio-other-reminders summary strong {display:block;font-size:.95rem;}
.studio-other-reminders summary small {display:block;font-size:.8rem;color:var(--muted);margin-top:5px;}
.studio-other-reminders[open] summary>svg:last-child {transform:rotate(90deg);}
.studio-section-icon {display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border-radius:12px;background:var(--mint-soft);color:var(--series-purple);}
.studio-expiry-heading {display:flex;align-items:center;gap:14px;padding:20px;}
.studio-expiry-heading .studio-section-icon {color:var(--series-sky);background:var(--gold-soft);}
.studio-expiry h2 {font-size:.95rem;font-weight:650;line-height:1.5;margin:0;}
.studio-expiry-heading p {font-size:.8rem;color:var(--muted);margin-top:5px;}
.studio-empty-detail {border-top:1px solid var(--line);padding:18px 20px;color:var(--muted);font-size:.85rem;line-height:1.8;}
.studio-empty-detail p {color:var(--ink);margin:0 0 5px;}
.studio-empty-detail span {font-size:.8rem;}
.studio-home-conversation {margin-top:30px;}
.studio-home-conversation .studio-section-heading {margin-bottom:14px;}
.studio-home-conversation .composer {border-radius:14px;box-shadow:none;background:var(--paper);}
.home-content.studio-start {max-width:1200px;padding:36px;margin:0 auto;}
.studio-start-grid {display:block;margin-bottom:30px;}
.studio-start .studio-launchpad {max-width:850px;}
.studio-start .studio-page-heading {margin-bottom:26px;}
.history-heading {display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:24px;}
.clear-threads {padding:6px;min-height:32px;}
.clear-threads:disabled {opacity:.35;cursor:default;}
.clear-threads:hover:not(:disabled) {color:var(--series-rose);border-color:var(--line);}
.interactive-chart {transition:box-shadow .18s,border-color .18s;}
.interactive-chart.has-selection {border-color:var(--chart-focus);box-shadow:0 6px 24px var(--chart-shadow);}
.studio-chart-dialog>.interactive-chart.has-selection {box-shadow:none;}
.chart-form-control {display:flex;align-items:center;flex-wrap:wrap;gap:8px;max-width:100%;color:var(--muted);font-size:.8rem;}
.chart-form-control select {min-height:34px;max-width:100%;border-radius:8px;}
.chart-fixed-shape {font-size:.8rem;color:var(--muted);}
.chart-shape-note {font-size:.75rem;line-height:1.7;color:var(--muted);margin-top:10px;}
.chart-selection-summary .primary-tool {background:var(--accent);color:var(--button-ink);}
:root[data-theme="light"] .chart-metric strong {color:var(--ink);}
@media(max-width:650px){
  .home-content.studio-start {padding:22px 16px;}
  .studio-attention-grid {grid-template-columns:1fr;gap:14px;}
  .studio-priorities {padding:18px 14px;}
  .studio-priority-empty {padding:30px 6px 20px;}
  .studio-home-mark {display:none;}
  .studio-home-conversation .studio-section-heading {align-items:flex-start;flex-direction:column;gap:8px;}
  .studio-chart-dialog {max-width:calc(100vw - 16px);padding:8px 14px 18px;}
  .studio-chart-dialog .echart {height:340px;}
  .chart-controls {align-items:flex-start;}
}
@media(prefers-reduced-motion:reduce){.interactive-chart {transition:none;}}

.chart-choice-value {color:var(--ink);font-size:.75rem;font-variant-numeric:tabular-nums;margin-left:5px;white-space:nowrap;}
