/* Demo için canlı ama okunaklı raporlama renkleri. */
.demo-app .demo-topbar { background:linear-gradient(110deg,#204b98,#396ed1); border-color:#295bb1; }
.demo-app .demo-topbar strong { color:#fff; }
.demo-app .demo-dot { background:#73e1d3; box-shadow:0 0 0 3px #9ae9df35; }
.demo-app .demo-data-label { color:#dce9ff; border-color:#ffffff60; }
.demo-app .demo-topbar button { color:#fff; background:#ffffff20; border-color:#ffffff65; }
.demo-app .demo-topbar button:hover { background:#ffffff35; border-color:#fff; }
.demo-app .demo-context { background:#f1f6ff; border-color:#d4e2fa; }
.demo-app .demo-context label, .demo-app .demo-filters label, .demo-app .demo-report-picker { color:#405f8c; font-weight:600; }
.demo-app .dia-demo-label { color:#476fae; }
.demo-app .demo-sidebar { background:#fff; border-color:#d7e3f6; }
.demo-app .demo-dashboard-links h3 { color:#1f3f70; }
.demo-app .demo-dashboard-links h3 svg { color:#3269df; }
.demo-app .demo-report-center { color:#46668f; }
.demo-app .demo-report-center-heading { margin:0; }
.demo-app .demo-sidebar .demo-report-center { display:flex; align-items:center; gap:9px; width:100%; margin:0 0 8px; padding:10px 7px; border:0; border-bottom:1px solid #dce5f2; border-radius:0; background:transparent; color:#345a91; font:600 12px/1.4 var(--font); text-align:left; }
.demo-app .demo-sidebar .demo-report-center:hover { background:#edf4ff; color:#225bc4; }
.demo-app .demo-sidebar .demo-report-center > svg:first-child { width:20px; height:20px; color:#5680be; }
.demo-app .demo-sidebar .report-center-chevron { width:14px; height:14px; margin-left:auto; color:#5b77a1; transition:transform .18s; }
.demo-app .demo-sidebar .demo-report-center[aria-expanded="true"] .report-center-chevron { transform:rotate(180deg); }
.demo-app .demo-report-index h2 { color:#1d3d6d; font:600 19px/1.35 var(--heading); letter-spacing:-.4px; margin:0 0 4px; }
.demo-app .demo-report-index > p { color:#607a9e; font-size:11px; line-height:1.5; margin-bottom:13px; }
.demo-report-index-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.demo-report-index-group { min-width:0; background:#fff; border:1px solid #d9e5f6; border-radius:8px; padding:10px; }
.demo-report-index-group h3 { color:#315fa6; font:600 10px/1.4 var(--font); margin:0 0 6px; }
.demo-app .demo-report-index-link { display:flex; justify-content:space-between; align-items:center; gap:8px; width:100%; padding:6px 3px; border:0; border-top:1px solid #edf2fa; border-radius:0; color:#405e84; text-align:left; background:transparent; font-size:10px; }
.demo-app .demo-report-index-link span:last-child { color:#3975d1; flex-shrink:0; }
.demo-app .demo-report-index-link:hover { color:#1855b3; background:#f0f6ff; }
.demo-app.demo-expanded .demo-report-index-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.demo-app .demo-nav-group h4 { color:#245cc5; background:#e4edff; }
.demo-app .demo-sidebar .demo-nav-group button { color:#526b8c; }
.demo-app .demo-sidebar .demo-nav-group button.selected { color:#174eae; background:#e8f1ff; box-shadow:inset 3px 0 #3975e4; }
.demo-app .demo-workspace { background:#f7faff; }
.demo-app .demo-report-picker select, .demo-app .demo-context select, .demo-app .demo-filters input { border-color:#bfd1ec; color:#294b79; }
.demo-app .demo-report-picker select:focus, .demo-app .demo-context select:focus, .demo-app .demo-filters input:focus { border-color:#3975e4; }
.demo-app .demo-report-header h2 { color:#1d3d6d; }
.demo-app #demo-breadcrumb { color:#4b71aa; }
.demo-app #demo-subtitle { color:#5d7496; }
.demo-app .demo-toolbar { border-color:#d7e4f6; }
.demo-app .demo-toolbar button { border-color:#c8d9f3; color:#335e9d; background:#fff; }
.demo-app .demo-toolbar button:hover { background:#e9f1ff; }
.demo-app .demo-kpi { border:0; box-shadow:0 5px 12px #224c8d16; }
.demo-app .demo-kpi { background:linear-gradient(130deg,#285caa,#3d78ce); }
.demo-app .demo-kpi[data-tone="positive"] { background:linear-gradient(130deg,#116d4c,#168b62); }
.demo-app .demo-kpi[data-tone="negative"] { background:linear-gradient(130deg,#a42d35,#c84747); }
.demo-app .demo-kpi > span, .demo-app .demo-kpi strong { color:#fff; }
.demo-app .demo-kpi small { color:#eff6ff; }
.demo-app .demo-chart-panel { background:#fff; border-color:#cfddf3; box-shadow:0 4px 14px #244a7b0b; }
.demo-app .demo-section-heading h3 { color:#284c7a; }
.demo-app .demo-section-heading > span { color:#5f7aa0; }
.demo-app .analysis-panel { background:#fbfdff; border-color:#d5e3f6; }
.demo-app .analysis-panel h4 { color:#345e93; }
.demo-app .analysis-trend svg text { fill:#617b9f; }
.demo-app .analysis-legend span, .demo-app .analysis-donut-item { color:#536d92; }
.demo-app .analysis-bridge i { background:#467ce5; }
.demo-app .analysis-bridge .muted i { background:#92abd3; }
.demo-app .analysis-bridge .green i { background:#2aada0; }
.demo-app .analysis-bridge span, .demo-app .analysis-bridge strong { color:#506c94; }
.demo-app .analysis-bridge [data-tone="positive"] i { background:#16845c; }
.demo-app .analysis-bridge [data-tone="negative"] i { background:#c64242; }
.demo-app .analysis-bridge [data-tone="neutral"].green i { background:#92abd3; }
.demo-app .analysis-flow-cards [data-tone="positive"] { background:#e8f7ef; }
.demo-app .analysis-flow-cards [data-tone="negative"] { background:#fff0f0; }
.demo-app .analysis-bridge [data-tone="positive"] strong,
.demo-app .analysis-flow-cards [data-tone="positive"] strong,
.demo-app .analysis-bar [data-tone="positive"],
.demo-app td[data-tone="positive"] { color:#087044; font-weight:600; }
.demo-app .analysis-bridge [data-tone="negative"] strong,
.demo-app .analysis-flow-cards [data-tone="negative"] strong,
.demo-app .analysis-bar [data-tone="negative"],
.demo-app td[data-tone="negative"] { color:#b32632; font-weight:600; }
.demo-app #demo-insight { color:#426594; background:#eaf2ff; }
.demo-app th { color:#365b91; background:#e8f0ff; font-weight:600; }
.demo-app td { color:#476487; border-color:#e0eaf7; }
.demo-app tbody tr:nth-child(even) { background:#f5f9ff; }
.demo-app .demo-row-detail { color:#235ebd; border-color:#bcd0f0; }
.demo-app .demo-menu-bar { background:#edf4ff; border-color:#d4e2f7; }
.demo-app .demo-menu-bar button { color:#225ec9; background:#fff; border-color:#bed2f3; }
.demo-app .demo-menu-bar > span { color:#56749e; }

/* Sayfa içindeki kısa ön izlemede daha fazla içerik göster. */
.demo-app:not(.demo-expanded) .demo-topbar { padding:8px 12px; }
.demo-app:not(.demo-expanded) .demo-topbar button { padding:6px 9px; }
.demo-app:not(.demo-expanded) .demo-context { padding:8px 13px; gap:10px; }
.demo-app:not(.demo-expanded) .demo-sidebar { padding:10px 9px; }
.demo-app:not(.demo-expanded) .demo-dashboard-links { padding:0 5px 8px; }
.demo-app:not(.demo-expanded) .demo-dashboard-links h3 { font-size:15px; margin-bottom:4px; }
.demo-app:not(.demo-expanded) .demo-dashboard-links button { padding:5px 8px 5px 24px; }
.demo-app:not(.demo-expanded) .demo-report-center { padding:10px 7px; margin-bottom:8px; }
.demo-app:not(.demo-expanded) .demo-nav-group { margin-bottom:9px; }
.demo-app:not(.demo-expanded) .demo-nav-group h4 { padding:7px 10px; margin-bottom:3px; }
.demo-app:not(.demo-expanded) .demo-nav-group button { padding:6px 8px 6px 20px; }
.demo-app:not(.demo-expanded) .demo-workspace { padding:10px 12px; }
.demo-app:not(.demo-expanded) .demo-report-picker { margin-bottom:5px; }
.demo-app:not(.demo-expanded) .demo-report-header h2 { font-size:17px; line-height:1.25; margin:2px 0; }
.demo-app:not(.demo-expanded) #demo-breadcrumb { line-height:1.35; }
.demo-app:not(.demo-expanded) #demo-subtitle { font-size:10px; line-height:1.4; }
.demo-app:not(.demo-expanded) .demo-filters { padding:4px 0; gap:6px; }
.demo-app:not(.demo-expanded) .demo-toolbar { padding:5px 0; gap:6px; }
.demo-app:not(.demo-expanded) .demo-toolbar button { padding:6px 9px; }
.demo-app:not(.demo-expanded) .demo-kpis { margin:5px 0 10px; gap:7px; }
.demo-app:not(.demo-expanded) .demo-kpi { padding:9px; }
.demo-app:not(.demo-expanded) .demo-kpi strong { font-size:18px; margin:3px 0 2px; }
.demo-app:not(.demo-expanded) .demo-kpi small { display:none; }
.demo-app:not(.demo-expanded) .demo-chart-panel { padding:11px; }
.demo-app:not(.demo-expanded) .analysis-panel { padding:12px; }
@media(min-width:761px) {
 .demo-app:not(.demo-expanded) .demo-report-picker, .demo-app:not(.demo-expanded) .demo-filters label { gap:2px; }
 .demo-app:not(.demo-expanded) .demo-report-picker select, .demo-app:not(.demo-expanded) .demo-filters input { height:30px; padding-block:5px; }
 .demo-app:not(.demo-expanded) .demo-filters > button { min-height:30px; padding-block:5px; }
}
@media(min-width:901px) {
 .preview-layout .demo-app:not(.demo-expanded) { align-self:stretch; height:100%; min-height:0; display:flex; flex-direction:column; }
 .preview-layout .demo-app:not(.demo-expanded) .demo-layout { flex:1 1 0; height:0; min-height:0; }
 .preview-layout .demo-app:not(.demo-expanded) .demo-sidebar { height:100%; max-height:none; }
}
@media(max-width:760px) {
 .demo-app:not(.demo-expanded) .demo-menu-bar { padding:7px 12px; }
 .demo-app:not(.demo-expanded) .demo-menu-bar button { padding:7px 10px; }
 .demo-app:not(.demo-expanded) .demo-workspace { padding:10px 12px; }
 .demo-app:not(.demo-expanded) .demo-sidebar { padding:10px 12px; }
 .demo-app.demo-expanded .demo-report-index-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:420px) { .demo-report-index-grid, .demo-app.demo-expanded .demo-report-index-grid { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { .demo-app .demo-sidebar .report-center-chevron { transition:none; } }