@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400&family=Inter:wght@400;500;600;700;800;900&family=Roboto:wght@400;500;700;900&display=swap');
/* LeDat seasonal indicator, self-contained, 0 remote requests. */
#seasonalityToggle{white-space:nowrap;border:1px solid #64748b;background:#1f2937;color:#e2e8f0;font-weight:750}
#seasonalityToggle.active{background:#0f766e;border-color:#2dd4bf;color:#fff}
.ledat-season-panel{position:absolute;z-index:59;top:14px;right:12px;width:min(410px,calc(100% - 24px));max-height:min(78vh,660px);overflow-y:auto;overscroll-behavior:contain;background:#fff;color:#192638;border:1px solid #cbd5e1;border-radius:14px;box-shadow:0 18px 58px #0f172a38;padding:14px;font:13px/1.45 "Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial, system-ui,-apple-system,"Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial, sans-serif;touch-action:pan-y}
.ledat-season-panel[hidden]{display:none!important}
.ledat-season-panel header{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ledat-season-panel header>div{display:grid;gap:4px;min-width:0}.ledat-season-panel header small{font-size:10px;color:#0f766e;font-weight:850;letter-spacing:.065em}.ledat-season-panel header strong{font-size:15px;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ledat-season-panel header button{width:36px;height:36px;border-radius:10px;border:1px solid #cbd5e1;background:#f8fafc;font-size:20px;flex:none;cursor:pointer}
.ledat-season-summary{font-size:12px;color:#475569;margin:12px 0}
.ledat-season-bars{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:3px;align-items:end;min-height:105px;padding:8px 2px;border-radius:9px;background:#f8fafc;border:1px solid #e2e8f0}
.ledat-season-month{height:90px;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;overflow:hidden}
.ledat-season-month b{font-size:9px;font-weight:750;white-space:nowrap;color:#475569;letter-spacing:-.04em}
.ledat-season-month i{width:clamp(8px,65%,20px);height:var(--season-height,2px);min-height:2px;max-height:46px;display:block;border-radius:4px 4px 1px 1px;background:#059669}
.ledat-season-month i.fall{background:#dc2626}
.ledat-season-month small{font-size:10px;font-weight:700;color:#64748b;line-height:1.3}
.ledat-season-peaks{margin:10px 0;display:grid;gap:7px}
.ledat-season-note{font-size:12px;line-height:1.6;margin:0;color:#334155;overflow-wrap:anywhere}.ledat-season-note.up strong{color:#047857}.ledat-season-note.down strong{color:#b91c1c}
.ledat-season-panel footer{font-size:10px;color:#475569;border-top:1px solid #e2e8f0;padding-top:9px;margin-top:8px}
.ledat-season-caveat{font-size:10px;line-height:1.5;color:#64748b;margin:10px 0 0}
@media(max-width:1100px){.trend-shell .trend-chart-actions #seasonalityToggle{order:9!important;display:inline-flex!important;align-items:center!important;gap:5px!important;min-width:42px!important}.trend-shell .trend-chart-actions:not(.msc-mobile-menu-open) #seasonalityToggle{display:inline-flex!important}.ledat-season-panel{left:8px;right:8px;top:12px;width:calc(100% - 16px);max-height:calc(100% - 24px);padding:12px}.ledat-season-month b{font-size:8px}.ledat-season-bars{gap:1px}}
@media(max-width:600px){.trend-shell .trend-chart-actions #seasonalityToggle{flex:0 0 auto!important;width:42px!important;min-width:42px!important;padding:0 9px!important;order:6!important}.trend-shell .trend-chart-actions #seasonalityToggle .trend-action-label{display:none!important}}

.ledat-season-controls{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 10px}.ledat-season-controls button{height:34px;border-radius:10px;border:1px solid #cbd5e1;background:#f8fafc;color:#334155;font-weight:800;cursor:pointer;padding:0 12px}.ledat-season-controls .ledat-season-apply{background:#0f766e;border-color:#0f766e;color:#fff}.ledat-season-controls .ledat-season-apply[aria-pressed="true"]{background:#0c4a3a}.ledat-season-controls .ledat-season-reset{background:#fff}.ledat-season-controls button:disabled{opacity:.45;cursor:not-allowed}
.ledat-season-timing{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}.ledat-season-chip{height:28px;border-radius:999px;border:1px solid #dbe4ee;background:#fff;padding:0 10px;font-size:11px;font-weight:850;color:#334155;cursor:default}.ledat-season-chip.up{border-color:#99f6e4;color:#0f766e;background:#ecfeff}.ledat-season-chip.down{border-color:#fecdd3;color:#be123c;background:#fff1f2}
@media(max-width:600px){.ledat-season-controls button{width:100%}.ledat-season-timing{gap:6px}.ledat-season-chip{width:100%;justify-content:center;text-align:center}}

@media(max-width:1100px){.trend-shell .trend-chart-actions #seasonalityToggle{display:inline-flex!important;order:1!important;background:#0f766e!important;color:#fff!important;min-width:45px!important;border-radius:9px!important;flex:0 0 45px!important}.trend-shell .trend-chart-actions #seasonalityToggle.active{background:#064e3b!important}}
@media(max-width:600px){
 .trend-shell .trend-chart-actions #seasonalityToggle{flex:0 0 81px!important;width:81px!important;min-width:81px!important;gap:3px!important;letter-spacing:-.02em!important;font-size:11px!important}
 .trend-shell .trend-chart-actions #seasonalityToggle .trend-action-label{display:inline!important;font-size:10px!important}
}
/* V20.366: observable per-year wave windows, exact timing and provenance */
.ledat-season-window{display:grid;gap:5px;margin:0 0 9px;padding:10px 11px;border:1px solid #a7f3d0;border-left:3px solid #059669;border-radius:10px;background:linear-gradient(90deg,#f0fdfa,#fff);color:#164e45}
.ledat-season-window.down{background:linear-gradient(90deg,#fff1f2,#fff);border-color:#fecdd3;border-left-color:#e11d48;color:#9f1239}
.ledat-season-window strong{font-size:13px;line-height:1.4;letter-spacing:.01em}
.ledat-season-window>small{font-size:11px;font-weight:600;line-height:1.55;color:#475569}
.ledat-season-history{display:flex;gap:4px 6px;flex-wrap:wrap;margin-top:2px}
.ledat-season-history span{display:inline-flex;align-items:center;min-height:22px;padding:2px 6px;border-radius:6px;background:rgba(255,255,255,.9);border:1px solid #e2e8f0;color:#475569;font-size:10px;line-height:1.35;font-variant-numeric:tabular-nums}
@media(max-width:600px){.ledat-season-window{padding:9px;margin-bottom:7px}.ledat-season-panel{max-height:min(82vh,calc(100dvh - 82px));overflow-y:auto}.ledat-season-history span{font-size:10px}}

.ledat-season-direction{font-size:12px;line-height:1.55;padding:9px 10px;margin:7px 0;border-radius:9px;border:1px solid #cbd5e1;background:#f8fafc;color:#334155;font-weight:650}.ledat-season-direction.up{background:#ecfdf5;color:#065f46;border-color:#6ee7b7}.ledat-season-direction.down{background:#fff1f2;color:#9f1239;border-color:#fda4af}

/* V20.369 · Immediate feedback and nonblocking analysis status */
#seasonalityToggle{position:relative;display:inline-flex;align-items:center;gap:6px;transition:background-color .15s,border-color .15s}
#seasonalityToggle[data-status="queued"],#seasonalityToggle[data-status="working"]{border-color:#2dd4bf!important;color:#d1fae5!important;background:#134e4a!important}
#seasonalityToggle[data-status="queued"]::after,#seasonalityToggle[data-status="working"]::after{content:"";width:11px;height:11px;flex:0 0 11px;border:2px solid rgba(255,255,255,.28);border-top-color:#fff;border-radius:50%;animation:ledat-season-spin .75s linear infinite}
#seasonalityToggle[data-status="done"]{border-color:#34d399!important}
#seasonalityToggle[data-status="error"]{border-color:#fb923c!important}
.ledat-season-panel{z-index:205!important}
.ledat-season-progress{padding:12px;margin:11px 0 9px;border-radius:12px;border:1px solid #99f6e4;background:#f0fdfa;color:#134e4a}
.ledat-season-progress[hidden]{display:none!important}
.ledat-season-progress-top{display:flex;align-items:center;gap:9px;min-width:0}
.ledat-season-progress-top strong{flex:1;min-width:0;font-size:12px;line-height:1.35;font-weight:780}
.ledat-season-progress-top #ledatSeasonPercent{flex:none;font-size:12px;font-weight:900;font-variant-numeric:tabular-nums}
.ledat-season-spinner{flex:0 0 16px;width:16px;height:16px;border:2px solid #a7f3d0;border-top-color:#0f766e;border-radius:50%;animation:ledat-season-spin .75s linear infinite}
.ledat-season-track{height:7px;overflow:hidden;border-radius:20px;background:#ccfbf1;margin:11px 0 7px}
.ledat-season-track i{display:block;height:100%;width:0%;background:linear-gradient(90deg,#059669,#0d9488);border-radius:20px;transition:width .15s ease}
.ledat-season-progress small{display:block;font-size:11px;color:#0f766e;line-height:1.4}
@keyframes ledat-season-spin{to{transform:rotate(360deg)}}
@media(max-width:900px){
 .ledat-season-panel{position:fixed!important;top:auto!important;bottom:max(12px,env(safe-area-inset-bottom))!important;left:10px!important;right:10px!important;max-height:min(72dvh,700px)!important;width:auto!important;z-index:990!important;box-shadow:0 -8px 50px rgba(15,23,42,.28)}
 .ledat-season-progress{margin:8px 0}
}
@media(prefers-reduced-motion:reduce){.ledat-season-spinner,#seasonalityToggle[data-status="working"]::after,#seasonalityToggle[data-status="queued"]::after{animation-duration:2.5s}}

/* V20.370 — portal-based LeDat sheet: visible on iPad, Safari and fullscreen */
#seasonalityPanel.ledat-season-panel{position:fixed!important;z-index:2147482500!important;width:min(410px,calc(100vw - 24px))!important;max-width:calc(100vw - 20px);max-height:min(72dvh,700px)!important;overscroll-behavior:contain;box-sizing:border-box;isolation:isolate}
#seasonalityToggle[aria-expanded="true"]{outline:2px solid #14b8a6;outline-offset:1px}
@media (max-width:900px), (pointer:coarse){
 #seasonalityPanel.ledat-season-panel{position:fixed!important;inset:auto 10px max(10px,env(safe-area-inset-bottom)) 10px!important;width:auto!important;max-width:none!important;max-height:min(76dvh,690px)!important;overflow-y:auto!important;padding:12px!important;border-radius:16px!important}
 #seasonalityPanel.ledat-season-panel header{position:sticky;top:-12px;background:#fff;z-index:1;padding:4px 0 10px;border-bottom:1px solid #e2e8f0}
}

/* V20.371: always-visible recovery sheet for failed UI initialization. */
#ledatIndicatorRecovery{position:fixed!important;inset:auto 14px max(14px,env(safe-area-inset-bottom)) auto!important;z-index:2147483200!important;width:min(410px,calc(100vw - 28px))!important;max-height:min(70dvh,600px)!important;box-sizing:border-box;overflow:auto;background:#fff;color:#0f172a;border-radius:15px;border:2px solid #0d9488;padding:15px;box-shadow:0 12px 55px #02061770;font:500 13px/1.5 system-ui,-apple-system,sans-serif;touch-action:pan-y}
#ledatIndicatorRecovery[hidden]{display:none!important}
#ledatIndicatorRecovery header{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:16px;font-weight:800}
#ledatIndicatorRecovery header button{height:36px;width:36px;cursor:pointer;border:1px solid #cbd5e1;border-radius:10px;background:#f8fafc;font-size:20px}
#ledatIndicatorRecovery p{margin:10px 0 12px;overflow-wrap:anywhere}
#ledatIndicatorRecovery .ledat-indicator-actions{display:flex;flex-wrap:wrap;gap:8px}
#ledatIndicatorRecovery .ledat-indicator-actions button{flex:1 1 120px;min-height:40px;cursor:pointer;border:1px solid #94a3b8;border-radius:9px;background:#f1f5f9;color:#164e63;font-weight:800;padding:7px}
#ledatIndicatorRecovery .ledat-indicator-actions button:first-child{background:#0d9488;border-color:#0d9488;color:white}
#seasonalityToggle{touch-action:manipulation}
#seasonalityToggle:focus-visible{outline:3px solid #5eead4;outline-offset:2px}
@media(max-width:900px),(pointer:coarse){#ledatIndicatorRecovery{left:10px!important;right:10px!important;bottom:max(10px,env(safe-area-inset-bottom))!important;width:auto!important}}

/* V20.372 indicator panel always appears above chart, with explicit on/off. */
#seasonalityPanel.ledat-season-panel{position:fixed!important;z-index:10098!important;max-height:min(78dvh,650px)!important;overflow-y:auto!important;overscroll-behavior:contain!important}
#seasonalityPanel.ledat-season-panel[hidden]{display:none!important}
@media(max-width:900px){#seasonalityPanel.ledat-season-panel{left:8px!important;right:8px!important;top:max(68px,env(safe-area-inset-top))!important;bottom:auto!important;width:calc(100% - 16px)!important;max-height:calc(100dvh - 85px)!important}}

/* v20.374: clear compact indicator UI; readable Vietnamese on desktop and iPad */
#seasonalityToggle.active{background:#0f766e;border-color:#5eead4;color:white}

#seasonalityPanel.ledat-season-panel{font-family:system-ui,-apple-system,"Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial, "Noto Sans", Arial,sans-serif!important;font-size:13px!important;line-height:1.55!important;letter-spacing:normal!important;width:min(370px,calc(100vw - 20px))!important;max-height:min(73dvh,630px)!important}
#seasonalityPanel header small{font-size:11px!important;letter-spacing:.025em!important;font-weight:700!important}
#seasonalityPanel header strong{font-size:15px!important;font-weight:750!important}
#seasonalityPanel .ledat-season-summary{font-size:13px;line-height:1.55}
#seasonalityPanel .ledat-season-window strong{font-size:13px;font-weight:750;line-height:1.5}
#seasonalityPanel .ledat-season-window small{font-size:12px;line-height:1.55;font-weight:500}
#seasonalityPanel .ledat-season-direction{font-size:12.5px;line-height:1.6;font-weight:600}
#seasonalityPanel button{font-family:inherit;letter-spacing:normal}
#seasonalityPanel #ledatSeasonReset{color:#9f1239;border-color:#fecdd3;background:#fff1f2}
#seasonalityPanel #ledatSeasonApply{flex:1 1 175px}
#seasonalityPanel #ledatSeasonReset{flex:0 0 auto}
@media(max-width:900px),(pointer:coarse){#seasonalityPanel.ledat-season-panel{width:auto!important;max-height:65dvh!important;left:10px!important;right:10px!important;top:auto!important;bottom:max(10px,env(safe-area-inset-bottom))!important}}

/* LeDat 20.379: three independent display filters; no recomputation on toggle. */
.ledat-wave-filters{min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:8px;border:1px solid #dbeafe;border-radius:11px;padding:8px 10px;margin:9px 0;background:#f8fafc;font-family:inherit}.ledat-wave-filters legend{color:#475569;font-size:11px;font-weight:800;padding:0 5px}.ledat-wave-filters label{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;line-height:1.35;cursor:pointer;padding:4px 6px;border-radius:7px;color:#334155}.ledat-wave-filters label:has(input:checked){background:#fff;box-shadow:0 0 0 1px #cbd5e1}.ledat-wave-filters input{width:16px;height:16px;accent-color:#0f766e;cursor:pointer}
@media(max-width:640px){.ledat-wave-filters{gap:6px;padding:8px}.ledat-wave-filters label{width:100%;min-height:27px;font-size:12px}}

/* v20.380 future calendar windows: dashed forecast, distinct from observations */
#seasonalityPanel .ledat-season-next-toggle{display:flex;gap:8px;align-items:center;margin:8px 0;padding:8px;border-radius:9px;background:#f5f3ff;color:#5b21b6;font-weight:700;cursor:pointer;font-size:12px}
#seasonalityPanel .ledat-season-next-toggle input{width:17px;height:17px;accent-color:#7c3aed;flex:none}
#seasonalityPanel .ledat-next-season-note{font-size:11px;font-weight:650;line-height:1.5;color:#5b21b6;margin:4px 0 8px}
#seasonalityPanel .ledat-next-season-entry{font-size:11px;line-height:1.45;background:#faf5ff;color:#4c1d95;border-left:3px dashed #7c3aed;border-radius:5px;padding:7px 9px;margin:5px 0}

/* V20.382 · seasonal sample is an independent research preview, never on Google's value axis */
.ledat-season-wave-preview{margin:8px 0 12px;padding:10px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;display:grid;gap:5px;min-width:0}
.ledat-season-wave-preview strong{font:700 10px/1.4 system-ui,-apple-system,"Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial,sans-serif;letter-spacing:.015em;color:#334155;white-space:normal}
.ledat-season-wave-preview svg{width:100%;height:74px;display:block;max-width:420px}
.ledat-season-wave-preview small{font:500 11px/1.5 system-ui,-apple-system,"Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial,sans-serif;color:#475569}
.ledat-season-forecast-warning{padding:9px 10px;border-radius:8px;border:1px solid #f59e0b;background:#fffbeb;color:#92400e;font:650 11px/1.5 system-ui,-apple-system,"Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial,sans-serif}
@media(max-width:768px){.ledat-season-wave-preview svg{height:65px}.ledat-season-forecast-warning{font-size:12px}}

/* V20.383: accessible direct simulation entry */
.ledat-sample-preview-action{display:block;width:100%;min-height:40px;margin:8px 0;padding:8px 12px;border:1px dashed #64748b;border-radius:10px;background:#f8fafc;color:#334155;font:700 12px/1.45 inherit;cursor:pointer;text-align:center}.ledat-sample-preview-action:focus-visible{outline:3px solid #2563eb;outline-offset:2px}

/* v20.384: separate simulation in an inset, NEVER on the Google Trends y-scale. */
#chartStage{position:relative}
.ledat-simulation-inset{position:absolute;left:14px;bottom:40px;z-index:12;width:min(290px,calc(100% - 28px));padding:9px 11px;background:rgba(255,255,255,.98);border:1px solid #94a3b8;border-radius:12px;box-shadow:0 8px 25px rgba(15,23,42,.12);font:11px/1.4 system-ui,sans-serif;color:#334155}
.ledat-simulation-inset[hidden]{display:none!important}
.ledat-simulation-inset-head{display:flex;justify-content:space-between;align-items:center;gap:6px;color:#334155}
.ledat-simulation-inset-head button{border:0;background:#f1f5f9;border-radius:5px;min-width:27px;min-height:27px;cursor:pointer}
.ledat-simulation-inset .ledat-season-wave-preview{margin:4px 0;padding:0;background:transparent;border:0}
.ledat-simulation-inset .ledat-season-wave-preview strong,.ledat-simulation-inset .ledat-season-wave-preview small{display:none}
.ledat-simulation-inset svg{display:block;width:100%;height:75px}
.ledat-simulation-inset>small{display:block;font-size:10px;line-height:1.4;color:#475569}
.ledat-simulation-unavailable{display:block;color:#92400e;background:#fffbeb;border:1px solid #fde68a;padding:6px;border-radius:7px;margin-top:4px;line-height:1.5}
@media(max-width:720px){.ledat-simulation-inset{left:8px;bottom:36px;width:min(245px,calc(100% - 16px));padding:7px}.ledat-simulation-inset svg{height:60px}}

/* Mobile-first chart inset: not a tradable forecast line */
.ledat-simulation-inset{pointer-events:auto;max-height:min(210px,35vh);overflow:auto}
@media(max-width:720px){.ledat-simulation-inset{max-height:145px;bottom:48px;left:8px;right:auto;width:min(225px,calc(100vw - 48px));box-sizing:border-box}}

/* V20.385: the simulation preview is reachable immediately after its control. */
#ledatSimulationFeatured{display:block;max-width:100%;min-width:0}
#ledatSimulationFeatured:empty{display:none}
#ledatSimulationFeatured .ledat-season-wave-preview{margin:7px 0 9px}
#ledatSimulationFeatured .ledat-season-wave-preview svg{height:110px;max-width:none}
#ledatSimulationFeatured .ledat-simulation-unavailable{font-size:11px;line-height:1.45;color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;padding:8px}
@media(max-width:650px){#ledatSimulationFeatured .ledat-season-wave-preview svg{height:83px}}
/* v20.395: de-duplicated duration display and touch-friendly breakdown */
#ledatSeasonDayMode{display:block;width:100%;min-height:38px;margin:5px 0 7px;padding:7px 9px;border:1px solid #94a3b8;border-radius:9px;background:#fff;color:#0f172a;font:650 12px/1.3 system-ui,-apple-system,"Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial, sans-serif;cursor:pointer}
#ledatSeasonDayMode[hidden]{display:none!important}
.ledat-season-day-totals{display:grid;gap:5px;padding:11px 12px;margin:4px 0 10px;border:1px solid #bfdbfe;border-radius:10px;background:#eff6ff;color:#1e3a8a;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ledat-season-day-totals strong{font-size:12.5px;line-height:1.5;font-weight:850}
.ledat-season-day-totals small{display:block;font-size:11px;line-height:1.45;color:#334155}
@media(max-width:760px),(pointer:coarse){#ledatSeasonDayMode{min-height:44px;font-size:14px}.ledat-season-day-totals{padding:10px;margin-bottom:12px}.ledat-season-day-totals small{font-size:12px}}

/* v20.397 · Nhãn thời lượng rõ trên PC/iPad/iPhone */
.ledat-season-day-label-control{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:7px 9px;margin:5px 0;border:1px solid #cbd5e1;border-radius:9px;background:#f8fafc;font-size:11px;color:#334155}
.ledat-season-day-label-control label{display:inline-flex;align-items:center;gap:5px;font-weight:750;min-height:36px}
.ledat-season-day-label-control input{width:16px;height:16px;accent-color:#0e7490}
.ledat-season-day-label-control select{max-width:100%;flex:1 1 195px;min-height:36px;border:1px solid #cbd5e1;border-radius:7px;font-size:11px;padding:0 6px;background:#fff;color:#0f172a}
@media(max-width:600px){.ledat-season-day-label-control select{font-size:12px;min-height:42px}.ledat-season-day-label-control label{min-height:42px}}

/* v20.400: compact annual report; behaves on small screens. */
.ledat-season-report{border:1px solid #d8e2f5;border-radius:10px;padding:10px;margin:10px 0;background:#f8faff;color:#15263f;}
.ledat-season-report-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:7px;}
.ledat-season-report-header button{border:1px solid #a6b6f2;background:#fff;color:#4338ca;padding:7px 10px;border-radius:8px;cursor:pointer;min-height:36px;}
.ledat-season-report pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:230px;overflow:auto;font-size:12px;line-height:1.55;font-family:inherit;margin:0;}
@media (max-width:760px){.ledat-season-report{padding:8px}.ledat-season-report-header button{min-height:44px}.ledat-season-report pre{font-size:12px;max-height:210px}}

#ledatSeasonQuickOff{min-width:32px;min-height:32px;border:1px solid #fecaca;background:#fff1f2;color:#b91c1c;border-radius:8px;padding:4px 7px;cursor:pointer;margin-left:3px;font-size:15px;font-weight:800}#ledatSeasonQuickOff[hidden]{display:none!important}#ledatSeasonQuickOff:hover{background:#ffe4e6}@media (pointer:coarse){#ledatSeasonQuickOff{min-width:42px;min-height:42px}}

/* v20.401: readable report, no nested scroll, touch-friendly. */
.ledat-season-report{padding:13px;border:1px solid #cbdff4;background:#f7fbff;color:#152c45;overflow:visible;}
.ledat-season-report-header>strong{font-size:13px;line-height:1.4;}
.ledat-season-report-header button{font-size:12px;font-weight:700;min-height:38px;}
.ledat-report-intro{font-size:12px!important;line-height:1.65!important;white-space:normal;margin:7px 0 10px!important;color:#344054!important;}
.ledat-report-item{background:#fff;border:1px solid #d7e3ee;border-left:4px solid #0e7490;border-radius:8px;padding:9px 10px;margin:8px 0;}
.ledat-report-item.down{border-left-color:#c24156;}
.ledat-report-item strong{font-size:12px;display:block;color:#155e75;line-height:1.5;}
.ledat-report-item.down strong{color:#9f1239;}
.ledat-report-item p{font-size:12px!important;line-height:1.65!important;white-space:pre-line;overflow-wrap:anywhere;margin:6px 0 0!important;color:#263b52!important;}
.ledat-report-details{font-size:12px;border-top:1px solid #d7e3ee;padding-top:9px;margin-top:10px;}
.ledat-report-details summary{cursor:pointer;font-weight:700;padding:8px 0;color:#314b72;}
.ledat-season-report .ledat-report-details pre{max-height:none!important;overflow:visible!important;white-space:pre-wrap;word-break:break-word;line-height:1.7;font-size:12px;margin-top:8px;}
.ledat-report-note{display:block;color:#526581;font-size:11px;line-height:1.6;margin:10px 0 0;}
@media(max-width:760px){.ledat-season-report{padding:12px}.ledat-season-report-header button{min-height:44px}.ledat-report-item p,.ledat-report-intro{font-size:13px!important}.ledat-report-item{padding:10px;}}

/* v20.402: technical detector findings are optional; chart and totals show exclusive intervals. */
.ledat-season-evidence{border:1px solid #cbd5e1;border-radius:10px;margin:8px 0 10px;background:#fff;max-width:100%;overflow-wrap:anywhere}
.ledat-season-evidence>summary{cursor:pointer;color:#334155;font-size:12px;font-weight:750;line-height:1.5;padding:12px;min-height:44px;box-sizing:border-box}
.ledat-season-evidence[open]>summary{border-bottom:1px solid #e2e8f0;background:#f8fafc}
.ledat-season-evidence .ledat-season-window{margin:8px}
@media(max-width:760px){.ledat-season-evidence>summary{font-size:13px;padding:12px 10px}}

/* v20.403: Vietnamese-language risk/reward summary, readable on touch devices. */
.ledat-report-keyword{margin:4px 0 8px!important;font-size:13px!important;line-height:1.5!important;overflow-wrap:anywhere;color:#344054!important}
.ledat-report-keyword strong{font-weight:800;color:#1d4ed8}
.ledat-report-entries{display:grid;gap:9px;margin-top:9px}
.ledat-report-opportunity{border-top:1px solid #e5edf5;padding:9px 0 2px;min-width:0}
.ledat-report-opportunity:first-child{border-top:0;padding-top:0}
.ledat-report-dates{display:flex;gap:5px 12px;justify-content:space-between;flex-wrap:wrap;align-items:baseline;margin:0 0 5px!important;font-size:14px!important;line-height:1.4!important}
.ledat-report-dates strong{color:#075985;font-size:14px;font-weight:800}
.ledat-report-item.down .ledat-report-dates strong{color:#9f1239}
.ledat-report-proof{font-size:12px!important;margin:3px 0!important;line-height:1.55!important;color:#475569!important}
.ledat-report-proof strong{display:inline;color:#334155;font-size:12px}
.ledat-report-action{font-size:12px!important;line-height:1.65!important;margin:6px 0 0!important;white-space:normal!important;color:#334155!important}
.ledat-report-action strong{display:inline;color:#1e293b;font-size:12px}
.ledat-report-empty{margin:5px 0 1px!important;color:#475569!important;line-height:1.6!important}
.ledat-report-takeaway{margin:11px 0 6px!important;padding:9px;border-radius:8px;background:#f1f5f9;border:1px solid #dbe5ec;font-size:12px!important;line-height:1.7!important;color:#334155!important}
.ledat-report-takeaway strong{font-weight:800;color:#0f172a}
@media(max-width:760px),(pointer:coarse){.ledat-report-dates strong{font-size:14px}.ledat-report-action,.ledat-report-proof,.ledat-report-takeaway{font-size:13px!important}.ledat-report-keyword{font-size:14px!important}.ledat-report-opportunity{padding:10px 0 3px}}

/* v20.404: Calendar regime change warning, readable on small screens. */
.ledat-report-stability{margin:7px 0 0;padding:8px 10px;border-radius:8px;background:#f8fafc;border:1px solid #e2e8f0;color:#475569;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.ledat-report-stability strong{color:#334155}
@media(max-width:600px){.ledat-report-stability{font-size:13px;line-height:1.65}}

/* v20.415 report: comparison evidence visible without nested scrollbars; responsive */
.ledat-report-examples{margin:5px 0!important;padding:6px 8px;border-radius:7px;background:#f1f5f9;color:#334155!important;font-size:12px!important;line-height:1.55!important;overflow-wrap:anywhere}
.ledat-report-warning{padding:8px 9px;margin:6px 0 0!important;border-left:3px solid #c47c24;background:#fffbeb;color:#7c4212!important;font-size:12px!important;line-height:1.65!important}
.ledat-season-report .ledat-report-opportunity{max-width:100%;min-width:0}
@media(max-width:760px),(pointer:coarse){.ledat-report-examples,.ledat-report-warning{font-size:13px!important;line-height:1.6!important}}

.ledat-report-quick{font-size:12px!important;line-height:1.65!important;font-weight:700;color:#1e293b!important;margin:5px 0 10px!important;padding:8px 10px;border-radius:8px;background:#eef2f6;border:1px solid #d8e1eb;overflow-wrap:anywhere}
@media(max-width:760px){.ledat-report-quick{font-size:13px!important}}

/* v20.429: touch-safe local diagnostic export; does not alter toolbars or saved drawings. */
.ledat-wave-audit-download{display:block;width:100%;min-height:38px;margin:8px 0;padding:8px 12px;border:1px dashed #94a3b8;border-radius:9px;background:transparent;color:inherit;text-align:center;cursor:pointer;font:inherit;font-weight:600;white-space:normal;overflow-wrap:anywhere}.ledat-wave-audit-download:focus-visible{outline:3px solid #38bdf8;outline-offset:2px}@media(max-width:900px),(pointer:coarse){.ledat-wave-audit-download{min-height:44px;padding:11px 12px}}

/* v20.430: audit controls usable on PC, iPad, and small touch screens */
.ledat-wave-explain{max-height:210px;overflow:auto;overscroll-behavior:contain;padding:10px 12px;margin:6px 0;border:1px solid rgba(80,120,160,.32);border-radius:8px;background:rgba(12,30,45,.035);font-size:12px;line-height:1.5}
.ledat-wave-explain p{margin:5px 0;padding-bottom:5px;border-bottom:1px solid rgba(80,120,160,.12);overflow-wrap:anywhere}
.ledat-wave-explain small{display:block;margin-top:8px}
@media(max-width:900px){.ledat-wave-audit-download{max-width:100%;white-space:normal;min-height:40px;padding:8px 10px;touch-action:manipulation}.ledat-wave-explain{max-height:28vh}}

/* v20.484 · Super Wave Intelligence Dashboard & Multi-Device PC / iPad / iPhone UX */
#seasonalityPanel header#ledatSeasonDragHandle{cursor:grab;user-select:none}
#seasonalityPanel header#ledatSeasonDragHandle:active{cursor:grabbing}
.ledat-header-titles{display:grid;gap:3px;min-width:0;flex:1}
.ledat-header-actions{display:inline-flex;align-items:center;gap:6px;flex:none}
.ledat-header-btn{width:36px;height:36px;border-radius:10px;border:1px solid #cbd5e1;background:#f8fafc;color:#0f172a;font-size:16px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}
.ledat-header-btn:hover{background:#f0fdfa;border-color:#14b8a6;color:#0f766e}
.ledat-header-btn[aria-pressed="true"]{background:#0f766e;border-color:#0f766e;color:#fff}
#ledatSeasonSheetToggle{display:none}
@media(max-width:900px),(pointer:coarse){
  #ledatSeasonExpandToggle{display:none!important}
  #ledatSeasonSheetToggle{display:inline-flex!important;min-width:44px;min-height:44px}
  #seasonalityPanel header #ledatSeasonClose{min-width:44px;min-height:44px}
  #seasonalityPanel.ledat-season-panel.is-sheet-compact{max-height:215px!important;overflow-y:auto!important;box-shadow:0 -6px 32px rgba(15,23,42,.22)!important}
}
@media(min-width:901px) and (pointer:fine){
  #seasonalityPanel.ledat-season-panel.is-expanded-studio{width:min(780px,calc(100vw - 28px))!important;max-height:min(84dvh,780px)!important;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 14px;align-items:start}
  #seasonalityPanel.ledat-season-panel.is-expanded-studio>header,
  #seasonalityPanel.ledat-season-panel.is-expanded-studio>#ledatSeasonProgress,
  #seasonalityPanel.ledat-season-panel.is-expanded-studio>#ledatSuperWaveDashboard,
  #seasonalityPanel.ledat-season-panel.is-expanded-studio>footer,
  #seasonalityPanel.ledat-season-panel.is-expanded-studio>.ledat-season-caveat{grid-column:1 / -1}
}
/* iPad Portrait & Landscape touch optimization */
@media(min-width:601px) and (max-width:1180px) and (pointer:coarse){
  #seasonalityPanel.ledat-season-panel{left:14px!important;right:14px!important;bottom:max(12px,env(safe-area-inset-bottom))!important;top:auto!important;max-height:min(68dvh,640px)!important;border-radius:18px!important;padding:14px 16px!important}
  .ledat-super-wave-dashboard{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
  .ledat-sw-hero,.ledat-sw-telemetry,.ledat-wave-jump-bar{grid-column:1 / -1}
}
/* iPhone / Narrow Mobile safe-area & touch targets */
@media(max-width:600px){
  #seasonalityPanel.ledat-season-panel{left:6px!important;right:6px!important;bottom:max(6px,env(safe-area-inset-bottom))!important;top:auto!important;width:calc(100vw - 12px)!important;max-height:min(78dvh,calc(100dvh - 68px))!important;padding:12px 12px max(12px,env(safe-area-inset-bottom))!important;border-radius:16px 16px 14px 14px!important}
}
.ledat-super-wave-dashboard{margin:10px 0;padding:11px 12px;border-radius:12px;border:1px solid #99f6e4;background:linear-gradient(145deg,#f0fdfa 0%,#f8fafc 60%,#eff6ff 100%);display:grid;gap:9px;box-shadow:inset 0 1px 0 #fff}
.ledat-SuperWaveDashboard[hidden],.ledat-super-wave-dashboard[hidden]{display:none!important}
.ledat-sw-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap}
.ledat-sw-arch{display:grid;gap:4px;flex:1 1 200px;min-width:0}
.ledat-sw-arch-badge{display:inline-flex;align-items:center;gap:5px;width:fit-content;max-width:100%;padding:3px 9px;border-radius:999px;background:#0f766e;color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.01em}
.ledat-sw-arch-desc{font-size:11.5px;line-height:1.45;color:#334155}
.ledat-sw-score{flex:none;display:grid;justify-items:end;padding:5px 10px;border-radius:10px;background:#fff;border:1px solid #cbd5e1;min-width:86px;text-align:right;font-variant-numeric:tabular-nums}
.ledat-sw-score strong{font-size:16px;line-height:1.15;font-weight:900;color:#0f766e}
.ledat-sw-score small{font-size:10px;font-weight:800;color:#475569;text-transform:uppercase;letter-spacing:.03em}
.ledat-sw-score.grade-s{border-color:#10b981;background:#ecfdf5}.ledat-sw-score.grade-s strong{color:#047857}
.ledat-sw-score.grade-a{border-color:#14b8a6;background:#f0fdfa}.ledat-sw-score.grade-a strong{color:#0f766e}
.ledat-sw-score.grade-b{border-color:#93c5fd;background:#eff6ff}.ledat-sw-score.grade-b strong{color:#1d4ed8}
.ledat-sw-score.grade-c{border-color:#cbd5e1;background:#f8fafc}.ledat-sw-score.grade-c strong{color:#475569}
.ledat-sw-radar{padding:9px 10px;border-radius:10px;background:#fff;border:1px solid #cbd5e1;border-left:4px solid #64748b;display:grid;gap:4px}
.ledat-sw-radar.tone-up{border-color:#a7f3d0;border-left-color:#059669;background:linear-gradient(90deg,#ecfdf5,#fff)}
.ledat-sw-radar.tone-down{border-color:#fecdd3;border-left-color:#e11d48;background:linear-gradient(90deg,#fff1f2,#fff)}
.ledat-sw-radar-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}
.ledat-sw-radar-head strong{font-size:12.5px;font-weight:800;color:#0f172a}
.ledat-sw-radar.tone-up .ledat-sw-radar-head strong{color:#065f46}
.ledat-sw-radar.tone-down .ledat-sw-radar-head strong{color:#9f1239}
.ledat-sw-radar-head span{font-size:11px;font-weight:700;color:#475569;font-variant-numeric:tabular-nums}
.ledat-sw-radar p{margin:0;font-size:11.5px;line-height:1.5;color:#334155}
.ledat-sw-countdown{display:block;font-size:11px;font-weight:700;color:#0f766e;padding-top:2px}
.ledat-sw-radar.tone-down .ledat-sw-countdown{color:#be123c}
.ledat-sw-strategy{display:block;font-size:11px;line-height:1.45;color:#1e3a8a;background:#eff6ff;padding:5px 7px;border-radius:6px;margin-top:2px}
.ledat-sw-pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:6px}
.ledat-sw-pillar{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:5px 8px;display:grid;gap:4px}
.ledat-sw-pillar>div{display:flex;justify-content:space-between;align-items:center;font-size:10.5px;color:#475569}
.ledat-sw-pillar>div b{font-weight:800;color:#0f172a;font-variant-numeric:tabular-nums}
.ledat-sw-pillar>i{display:block;height:5px;border-radius:999px;background:#e2e8f0;overflow:hidden}
.ledat-sw-pillar>i>em{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0d9488,#0284c7)}
.ledat-sw-telemetry{font-size:10.5px;line-height:1.45;color:#475569;font-variant-numeric:tabular-nums;padding:2px 2px 0}
.ledat-wave-jump-bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-top:4px;border-top:1px dashed #cbd5e1}
.ledat-wave-jump-bar>small{font-size:10.5px;font-weight:700;color:#475569;margin-right:2px}
.ledat-wave-jump-pill{min-height:28px;padding:3px 9px;border-radius:999px;border:1px solid #99f6e4;background:#fff;color:#0f766e;font-size:11px;font-weight:750;cursor:pointer;font-variant-numeric:tabular-nums;transition:transform .1s,background .15s}
.ledat-wave-jump-pill:hover{background:#ccfbf1}
.ledat-wave-jump-pill.down{border-color:#fecdd3;color:#be123c}
.ledat-wave-jump-pill.down:hover{background:#ffe4e6}
.ledat-wave-jump-pill.reset{border-color:#cbd5e1;color:#334155;background:#f8fafc}
@media(max-width:760px),(pointer:coarse){
  .ledat-wave-jump-pill{min-height:36px;padding:5px 11px;font-size:12px}
}

/* v20.485.0: Wave Action Playbook (#ledatWaveActionPlaybook) */
.ledat-sw-playbook{margin-top:8px;border-top:1px dashed #cbd5e1;padding-top:7px}
.ledat-sw-playbook summary{font-size:11.5px;font-weight:800;color:#0f172a;cursor:pointer;user-select:none;padding:2px 0}
.ledat-sw-playbook-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:6px}
.ledat-sw-pb-step{background:#ffffff;border:1px solid #e2e8f0;border-radius:8px;padding:7px 9px;display:flex;flex-direction:column;gap:2px}
.ledat-sw-pb-step.is-active{border-color:#0284c7;background:#f0f9ff;box-shadow:0 0 0 1px rgba(2,132,199,.15)}
.ledat-sw-pb-step strong{font-size:11px;color:#0f172a}
.ledat-sw-pb-step.is-active strong{color:#0369a1}
.ledat-sw-pb-step small{font-size:10px;font-weight:700;color:#475569}
.ledat-sw-pb-step p{margin:0;font-size:10.5px;line-height:1.38;color:#334155}
@media (max-width:640px){
  .ledat-sw-playbook-grid{grid-template-columns:1fr}
}


/* v20.490.0: Universal Academic Concept '!' Badge & Explainer Popover (PC, iPad, iPhone) */
.msc-acad-info-btn{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;min-width:16px;min-height:16px;padding:0;margin-left:4px;border-radius:999px;border:1px solid #f59e0b;background:linear-gradient(180deg,#fef3c7 0%,#fde68a 100%);color:#b45309;font:900 10px/1 "Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial,sans-serif;cursor:pointer;vertical-align:middle;box-shadow:0 1px 2px rgba(180,83,9,.15);transition:transform .12s,background .15s,border-color .15s,color .15s;flex-shrink:0}
.msc-acad-info-btn:hover,.msc-acad-info-btn:focus-visible{transform:scale(1.12);background:#f59e0b;border-color:#d97706;color:#fff;outline:none}
.ledat-sw-arch-row,.ledat-sw-score-top,.ledat-sw-radar-title-wrap,.ledat-sw-pillar-name{display:inline-flex;align-items:center;gap:4px;min-width:0}
.ledat-sw-pillar{cursor:pointer;transition:border-color .15s,box-shadow .15s}
.ledat-sw-pillar:hover{border-color:#0d9488;box-shadow:0 2px 6px rgba(13,148,136,.08)}
.ledat-sw-telemetry-chips{display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding-top:3px}
.ledat-sw-tele-chip{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:999px;background:#ffffff;border:1px solid #cbd5e1;font-size:10.2px;font-weight:650;color:#334155}
.msc-academic-popover{position:fixed;z-index:2147483640;max-width:calc(100vw - 16px);background:#ffffff;border:1.5px solid #0f766e;border-radius:14px;box-shadow:0 16px 38px rgba(15,23,42,.22),0 2px 8px rgba(15,23,42,.08);padding:12px 13px;color:#0f172a;font-family:"Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial, system-ui,-apple-system,sans-serif}
.msc-academic-popover[hidden]{display:none!important}
.msc-acad-pop-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid #e2e8f0}
.msc-acad-pop-head small{display:block;font-size:9.5px;font-weight:800;letter-spacing:.05em;color:#0f766e;margin-bottom:2px}
.msc-acad-pop-head strong{display:block;font-size:12.5px;line-height:1.35;color:#0f172a}
.msc-acad-pop-badge{font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:999px;background:#fef3c7;color:#92400e;border:1px solid #fde68a;white-space:nowrap;flex-shrink:0}
.msc-acad-pop-close{width:24px;height:24px;border-radius:7px;border:1px solid #cbd5e1;background:#f8fafc;color:#334155;font-size:15px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.msc-acad-pop-close:hover{background:#fee2e2;border-color:#fca5a5;color:#991b1b}
.msc-acad-pop-body{display:grid;gap:7px;font-size:11.5px;line-height:1.46}
.msc-acad-pop-sec{padding:6px 8px;border-radius:8px;background:#f8fafc;border:1px solid #e2e8f0}
.msc-acad-pop-sec.is-read{background:#fffbeb;border-color:#fde68a}
.msc-acad-pop-sec.is-action{background:#ecfdf5;border-color:#a7f3d0}
.msc-acad-pop-sec b{display:block;font-size:11px;color:#0f172a;margin-bottom:2px}
.msc-acad-pop-sec p{margin:0;color:#334155;font-size:11.2px;line-height:1.45}
@media(max-width:760px),(pointer:coarse){
  .msc-acad-info-btn{width:18px;height:18px;min-width:18px;min-height:18px;font-size:11px}
}

/* v20.553.0 · Highlight Cơ Hội Vàng: Con Sóng Tăng Chắc Chắn Thắng (Đoạn Giao Thoa Lõi Qua Các Năm) */
.ledat-golden-core-card{margin:8px 0;padding:11px 12px;border-radius:12px;border:2px solid #f59e0b;background:linear-gradient(145deg,#fffbeb 0%,#fef3c7 52%,#ecfdf5 100%);box-shadow:0 6px 20px rgba(217,119,6,.16);display:grid;gap:7px;color:#1e293b}
.ledat-gcc-ribbon{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}
.ledat-gcc-ribbon>span:first-child{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;background:linear-gradient(90deg,#b45309,#d97706);color:#fff;font-size:10.5px;font-weight:900;letter-spacing:.02em}
.ledat-gcc-score-pill{padding:2px 8px;border-radius:999px;background:#ffffff;border:1px solid #f59e0b;color:#78350f;font-size:10.5px;font-weight:800}
.ledat-gcc-main-title{font-size:13px;font-weight:800;color:#78350f;line-height:1.4}
.ledat-gcc-main-title strong{color:#047857;font-size:14px;font-weight:900;background:#d1fae5;padding:1px 6px;border-radius:5px;border:1px solid #34d399}
.ledat-gcc-main-title span{font-size:11.5px;color:#92400e;font-weight:700}
.ledat-gcc-insight{margin:0;font-size:11.5px;line-height:1.5;color:#334155;background:rgba(255,255,255,.78);padding:6px 8px;border-radius:8px;border:1px solid rgba(245,158,11,.35)}
.ledat-gcc-3zones-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
@media(max-width:640px){.ledat-gcc-3zones-grid{grid-template-columns:1fr}}
.ledat-gcc-zone{padding:6px 8px;border-radius:8px;background:#ffffff;border:1px solid #cbd5e1;display:flex;flex-direction:column;gap:2px}
.ledat-gcc-zone small{font-size:9.8px;font-weight:800;color:#475569}
.ledat-gcc-zone b{font-size:11.5px;font-weight:900;color:#0f172a}
.ledat-gcc-zone span{font-size:10px;line-height:1.35;color:#475569}
.ledat-gcc-zone.is-core-gold{background:linear-gradient(135deg,#fef08a 0%,#fde68a 100%);border:1.5px solid #d97706;box-shadow:0 2px 8px rgba(217,119,6,.18)}
.ledat-gcc-zone.is-core-gold small{color:#78350f}
.ledat-gcc-zone.is-core-gold b{color:#065f46;font-size:12px}
.ledat-gcc-zone.is-core-gold span{color:#78350f;font-weight:700}
.ledat-gcc-gantt-box{background:rgba(255,255,255,.88);border:1px solid #fde68a;border-radius:9px;padding:7px 9px;display:grid;gap:4px}
.ledat-gcc-gantt-head{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap;font-size:10.5px;color:#78350f;margin-bottom:2px}
.ledat-gcc-gantt-head span{font-size:10px;color:#047857;font-weight:700}
.ledat-gcc-year-row{display:grid;grid-template-columns:68px minmax(0,1fr) 74px;align-items:center;gap:6px;font-size:10.5px}
.ledat-gcc-yr-label{color:#1e293b;white-space:nowrap}
.ledat-gcc-yr-label small{color:#64748b;font-size:9.5px}
.ledat-gcc-yr-track{position:relative;height:11px;border-radius:999px;background:#f1f5f9;overflow:hidden;border:1px solid #cbd5e1}
.ledat-gcc-yr-bar{position:absolute;top:0;bottom:0;background:linear-gradient(90deg,#34d399,#10b981);border-radius:999px;opacity:.72}
.ledat-gcc-yr-core-zone{position:absolute;top:0;bottom:0;background:linear-gradient(90deg,#f59e0b,#d97706);border-left:1.5px solid #78350f;border-right:1.5px solid #78350f;opacity:.92}
.ledat-gcc-yr-dates{font-size:9.8px;font-weight:700;color:#334155;text-align:right;font-variant-numeric:tabular-nums}
.ledat-gcc-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding-top:4px;border-top:1px dashed #f59e0b}
.ledat-gcc-timing-status{font-size:10.8px;font-weight:800;color:#065f46}
.ledat-gcc-zoom-btn{padding:4px 10px;border-radius:999px;border:1px solid #d97706;background:linear-gradient(90deg,#f59e0b,#d97706);color:#fff;font-size:10.5px;font-weight:800;cursor:pointer}
.ledat-gcc-zoom-btn:hover{background:#b45309}
.ledat-report-opportunity.is-golden-core-opportunity{background:linear-gradient(135deg,#fffbeb,#fef3c7)!important;border:1.5px solid #f59e0b!important;border-radius:10px!important;padding:10px 11px!important;margin-bottom:8px!important}
.ledat-ro-gold-badge{display:inline-block;padding:2px 8px;border-radius:999px;background:#d97706;color:#fff;font-size:10px;font-weight:900;margin-bottom:5px}


/* v20.554.0: Super Chart Golden Core Filter Chip & Popup Report Modal */
.ledat-gold-filter-chip {
  background: linear-gradient(135deg, #fef3c7, #fde68a);
  color: #78350f !important;
  border: 1.5px solid #f59e0b;
  border-radius: 999px;
  padding: 2px 9px;
  font-weight: 800;
}
.ledat-gold-report-btn {
  background: linear-gradient(135deg, #f59e0b, #d97706);
  color: #ffffff;
  border: 1px solid #b45309;
  border-radius: 999px;
  padding: 3px 10px;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(217, 119, 6, 0.25);
}
.ledat-gold-report-btn:hover {
  filter: brightness(1.06);
}
.ledat-golden-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 100250;
  background: rgba(15, 23, 42, 0.62);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.ledat-golden-modal-backdrop[hidden] {
  display: none !important;
}
.ledat-golden-modal-card {
  width: min(880px, 96vw);
  max-height: 90vh;
  background: #ffffff;
  border: 2px solid #f59e0b;
  border-radius: 16px;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.35);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: #0f172a;
  font-family: system-ui, -apple-system, sans-serif;
}
.ledat-gm-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 18px;
  background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
  border-bottom: 1.5px solid #fcd34d;
}
.ledat-gm-kicker {
  display: inline-block;
  font-size: 10.5px;
  font-weight: 900;
  color: #b45309;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.ledat-gm-head h3 {
  margin: 3px 0 0;
  font-size: 15.5px;
  font-weight: 900;
  color: #78350f;
}
.ledat-gm-toggle-btn {
  padding: 6px 11px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 800;
  cursor: pointer;
  border: 1.5px solid #d97706;
  background: #fef3c7;
  color: #78350f;
}
.ledat-gm-toggle-btn.is-on {
  background: linear-gradient(135deg, #f59e0b, #d97706);
  color: #ffffff;
}
.ledat-gm-close-btn {
  padding: 6px 12px;
  border-radius: 8px;
  border: 1px solid #cbd5e1;
  background: #ffffff;
  color: #334155;
  font-weight: 800;
  font-size: 12px;
  cursor: pointer;
}
.ledat-gm-body {
  padding: 16px 18px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.ledat-gm-legend-explainer {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 10px;
}
.ledat-gm-leg-item {
  padding: 10px 12px;
  border-radius: 10px;
  font-size: 12px;
  line-height: 1.45;
}
.ledat-gm-leg-item b {
  display: block;
  margin-bottom: 4px;
  font-size: 12.5px;
}
.ledat-gm-leg-item p {
  margin: 0;
  color: #334155;
}
.ledat-gm-leg-item.is-gold {
  background: #fffbeb;
  border: 1.5px solid #f59e0b;
}
.ledat-gm-leg-item.is-green {
  background: #ecfdf5;
  border: 1.5px solid #10b981;
}
.ledat-gm-leg-item.is-red {
  background: #fff1f2;
  border: 1.5px solid #f43f5e;
}
.ledat-gm-kpis {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
}
.ledat-gm-kpi {
  padding: 10px 12px;
  border-radius: 10px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.ledat-gm-kpi.is-gold {
  background: linear-gradient(135deg, #fef3c7, #fde68a);
  border-color: #f59e0b;
}
.ledat-gm-kpi span {
  font-size: 10.5px;
  font-weight: 800;
  color: #64748b;
}
.ledat-gm-kpi b {
  font-size: 14px;
  font-weight: 900;
  color: #0f172a;
}
.ledat-gm-kpi small {
  font-size: 11px;
  color: #475569;
}
.ledat-gm-section h4 {
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 900;
  color: #0f172a;
}
.ledat-gm-gantt-box {
  display: flex;
  flex-direction: column;
  gap: 6px;
  background: #f8fafc;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
}
.ledat-gm-gantt-row {
  display: grid;
  grid-template-columns: 150px 1fr 110px;
  align-items: center;
  gap: 8px;
  font-size: 11.5px;
}
.ledat-gm-track {
  position: relative;
  height: 16px;
  background: #e2e8f0;
  border-radius: 999px;
  overflow: hidden;
}
.ledat-gm-bar-full {
  position: absolute;
  top: 2px;
  bottom: 2px;
  background: rgba(16, 185, 129, 0.45);
  border: 1px solid #059669;
  border-radius: 999px;
}
.ledat-gm-bar-core {
  position: absolute;
  top: 1px;
  bottom: 1px;
  background: linear-gradient(90deg, #f59e0b, #eab308);
  border: 1.5px solid #b45309;
  border-radius: 999px;
  box-shadow: 0 0 6px rgba(245, 158, 11, 0.5);
}
.ledat-gm-table-wrap {
  overflow-x: auto;
}
.ledat-gm-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}
.ledat-gm-table th, .ledat-gm-table td {
  padding: 7px 9px;
  border-bottom: 1px solid #e2e8f0;
  text-align: left;
}
.ledat-gm-table th {
  background: #f1f5f9;
  font-weight: 800;
  color: #334155;
}
.ledat-gm-core-pill {
  display: inline-block;
  padding: 2px 7px;
  border-radius: 999px;
  background: #fef3c7;
  border: 1px solid #f59e0b;
  color: #92400e;
  font-weight: 800;
  font-size: 11px;
}
.ledat-gm-3phases {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
}
.ledat-gm-phase {
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid #cbd5e1;
  background: #f8fafc;
  font-size: 12px;
}
.ledat-gm-phase span {
  display: block;
  font-weight: 900;
  margin-bottom: 4px;
  font-size: 11.5px;
}
.ledat-gm-phase p {
  margin: 0;
  color: #334155;
  line-height: 1.45;
}
.ledat-gm-phase.is-p2 {
  background: #fffbeb;
  border: 1.5px solid #f59e0b;
}
.ledat-gm-phase.is-p2 span {
  color: #b45309;
}


/* v20.557.0: Surgical Fixes for Hình 1 (Option Drawer Full-Width), Hình 2 & 3 (Clear Option + Tắt chỉ báo Pills), Hình 4 (Sticky Floating Close Header), and Hình 5 (Restored Golden Highlight Card) */
#seasonalityToggle {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
}
#ledatSeasonQuickOff,
#ledatSeasonReset {
  display: none !important;
}
.ledat-inline-opt-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 2px 8px !important;
  margin-left: 3px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #fef08a 0%, #fbbf24 100%) !important;
  border: 1.5px solid #d97706 !important;
  color: #451a03 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  cursor: pointer !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24) !important;
  transition: background 0.15s, color 0.15s, transform 0.1s !important;
}
.ledat-inline-opt-pill:hover {
  background: linear-gradient(135deg, #fde047 0%, #f59e0b 100%) !important;
  border-color: #b45309 !important;
  color: #451a03 !important;
  transform: scale(1.05) !important;
}
.ledat-inline-off-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 2px 8px !important;
  margin-left: 2px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
  border: 1.5px solid #fca5a5 !important;
  color: #ffffff !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  cursor: pointer !important;
  box-shadow: 0 1px 4px rgba(220, 38, 38, 0.28) !important;
  transition: background 0.15s, color 0.15s, transform 0.1s !important;
}
.ledat-inline-off-pill:hover {
  background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%) !important;
  border-color: #fecaca !important;
  color: #ffffff !important;
  transform: scale(1.05) !important;
}

/* Hình 4 Fix: Sticky Floating Header & Aesthetic Floating Close Button (trượt theo khi cuộn trên mọi thiết bị) */
#seasonalityPanel.ledat-season-panel > header#ledatSeasonDragHandle {
  position: sticky !important;
  top: -14px !important;
  z-index: 60 !important;
  background: rgba(255, 255, 255, 0.96) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  margin: -14px -14px 10px -14px !important;
  padding: 11px 14px 10px 14px !important;
  border-bottom: 1px solid #cbd5e1 !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08) !important;
  border-radius: 14px 14px 0 0 !important;
}
#seasonalityPanel header .ledat-header-opt-btn {
  width: auto !important;
  height: 32px !important;
  padding: 0 10px !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  color: #0f766e !important;
  background: #f0fdf4 !important;
  border: 1px solid #86efac !important;
  border-radius: 999px !important;
}
#seasonalityPanel header .ledat-header-opt-btn.is-active,
#seasonalityPanel header .ledat-header-opt-btn:hover {
  background: #0f766e !important;
  border-color: #0d9488 !important;
  color: #ffffff !important;
}
#seasonalityPanel header #ledatSeasonClose.ledat-floating-close-btn {
  width: auto !important;
  height: 32px !important;
  padding: 0 11px !important;
  border-radius: 999px !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  background: #fff1f2 !important;
  border: 1px solid #fda4af !important;
  color: #be123c !important;
  box-shadow: 0 2px 6px rgba(225, 29, 72, 0.12) !important;
  transition: all 0.15s ease !important;
}
#seasonalityPanel header #ledatSeasonClose.ledat-floating-close-btn:hover {
  background: #e11d48 !important;
  border-color: #be123c !important;
  color: #ffffff !important;
}

/* Hình 1 Fix: #ledatSeasonTopSettings ẩn mặc định, chỉ mở khi bấm Option và luôn rộng 100% (grid-column: 1 / -1) */
#ledatSeasonTopSettings[hidden] {
  display: none !important;
}
#seasonalityPanel.ledat-season-panel.is-expanded-studio > #ledatSeasonTopSettings {
  grid-column: 1 / -1 !important;
  width: 100% !important;
}
.ledat-top-settings-bar {
  background: #f8fafc;
  border: 1px solid #cbd5e1;
  border-radius: 10px;
  padding: 9px 11px;
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  gap: 7px;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
  width: 100%;
  box-sizing: border-box;
}
.ledat-top-settings-bar .ledat-wave-filters {
  margin: 0 !important;
  padding: 7px 9px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  border-radius: 8px !important;
}
.ledat-top-settings-bar .ledat-wave-filters legend {
  font-size: 10.5px;
  font-weight: 800;
  color: #0f172a;
  padding: 0 4px;
}
.ledat-top-settings-bar .ledat-season-controls {
  margin: 0 !important;
  display: flex;
  gap: 6px;
}
.ledat-top-adv-settings {
  font-size: 11px;
  color: #334155;
  border-top: 1px dashed #cbd5e1;
  padding-top: 5px;
}
.ledat-top-adv-settings summary {
  cursor: pointer;
  font-weight: 700;
  color: #0f766e;
  user-select: none;
  padding: 2px 0;
}

/* Hình 5 Fix: Khôi phục trọn vẹn thiết kế Vàng Hổ Phách chuyên nghiệp (Golden Highlight) cho #ledatCertainWinGoldenCard */
.ledat-gcc-toggle-btn {
  padding: 2.5px 9px;
  border-radius: 999px;
  font-size: 10.5px;
  font-weight: 800;
  cursor: pointer;
  border: 1px solid #d97706;
  background: #fef3c7;
  color: #78350f;
  transition: all 0.15s ease;
}
.ledat-gcc-toggle-btn.is-on {
  background: linear-gradient(90deg, #f59e0b, #d97706);
  border-color: #b45309;
  color: #ffffff;
}
/* Khi popup ở chế độ nhỏ (410px), xếp 3 pha thành 1 cột gọn đẹp; khi mở rộng Studio (780px) mới chia 3 cột */
#seasonalityPanel.ledat-season-panel:not(.is-expanded-studio) .ledat-gcc-3zones-grid {
  grid-template-columns: 1fr !important;
  gap: 6px !important;
}

#seasonalityToggle.active::after,
#seasonalityToggle.active:not(.is-panel-open)::after {
  content: none !important;
  display: none !important;
}
#seasonalityPanel header .ledat-header-actions {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  flex-wrap: nowrap !important;
  flex-shrink: 0 !important;
}
#seasonalityPanel header .ledat-header-btn {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  font-size: 14px !important;
  border-radius: 8px !important;
}
#seasonalityPanel header .ledat-header-opt-btn {
  width: auto !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 9px !important;
  font-size: 11px !important;
  white-space: nowrap !important;
}
#seasonalityPanel header #ledatSeasonClose.ledat-floating-close-btn {
  width: auto !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 10px !important;
  font-size: 11px !important;
  white-space: nowrap !important;
}

/* v20.558.0: Compact fixed-height #seasonalityToggle so turning indicator ON/OFF never shifts toolbar height */
#seasonalityToggle {
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  padding: 0 7px !important;
  gap: 4px !important;
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  flex: 0 0 auto !important;
}
#seasonalityToggle .ledat-inline-opt-pill,
#seasonalityToggle .ledat-inline-off-pill {
  height: 20px !important;
  line-height: 18px !important;
  padding: 0 6px !important;
  font-size: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  flex: 0 0 auto !important;
}

/* v20.598.0 — Đồng thuận bền vững: năm nhiễu vẫn hiển thị nhưng không quyết định Đoạn Lõi */
.ledat-gcc-yr-bar.is-noisy,.mh-cws-yr-bar.is-noisy{opacity:.38;background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.55) 0 4px,transparent 4px 8px)}
.ledat-gcc-year-row.is-noisy .ledat-gcc-yr-label b,.ledat-gcc-year-row.is-noisy .ledat-gcc-yr-dates{color:#94a3b8}
.ledat-gcc-noisy-tag{display:inline-block;margin-left:3px;padding:0 6px;border-radius:999px;background:#fee2e2;color:#b42318;font:700 9.5px/1.6 inherit;font-style:normal;vertical-align:1px;cursor:help}
.ledat-gcc-robust-note{margin:6px 0 0;padding:6px 8px;border-radius:8px;background:#fff7ed;border:1px dashed #fdba74;color:#7c2d12;font-size:10.5px;line-height:1.45}
.ledat-gcc-yr-dates .ledat-gcc-noisy-tag{display:block;margin:1px 0 0 auto;width:max-content}


/* === v20.616.0: AI & MACHINE LEARNING SMART WAVE INTELLIGENCE CARD + ANTI-TRUNCATION HEADER === */
#seasonalityPanel.ledat-season-panel:not(.is-expanded-studio) {
  width: min(448px, calc(100vw - 20px)) !important;
}
#seasonalityPanel header .ledat-header-titles strong#ledatSeasonTitle {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  line-height: 1.3 !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  color: #0f172a !important;
  word-break: break-word !important;
}
.ledat-sw-countdown.is-up-window {
  display: block;
  margin-top: 5px;
  padding: 5px 8px;
  border-radius: 7px;
  background: rgba(16, 185, 129, 0.14);
  border: 1px solid rgba(5, 150, 105, 0.38);
  color: #065f46 !important;
  font-weight: 800 !important;
}
.ledat-sw-countdown.is-down-window {
  display: block;
  margin-top: 4px;
  padding: 4px 8px;
  border-radius: 7px;
  background: rgba(244, 63, 94, 0.09);
  border: 1px solid rgba(225, 29, 72, 0.28);
  color: #9f1239 !important;
  font-weight: 700 !important;
}
.ledat-ai-brain-card {
  margin: 8px 0 10px;
  padding: 11px 12px;
  border-radius: 12px;
  background: linear-gradient(135deg, #f0fdf4 0%, #eff6ff 52%, #eef2ff 100%);
  border: 1.5px solid #0d9488;
  box-shadow: 0 4px 14px rgba(13, 148, 136, 0.12);
  color: #0f172a;
}
.ledat-ai-brain-card.tone-down {
  background: linear-gradient(135deg, #fff1f2 0%, #fff7ed 55%, #f8fafc 100%);
  border-color: #e11d48;
}
.ledat-ai-brain-card.tone-neutral {
  background: linear-gradient(135deg, #eff6ff 0%, #f8fafc 55%, #f0fdfa 100%);
  border-color: #0284c7;
}
.ledat-ai-brain-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 8px;
}
.ledat-ai-brain-title-wrap {
  display: grid;
  gap: 3px;
  min-width: 0;
  flex: 1;
}
.ledat-ai-brain-kicker {
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.04em;
  color: #0f766e;
  text-transform: uppercase;
}
.ledat-ai-brain-badge {
  font-size: 12.2px;
  font-weight: 900;
  line-height: 1.35;
  color: #064e3b;
}
.ledat-ai-brain-card.tone-down .ledat-ai-brain-badge {
  color: #9f1239;
}
.ledat-ai-brain-conf {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 8px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #99f6e4;
  font-size: 10.5px;
  font-weight: 800;
  color: #0f766e;
  flex-shrink: 0;
}
.ledat-ai-prob-bars {
  display: grid;
  gap: 6px;
  margin-bottom: 9px;
  padding: 7px 9px;
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid #cbd5e1;
}
.ledat-ai-prob-item {
  display: grid;
  gap: 3px;
}
.ledat-ai-prob-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  font-size: 10.8px;
  font-weight: 750;
  color: #1e293b;
}
.ledat-ai-prob-item.is-up .ledat-ai-prob-label b {
  color: #047857;
  font-weight: 900;
}
.ledat-ai-prob-item.is-down .ledat-ai-prob-label b {
  color: #be123c;
  font-weight: 900;
}
.ledat-ai-prob-track {
  height: 6px;
  border-radius: 999px;
  background: #e2e8f0;
  overflow: hidden;
}
.ledat-ai-prob-item.is-up .ledat-ai-prob-track i {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, #10b981, #059669);
}
.ledat-ai-prob-item.is-down .ledat-ai-prob-track i {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, #fb7185, #e11d48);
}
.ledat-ai-kpi-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin-bottom: 8px;
}
@media (max-width: 520px) {
  .ledat-ai-kpi-grid {
    grid-template-columns: 1fr;
  }
}
#seasonalityPanel.ledat-season-panel:not(.is-expanded-studio) .ledat-ai-kpi-grid {
  grid-template-columns: 1fr;
}
.ledat-ai-kpi-cell {
  padding: 6px 8px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid #cbd5e1;
  display: grid;
  gap: 2px;
}
.ledat-ai-kpi-cell small {
  font-size: 9.8px;
  font-weight: 800;
  color: #0f766e;
}
.ledat-ai-kpi-cell b {
  font-size: 11.5px;
  font-weight: 900;
  color: #0f172a;
}
.ledat-ai-kpi-cell span {
  font-size: 10.2px;
  color: #475569;
  line-height: 1.35;
}
.ledat-ai-advice-box {
  padding: 8px 10px;
  border-radius: 9px;
  background: #ffffff;
  border: 1px solid #99f6e4;
  display: grid;
  gap: 5px;
}
.ledat-ai-advice-box p {
  margin: 0 !important;
  font-size: 11.2px !important;
  line-height: 1.48 !important;
  color: #1e293b !important;
}
.ledat-ai-advice-box p b {
  color: #0f766e;
}


/* === v20.617.0: RE-IDENTIFIED WAVES TABLE, INLINE INSPECTOR, ALGORITHM RULES SVG & CLICK WAVE POPOVER === */
.ledat-reid-section {
  margin: 10px 0;
  padding: 10px 11px;
  border-radius: 11px;
  background: #f8fafc;
  border: 1.5px solid #cbd5e1;
  display: grid;
  gap: 8px;
}
.ledat-reid-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
}
.ledat-reid-head strong {
  font-size: 12.2px;
  font-weight: 900;
  color: #0f172a;
}
.ledat-reid-head small {
  font-size: 10.2px;
  color: #0f766e;
  font-weight: 700;
}
.ledat-wave-inline-inspector {
  padding: 8px 10px;
  border-radius: 9px;
  background: #ffffff;
  border: 1px solid #99f6e4;
  border-left: 4px solid #0d9488;
  display: grid;
  gap: 4px;
}
.ledat-wii-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.ledat-wii-top strong {
  font-size: 11.4px;
  color: #065f46;
}
.ledat-wii-conf {
  font-size: 10px;
  font-weight: 800;
  padding: 2px 7px;
  border-radius: 999px;
  background: #ecfdf5;
  color: #047857;
  border: 1px solid #6ee7b7;
}
.ledat-wave-inline-inspector p {
  margin: 0 !important;
  font-size: 10.8px !important;
  line-height: 1.45 !important;
  color: #334155 !important;
}
.ledat-reid-table-wrap {
  max-height: 230px;
  overflow: auto;
  border-radius: 8px;
  border: 1px solid #cbd5e1;
  background: #ffffff;
}
.ledat-reid-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 10.8px;
}
.ledat-reid-table th {
  position: sticky;
  top: 0;
  background: #0f172a;
  color: #ffffff;
  font-weight: 800;
  text-align: left;
  padding: 6px 7px;
  font-size: 10.2px;
  white-space: nowrap;
}
.ledat-reid-table td {
  padding: 5.5px 7px;
  border-bottom: 1px solid #e2e8f0;
  color: #1e293b;
  vertical-align: middle;
}
.ledat-reid-row {
  cursor: pointer;
  transition: background 0.12s ease;
}
.ledat-reid-row:hover {
  background: #f0fdf4;
}
.ledat-reid-row.is-tier2-row {
  background: #fffbeb;
}
.ledat-reid-type-pill {
  display: inline-flex;
  align-items: center;
  padding: 2px 7px;
  border-radius: 6px;
  font-size: 10px;
  font-weight: 850;
  white-space: nowrap;
}
.ledat-reid-type-pill.is-up {
  background: #d1fae5;
  color: #065f46;
  border: 1px solid #6ee7b7;
}
.ledat-reid-type-pill.is-down {
  background: #ffe4e6;
  color: #9f1239;
  border: 1px solid #fda4af;
}
.ledat-reid-type-pill.is-sec-up {
  background: #fef3c7;
  color: #92400e;
  border: 1px solid #f59e0b;
}
.ledat-reid-type-pill.is-forecast {
  background: #e0f2fe;
  color: #075985;
  border: 1px dashed #0284c7;
}
.ledat-reid-table td.is-pos b {
  color: #047857;
}
.ledat-reid-table td.is-neg b {
  color: #be123c;
}
.ledat-reid-status {
  display: inline-block;
  margin-left: 4px;
  padding: 1px 5px;
  border-radius: 999px;
  font-size: 9.2px;
  font-weight: 700;
  background: #f1f5f9;
  color: #475569;
}
.ledat-reid-status.is-forming {
  background: #fef3c7;
  color: #92400e;
}
.ledat-algo-rules-card {
  border-radius: 9px;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  padding: 7px 9px;
}
.ledat-algo-rules-card summary {
  cursor: pointer;
  font-size: 11.2px;
  font-weight: 850;
  color: #1e1b4b;
  user-select: none;
}
.ledat-algo-rules-body {
  margin-top: 8px;
  display: grid;
  gap: 8px;
}
.ledat-algo-rules-list {
  display: grid;
  gap: 5px;
  font-size: 10.6px;
  line-height: 1.45;
  color: #334155;
}
.ledat-algo-rule-item {
  padding: 5px 7px;
  border-radius: 7px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
}
.ledat-algo-svg-box {
  display: grid;
  gap: 4px;
}
.ledat-algo-svg-box svg {
  width: 100%;
  height: auto;
  max-height: 105px;
  display: block;
}
.msc-chart-wave-inspector-pop {
  position: fixed;
  bottom: 18px;
  left: 18px;
  z-index: 2147482600;
  width: min(440px, calc(100vw - 28px));
  background: #ffffff;
  border: 2px solid #0d9488;
  border-radius: 13px;
  box-shadow: 0 16px 48px rgba(15, 23, 42, 0.28);
  font-family: system-ui, -apple-system, sans-serif;
  color: #0f172a;
  overflow: hidden;
}
.msc-chart-wave-inspector-pop[hidden] {
  display: none !important;
}
.msc-cwi-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
  padding: 9px 12px;
  background: linear-gradient(90deg, #065f46, #0d9488);
  color: #ffffff;
}
.msc-cwi-head.is-down {
  background: linear-gradient(90deg, #9f1239, #e11d48);
}
.msc-cwi-head.is-sec {
  background: linear-gradient(90deg, #92400e, #d97706);
}
.msc-cwi-head small {
  display: block;
  font-size: 9.5px;
  font-weight: 800;
  opacity: 0.92;
  letter-spacing: 0.04em;
}
.msc-cwi-head strong {
  font-size: 12.2px;
  font-weight: 900;
  line-height: 1.35;
}
.msc-cwi-close {
  border: 0;
  background: rgba(255, 255, 255, 0.2);
  color: #ffffff;
  width: 26px;
  height: 26px;
  border-radius: 7px;
  font-weight: 900;
  cursor: pointer;
  flex-shrink: 0;
}
.msc-cwi-body {
  padding: 10px 12px;
  display: grid;
  gap: 6px;
  font-size: 11.4px;
  line-height: 1.45;
}
.msc-cwi-body p {
  margin: 0;
  color: #1e293b;
}
.msc-cwi-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.msc-cwi-pill {
  padding: 2px 8px;
  border-radius: 999px;
  background: #f1f5f9;
  border: 1px solid #cbd5e1;
  font-size: 10.2px;
  color: #334155;
}
.msc-cwi-breakdown {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  padding-top: 6px;
  border-top: 1px dashed #cbd5e1;
  font-size: 10px;
  color: #475569;
}

/* ============================================================================
   v20.618.0 — ON-CHART VISUAL WAVE STUDIO (#ledatVisualStudioOverlayV618)
   & 3-COLUMN BOTTOM DASHBOARD DOCK (#ledatWaveBottomDock)
   Matches image_ea4f19.jpg 100% with ZERO noisy yellow Tier-2 bands/badges
   ============================================================================ */

/* Hide legacy tiny top ribbon when Visual Studio V618 is active */
body.ledat-v618-studio-active .ledat-wave-dates-v481 {
  display: none !important;
}

/* Inline Toolbar Quick-Mode Filter Pills (↗ Sóng tăng | ↘ Sóng giảm | Full sóng) */
.ledat-inline-mode-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  padding: 0 7px;
  border-radius: 5px;
  background: rgba(30, 41, 59, 0.92);
  color: #e2e8f0;
  border: 1px solid #475569;
  font-size: 10px;
  font-weight: 800;
  transition: all 0.14s ease;
}
.ledat-inline-mode-pill:hover {
  background: #334155;
  color: #ffffff;
}
.ledat-inline-mode-pill.is-active-up {
  background: linear-gradient(180deg, #16a34a 0%, #15803d 100%);
  color: #ffffff;
  border-color: #4ade80;
  box-shadow: 0 1px 4px rgba(22, 163, 74, 0.35);
}
.ledat-inline-mode-pill.is-active-down {
  background: linear-gradient(180deg, #dc2626 0%, #b91c1c 100%);
  color: #ffffff;
  border-color: #f87171;
  box-shadow: 0 1px 4px rgba(220, 38, 38, 0.35);
}
.ledat-inline-mode-pill.is-active-full {
  background: linear-gradient(180deg, #2563eb 0%, #1d4ed8 100%);
  color: #ffffff;
  border-color: #60a5fa;
  box-shadow: 0 1px 4px rgba(37, 99, 235, 0.35);
}

/* On-Chart Visual Studio Overlay Container */
.ledat-v618-studio-overlay {
  position: absolute;
  inset: 0;
  z-index: 15;
  pointer-events: none;
  overflow: hidden;
  font-family: "Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial, system-ui, -apple-system, Arial, sans-serif;
}
.ledat-v618-studio-overlay[hidden] {
  display: none !important;
}
.ledat-v618-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: visible;
}

/* Yellow Reversal Boundary Date Callout Pills (dd/mm/yyyy) */
.ledat-v618-date-pill {
  position: absolute;
  z-index: 17;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 6px;
  border-radius: 5px;
  background: linear-gradient(180deg, #fef08a 0%, #fde047 100%);
  color: #0f172a;
  border: 1.2px solid #ca8a04;
  font-size: 9.5px;
  font-weight: 800;
  line-height: 1.15;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  box-shadow: 0 2px 5px rgba(15, 23, 42, 0.16);
  pointer-events: none;
}

/* Solid Green ("Sóng tăng k") & Solid Red ("Sóng giảm k") Callout Cards inside each wave */
.ledat-v618-wave-card {
  position: absolute;
  z-index: 18;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1px;
  min-width: 72px;
  padding: 5px 8px;
  border-radius: 7px;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  pointer-events: auto;
  user-select: none;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.22);
  transition: transform 0.12s ease, box-shadow 0.12s ease;
}
.ledat-v618-wave-card:hover {
  transform: translateY(-1.5px) scale(1.03);
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.3);
  z-index: 24;
}
.ledat-v618-wave-card.is-up {
  background: linear-gradient(180deg, #15803d 0%, #166534 100%);
  border: 1.5px solid #22c55e;
}
.ledat-v618-wave-card.is-down {
  background: linear-gradient(180deg, #dc2626 0%, #991b1b 100%);
  border: 1.5px solid #f87171;
}
.ledat-v618-wave-card.is-compact {
  min-width: 56px;
  padding: 3px 5px;
}
.ledat-v618-wc-title {
  font-size: 10.5px;
  font-weight: 800;
  line-height: 1.15;
  color: #ffffff;
  white-space: nowrap;
}
.ledat-v618-wave-card.is-compact .ledat-v618-wc-title {
  font-size: 9.5px;
}
.ledat-v618-wc-sub {
  font-size: 8.8px;
  font-weight: 700;
  line-height: 1.1;
  color: #dcfce7;
  white-space: nowrap;
}
.ledat-v618-wc-days {
  font-size: 10px;
  font-weight: 700;
  line-height: 1.15;
  color: rgba(255, 255, 255, 0.96);
  white-space: nowrap;
}
.ledat-v618-wc-chg {
  font-size: 10.2px;
  font-weight: 800;
  line-height: 1.15;
  color: #fef08a;
  white-space: nowrap;
}

/* Right-Edge "Dự báo" Badge */
.ledat-v618-forecast-badge {
  position: absolute;
  z-index: 18;
  padding: 3px 10px;
  border-radius: 6px;
  background: rgba(240, 253, 244, 0.97);
  border: 1.8px solid #16a34a;
  color: #15803d;
  font-size: 11px;
  font-weight: 800;
  box-shadow: 0 2px 8px rgba(22, 163, 74, 0.18);
  pointer-events: none;
}

/* ============================================================================
   3-COLUMN BOTTOM DASHBOARD DOCK (#ledatWaveBottomDock) BELOW SUPER CHART
   Matches image_ea4f19.jpg bottom section 100%
   ============================================================================ */
.ledat-bottom-dock-v618 {
  flex: 0 0 228px;
  height: 228px;
  max-height: 34vh;
  background: #10141a;
  border-top: 1px solid #262d38;
  padding: 5px 8px;
  overflow: hidden;
  font-family: "Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial, system-ui, -apple-system, Arial, sans-serif;
  color: #0f172a;
}
.ledat-bottom-dock-v618[hidden] {
  display: none !important;
}
.ledat-bottom-dock-v618.is-collapsed {
  flex: 0 0 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 3px 8px !important;
  background: #121720 !important;
}
.ledat-bottom-dock-v618.is-collapsed .ledat-bd-card {
  background: transparent !important;
  border-color: rgba(148, 163, 184, 0.22) !important;
  box-shadow: none !important;
}
.ledat-bottom-dock-v618.is-collapsed .ledat-bd-table-scroll,
.ledat-bottom-dock-v618.is-collapsed .ledat-bd-algo-body,
.ledat-bottom-dock-v618.is-collapsed .ledat-bd-prompt-body {
  display: none !important;
}

.ledat-bd-grid {
  display: grid;
  grid-template-columns: 1fr !important;
  gap: 8px;
  height: 100%;
  min-height: 0;
}
.ledat-bd-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 9px;
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.06);
}
.ledat-bd-head {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  padding: 5px 10px;
  color: #ffffff;
  font-size: 11.5px;
  font-weight: 800;
}
.ledat-bd-head small {
  font-size: 9.5px;
  font-weight: 700;
  opacity: 0.9;
}
.ledat-bd-head.is-blue {
  background: linear-gradient(90deg, #1e3a8a 0%, #2563eb 100%);
}
.ledat-bd-head.is-purple {
  background: linear-gradient(90deg, #4c1d95 0%, #6d28d9 100%);
}
.ledat-bd-head.is-green {
  background: linear-gradient(90deg, #064e3b 0%, #047857 100%);
}
.ledat-bd-collapse-btn {
  border: 1px solid rgba(255, 255, 255, 0.45);
  background: rgba(255, 255, 255, 0.14);
  color: #ffffff;
  border-radius: 5px;
  padding: 1px 7px;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}
.ledat-bd-collapse-btn:hover {
  background: rgba(255, 255, 255, 0.26);
}

/* Column 1: Re-identified Waves Table */
.ledat-bd-table-scroll {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  scrollbar-width: thin;
}
.ledat-bd-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 10.6px;
  font-variant-numeric: tabular-nums;
}
.ledat-bd-table th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #f1f5f9;
  color: #334155;
  font-weight: 800;
  text-align: left;
  padding: 4px 7px;
  border-bottom: 1px solid #cbd5e1;
  white-space: nowrap;
}
.ledat-bd-table td {
  padding: 3.5px 7px;
  border-bottom: 1px solid #f1f5f9;
  color: #1e293b;
  white-space: nowrap;
}
.ledat-bd-row {
  cursor: pointer;
  transition: background 0.12s;
}
.ledat-bd-row:hover {
  background: #eff6ff;
}
.ledat-bd-badge {
  display: inline-block;
  padding: 1.5px 7px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 800;
}
.ledat-bd-badge.is-up {
  background: #dcfce7;
  color: #15803d;
  border: 1px solid #86efac;
}
.ledat-bd-badge.is-down {
  background: #fee2e2;
  color: #b91c1c;
  border: 1px solid #fca5a5;
}
.ledat-bd-table td.is-pos b {
  color: #15803d;
}
.ledat-bd-table td.is-neg b {
  color: #dc2626;
}

/* Column 2: Algorithm & Rules + Visual Diagram */
.ledat-bd-algo-body {
  flex: 1;
  min-height: 0;
  display: grid;
  grid-template-columns: 1.25fr 0.95fr;
  gap: 6px;
  padding: 6px;
  overflow-y: auto;
}
.ledat-bd-rules-col {
  display: grid;
  gap: 4px;
  align-content: start;
}
.ledat-bd-rule-box {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 6px;
  align-items: start;
  padding: 4px 6px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  font-size: 9.8px;
  line-height: 1.3;
}
.ledat-bd-num {
  display: grid;
  place-items: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #4f46e5;
  color: #ffffff;
  font-size: 9.5px;
  font-weight: 800;
  margin-top: 1px;
}
.ledat-bd-rule-box strong {
  display: block;
  color: #0f172a;
  font-size: 10.2px;
  margin-bottom: 1px;
}
.ledat-bd-rule-box ul {
  margin: 0;
  padding-left: 12px;
  color: #334155;
}
.ledat-bd-illust-col {
  display: flex;
  flex-direction: column;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  padding: 5px 6px;
}
.ledat-bd-illust-title {
  font-size: 10.5px;
  font-weight: 800;
  color: #1e293b;
  text-align: center;
  margin-bottom: 2px;
}
.ledat-bd-illust-svg {
  width: 100%;
  height: auto;
  max-height: 165px;
  display: block;
  margin: auto;
}

/* Column 3: Multi-Industry AI Standards */
.ledat-bd-prompt-body {
  flex: 1;
  min-height: 0;
  padding: 6px 10px;
  background: #0f172a;
  color: #f1f5f9;
  overflow-y: auto;
  font-size: 10px;
  line-height: 1.38;
}
.ledat-bd-prompt-lead {
  margin: 0 0 4px;
  color: #cbd5e1;
}
.ledat-bd-prompt-lead b {
  color: #34d399;
}
.ledat-bd-prompt-list {
  margin: 0;
  padding-left: 15px;
  display: grid;
  gap: 2px;
  color: #e2e8f0;
}
.ledat-bd-prompt-list b {
  color: #fde047;
}

@media (max-width: 1180px) {
  .ledat-bd-grid {
    grid-template-columns: 1fr !important;
  }
  .ledat-bd-card.is-col-prompt {
    display: none;
  }
}
@media (max-width: 760px) {
  .ledat-bottom-dock-v618 {
    flex: 0 0 210px;
    height: 210px;
  }
  .ledat-bd-grid {
    grid-template-columns: 1fr;
    overflow-y: auto;
  }
  .ledat-bd-algo-body {
    grid-template-columns: 1fr;
  }
}

/* v20.622.0 — Hình 1 & Hình 2 Fix:
   1. Bảng Sóng dưới đáy (#ledatWaveBottomDock) giữ lại duy nhất bảng đầu tiên (📊 Sóng đã được xác định lại), trải rộng 100% khung nhìn.
   2. Nút #seasonalityToggle và các nút bên phải (.trend-chart-actions) luôn tự co giãn kích thước chuẩn (width: auto !important), tuyệt đối không bị đè hoặc cắt chữ. */
.ledat-bd-grid,
.ledat-bd-grid.is-single-table {
  grid-template-columns: 1fr !important;
}
.ledat-bd-card.is-col-algo,
.ledat-bd-card.is-col-prompt {
  display: none !important;
}
.ledat-bd-table th,
.ledat-bd-table td {
  padding: 4.5px 12px !important;
  font-size: 11.2px !important;
}
@media (min-width: 601px) {
  .trend-shell .trend-chart-actions #seasonalityToggle,
  #seasonalityToggle {
    width: auto !important;
    min-width: max-content !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    overflow: visible !important;
  }
}


/* v20.626.0: High-contrast Scope Pill on #seasonalityToggle (Fixes blended dark text on dark green button) */
.ledat-inline-scope-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 20px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
  color: #7dd3fc !important;
  border: 1.5px solid #38bdf8 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.01em !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.65) !important;
  box-shadow: 0 1px 4px rgba(14, 165, 233, 0.32) !important;
  cursor: pointer !important;
  transition: all 0.14s ease !important;
}
.ledat-inline-scope-pill:hover {
  background: linear-gradient(135deg, #1e293b 0%, #334155 100%) !important;
  color: #ffffff !important;
  border-color: #7dd3fc !important;
}
.ledat-inline-scope-pill.is-max-scope {
  background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%) !important;
  color: #ffffff !important;
  border: 1.5px solid #c4b5fd !important;
  box-shadow: 0 1px 6px rgba(124, 58, 237, 0.48) !important;
}

/* v20.626.0: Business Owner Executive Brief Card (#ledatBusinessOwnerQuickBrief) */
.ledat-biz-brief-card {
  margin: 0 0 10px 0;
  padding: 11px 12px;
  border-radius: 12px;
  background: linear-gradient(135deg, #fffbeb 0%, #f0fdf4 52%, #eff6ff 100%);
  border: 1.5px solid #10b981;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.08);
  color: #0f172a;
}
.ledat-biz-brief-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 8px;
  padding-bottom: 6px;
  border-bottom: 1px dashed rgba(16, 185, 129, 0.35);
}
.ledat-biz-brief-kicker {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 900;
  color: #065f46;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.ledat-biz-brief-sub {
  font-size: 10.5px;
  font-weight: 700;
  color: #047857;
  background: rgba(209, 250, 229, 0.85);
  border: 1px solid #6ee7b7;
  padding: 2px 8px;
  border-radius: 999px;
}
.ledat-biz-brief-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(195px, 1fr));
  gap: 7px;
}
.ledat-biz-brief-item {
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid #cbd5e1;
  border-radius: 9px;
  padding: 8px 9px;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.ledat-biz-brief-item.is-now {
  border-left: 3.5px solid #2563eb;
}
.ledat-biz-brief-item.is-import-ads {
  border-left: 3.5px solid #d97706;
  background: linear-gradient(135deg, #fffbeb 0%, #ffffff 100%);
}
.ledat-biz-brief-item.is-harvest {
  border-left: 3.5px solid #0891b2;
}
.ledat-biz-brief-item.is-risk {
  border-left: 3.5px solid #e11d48;
}
.ledat-biz-brief-item small {
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  color: #475569;
  letter-spacing: 0.01em;
}
.ledat-biz-brief-item strong {
  font-size: 12px;
  font-weight: 900;
  color: #0f172a;
  line-height: 1.35;
}
.ledat-biz-brief-item p {
  margin: 0;
  font-size: 11.2px;
  color: #334155;
  line-height: 1.45;
}
.ledat-sw-tech-details {
  margin-top: 8px;
  border: 1px solid #cbd5e1;
  border-radius: 9px;
  background: #f8fafc;
  padding: 6px 9px;
}
.ledat-sw-tech-details > summary {
  cursor: pointer;
  font-size: 11px;
  font-weight: 800;
  color: #334155;
  user-select: none;
}


/* v20.627.0 (Hình 1): Hide #ledatWaveBottomDock below the chart since the wave table is already inside the movable #seasonalityPanel popup */
#ledatWaveBottomDock,
.ledat-bottom-dock-v618 {
  display: none !important;
}


#ledatCertainWinGoldenCard,
#ledatCertainWinDownCard {
  scroll-margin-top: 58px;
}

/* v20.631.0 · Siêu Thuật Toán Thời Gian Chung Tổng & Thời Gian Riêng Từng Địa Điểm (Geo-Temporal Micro-Seasonality Engine) */
.ledat-geo-time-chip {
  background: linear-gradient(135deg, #ecfdf5, #d1fae5);
  border: 1.5px solid #10b981;
  color: #065f46 !important;
  border-radius: 999px;
  padding: 2px 9px;
  font-weight: 800;
}
.ledat-geo-winner-item-card {
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.ledat-geo-winner-item-card:hover {
  border-color: #10b981 !important;
  box-shadow: 0 3px 10px rgba(16, 185, 129, 0.14);
}
@media (max-width: 640px) {
  #ledatGeoTemporalOverviewBox {
    padding: 6px 7px !important;
  }
  .ledat-geo-loc-time-box {
    padding: 5px 6px !important;
  }
}

/* v20.633.0 — Locked Background & Animated Progress Bars for Sub-Location Big Algorithm + Completion Pop-up */
@keyframes ledatSubGeoStripes {
  0% { background-position: 0 0; }
  100% { background-position: 36px 0; }
}
@keyframes ledatSubGeoIndeterminate {
  0% { transform: translateX(-65%); }
  50% { transform: translateX(15%); }
  100% { transform: translateX(115%); }
}
.ledat-subgeo-locked-card {
  position: relative;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%) !important;
  border: 1.5px dashed #94a3b8 !important;
}
.ledat-subgeo-locked-slot {
  position: relative;
  pointer-events: none !important;
  user-select: none !important;
  cursor: wait !important;
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
  border: 1.5px solid #475569 !important;
  color: #f8fafc !important;
  border-radius: 8px;
  padding: 9px 11px !important;
  overflow: hidden;
  box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.38);
}
.ledat-subgeo-progress-track {
  position: relative;
  width: 100%;
  height: 10px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.78);
  border: 1px solid rgba(56, 189, 248, 0.45);
  overflow: hidden;
  margin: 5px 0 4px;
}
.ledat-subgeo-progress-fill {
  height: 100%;
  border-radius: 999px;
  background-color: #10b981;
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.28) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.28) 50%,
    rgba(255, 255, 255, 0.28) 75%,
    transparent 75%,
    transparent
  );
  background-size: 36px 36px;
  animation: ledatSubGeoStripes 0.9s linear infinite;
  transition: width 0.35s ease;
}
.ledat-subgeo-progress-fill.is-indeterminate {
  width: 58% !important;
  background-color: #0ea5e9;
  animation: ledatSubGeoStripes 0.9s linear infinite, ledatSubGeoIndeterminate 1.65s ease-in-out infinite;
}
.ledat-subgeo-done-popup-backdrop {
  position: fixed;
  inset: 0;
  z-index: 2147483640;
  background: rgba(2, 6, 23, 0.62);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.ledat-subgeo-done-popup-backdrop[hidden] {
  display: none !important;
}
.ledat-subgeo-done-popup-card {
  width: min(560px, 95vw);
  max-height: 86vh;
  overflow-y: auto;
  background: linear-gradient(145deg, #0f172a 0%, #1e293b 100%);
  color: #f8fafc;
  border: 2px solid #10b981;
  border-radius: 14px;
  box-shadow: 0 22px 50px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(16, 185, 129, 0.3);
  padding: 16px 18px;
  font-family: "Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial, system-ui, -apple-system, sans-serif;
}

/* v20.638.0 — Hình 1 & Hình 3 Fix:
   1. Thiết kế thông minh cho nút "▣ LeDat Thời Vụ" (.ledat-inline-popup-trigger-pill + .ledat-popup-arrow-chip) có mũi tên đóng/mở (▾ / ▴) và hiệu ứng nổi khối để người dùng biết ngay nhấn vào là bung bảng Popup Mùa Vụ.
   2. Nút Hero "🎉 Bung Popup Tổng Hợp Thời Gian Riêng 5 Tỉnh/Thành (MAX / MIN)" (.ledat-open-subgeo-popup-hero-btn) ngay trong bảng Mùa Vụ (Hình 3) để bung tức thì Popup Hình 2 (#ledatSubGeoDonePopupModal). */
.ledat-inline-popup-trigger-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  height: 22px !important;
  padding: 0 3px 0 8px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #064e3b 0%, #0f766e 100%) !important;
  border: 1.5px solid #34d399 !important;
  color: #ffffff !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  box-shadow: 0 2px 6px rgba(5, 150, 105, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
  transition: transform 0.14s ease, box-shadow 0.14s ease, border-color 0.14s ease !important;
}
.ledat-inline-popup-trigger-pill:hover {
  transform: translateY(-1px) !important;
  border-color: #fde047 !important;
  box-shadow: 0 4px 10px rgba(16, 185, 129, 0.48), 0 0 0 1px rgba(253, 224, 71, 0.45) !important;
}
.ledat-inline-popup-trigger-pill.is-off {
  background: linear-gradient(135deg, #1e293b 0%, #0f766e 100%) !important;
  border-color: #2dd4bf !important;
}
.ledat-popup-arrow-chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 17px !important;
  padding: 0 7px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #fde047 0%, #f59e0b 100%) !important;
  color: #0f172a !important;
  font-size: 9.6px !important;
  font-weight: 950 !important;
  letter-spacing: 0.01em !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
  white-space: nowrap !important;
}
.ledat-popup-arrow-chip.is-open {
  background: linear-gradient(135deg, #2dd4bf 0%, #10b981 100%) !important;
  color: #022c22 !important;
}
.ledat-open-subgeo-popup-hero-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  width: 100% !important;
  padding: 7px 11px !important;
  border-radius: 8px !important;
  border: 1.5px solid #34d399 !important;
  background: linear-gradient(135deg, #064e3b 0%, #047857 52%, #0d9488 100%) !important;
  color: #ffffff !important;
  font-size: 10.6px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
  text-align: left !important;
  transition: transform 0.14s ease, box-shadow 0.14s ease, border-color 0.14s ease !important;
}
.ledat-open-subgeo-popup-hero-btn:hover {
  transform: translateY(-1px) !important;
  border-color: #fde047 !important;
  box-shadow: 0 6px 16px rgba(16, 185, 129, 0.5) !important;
}
.ledat-open-subgeo-popup-cta {
  display: inline-flex !important;
  align-items: center !important;
  padding: 2.5px 8px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #fde047 0%, #f59e0b 100%) !important;
  color: #0f172a !important;
  font-size: 9.8px !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}
.ledat-subgeo-done-popup-backdrop {
  z-index: 2147483646 !important;
}

/* ============================================================================
   v20.644.0 — TẮT GOOGLE TRENDS & CHỈ BÁO NÔNG DÂN (LUXURY EMERALD-GOLD STUDIO)
   ============================================================================ */
.trend-toggle-gtrend-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  height: 30px !important;
  padding: 0 11px !important;
  border-radius: 999px !important;
  font-size: 11.5px !important;
  font-weight: 850 !important;
  cursor: pointer !important;
  transition: transform 0.14s ease, box-shadow 0.14s ease, background 0.14s ease, border-color 0.14s ease !important;
  white-space: nowrap !important;
}
.trend-toggle-gtrend-btn.is-gtrend-on {
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%) !important;
  border: 1.5px solid #3b82f6 !important;
  color: #1e3a8a !important;
  box-shadow: 0 2px 5px rgba(37, 99, 235, 0.16) !important;
}
.trend-toggle-gtrend-btn.is-gtrend-off {
  background: linear-gradient(135deg, #7f1d1d 0%, #be123c 100%) !important;
  border: 1.5px solid #fda4af !important;
  color: #ffffff !important;
  box-shadow: 0 3px 10px rgba(225, 29, 72, 0.38) !important;
}
.trend-toggle-gtrend-btn:hover {
  transform: translateY(-1px) !important;
}
.gtrend-toggle-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 1px 7px !important;
  border-radius: 999px !important;
  font-size: 9.6px !important;
  font-weight: 950 !important;
}
.gtrend-toggle-badge.is-on {
  background: #2563eb !important;
  color: #ffffff !important;
}
.gtrend-toggle-badge.is-off {
  background: #fde047 !important;
  color: #0f172a !important;
}

/* Nút Chỉ Báo "🌾 Nông Dân [ 📋 Chi Tiết ▾ ]" trên thanh công cụ chính */
.trend-farmer-sunspot-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  height: 30px !important;
  padding: 0 4px !important;
  border-radius: 999px !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}
.farmer-sunspot-trigger-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  height: 28px !important;
  padding: 0 4px 0 11px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #064e3b 0%, #047857 52%, #b45309 100%) !important;
  border: 1.5px solid #fbbf24 !important;
  color: #ffffff !important;
  font-size: 11.8px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  box-shadow: 0 3px 10px rgba(5, 150, 105, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
  transition: transform 0.14s ease, box-shadow 0.14s ease, border-color 0.14s ease !important;
}
.farmer-sunspot-trigger-pill:hover {
  transform: translateY(-1px) !important;
  border-color: #fde047 !important;
  box-shadow: 0 5px 14px rgba(16, 185, 129, 0.45) !important;
}
.farmer-sunspot-trigger-pill.is-off {
  background: linear-gradient(135deg, #1e293b 0%, #065f46 100%) !important;
  border-color: #34d399 !important;
}
.farmer-toolbar-off-chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%) !important;
  border: 1.5px solid #fca5a5 !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  box-shadow: 0 2px 6px rgba(220, 38, 38, 0.35) !important;
}

/* ============================================================================
   KHUNG POPUP CHỈ BÁO NÔNG DÂN — LUXURY EMERALD-GOLD AGRI-TECH STUDIO
   ============================================================================ */
.farmer-lux-panel {
  position: fixed !important;
  z-index: 2147483000 !important;
  width: min(780px, calc(100vw - 24px)) !important;
  max-width: calc(100vw - 20px) !important;
  max-height: min(84vh, 820px) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  box-sizing: border-box !important;
  background: #f8fafc !important;
  border: 2px solid #f59e0b !important;
  border-radius: 16px !important;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.42), 0 0 0 1px rgba(251, 191, 36, 0.35) !important;
  font-family: "Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial, sans-serif !important;
  color: #0f172a !important;
}
.farmer-lux-panel * {
  box-sizing: border-box !important;
}
.farmer-lux-panel.is-studio-expanded {
  width: min(1080px, calc(100vw - 24px)) !important;
}

/* Header Luxury cố định trên cùng, tuyệt đối không bị bóp nút */
.farmer-lux-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 30 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  padding: 12px 16px !important;
  background: linear-gradient(135deg, #022c22 0%, #064e3b 48%, #78350f 100%) !important;
  border-bottom: 2px solid #fbbf24 !important;
  cursor: move !important;
  user-select: none !important;
}
.farmer-lux-head-titles {
  flex: 1 1 320px !important;
  min-width: 0 !important;
}
.farmer-lux-kicker {
  display: block !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em !important;
  color: #fde047 !important;
  text-transform: uppercase !important;
  margin-bottom: 2px !important;
}
.farmer-lux-head-titles h3 {
  margin: 0 !important;
  font-size: 14.5px !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  line-height: 1.3 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.farmer-lux-head-actions {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  flex-wrap: wrap !important;
  flex-shrink: 0 !important;
}
.farmer-lux-hbtn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: 30px !important;
  padding: 0 11px !important;
  border-radius: 999px !important;
  border: 1.5px solid rgba(253, 224, 71, 0.55) !important;
  background: rgba(15, 23, 42, 0.55) !important;
  color: #fef08a !important;
  font-size: 11.2px !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  transition: all 0.14s ease !important;
}
.farmer-lux-hbtn:hover {
  background: rgba(251, 191, 36, 0.25) !important;
  border-color: #fde047 !important;
  color: #ffffff !important;
}
.farmer-lux-hbtn.is-off {
  background: linear-gradient(135deg, #be123c 0%, #e11d48 100%) !important;
  border-color: #fda4af !important;
  color: #ffffff !important;
}
.farmer-lux-close {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: 30px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  border: 1.5px solid #fca5a5 !important;
  background: linear-gradient(135deg, #dc2626 0%, #991b1b 100%) !important;
  color: #ffffff !important;
  font-size: 11.5px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  box-shadow: 0 2px 8px rgba(220, 38, 38, 0.38) !important;
}
.farmer-lux-close:hover {
  filter: brightness(1.08) !important;
}

/* Body của Popup */
.farmer-lux-body {
  padding: 14px 16px 18px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

/* Control Deck (Bật/Tắt các đường & Khoảng năm) */
.farmer-lux-control-deck {
  padding: 11px 13px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #ffffff 0%, #f0fdf4 65%, #fffbeb 100%) !important;
  border: 1.5px solid #cbd5e1 !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 9px !important;
}
.farmer-lux-chk-group {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  flex-wrap: wrap !important;
}
.farmer-lux-chk {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 5px 11px !important;
  border-radius: 999px !important;
  border: 1.5px solid #cbd5e1 !important;
  background: #ffffff !important;
  color: #334155 !important;
  font-size: 11.3px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  transition: all 0.14s ease !important;
}
.farmer-lux-chk input[type="checkbox"] {
  margin: 0 !important;
  accent-color: #059669 !important;
}
.farmer-lux-chk.is-checked-sun {
  background: #fffbeb !important;
  border-color: #f59e0b !important;
  color: #92400e !important;
}
.farmer-lux-chk.is-checked-hydro {
  background: #f0f9ff !important;
  border-color: #0284c7 !important;
  color: #075985 !important;
}
.farmer-lux-chk.is-checked-agri {
  background: #ecfdf5 !important;
  border-color: #10b981 !important;
  color: #065f46 !important;
}
.farmer-lux-chk.is-checked-zones {
  background: #f5f3ff !important;
  border-color: #8b5cf6 !important;
  color: #5b21b6 !important;
}
.farmer-lux-range-group {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
  padding-top: 6px !important;
  border-top: 1px dashed #cbd5e1 !important;
}
.farmer-lux-range-lbl {
  font-size: 11.2px !important;
  font-weight: 850 !important;
  color: #475569 !important;
  margin-right: 2px !important;
}
.farmer-lux-range-pill {
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1.5px solid #cbd5e1 !important;
  background: #ffffff !important;
  color: #334155 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  transition: all 0.14s ease !important;
}
.farmer-lux-range-pill:hover {
  border-color: #f59e0b !important;
  color: #92400e !important;
}
.farmer-lux-range-pill.is-active {
  background: linear-gradient(135deg, #d97706 0%, #b45309 100%) !important;
  border-color: #fbbf24 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 6px rgba(217, 119, 6, 0.3) !important;
}
.farmer-lux-copy-btn {
  margin-left: auto !important;
  padding: 5px 12px !important;
  border-radius: 999px !important;
  border: 1.5px solid #10b981 !important;
  background: linear-gradient(135deg, #065f46 0%, #059669 100%) !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  box-shadow: 0 2px 6px rgba(5, 150, 105, 0.28) !important;
}

/* Section chuẩn */
.farmer-lux-section {
  padding: 12px 14px !important;
  border-radius: 13px !important;
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
}
.farmer-lux-sec-title-row {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  margin-bottom: 10px !important;
}
.farmer-lux-sec-title-row strong {
  font-size: 13px !important;
  font-weight: 900 !important;
  color: #0f172a !important;
}
.farmer-lux-sec-title-row small {
  font-size: 10.8px !important;
  color: #64748b !important;
}

/* Tabs chọn 7 nhóm Cây Trồng / Vật Nuôi */
.farmer-lux-prof-tabs {
  display: flex !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
}
.farmer-lux-prof-tab {
  padding: 6px 11px !important;
  border-radius: 999px !important;
  border: 1.5px solid #cbd5e1 !important;
  background: #f8fafc !important;
  color: #1e293b !important;
  font-size: 11.3px !important;
  font-weight: 850 !important;
  cursor: pointer !important;
  transition: all 0.14s ease !important;
}
.farmer-lux-prof-tab:hover {
  border-color: #10b981 !important;
  background: #ecfdf5 !important;
  color: #065f46 !important;
}
.farmer-lux-prof-tab.is-active {
  background: linear-gradient(135deg, #064e3b 0%, #059669 100%) !important;
  border-color: #34d399 !important;
  color: #ffffff !important;
  box-shadow: 0 3px 10px rgba(5, 150, 105, 0.32) !important;
}

/* Hero Card Trung Tâm Chỉ Huy Luxury */
.farmer-lux-hero-card {
  padding: 14px 16px !important;
  border-radius: 14px !important;
  background: linear-gradient(140deg, #022c22 0%, #0f172a 52%, #451a03 100%) !important;
  border: 2px solid #f59e0b !important;
  color: #f8fafc !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.25) !important;
}
.farmer-lux-hero-badge {
  display: inline-block !important;
  padding: 2px 9px !important;
  border-radius: 999px !important;
  background: rgba(251, 191, 36, 0.2) !important;
  border: 1px solid #fbbf24 !important;
  color: #fde047 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.03em !important;
  margin-bottom: 5px !important;
}
.farmer-lux-hero-head h4 {
  margin: 0 0 4px !important;
  font-size: 15.5px !important;
  font-weight: 900 !important;
  color: #ffffff !important;
}
.farmer-lux-regions {
  margin: 0 0 10px !important;
  font-size: 11.5px !important;
  color: #cbd5e1 !important;
}
.farmer-lux-regions b {
  color: #6ee7b7 !important;
}

/* Thanh chọn năm mô phỏng tương tác */
.farmer-lux-year-sim-bar {
  padding: 8px 10px !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.07) !important;
  border: 1px solid rgba(251, 191, 36, 0.35) !important;
  margin-bottom: 12px !important;
}
.farmer-lux-sim-lbl {
  display: block !important;
  font-size: 10.8px !important;
  font-weight: 850 !important;
  color: #fde047 !important;
  margin-bottom: 6px !important;
}
.farmer-lux-yr-list {
  display: flex !important;
  gap: 5px !important;
  flex-wrap: wrap !important;
}
.farmer-lux-yr-btn {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  padding: 4px 9px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  background: rgba(15, 23, 42, 0.65) !important;
  color: #e2e8f0 !important;
  cursor: pointer !important;
  transition: all 0.14s ease !important;
}
.farmer-lux-yr-btn b {
  font-size: 11.5px !important;
  font-weight: 900 !important;
}
.farmer-lux-yr-btn small {
  font-size: 8.8px !important;
  color: #fcd34d !important;
}
.farmer-lux-yr-btn:hover {
  border-color: #fde047 !important;
  background: rgba(251, 191, 36, 0.2) !important;
}
.farmer-lux-yr-btn.is-active {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
  border-color: #fef08a !important;
  color: #0f172a !important;
  box-shadow: 0 2px 8px rgba(245, 158, 11, 0.45) !important;
}
.farmer-lux-yr-btn.is-active b,
.farmer-lux-yr-btn.is-active small {
  color: #0f172a !important;
  font-weight: 950 !important;
}

/* 4 Thẻ KPI Thực Chiến Cho Nông Dân */
.farmer-lux-kpi-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-bottom: 12px !important;
}
@media (max-width: 680px) {
  .farmer-lux-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
.farmer-lux-kpi-card {
  padding: 9px 10px !important;
  border-radius: 10px !important;
  background: rgba(15, 23, 42, 0.72) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.16) !important;
  min-width: 0 !important;
}
.farmer-lux-kpi-card.is-sun { border-color: rgba(251, 191, 36, 0.65) !important; }
.farmer-lux-kpi-card.is-water { border-color: rgba(56, 189, 248, 0.65) !important; }
.farmer-lux-kpi-card.is-price { border-color: rgba(244, 114, 182, 0.65) !important; }
.farmer-lux-kpi-card.is-agri {
  background: linear-gradient(135deg, rgba(6, 95, 70, 0.85) 0%, rgba(4, 120, 87, 0.85) 100%) !important;
  border-color: #34d399 !important;
}
.farmer-lux-kpi-card small {
  display: block !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  color: #cbd5e1 !important;
  margin-bottom: 2px !important;
}
.farmer-lux-kpi-card strong {
  display: block !important;
  font-size: 16px !important;
  font-weight: 950 !important;
  color: #fde047 !important;
  margin-bottom: 2px !important;
}
.farmer-lux-kpi-card.is-water strong { color: #38bdf8 !important; }
.farmer-lux-kpi-card.is-agri strong { color: #6ee7b7 !important; }
.farmer-lux-kpi-card span {
  display: block !important;
  font-size: 10.2px !important;
  line-height: 1.35 !important;
  color: #f1f5f9 !important;
}

/* Hộp khuyến nghị theo năm đang chọn */
.farmer-lux-advisory-box {
  padding: 11px 13px !important;
  border-radius: 11px !important;
  background: rgba(15, 23, 42, 0.78) !important;
  border-left: 4px solid #fbbf24 !important;
}
.farmer-lux-advisory-box.is-emerald { border-left-color: #34d399 !important; }
.farmer-lux-advisory-box.is-blue { border-left-color: #38bdf8 !important; }
.farmer-lux-advisory-box.is-cyan { border-left-color: #22d3ee !important; }
.farmer-lux-adv-title {
  font-size: 12.8px !important;
  font-weight: 950 !important;
  color: #fde047 !important;
  margin-bottom: 7px !important;
}
.farmer-lux-adv-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
  gap: 10px !important;
}
.farmer-lux-adv-grid b {
  display: block !important;
  font-size: 11.2px !important;
  color: #6ee7b7 !important;
  margin-bottom: 3px !important;
}
.farmer-lux-adv-grid p {
  margin: 0 !important;
  font-size: 11.4px !important;
  line-height: 1.48 !important;
  color: #f1f5f9 !important;
}

/* Ma trận 12 tháng trong năm */
.farmer-lux-months-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 7px !important;
  margin-bottom: 11px !important;
}
@media (max-width: 640px) {
  .farmer-lux-months-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
.farmer-lux-legend-bar {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px 10px !important;
  padding: 8px 10px !important;
  border-radius: 10px !important;
  background: #f8fafc !important;
  border: 1px solid #cbd5e1 !important;
  margin-bottom: 10px !important;
}
@media (max-width: 680px) {
  .farmer-lux-legend-bar {
    grid-template-columns: 1fr !important;
  }
}
.farmer-lux-leg-item {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 10.8px !important;
  color: #1e293b !important;
  line-height: 1.35 !important;
}
.farmer-lux-leg-item .dot {
  width: 9px !important;
  height: 9px !important;
  border-radius: 999px !important;
  flex-shrink: 0 !important;
}
.farmer-lux-leg-item.is-plant .dot { background: #059669 !important; }
.farmer-lux-leg-item.is-care .dot { background: #0284c7 !important; }
.farmer-lux-leg-item.is-gold .dot { background: #d97706 !important; }
.farmer-lux-leg-item.is-price .dot { background: #e11d48 !important; }

.farmer-lux-month-card {
  padding: 8px 10px !important;
  border-radius: 10px !important;
  border: 1.5px solid #cbd5e1 !important;
  background: #f8fafc !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
}
.farmer-lux-month-card.is-plant {
  background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%) !important;
  border-color: #10b981 !important;
}
.farmer-lux-month-card.is-care {
  background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%) !important;
  border-color: #38bdf8 !important;
}
.farmer-lux-month-card.is-gold {
  background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%) !important;
  border-color: #f59e0b !important;
}
.farmer-lux-month-card.is-price {
  background: linear-gradient(135deg, #fff1f2 0%, #ffe4e6 100%) !important;
  border-color: #f43f5e !important;
}
.farmer-lux-m-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
.farmer-lux-m-head b {
  font-size: 11.4px !important;
  color: #0f172a !important;
}
.farmer-lux-m-dot {
  width: 8px !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: #0284c7 !important;
}
.farmer-lux-month-card.is-plant .farmer-lux-m-dot { background: #059669 !important; }
.farmer-lux-month-card.is-care .farmer-lux-m-dot { background: #0284c7 !important; }
.farmer-lux-month-card.is-gold .farmer-lux-m-dot { background: #d97706 !important; }
.farmer-lux-month-card.is-price .farmer-lux-m-dot { background: #e11d48 !important; }
.farmer-lux-m-badge {
  font-size: 10.6px !important;
  font-weight: 900 !important;
  color: #0f172a !important;
  line-height: 1.3 !important;
}
.farmer-lux-m-note {
  display: block !important;
  font-size: 9.8px !important;
  line-height: 1.35 !important;
  color: #334155 !important;
}

/* 3 Trụ Cột Thời Vụ */
.farmer-lux-3pillars {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
  gap: 8px !important;
}
.farmer-lux-pillar {
  padding: 9px 11px !important;
  border-radius: 10px !important;
  background: #f8fafc !important;
  border: 1.5px solid #cbd5e1 !important;
}
.farmer-lux-pillar.is-plant {
  background: #f0fdf4 !important;
  border-color: #86efac !important;
}
.farmer-lux-pillar.is-care {
  background: #f0f9ff !important;
  border-color: #7dd3fc !important;
}
.farmer-lux-pillar.is-harvest {
  background: #fffbeb !important;
  border-color: #fcd34d !important;
}
.farmer-lux-pillar b {
  display: block !important;
  font-size: 10.8px !important;
  font-weight: 900 !important;
  color: #0f172a !important;
  margin-bottom: 4px !important;
}
.farmer-lux-pillar p {
  margin: 0 !important;
  font-size: 11.2px !important;
  line-height: 1.45 !important;
  color: #334155 !important;
}

/* Bảng Lộ Trình 5 Giai Đoạn */
.farmer-lux-table-wrap {
  width: 100% !important;
  overflow-x: auto !important;
}
.farmer-lux-table {
  width: 100% !important;
  border-collapse: collapse !important;
  font-size: 11.2px !important;
}
.farmer-lux-table th,
.farmer-lux-table td {
  padding: 7px 9px !important;
  border: 1px solid #cbd5e1 !important;
  text-align: left !important;
  vertical-align: top !important;
}
.farmer-lux-table th {
  background: linear-gradient(135deg, #064e3b 0%, #047857 100%) !important;
  color: #ffffff !important;
  font-weight: 900 !important;
}
.farmer-lux-table tbody tr {
  cursor: pointer !important;
  transition: background 0.12s ease !important;
}
.farmer-lux-table tbody tr:hover {
  background: #f0fdf4 !important;
}
.farmer-lux-table tbody tr.is-selected-row {
  background: #fffbeb !important;
  font-weight: 700 !important;
}
.farmer-lux-badge {
  display: inline-block !important;
  padding: 2px 8px !important;
  border-radius: 999px !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}
.farmer-lux-badge.is-up { background: #d1fae5 !important; color: #065f46 !important; }
.farmer-lux-badge.is-peak { background: #fef3c7 !important; color: #92400e !important; }
.farmer-lux-badge.is-down { background: #dbeafe !important; color: #1e40af !important; }
.farmer-lux-badge.is-trough { background: #e0f2fe !important; color: #075985 !important; }

/* Chuỗi 8 mắt xích */
.farmer-lux-chain-list {
  display: flex !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
  margin-bottom: 9px !important;
}
.farmer-lux-chain-chip {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 5px 10px !important;
  border-radius: 999px !important;
  border: 1.5px solid #cbd5e1 !important;
  background: #f8fafc !important;
  color: #334155 !important;
  font-size: 10.8px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}
.farmer-lux-chain-chip.is-selected {
  background: linear-gradient(135deg, #78350f 0%, #b45309 100%) !important;
  border-color: #fbbf24 !important;
  color: #ffffff !important;
}
.farmer-lux-chain-card {
  padding: 10px 12px !important;
  border-radius: 10px !important;
  background: #fffbeb !important;
  border: 1.5px solid #fcd34d !important;
}
.farmer-lux-src-pill {
  display: inline-block !important;
  padding: 1px 7px !important;
  border-radius: 999px !important;
  background: #fef3c7 !important;
  border: 1px solid #f59e0b !important;
  color: #92400e !important;
  font-size: 9.8px !important;
  font-weight: 850 !important;
  margin-left: 6px !important;
}
.farmer-lux-chain-card p {
  margin: 5px 0 !important;
  font-size: 11.4px !important;
  color: #1e293b !important;
  line-height: 1.45 !important;
}
.farmer-lux-chain-card small {
  display: block !important;
  font-size: 10.5px !important;
  color: #047857 !important;
  font-weight: 700 !important;
}

/* Sự kiện lịch sử */
.farmer-lux-events-details {
  padding: 10px 13px !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
}
.farmer-lux-events-details summary {
  cursor: pointer !important;
  font-size: 11.8px !important;
  font-weight: 900 !important;
  color: #b45309 !important;
}
.farmer-lux-events-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
  gap: 8px !important;
  margin-top: 10px !important;
}
.farmer-lux-event-card {
  padding: 8px 10px !important;
  border-radius: 9px !important;
  background: #f8fafc !important;
  border: 1px solid #cbd5e1 !important;
  font-size: 11px !important;
}
.farmer-lux-ev-top {
  display: flex !important;
  justify-content: space-between !important;
  gap: 6px !important;
  margin-bottom: 4px !important;
  color: #0f172a !important;
}
.farmer-lux-event-card p {
  margin: 0 0 6px !important;
  font-size: 10.6px !important;
  color: #475569 !important;
  line-height: 1.4 !important;
}
.farmer-lux-ev-foot {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px !important;
}
.farmer-lux-ev-foot a {
  font-size: 10px !important;
  color: #0284c7 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}
.farmer-lux-jump-btn {
  padding: 3px 8px !important;
  border-radius: 999px !important;
  border: 1px solid #f59e0b !important;
  background: #fffbeb !important;
  color: #92400e !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}

/* v20.646.0 — ĐƯỜNG GIÁ LỊCH SỬ & BIỂU ĐỒ ĐÔI ĐỐI CHIẾU VỆT ĐEN MẶT TRỜI */
.farmer-lux-chk.is-checked-price {
  background: #fff1f2 !important;
  border-color: #e11d48 !important;
  color: #9f1239 !important;
}
.farmer-lux-price-history-card {
  background: linear-gradient(180deg, #ffffff 0%, #fffdf7 100%) !important;
  border: 1.5px solid #f59e0b !important;
}
.farmer-lux-corr-badge {
  display: inline-flex !important;
  align-items: center !important;
  padding: 3px 10px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #fff1f2 0%, #ffe4e6 100%) !important;
  border: 1px solid #f43f5e !important;
  color: #be123c !important;
  font-size: 10.6px !important;
  font-weight: 900 !important;
}
.farmer-lux-corr-summary {
  margin: 0 0 10px !important;
  padding: 9px 12px !important;
  border-radius: 10px !important;
  background: #fffbeb !important;
  border-left: 4px solid #d97706 !important;
  font-size: 11.4px !important;
  line-height: 1.5 !important;
  color: #1e293b !important;
}
.farmer-lux-dual-chart-box {
  padding: 10px 12px !important;
  border-radius: 11px !important;
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  margin-bottom: 11px !important;
}
.farmer-lux-dual-legend {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  margin-bottom: 6px !important;
  font-size: 11px !important;
  color: #334155 !important;
}
.farmer-lux-dual-legend .line-swatch {
  display: inline-block !important;
  width: 18px !important;
  height: 3.5px !important;
  border-radius: 2px !important;
  vertical-align: middle !important;
  margin-right: 4px !important;
}
.farmer-lux-dual-legend .line-swatch.is-price { background: #e11d48 !important; }
.farmer-lux-dual-legend .line-swatch.is-sun { background: #f59e0b !important; }
.farmer-lux-dual-svg {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: 205px !important;
}
.farmer-lux-price-pill {
  display: inline-block !important;
  padding: 3px 8px !important;
  border-radius: 7px !important;
  font-size: 10.6px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
}
.farmer-lux-price-pill.is-peak {
  background: #fff1f2 !important;
  border: 1px solid #fda4af !important;
  color: #be123c !important;
}
.farmer-lux-price-pill.is-trough {
  background: #f0fdfa !important;
  border: 1px solid #5eead4 !important;
  color: #0f766e !important;
}

/* v20.650.0 — THANH CHỌN ĐƯỜNG GIÁ LỊCH SỬ TỪNG MẶT HÀNG TRỰC TIẾP TRÊN BIỂU ĐỒ CHÍNH (#farmerChartPriceBar) */
.farmer-onchart-price-bar {
  margin: 0 0 8px 0 !important;
  padding: 9px 12px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #022c22 0%, #0f172a 55%, #451a03 100%) !important;
  border: 1.5px solid #f59e0b !important;
  color: #f8fafc !important;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.22) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}
.farmer-onchart-top-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}
.farmer-onchart-title {
  font-size: 12px !important;
  color: #f8fafc !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
}
.farmer-onchart-kicker {
  color: #fde047 !important;
  font-weight: 900 !important;
  font-size: 11px !important;
}
.farmer-onchart-corr-pill {
  display: inline-block !important;
  padding: 2px 8px !important;
  border-radius: 999px !important;
  background: rgba(225, 29, 72, 0.25) !important;
  border: 1px solid #fda4af !important;
  color: #fecdd3 !important;
  font-size: 10.2px !important;
  font-weight: 850 !important;
}
.farmer-onchart-actions {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  flex-wrap: wrap !important;
}
.farmer-onchart-mode-btn,
.farmer-onchart-range-btn,
.farmer-onchart-gtrend-btn,
.farmer-onchart-detail-btn {
  height: 26px !important;
  padding: 0 9px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  background: rgba(15, 23, 42, 0.65) !important;
  color: #e2e8f0 !important;
  font-size: 10.6px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: all 0.14s ease !important;
}
.farmer-onchart-mode-btn.is-on {
  background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%) !important;
  border-color: #c4b5fd !important;
  color: #ffffff !important;
}
.farmer-onchart-range-btn.is-active {
  background: linear-gradient(135deg, #d97706 0%, #b45309 100%) !important;
  border-color: #fde047 !important;
  color: #ffffff !important;
}
.farmer-onchart-gtrend-btn.is-off {
  background: linear-gradient(135deg, #be123c 0%, #9f1239 100%) !important;
  border-color: #fda4af !important;
  color: #ffffff !important;
}
.farmer-onchart-detail-btn.is-closed {
  background: linear-gradient(135deg, #fde047 0%, #f59e0b 100%) !important;
  border-color: #fef08a !important;
  color: #0f172a !important;
  font-weight: 950 !important;
}
.farmer-onchart-detail-btn.is-open {
  background: linear-gradient(135deg, #34d399 0%, #059669 100%) !important;
  border-color: #a7f3d0 !important;
  color: #022c22 !important;
  font-weight: 950 !important;
}
.farmer-onchart-items-row {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  padding-top: 6px !important;
  border-top: 1px dashed rgba(251, 191, 36, 0.35) !important;
}
.farmer-onchart-items-lbl {
  font-size: 10.8px !important;
  font-weight: 850 !important;
  color: #fde047 !important;
  white-space: nowrap !important;
}
.farmer-onchart-items-list {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  flex-wrap: wrap !important;
}
.farmer-onchart-item-btn {
  height: 27px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  border: 1.5px solid rgba(255, 255, 255, 0.22) !important;
  background: rgba(30, 41, 59, 0.82) !important;
  color: #f1f5f9 !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: all 0.14s ease !important;
}
.farmer-onchart-item-btn:hover {
  border-color: #f59e0b !important;
  background: linear-gradient(135deg, #064e3b 0%, #047857 100%) !important;
  color: #fde047 !important;
  box-shadow: 0 4px 12px rgba(4, 120, 87, 0.35) !important;
  transform: translateY(-1px) !important;
}
.farmer-onchart-item-btn.is-primary {
  background: linear-gradient(135deg, #e11d48 0%, #be123c 100%) !important;
  border-color: #fde047 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 10px rgba(225, 29, 72, 0.45) !important;
}
.farmer-onchart-item-btn.is-extra {
  background: linear-gradient(135deg, #7c3aed 0%, #4f46e5 100%) !important;
  border-color: #c4b5fd !important;
  color: #ffffff !important;
}

/* ==========================================================================
   v20.650.0 · CHẾ ĐỘ NÔNG DÂN FULL CHART & POP-UP KHỦNG HOẢNG ĐỈNH/ĐÁY TRÊN BIỂU ĐỒ
   - Khi bật chỉ báo "🌾 Nông Dân" (body.msc-farmer-mode-active):
     1. Tự động ẩn 2 khung thông tin bên phải (.trend-right-panel, #openTrendPanelEdge)
        và bên dưới (#trendInsights, #ledatWaveBottomDock) để Biểu Đồ Chính mở rộng 100%.
     2. Hàng Chip Điểm Nóng Khủng Hoảng Lịch Sử (.farmer-onchart-crisis-row) và
        Pop-up Giải Thích Khủng Hoảng Ngay Trên Chart (.farmer-crisis-popover).
   ========================================================================== */
body.msc-farmer-mode-active .trend-right-panel,
body.msc-farmer-mode-active #openTrendPanelEdge,
body.msc-farmer-mode-active #trendInsights,
body.msc-farmer-mode-active #ledatWaveBottomDock {
  display: none !important;
}
body.msc-farmer-mode-active .trend-main {
  grid-template-columns: 1fr !important;
  width: 100% !important;
  max-width: 100% !important;
}
body.msc-farmer-mode-active .trend-chart-column {
  width: 100% !important;
  max-width: 100% !important;
  grid-column: 1 / -1 !important;
}

.farmer-onchart-crisis-row {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  padding-top: 6px !important;
  margin-top: 2px !important;
  border-top: 1px dashed rgba(244, 63, 94, 0.4) !important;
}
.farmer-onchart-crisis-lbl {
  font-size: 10.8px !important;
  font-weight: 900 !important;
  color: #fda4af !important;
  white-space: nowrap !important;
}
.farmer-onchart-crisis-list {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
}
.farmer-onchart-crisis-chip {
  height: 26px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  font-size: 10.8px !important;
  font-weight: 850 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: all 0.15s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}
.farmer-onchart-crisis-chip.is-peak {
  background: linear-gradient(135deg, rgba(190, 18, 60, 0.92) 0%, rgba(136, 19, 55, 0.95) 100%) !important;
  border: 1.5px solid #fda4af !important;
  color: #fff1f2 !important;
  box-shadow: 0 2px 8px rgba(225, 29, 72, 0.32) !important;
}
.farmer-onchart-crisis-chip.is-trough {
  background: linear-gradient(135deg, rgba(3, 105, 161, 0.92) 0%, rgba(12, 74, 110, 0.95) 100%) !important;
  border: 1.5px solid #7dd3fc !important;
  color: #f0f9ff !important;
  box-shadow: 0 2px 8px rgba(14, 165, 233, 0.32) !important;
}
.farmer-onchart-crisis-chip:hover {
  transform: translateY(-1px) scale(1.02) !important;
  filter: brightness(1.12) !important;
  border-color: #fde047 !important;
}

.farmer-crisis-popover {
  position: absolute !important;
  z-index: 65 !important;
  width: 440px !important;
  max-width: calc(100vw - 28px) !important;
  border-radius: 14px !important;
  padding: 0 !important;
  overflow: hidden !important;
  box-shadow: 0 18px 42px rgba(2, 6, 23, 0.78), 0 0 0 1px rgba(255, 255, 255, 0.14) !important;
  backdrop-filter: blur(14px) !important;
  color: #f8fafc !important;
  animation: farmerCrisisPopIn 0.16s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.farmer-crisis-popover[hidden] {
  display: none !important;
}
.farmer-crisis-popover.is-peak {
  background: linear-gradient(160deg, rgba(69, 10, 26, 0.98) 0%, rgba(15, 23, 42, 0.98) 100%) !important;
  border: 2px solid #fb7185 !important;
}
.farmer-crisis-popover.is-trough {
  background: linear-gradient(160deg, rgba(8, 47, 73, 0.98) 0%, rgba(15, 23, 42, 0.98) 100%) !important;
  border: 2px solid #38bdf8 !important;
}
@keyframes farmerCrisisPopIn {
  from { opacity: 0; transform: translateY(6px) scale(0.97); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
.farmer-cp-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 12px 14px 10px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14) !important;
  background: rgba(2, 6, 23, 0.42) !important;
}
.farmer-cp-badge {
  display: inline-block !important;
  padding: 3px 9px !important;
  border-radius: 999px !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  letter-spacing: 0.03em !important;
  margin-bottom: 5px !important;
}
.farmer-cp-badge.is-peak {
  background: linear-gradient(135deg, #e11d48 0%, #be123c 100%) !important;
  color: #ffffff !important;
  border: 1px solid #fda4af !important;
}
.farmer-cp-badge.is-trough {
  background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;
  color: #ffffff !important;
  border: 1px solid #7dd3fc !important;
}
.farmer-cp-title-wrap strong {
  display: block !important;
  font-size: 13.5px !important;
  font-weight: 900 !important;
  color: #fef08a !important;
  line-height: 1.35 !important;
}
.farmer-cp-close {
  width: 28px !important;
  height: 28px !important;
  border-radius: 999px !important;
  border: 1.5px solid rgba(255, 255, 255, 0.28) !important;
  background: rgba(239, 68, 68, 0.88) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}
.farmer-cp-close:hover {
  background: #dc2626 !important;
  transform: scale(1.06) !important;
}
.farmer-cp-body {
  padding: 12px 14px 13px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}
.farmer-cp-price-line {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  padding: 6px 10px !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.07) !important;
  border: 1px solid rgba(250, 204, 21, 0.35) !important;
}
.farmer-cp-price {
  font-size: 12.5px !important;
  font-weight: 900 !important;
  color: #fde047 !important;
}
.farmer-cp-solar {
  font-size: 11px !important;
  font-weight: 800 !important;
  color: #bae6fd !important;
}
.farmer-cp-row {
  padding: 7px 10px !important;
  border-radius: 8px !important;
  background: rgba(15, 23, 42, 0.65) !important;
  border-left: 3px solid #f59e0b !important;
  color: #f1f5f9 !important;
}
.farmer-cp-row.is-why {
  border-left-color: #10b981 !important;
  background: rgba(6, 78, 59, 0.38) !important;
}
.farmer-cp-row.is-sun {
  border-left-color: #38bdf8 !important;
  background: rgba(12, 74, 110, 0.35) !important;
}
.farmer-cp-row-lbl {
  display: block !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  color: #fef08a !important;
  margin-bottom: 2px !important;
}
.farmer-cp-hint {
  font-size: 10.5px !important;
  color: #cbd5e1 !important;
  text-align: right !important;
  font-style: italic !important;
}

/* ==========================================================================
   v20.650.0 · KHÔNG GIAN ĐỘC LẬP "🌾 BÍ MẬT NHÀ NÔNG (NÔNG DÂN VIP)" (#farmerWorkspace)
   - Tách riêng 100% khỏi Google Trends thành Sản phẩm & Không gian làm việc độc lập.
   - Giao diện Luxury Emerald-Gold, Cột Volume Mua Bán Thực Tế (Xanh/Đỏ),
     Nút (!) Giải Thích Thuật Ngữ, Custom Năm & Bộ Máy Backtest Chu Kỳ Thực Chiến.
   ========================================================================== */
.farmer-nav-open {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 5px 11px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #065f46 0%, #047857 55%, #d97706 100%) !important;
  color: #ffffff !important;
  border: 1.5px solid #fde047 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  box-shadow: 0 2px 10px rgba(5, 150, 105, 0.28) !important;
  transition: transform 0.14s ease, filter 0.14s ease !important;
}
.farmer-nav-open:hover {
  transform: translateY(-1px) !important;
  filter: brightness(1.08) !important;
}
.farmer-nav-open em {
  font-style: normal !important;
  padding: 1px 6px !important;
  border-radius: 999px !important;
  background: #fde047 !important;
  color: #064e3b !important;
  font-size: 9.5px !important;
  font-weight: 900 !important;
}

body.msc-farmer-ws-open {
  overflow: hidden !important;
}

.farmer-standalone-workspace {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9800 !important;
  background: #f8fafc !important;
  color: #0f172a !important;
  display: flex !important;
  flex-direction: column !important;
  overflow-y: auto !important;
  font-family: "Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial, -apple-system, BlinkMacSystemFont, "Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial, sans-serif !important;
}
.farmer-standalone-workspace[hidden] {
  display: none !important;
}

.farmer-ws-topbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 40 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  padding: 10px 18px !important;
  background: linear-gradient(135deg, #022c22 0%, #064e3b 52%, #0f172a 100%) !important;
  border-bottom: 2px solid #f59e0b !important;
  color: #f8fafc !important;
  box-shadow: 0 6px 20px rgba(2, 6, 23, 0.35) !important;
}
.farmer-ws-brand {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}
.farmer-ws-back-btn {
  height: 34px !important;
  padding: 0 12px !important;
  border-radius: 9px !important;
  border: 1.5px solid #fde047 !important;
  background: rgba(255, 255, 255, 0.1) !important;
  color: #fde047 !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  cursor: pointer !important;
}
.farmer-ws-back-btn:hover {
  background: #fde047 !important;
  color: #022c22 !important;
}
.farmer-ws-title-row {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}
.farmer-ws-title-row strong {
  font-size: 15.5px !important;
  font-weight: 600 !important;
  color: #fef08a !important;
}
.farmer-ws-vip-badge {
  padding: 2px 8px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  border: 1px solid #fde047 !important;
}
.farmer-ws-title-group small {
  display: block !important;
  font-size: 11px !important;
  color: #a7f3d0 !important;
  margin-top: 2px !important;
}
.farmer-ws-nav-links {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
}
.farmer-ws-nav-btn {
  height: 32px !important;
  padding: 0 11px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, 0.24) !important;
  background: rgba(15, 23, 42, 0.65) !important;
  color: #f1f5f9 !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
}
.farmer-ws-nav-btn:hover {
  border-color: #fde047 !important;
  color: #fde047 !important;
}
.farmer-ws-nav-btn.is-glossary-btn {
  background: linear-gradient(135deg, #b45309 0%, #d97706 100%) !important;
  border-color: #fde047 !important;
  color: #ffffff !important;
}

.farmer-ws-body {
  padding: 12px 16px 28px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  max-width: 1920px !important;
  width: 100% !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}

.farmer-ws-control-deck {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  padding: 12px 14px !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05) !important;
}
.farmer-deck-row-title {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  margin-bottom: 6px !important;
}
.farmer-deck-row-title b {
  font-size: 13px !important;
  color: #064e3b !important;
}
.farmer-deck-row-title small {
  font-size: 11px !important;
  color: #475569 !important;
}

.farmer-deck-block.is-toggles-box {
  padding: 10px 12px !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, #f0fdf4 0%, #fffbeb 100%) !important;
  border: 1px solid #a7f3d0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}
.farmer-deck-toggles-row {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}
.farmer-line-toggle-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 5px 11px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  font-size: 11.8px !important;
  font-weight: 600 !important;
  color: #334155 !important;
  cursor: pointer !important;
  user-select: none !important;
}
.farmer-line-toggle-pill.is-sun.is-checked {
  border-color: #f59e0b !important;
  background: #fffbeb !important;
  color: #92400e !important;
}
.farmer-line-toggle-pill.is-price.is-checked {
  border-color: #f43f5e !important;
  background: #fff1f2 !important;
  color: #be123c !important;
}
.farmer-line-toggle-pill.is-vol.is-checked {
  border-color: #10b981 !important;
  background: #ecfdf5 !important;
  color: #065f46 !important;
}
.farmer-line-toggle-pill.is-hydro.is-checked {
  border-color: #0284c7 !important;
  background: #f0f9ff !important;
  color: #0369a1 !important;
}
.farmer-line-toggle-pill.is-agri.is-checked {
  border-color: #059669 !important;
  background: #f0fdf4 !important;
  color: #047857 !important;
}

.farmer-term-info-btn {
  width: 19px !important;
  height: 19px !important;
  border-radius: 50% !important;
  border: 1.5px solid #d97706 !important;
  background: linear-gradient(135deg, #fde047 0%, #f59e0b 100%) !important;
  color: #0f172a !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  padding: 0 !important;
  box-shadow: 0 1px 4px rgba(217, 119, 6, 0.35) !important;
}
.farmer-term-info-btn:hover {
  transform: scale(1.14) !important;
  background: #fef08a !important;
}

.farmer-deck-timeframe-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  padding-top: 8px !important;
  border-top: 1px dashed #cbd5e1 !important;
}
.farmer-tf-presets,
.farmer-tf-custom-group,
.farmer-tf-year-jump,
.farmer-tf-backtest-cta {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
}
.farmer-tf-lbl {
  font-size: 11.5px !important;
  font-weight: 600 !important;
  color: #0f172a !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}
.farmer-tf-btn {
  height: 28px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  border: 1px solid #cbd5e1 !important;
  background: #ffffff !important;
  color: #334155 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}
.farmer-tf-btn.is-active {
  background: linear-gradient(135deg, #d97706 0%, #b45309 100%) !important;
  color: #ffffff !important;
  border-color: #f59e0b !important;
}
.farmer-tf-custom-group label,
.farmer-tf-year-jump label {
  font-size: 11.5px !important;
  font-weight: 600 !important;
  color: #1e293b !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}
.farmer-tf-custom-group input {
  width: 72px !important;
  height: 28px !important;
  padding: 0 6px !important;
  border-radius: 7px !important;
  border: 1.5px solid #94a3b8 !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  text-align: center !important;
}
.farmer-tf-year-jump select {
  height: 28px !important;
  padding: 0 8px !important;
  border-radius: 7px !important;
  border: 1.5px solid #059669 !important;
  background: #ecfdf5 !important;
  color: #065f46 !important;
  font-weight: 600 !important;
  font-size: 11.5px !important;
}
.farmer-tf-apply-btn {
  height: 28px !important;
  padding: 0 11px !important;
  border-radius: 8px !important;
  border: 1px solid #047857 !important;
  background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}
.farmer-bt-replay-btn {
  height: 29px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  border: 1.5px solid #7c3aed !important;
  background: linear-gradient(135deg, #6d28d9 0%, #4f46e5 100%) !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}
.farmer-bt-replay-btn.is-active {
  background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%) !important;
  border-color: #fca5a5 !important;
}

.farmer-replay-control-bar {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  padding: 8px 12px !important;
  border-radius: 10px !important;
  background: #0f172a !important;
  color: #f8fafc !important;
  border: 1.5px solid #f59e0b !important;
  font-size: 11.5px !important;
}
.farmer-replay-control-bar button {
  height: 27px !important;
  padding: 0 10px !important;
  border-radius: 7px !important;
  border: 1px solid #475569 !important;
  background: #1e293b !important;
  color: #fde047 !important;
  font-weight: 600 !important;
  font-size: 11px !important;
  cursor: pointer !important;
}

.farmer-ws-chart-stage {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 14px !important;
  padding: 10px 12px !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}
.farmer-chart-live-banner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  padding: 8px 12px !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, #064e3b 0%, #0f172a 100%) !important;
  color: #ffffff !important;
}
.farmer-clb-tag {
  display: inline-block !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  color: #fde047 !important;
  margin-right: 8px !important;
}
.farmer-clb-left strong {
  font-size: 12.5px !important;
  color: #f8fafc !important;
}
.farmer-clb-kpis {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
}
.farmer-clb-kpi {
  padding: 3px 8px !important;
  border-radius: 6px !important;
  background: rgba(255, 255, 255, 0.1) !important;
  font-size: 11px !important;
  color: #e2e8f0 !important;
}
.farmer-clb-kpi b {
  color: #fde047 !important;
}

.farmer-ws-chart-canvas-wrap {
  position: relative !important;
  width: 100% !important;
  height: 520px !important;
  min-height: 440px !important;
}
.farmer-standalone-echart {
  width: 100% !important;
  height: 100% !important;
}

.farmer-term-popover {
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  z-index: 75 !important;
  width: 480px !important;
  max-width: calc(100vw - 32px) !important;
  border-radius: 14px !important;
  background: linear-gradient(160deg, #0f172a 0%, #022c22 100%) !important;
  border: 2px solid #fde047 !important;
  color: #f8fafc !important;
  box-shadow: 0 22px 48px rgba(2, 6, 23, 0.8) !important;
}
.farmer-term-popover[hidden] {
  display: none !important;
}
.farmer-term-chip-bar {
  display: flex !important;
  gap: 5px !important;
  flex-wrap: wrap !important;
  margin-bottom: 4px !important;
}
.farmer-term-switch-chip {
  padding: 3px 8px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: #cbd5e1 !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}
.farmer-term-switch-chip.is-active {
  background: #fde047 !important;
  color: #0f172a !important;
  border-color: #f59e0b !important;
}

.farmer-ws-bottom-hub {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 14px !important;
  padding: 12px 14px !important;
}
.farmer-hub-tabs {
  display: flex !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  border-bottom: 1.5px solid #e2e8f0 !important;
  padding-bottom: 10px !important;
  margin-bottom: 12px !important;
}
.farmer-hub-tab {
  height: 34px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  border: 1.5px solid #cbd5e1 !important;
  background: #f8fafc !important;
  color: #334155 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}
.farmer-hub-tab.is-active {
  background: linear-gradient(135deg, #065f46 0%, #059669 100%) !important;
  color: #ffffff !important;
  border-color: #047857 !important;
}

.farmer-bt-controls-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  background: #f0fdf4 !important;
  border: 1px solid #86efac !important;
  margin-bottom: 12px !important;
}
.farmer-bt-controls-bar strong {
  display: block !important;
  font-size: 13px !important;
  color: #064e3b !important;
}
.farmer-bt-controls-bar small {
  font-size: 11.5px !important;
  color: #334155 !important;
}
.farmer-bt-inputs {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}
.farmer-bt-inputs label {
  font-size: 11.5px !important;
  font-weight: 600 !important;
  color: #0f172a !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
}
.farmer-bt-inputs input {
  width: 115px !important;
  height: 30px !important;
  padding: 0 8px !important;
  border-radius: 7px !important;
  border: 1.5px solid #94a3b8 !important;
  font-weight: 600 !important;
  font-size: 12px !important;
}

.farmer-bt-kpi-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-bottom: 12px !important;
}
.farmer-bt-kpi-card {
  padding: 11px 13px !important;
  border-radius: 12px !important;
  background: #f8fafc !important;
  border: 1.5px solid #cbd5e1 !important;
}
.farmer-bt-kpi-card.is-win {
  background: #ecfdf5 !important;
  border-color: #10b981 !important;
}
.farmer-bt-kpi-card.is-roi {
  background: #fffbeb !important;
  border-color: #f59e0b !important;
}
.farmer-bt-kpi-card small {
  display: block !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  color: #64748b !important;
}
.farmer-bt-kpi-card b {
  display: block !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  margin: 3px 0 !important;
}
.farmer-bt-kpi-card span {
  font-size: 11px !important;
  color: #475569 !important;
}

.farmer-bt-table-wrap {
  overflow-x: auto !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 12px !important;
}
.farmer-bt-table {
  width: 100% !important;
  border-collapse: collapse !important;
  font-size: 12px !important;
  text-align: left !important;
}
.farmer-bt-table th {
  background: #0f172a !important;
  color: #f8fafc !important;
  padding: 9px 11px !important;
  font-weight: 600 !important;
}
.farmer-bt-table td {
  padding: 9px 11px !important;
  border-bottom: 1px solid #e2e8f0 !important;
  vertical-align: top !important;
}
.farmer-cal-grid-12 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
}
.farmer-year-sim-box {
  padding: 12px 14px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #fffbeb 0%, #ecfdf5 100%) !important;
  border: 1.5px solid #f59e0b !important;
  margin-bottom: 12px !important;
  display: grid !important;
  gap: 8px !important;
}
.farmer-year-sim-advice {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  font-size: 12px !important;
  color: #1e293b !important;
}
@media (max-width: 1024px) {
  .farmer-bt-kpi-grid,
  .farmer-cal-grid-12 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .farmer-year-sim-advice {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 640px) {
  .farmer-bt-kpi-grid,
  .farmer-cal-grid-12 {
    grid-template-columns: 1fr !important;
  }
}

/* v20.650.0 · Ẩn tuyệt đối #mscTrendIntelPanel khi mở Nông Dân / Bí Mật Nhà Cái / Nhà Cái Marketing */
body.msc-farmer-ws-open #mscTrendIntelPanel,
body.msc-astro-workspace-open #mscTrendIntelPanel {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.farmer-toggle-pill-wrap {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 8px 4px 10px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  transition: all 0.14s ease !important;
}
.farmer-toggle-pill-wrap.is-off {
  opacity: 0.65 !important;
  background: #f1f5f9 !important;
}
.farmer-toggle-pill-wrap.is-sun.is-checked { border-color: #f59e0b !important; background: #fffbeb !important; }
.farmer-toggle-pill-wrap.is-price.is-checked { border-color: #f43f5e !important; background: #fff1f2 !important; }
.farmer-toggle-pill-wrap.is-vol.is-checked { border-color: #10b981 !important; background: #ecfdf5 !important; }
.farmer-toggle-pill-wrap.is-hydro.is-checked { border-color: #0284c7 !important; background: #f0f9ff !important; }
.farmer-toggle-pill-wrap.is-agri.is-checked { border-color: #059669 !important; background: #f0fdf4 !important; }

.farmer-line-toggle-btn {
  border: 0 !important;
  background: transparent !important;
  padding: 2px 4px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 11.8px !important;
  font-weight: 850 !important;
  color: #0f172a !important;
  cursor: pointer !important;
}
.farmer-chk-box {
  width: 16px !important;
  height: 16px !important;
  border-radius: 4px !important;
  border: 1.5px solid #64748b !important;
  background: #ffffff !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.farmer-toggle-pill-wrap.is-checked .farmer-chk-box {
  background: #059669 !important;
  border-color: #047857 !important;
}

.farmer-super-toolbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  padding: 6px 10px !important;
  border-radius: 9px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
}
.farmer-live-cursor-hud {
  font-size: 11.5px !important;
  color: #1e293b !important;
  line-height: 1.4 !important;
  flex: 1 1 480px !important;
}
.farmer-super-actions {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
}
.farmer-sc-act-btn {
  height: 28px !important;
  padding: 0 10px !important;
  border-radius: 7px !important;
  border: 1px solid #cbd5e1 !important;
  background: #ffffff !important;
  color: #1e293b !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}
.farmer-sc-act-btn:hover,
.farmer-sc-act-btn.is-active {
  background: #065f46 !important;
  color: #ffffff !important;
  border-color: #047857 !important;
}

.farmer-drawing-layer {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 25 !important;
  pointer-events: none !important;
}
.farmer-drawing-layer.is-drawing-active {
  pointer-events: all !important;
  cursor: crosshair !important;
}
.farmer-drawing-toolbar {
  position: absolute !important;
  top: 44px !important;
  left: 12px !important;
  z-index: 45 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  padding: 6px 8px !important;
  border-radius: 10px !important;
  background: rgba(15, 23, 42, 0.94) !important;
  border: 1.5px solid #f59e0b !important;
  box-shadow: 0 10px 26px rgba(2, 6, 23, 0.45) !important;
  max-width: calc(100% - 24px) !important;
}
.farmer-drawing-toolbar[hidden] {
  display: none !important;
}
.farmer-draw-tool {
  width: 28px !important;
  height: 28px !important;
  border-radius: 6px !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  background: rgba(30, 41, 59, 0.9) !important;
  color: #f8fafc !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.farmer-draw-tool.active,
.farmer-draw-tool:hover {
  background: #059669 !important;
  border-color: #fde047 !important;
  color: #ffffff !important;
}
.farmer-draw-tool.is-danger:hover {
  background: #dc2626 !important;
}
.farmer-ws-chart-stage.is-fullscreen-stage {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9990 !important;
  border-radius: 0 !important;
  height: 100vh !important;
  overflow-y: auto !important;
}
.farmer-ws-chart-stage.is-fullscreen-stage .farmer-ws-chart-canvas-wrap {
  height: calc(100vh - 210px) !important;
}

/* ═══ LeDat v20.651.0 · AUTO 100% FARMER COCKPIT, X-Y CROSSHAIR, 60FPS BACKTEST STUDIO & MULTI-DEVICE UX ═══ */

/* 0. Nâng cấp Font chữ & Phong cách Sang Trọng Hoàng Gia Nhà Nông (Royal Agri-Gold & Emerald) */
#farmerWorkspace,
#farmerWorkspace button,
#farmerWorkspace input,
#farmerWorkspace select,
#farmerWorkspace textarea {
  font-family: "Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial, -apple-system, BlinkMacSystemFont, "Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
}

/* Fix Hình 3: Nút chọn mặt hàng sắc nét, sang trọng, khi rê chuột tuyệt đối không bị mờ nhạt */
.farmer-deck-block.is-commodity-bar {
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 14px !important;
  padding: 12px 14px !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05) !important;
}
.farmer-onchart-items-list {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  flex-wrap: wrap !important;
  margin-top: 6px !important;
}
#farmerWorkspace .farmer-onchart-item-btn {
  height: 36px !important;
  padding: 0 13px !important;
  border-radius: 10px !important;
  border: 1.5px solid #334155 !important;
  background: #1e293b !important;
  color: #f8fafc !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.14) !important;
  transition: all 0.15s ease !important;
}
#farmerWorkspace .farmer-onchart-item-btn:hover {
  background: linear-gradient(135deg, #064e3b 0%, #047857 100%) !important;
  border-color: #f59e0b !important;
  color: #fde047 !important;
  transform: translateY(-1.5px) !important;
  box-shadow: 0 6px 16px rgba(5, 150, 105, 0.35) !important;
}
#farmerWorkspace .farmer-onchart-item-btn.is-primary {
  background: linear-gradient(135deg, #be123c 0%, #9f1239 100%) !important;
  border: 2px solid #fde047 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(190, 18, 60, 0.45) !important;
}
#farmerWorkspace .farmer-onchart-item-btn.is-extra {
  background: linear-gradient(135deg, #6d28d9 0%, #4f46e5 100%) !important;
  border: 2px solid #c4b5fd !important;
  color: #ffffff !important;
}
.farmer-item-ico {
  font-size: 15px !important;
  line-height: 1 !important;
}
.farmer-item-chk {
  padding: 1px 5px !important;
  border-radius: 999px !important;
  background: rgba(253, 224, 71, 0.25) !important;
  color: #fde047 !important;
  font-size: 10px !important;
  font-weight: 600 !important;
}

/* 1. Bảng Chỉ Huy Nhà Nông Tự Động 100% — Sang trọng, Gọn gàng, Nhìn 3 giây hiểu ngay */
.farmer-auto-cockpit {
  margin-bottom: 10px !important;
}
.farmer-cockpit-shell {
  border-radius: 14px !important;
  padding: 12px 16px !important;
  border: 2px solid #10b981 !important;
  background: linear-gradient(135deg, #064e3b 0%, #065f46 55%, #047857 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 26px rgba(6, 78, 59, 0.22) !important;
}
.farmer-cockpit-shell.is-hold {
  border-color: #f59e0b !important;
  background: linear-gradient(135deg, #78350f 0%, #92400e 55%, #b45309 100%) !important;
  box-shadow: 0 10px 26px rgba(120, 53, 15, 0.22) !important;
}
.farmer-cockpit-shell.is-sell {
  border-color: #fda4af !important;
  background: linear-gradient(135deg, #881337 0%, #9f1239 55%, #be123c 100%) !important;
  box-shadow: 0 10px 26px rgba(136, 19, 55, 0.25) !important;
}
.farmer-cockpit-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
}
.farmer-cockpit-signal {
  flex: 1 1 540px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
}
.farmer-cockpit-pill-row {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}
.farmer-cockpit-ai-pill {
  display: inline-flex !important;
  align-items: center !important;
  padding: 3px 10px !important;
  border-radius: 999px !important;
  background: #fde047 !important;
  color: #0f172a !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}
.farmer-cockpit-month-pill,
.farmer-cockpit-vol-pill {
  display: inline-flex !important;
  align-items: center !important;
  padding: 3px 10px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.16) !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  color: #f8fafc !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}
.farmer-cockpit-headline {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #fde047 !important;
  line-height: 1.3 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) !important;
}
.farmer-cockpit-summary {
  margin: 0 !important;
  font-size: 13px !important;
  color: #f8fafc !important;
  line-height: 1.48 !important;
  font-weight: 600 !important;
}
.farmer-cockpit-meter {
  flex: 0 1 350px !important;
  min-width: 270px !important;
  background: rgba(15, 23, 42, 0.45) !important;
  border: 1.5px solid rgba(253, 224, 71, 0.45) !important;
  border-radius: 12px !important;
  padding: 10px 14px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
}
.farmer-cockpit-meter-lbl {
  font-size: 12px !important;
  color: #f8fafc !important;
  font-weight: 700 !important;
}
.farmer-cockpit-meter-lbl b {
  color: #fde047 !important;
  font-size: 13.5px !important;
}
.farmer-cockpit-bar-bg {
  width: 100% !important;
  height: 11px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #10b981 0%, #f59e0b 55%, #ef4444 100%) !important;
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
}
.farmer-cockpit-bar-fill {
  height: 100% !important;
  border-right: 4px solid #ffffff !important;
  background: rgba(255, 255, 255, 0.25) !important;
}
.farmer-cockpit-cta-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}
.farmer-cockpit-ratio-pill {
  font-size: 12px !important;
  color: #fde047 !important;
}
.farmer-cockpit-expand-btn {
  height: 28px !important;
  padding: 0 10px !important;
  border-radius: 7px !important;
  border: 1px solid #fde047 !important;
  background: rgba(253, 224, 71, 0.18) !important;
  color: #fde047 !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}
.farmer-cockpit-expand-btn:hover {
  background: #fde047 !important;
  color: #0f172a !important;
}
.farmer-cockpit-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-top: 12px !important;
  padding-top: 12px !important;
  border-top: 1px dashed rgba(255, 255, 255, 0.25) !important;
}
.farmer-cockpit-card {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 11px !important;
  padding: 11px 13px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  color: #0f172a !important;
}
.farmer-cc-title {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  border-bottom: 1px dashed #cbd5e1 !important;
  padding-bottom: 5px !important;
}
.farmer-cc-body {
  font-size: 12.5px !important;
  color: #1e293b !important;
  line-height: 1.5 !important;
}
.farmer-cc-sub {
  margin-top: auto !important;
  padding-top: 6px !important;
  border-top: 1px solid #f1f5f9 !important;
  font-size: 11.8px !important;
  color: #047857 !important;
  line-height: 1.42 !important;
}

/* 2. KHUNG BIỂU ĐỒ CAO RÁO, THOÁNG ĐÃNG (760PX TRÊN PC) & NÚT CUỘN NHANH LỊCH CANH TÁC */
#farmerWorkspace .farmer-ws-chart-canvas-wrap {
  position: relative !important;
  width: 100% !important;
  height: 760px !important;
  min-height: 700px !important;
  background: #ffffff !important;
  border-radius: 12px !important;
  border: 1.5px solid #cbd5e1 !important;
  overflow: hidden !important;
}
.farmer-sc-act-btn.is-gold-btn {
  background: linear-gradient(135deg, #d97706 0%, #b45309 100%) !important;
  color: #ffffff !important;
  border-color: #fde047 !important;
}
.farmer-sc-act-btn.is-gold-btn:hover {
  filter: brightness(1.08) !important;
}

/* 3. BỘ 17 CÔNG CỤ VẼ KỸ THUẬT BÊ NGUYÊN TỪ SUPER CHART (.farmer-floating-tools) */
#farmerWorkspace #farmerDrawingLayer {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 25 !important;
  pointer-events: none !important;
  touch-action: none !important;
}
#farmerWorkspace #farmerDrawingLayer.is-drawing-active {
  pointer-events: auto !important;
  cursor: crosshair !important;
}
#farmerWorkspace #farmerDrawingLayer.is-moving {
  pointer-events: auto !important;
  cursor: grabbing !important;
}
#farmerWorkspace .farmer-draw-hit {
  pointer-events: stroke !important;
  cursor: move !important;
}
#farmerWorkspace .farmer-draw-handle {
  pointer-events: all !important;
  cursor: grab !important;
  filter: drop-shadow(0 1px 3px rgba(15, 23, 42, 0.35)) !important;
}
#farmerWorkspace .farmer-draw-handle:hover {
  r: 7.5px !important;
  fill: #dbeafe !important;
}
#farmerWorkspace #farmerDrawingToolbar.farmer-floating-tools {
  position: absolute !important;
  top: 56px !important;
  left: 14px !important;
  z-index: 48 !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 3px !important;
  padding: 6px 8px !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.98) !important;
  border: 1.5px solid #cbd5e1 !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.18), 0 1px 2px rgba(15, 23, 42, 0.08) !important;
  max-width: calc(100% - 28px) !important;
  user-select: none !important;
}
#farmerWorkspace #farmerDrawingToolbar[hidden] {
  display: none !important;
}
#farmerWorkspace #farmerDrawingToolbar.is-collapsed .farmer-tool-group,
#farmerWorkspace #farmerDrawingToolbar.is-collapsed .trend-tool-sep,
#farmerWorkspace #farmerDrawingToolbar.is-collapsed #farmerDrawUndoBtn,
#farmerWorkspace #farmerDrawingToolbar.is-collapsed #farmerDrawRedoBtn,
#farmerWorkspace #farmerDrawingToolbar.is-collapsed #farmerDrawDeleteBtn,
#farmerWorkspace #farmerDrawingToolbar.is-collapsed #farmerDrawClearAllBtn,
#farmerWorkspace #farmerDrawingToolbar.is-collapsed #farmerBrushSettings {
  display: none !important;
}
#farmerWorkspace .farmer-drag-dots,
#farmerWorkspace .farmer-toolbar-collapse {
  width: 32px !important;
  height: 34px !important;
  flex: 0 0 32px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
  color: #475569 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  cursor: grab !important;
}
#farmerWorkspace .farmer-toolbar-collapse {
  cursor: pointer !important;
}
#farmerWorkspace .farmer-drag-dots:hover,
#farmerWorkspace .farmer-toolbar-collapse:hover {
  background: #e2e8f0 !important;
  color: #0f172a !important;
}
#farmerWorkspace .farmer-tool-group {
  display: flex !important;
  align-items: center !important;
  gap: 2px !important;
  overflow-x: auto !important;
  scrollbar-width: thin !important;
}
#farmerWorkspace .farmer-draw-tool {
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 34px !important;
  border-radius: 8px !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  color: #334155 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
}
#farmerWorkspace .farmer-draw-tool svg {
  width: 18px !important;
  height: 18px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  pointer-events: none !important;
}
#farmerWorkspace .farmer-draw-tool:hover:not(:disabled) {
  background: #f1f5f9 !important;
  border-color: #cbd5e1 !important;
  color: #0f172a !important;
}
#farmerWorkspace .farmer-draw-tool.active {
  background: #eff6ff !important;
  border-color: #60a5fa !important;
  color: #1d4ed8 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}
#farmerWorkspace .farmer-draw-tool:disabled {
  opacity: 0.35 !important;
  cursor: default !important;
}
#farmerWorkspace .farmer-draw-tool.is-danger:not(:disabled) {
  color: #b91c1c !important;
  background: #fff1f2 !important;
  border-color: #fecdd3 !important;
}
#farmerWorkspace .farmer-draw-tool.is-danger:hover:not(:disabled) {
  background: #ffe4e6 !important;
  color: #991b1b !important;
}
.farmer-draw-status-toast {
  position: absolute !important;
  left: 58px !important;
  bottom: 36px !important;
  z-index: 20 !important;
  padding: 4px 10px !important;
  border-radius: 7px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid #cbd5e1 !important;
  color: #334155 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  pointer-events: none !important;
  max-width: calc(100% - 150px) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Đảm bảo Pop-up Khủng Hoảng (#farmerCrisisPopover) & Thuật ngữ luôn nổi lên trên cùng */
#farmerWorkspace .farmer-crisis-popover {
  z-index: 1200 !important;
  pointer-events: auto !important;
}
#farmerWorkspace .farmer-term-popover {
  z-index: 1210 !important;
  pointer-events: auto !important;
}

/* 4. Tâm Ngắm X-Y Gạch Đứt (Crosshair Overlay - Hình 4) */
.farmer-crosshair-overlay {
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 28 !important;
  overflow: hidden !important;
}
.farmer-crosshair-overlay[hidden] {
  display: none !important;
}
.farmer-ch-vline {
  position: absolute !important;
  top: 48px !important;
  bottom: 36px !important;
  width: 0 !important;
  border-left: 1.6px dashed #059669 !important;
  pointer-events: none !important;
}
.farmer-ch-hline {
  position: absolute !important;
  left: 56px !important;
  right: 84px !important;
  height: 0 !important;
  border-top: 1.6px dashed #059669 !important;
  pointer-events: none !important;
}
.farmer-ch-dot {
  position: absolute !important;
  width: 9px !important;
  height: 9px !important;
  margin-left: -4.5px !important;
  margin-top: -4.5px !important;
  border-radius: 50% !important;
  background: #fde047 !important;
  border: 2px solid #059669 !important;
  box-shadow: 0 0 8px rgba(5, 150, 105, 0.65) !important;
  pointer-events: none !important;
}
.farmer-ch-xbadge {
  position: absolute !important;
  bottom: 32px !important;
  transform: translateX(-50%) !important;
  padding: 3px 9px !important;
  border-radius: 6px !important;
  background: #0f172a !important;
  color: #fde047 !important;
  border: 1px solid #f59e0b !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  pointer-events: none !important;
}
.farmer-ch-ybadge {
  position: absolute !important;
  right: 8px !important;
  transform: translateY(-50%) !important;
  padding: 3px 9px !important;
  border-radius: 6px !important;
  background: #0f172a !important;
  color: #ffffff !important;
  border: 1px solid #10b981 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  pointer-events: none !important;
}

/* 5. Nút Backtest Nổi Bật & Thanh Điều Khiển Studio Backtest 60FPS Có Tốc Độ */
.farmer-bt-replay-btn {
  height: 36px !important;
  padding: 0 15px !important;
  border-radius: 10px !important;
  border: 2px solid #fde047 !important;
  background: linear-gradient(135deg, #059669 0%, #047857 50%, #0f766e 100%) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  box-shadow: 0 4px 14px rgba(5, 150, 105, 0.42) !important;
}
.farmer-bt-replay-btn.is-active {
  background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%) !important;
}
.farmer-replay-control-bar {
  margin-top: 8px !important;
  padding: 10px 14px !important;
  border-radius: 12px !important;
  background: linear-gradient(90deg, #0f172a 0%, #1e293b 100%) !important;
  border: 2px solid #f59e0b !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}
.farmer-rp-left {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 12.5px !important;
}
.farmer-rp-badge {
  padding: 3px 8px !important;
  border-radius: 6px !important;
  background: #f59e0b !important;
  color: #0f172a !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
}
.farmer-rp-controls,
.farmer-rp-speed-group {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  flex-wrap: wrap !important;
}
.farmer-rp-step-btn,
.farmer-replay-speed-btn {
  height: 29px !important;
  padding: 0 10px !important;
  border-radius: 7px !important;
  border: 1px solid #475569 !important;
  background: #334155 !important;
  color: #f8fafc !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}
.farmer-replay-speed-btn.is-active {
  background: #f59e0b !important;
  color: #0f172a !important;
  border-color: #fde047 !important;
  font-weight: 700 !important;
}
.farmer-rp-play-btn {
  height: 31px !important;
  padding: 0 14px !important;
  border-radius: 8px !important;
  border: 1.5px solid #fde047 !important;
  background: #10b981 !important;
  color: #064e3b !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
.farmer-rp-play-btn.is-playing {
  background: #ef4444 !important;
  color: #ffffff !important;
}

/* 6. BẢNG LỊCH CANH TÁC & MÙA VỤ 12 THÁNG LUÔN HIỂN THỊ CỐ ĐỊNH (#farmerPermanentCalendarPanel) */
.farmer-permanent-calendar-panel {
  background: #ffffff !important;
  border: 2px solid #10b981 !important;
  border-radius: 16px !important;
  padding: 16px 18px !important;
  margin-bottom: 16px !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06) !important;
}
.farmer-pcp-header {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  margin-bottom: 14px !important;
  padding-bottom: 12px !important;
  border-bottom: 1.5px dashed #cbd5e1 !important;
}
.farmer-pcp-kicker {
  display: inline-block !important;
  padding: 3px 10px !important;
  border-radius: 999px !important;
  background: #064e3b !important;
  color: #fde047 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  margin-bottom: 4px !important;
}
.farmer-pcp-title-wrap h3 {
  margin: 4px 0 6px !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
}
.farmer-pcp-title-wrap p {
  margin: 0 !important;
  font-size: 13px !important;
  color: #334155 !important;
  line-height: 1.5 !important;
}
.farmer-pcp-4stages {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
}
.farmer-stage-summary {
  padding: 10px 12px !important;
  border-radius: 11px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}
.farmer-stage-summary b {
  font-size: 12.5px !important;
  font-weight: 600 !important;
}
.farmer-stage-summary span {
  font-size: 11.8px !important;
  line-height: 1.42 !important;
  color: #1e293b !important;
}
.farmer-stage-summary.is-plant { background: #ecfdf5 !important; border: 1.5px solid #10b981 !important; color: #065f46 !important; }
.farmer-stage-summary.is-care  { background: #eff6ff !important; border: 1.5px solid #3b82f6 !important; color: #1e40af !important; }
.farmer-stage-summary.is-gold  { background: #fffbeb !important; border: 1.5px solid #f59e0b !important; color: #92400e !important; }
.farmer-stage-summary.is-price { background: #fff1f2 !important; border: 1.5px solid #f43f5e !important; color: #9f1239 !important; }

/* 7. Đa Thiết Bị: PC, iPad (<=1024px) & iPhone (<=640px) */
@media (max-width: 1024px) {
  .farmer-cockpit-grid,
  .farmer-pcp-4stages {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .farmer-cockpit-meter {
    flex: 1 1 100% !important;
  }
  #farmerWorkspace .farmer-ws-chart-canvas-wrap {
    height: 640px !important;
    min-height: 600px !important;
  }
}

@media (max-width: 640px) {
  .farmer-cockpit-grid,
  .farmer-pcp-4stages {
    grid-template-columns: 1fr !important;
  }
  .farmer-onchart-items-list {
    display: flex !important;
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    padding-bottom: 6px !important;
    -webkit-overflow-scrolling: touch !important;
  }
  #farmerWorkspace .farmer-onchart-item-btn {
    flex: 0 0 auto !important;
  }
  #farmerWorkspace #farmerDrawingToolbar.farmer-floating-tools {
    left: 6px !important;
    right: 6px !important;
    max-width: calc(100% - 12px) !important;
  }
  #farmerWorkspace .farmer-ws-chart-canvas-wrap {
    height: 540px !important;
    min-height: 500px !important;
  }
}

/* ═══ LeDat v20.653.0 · LUXURY VIETNAMESE TYPOGRAPHY (LEXEND & PLUS JAKARTA SANS), ADJACENT (!) POPOVER WITH POINTER ARROW, DOCKED BACKTEST BAR & UNIFIED CHART HEADER ═══ */
:root {
  --farmer-luxury-font: "Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial, -apple-system, BlinkMacSystemFont, "Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial, 'Apple Color Emoji', '"Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial,  Emoji', 'Noto Color Emoji', sans-serif;
}

body.msc-farmer-ws-open,
#farmerWorkspace,
#farmerWorkspace *:not(svg):not(path) {
  font-family: var(--farmer-luxury-font) !important;
  font-synthesis: weight style !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
  letter-spacing: 0.005em !important;
}

/* 1. Bảng giải thích (!) mở ngay kế bên nút (!) vừa bấm (Fix Hình 1) */
#farmerTermGlossaryPopover.farmer-term-popover {
  position: fixed !important;
  z-index: 99996 !important;
  width: min(430px, calc(100vw - 28px)) !important;
  max-height: min(82vh, 540px) !important;
  overflow-y: auto !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, #06392c 0%, #0f172a 100%) !important;
  border: 2px solid #f59e0b !important;
  box-shadow: 0 22px 54px rgba(2, 6, 23, 0.55), 0 0 0 4px rgba(245, 158, 11, 0.18) !important;
  color: #f8fafc !important;
  padding: 0 !important;
}
#farmerTermGlossaryPopover.farmer-term-popover[hidden] {
  display: none !important;
}
.farmer-term-pop-arrow {
  position: absolute !important;
  top: -8px !important;
  width: 14px !important;
  height: 14px !important;
  background: #06392c !important;
  border-left: 2px solid #f59e0b !important;
  border-top: 2px solid #f59e0b !important;
  transform: translateX(-50%) rotate(45deg) !important;
  pointer-events: none !important;
}
#farmerTermGlossaryPopover.is-placed-above .farmer-term-pop-arrow {
  top: auto !important;
  bottom: -8px !important;
  background: #0f172a !important;
  border-left: 0 !important;
  border-top: 0 !important;
  border-right: 2px solid #f59e0b !important;
  border-bottom: 2px solid #f59e0b !important;
}
.farmer-term-info-btn.is-active-help {
  background: #dc2626 !important;
  color: #ffffff !important;
  border-color: #fde047 !important;
  box-shadow: 0 0 0 4px rgba(220, 38, 38, 0.28) !important;
  transform: scale(1.15) !important;
}

/* 2. Gộp thanh trạng thái & Nút Tua Lịch Sử ngay sát mép trên Biểu Đồ (Fix Hình 3 & Hình 4) */
#farmerSuperToolbar.farmer-super-toolbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  padding: 10px 14px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
  border: 1.5px solid #cbd5e1 !important;
  border-bottom: 1px solid #e2e8f0 !important;
  border-radius: 14px 14px 0 0 !important;
  margin-bottom: 0 !important;
}
#farmerLiveCursorHud.farmer-live-cursor-hud {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
  font-size: 12.2px !important;
  font-weight: 500 !important;
  color: #1e293b !important;
  line-height: 1.4 !important;
}
.farmer-hud-chip {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 4px 9px !important;
  border-radius: 8px !important;
  background: #f1f5f9 !important;
  border: 1px solid #e2e8f0 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #334155 !important;
  white-space: nowrap !important;
}
.farmer-hud-chip b {
  font-weight: 700 !important;
  color: #0f172a !important;
}
.farmer-hud-chip.is-year {
  background: #064e3b !important;
  border-color: #059669 !important;
  color: #fef08a !important;
  font-weight: 600 !important;
}
.farmer-hud-chip.is-price {
  background: #fff1f2 !important;
  border-color: #fecdd3 !important;
  color: #9f1239 !important;
}
.farmer-hud-chip.is-price b {
  color: #be123c !important;
}
.farmer-hud-chip.is-vol {
  background: #ecfdf5 !important;
  border-color: #a7f3d0 !important;
  color: #065f46 !important;
}
.farmer-hud-chip.is-sun {
  background: #fffbeb !important;
  border-color: #fde68a !important;
  color: #92400e !important;
}
.farmer-hud-chip.is-sun b {
  color: #b45309 !important;
}
.farmer-hud-chip.is-hydro {
  background: #f0f9ff !important;
  border-color: #bae6fd !important;
  color: #075985 !important;
}
.farmer-hud-chip.is-hydro b {
  color: #0284c7 !important;
}
.farmer-hud-chip.is-agri {
  background: #f0fdf4 !important;
  border-color: #bbf7d0 !important;
  color: #166534 !important;
}
.farmer-hud-chip.is-agri b {
  color: #059669 !important;
}

.farmer-bt-chart-trigger-wrap {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding-right: 4px !important;
  border-right: 1.5px solid #cbd5e1 !important;
}
#farmerToggleReplayBtn.farmer-bt-replay-btn {
  height: 33px !important;
  padding: 0 13px !important;
  border-radius: 9px !important;
  background: linear-gradient(135deg, #047857 0%, #059669 100%) !important;
  border: 1.5px solid #34d399 !important;
  color: #ffffff !important;
  font-size: 12.2px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  box-shadow: 0 3px 10px rgba(5, 150, 105, 0.22) !important;
  transition: all 0.15s ease !important;
}
#farmerToggleReplayBtn.farmer-bt-replay-btn:hover {
  background: linear-gradient(135deg, #065f46 0%, #047857 100%) !important;
  transform: translateY(-1px) !important;
}
#farmerToggleReplayBtn.farmer-bt-replay-btn.is-active {
  background: linear-gradient(135deg, #b91c1c 0%, #dc2626 100%) !important;
  border-color: #fca5a5 !important;
  color: #ffffff !important;
}

/* Thanh Điều Khiển Tua Lịch Sử gắn liền ngay mép trên khung Biểu Đồ (Fix Hình 3) */
#farmerChartReplayDock.farmer-chart-replay-dock {
  background: linear-gradient(90deg, #064e3b 0%, #0f172a 100%) !important;
  border-left: 1.5px solid #cbd5e1 !important;
  border-right: 1.5px solid #cbd5e1 !important;
  border-bottom: 2px solid #f59e0b !important;
  padding: 8px 14px !important;
  margin: 0 !important;
}
#farmerChartReplayDock.farmer-chart-replay-dock[hidden] {
  display: none !important;
}
#farmerChartReplayDock .farmer-replay-control-bar {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}
.farmer-rp-date-val {
  color: #fde047 !important;
  font-weight: 700 !important;
  font-size: 13.5px !important;
}
.farmer-rp-slider-wrap {
  flex: 1 1 180px !important;
  min-width: 160px !important;
  display: flex !important;
  align-items: center !important;
}
.farmer-rp-slider-wrap input[type="range"] {
  width: 100% !important;
  accent-color: #f59e0b !important;
  cursor: pointer !important;
}
#farmerChartCanvasWrap.farmer-ws-chart-canvas-wrap {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

/* ═══ LeDat v20.654.0 · ZERO-JITTER FIXED-HEIGHT LIVE HUD BAR (FIX HÌNH 2) & 60HZ SMOOTH REPLAY (FIX HÌNH 3) ═══ */
#farmerSuperToolbar.farmer-super-toolbar {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 8px 14px !important;
  min-height: 82px !important;
  max-height: 82px !important;
  height: 82px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
#farmerLiveCursorHud.farmer-live-cursor-hud {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  width: 100% !important;
  font-variant-numeric: tabular-nums !important;
}
#farmerLiveCursorHud.farmer-live-cursor-hud::-webkit-scrollbar {
  display: none !important;
}
#farmerSuperToolbar .farmer-super-actions {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  width: 100% !important;
}
#farmerSuperToolbar .farmer-super-actions::-webkit-scrollbar {
  display: none !important;
}
.farmer-hud-chip {
  flex: 0 0 auto !important;
  height: 28px !important;
  padding: 0 9px !important;
  font-variant-numeric: tabular-nums !important;
}

/* ═══ LeDat v20.656.0 · HỆ THỐNG PHÂN VÙNG KHÍ HẬU 6 VÙNG MIỀN & HỘP CẢNH BÁO LỆCH PHA MÙA VỤ ═══ */
#farmerWorkspace .farmer-region-selector-bar {
  margin: 12px 0 10px !important;
  padding: 12px 14px !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 100%) !important;
  border: 1.5px solid #10b981 !important;
  box-shadow: 0 2px 10px rgba(5, 150, 105, 0.08) !important;
}
#farmerWorkspace .farmer-reg-bar-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-bottom: 9px !important;
}
#farmerWorkspace .farmer-reg-bar-head b {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #064e3b !important;
}
#farmerWorkspace .farmer-reg-suitability-pill {
  padding: 4px 10px !important;
  border-radius: 999px !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
}
#farmerWorkspace .farmer-reg-pills-list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
}
#farmerWorkspace .farmer-region-pill-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 7px 13px !important;
  border-radius: 10px !important;
  border: 1.5px solid #cbd5e1 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.16s ease !important;
}
#farmerWorkspace .farmer-region-pill-btn:hover {
  background: linear-gradient(135deg, #fef3c7, #fde68a) !important;
  border-color: #d97706 !important;
  color: #78350f !important;
}
#farmerWorkspace .farmer-region-pill-btn.is-active {
  background: linear-gradient(135deg, #065f46, #047857) !important;
  border-color: #fbbf24 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(4, 120, 87, 0.28) !important;
}
#farmerWorkspace .farmer-reg-chk {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 16px !important;
  height: 16px !important;
  border-radius: 50% !important;
  background: #fde047 !important;
  color: #064e3b !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}
#farmerWorkspace .farmer-regional-warning-box {
  margin: 0 0 14px !important;
  padding: 13px 16px !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #fffbeb 0%, #fef2f2 100%) !important;
  border: 2px solid #f59e0b !important;
  box-shadow: 0 4px 14px rgba(217, 119, 6, 0.12) !important;
}
#farmerWorkspace .farmer-rwb-title {
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: #991b1b !important;
  margin-bottom: 8px !important;
  padding-bottom: 6px !important;
  border-bottom: 1px dashed #fca5a5 !important;
}
#farmerWorkspace .farmer-rwb-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
  gap: 12px !important;
}
#farmerWorkspace .farmer-rwb-col {
  padding: 9px 12px !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.88) !important;
  border: 1px solid #fde68a !important;
}
#farmerWorkspace .farmer-rwb-col.is-hazard {
  border-color: #fecaca !important;
}
#farmerWorkspace .farmer-rwb-col b {
  display: block !important;
  font-size: 12.2px !important;
  font-weight: 700 !important;
  color: #78350f !important;
  margin-bottom: 4px !important;
}
#farmerWorkspace .farmer-rwb-col.is-hazard b {
  color: #991b1b !important;
}
#farmerWorkspace .farmer-rwb-col p {
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
  color: #1e293b !important;
  font-weight: 500 !important;
}


/* === V20.657.0: DISTINCT COMMODITY COLOR DOTS + STORAGE PROFIT/LOSS CALCULATOR & YEAR-ROUND MONEY MATRIX === */
.farmer-item-color-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  flex-shrink: 0;
}
.farmer-storage-yearround-panel {
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin-bottom: 20px;
}
.farmer-storage-calc-box,
.farmer-yearround-money-box {
  background: #ffffff;
  border: 2px solid #10b981;
  border-radius: 18px;
  padding: 18px 20px;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
}
.farmer-yearround-money-box {
  border-color: #d97706;
}
.farmer-scb-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}
.farmer-scb-header h3,
.farmer-yrm-header h3 {
  margin: 4px 0 6px;
  font-size: 18px;
  font-weight: 800;
  color: #0f172a;
}
.farmer-scb-header p,
.farmer-yrm-header p {
  margin: 0;
  font-size: 13px;
  color: #334155;
  line-height: 1.5;
}
.farmer-storage-type-badge {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
}
.farmer-storage-type-badge.is-storable {
  background: #dcfce7;
  color: #166534;
  border: 1.5px solid #10b981;
}
.farmer-storage-type-badge.is-perishable {
  background: #ffe4e6;
  color: #9f1239;
  border: 1.5px solid #f43f5e;
}
.farmer-storage-early-warning {
  padding: 13px 16px;
  border-radius: 14px;
  margin-bottom: 14px;
  border: 1.5px solid #f59e0b;
  background: #fffbeb;
}
.farmer-storage-early-warning.is-good {
  background: linear-gradient(135deg, #ecfdf5 0%, #f0fdf4 100%);
  border-color: #10b981;
}
.farmer-storage-early-warning.is-danger {
  background: linear-gradient(135deg, #fff1f2 0%, #ffe4e6 100%);
  border-color: #f43f5e;
}
.farmer-sew-title {
  font-size: 14px;
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 4px;
}
.farmer-sew-body {
  font-size: 13px;
  color: #1e293b;
  line-height: 1.5;
  margin-bottom: 8px;
}
.farmer-sew-tech {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 8px 14px;
  padding-top: 8px;
  border-top: 1px dashed rgba(15, 23, 42, 0.15);
  font-size: 12px;
  color: #334155;
}
.farmer-storage-controls-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding: 12px 14px;
  border-radius: 12px;
  background: #f8fafc;
  border: 1px solid #cbd5e1;
  margin-bottom: 14px;
}
.farmer-sc-input-group {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  font-size: 12.5px;
  font-weight: 700;
  color: #0f172a;
}
.farmer-sc-input-group input {
  width: 96px;
  padding: 5px 8px;
  border-radius: 8px;
  border: 1.5px solid #94a3b8;
  font-weight: 700;
  font-size: 13px;
  margin-left: 4px;
}
.farmer-sc-months-group {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  font-size: 12.5px;
  font-weight: 700;
  color: #0f172a;
}
.farmer-sc-months-btns {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}
.farmer-hold-month-btn {
  padding: 5px 11px;
  border-radius: 999px;
  border: 1.5px solid #cbd5e1;
  background: #ffffff;
  color: #0f172a;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.15s ease;
}
.farmer-hold-month-btn:hover {
  border-color: #059669;
  background: #ecfdf5;
}
.farmer-hold-month-btn.is-active {
  background: #059669;
  border-color: #047857;
  color: #ffffff;
}
.farmer-storage-kpi-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
  margin-bottom: 14px;
}
.farmer-storage-kpi-card {
  padding: 12px 14px;
  border-radius: 12px;
  background: #f8fafc;
  border: 1.5px solid #cbd5e1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.farmer-storage-kpi-card.is-profit {
  background: #ecfdf5;
  border-color: #10b981;
}
.farmer-storage-kpi-card.is-loss {
  background: #fff1f2;
  border-color: #f43f5e;
}
.farmer-storage-kpi-card small {
  font-size: 11px;
  font-weight: 800;
  color: #475569;
}
.farmer-storage-kpi-card b {
  font-size: 17px;
  font-weight: 800;
  color: #0f172a;
}
.farmer-storage-kpi-card span {
  font-size: 11.5px;
  color: #334155;
  line-height: 1.4;
}
.farmer-yr-4tiers-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 12px;
  margin: 14px 0 16px;
}
.farmer-yr-tier-card {
  padding: 13px 15px;
  border-radius: 14px;
  border: 1.5px solid #cbd5e1;
  background: #f8fafc;
}
.farmer-yr-tier-card.is-t1 { background: linear-gradient(180deg, #ecfdf5 0%, #ffffff 100%); border-color: #10b981; }
.farmer-yr-tier-card.is-t2 { background: linear-gradient(180deg, #eff6ff 0%, #ffffff 100%); border-color: #3b82f6; }
.farmer-yr-tier-card.is-t3 { background: linear-gradient(180deg, #fffbeb 0%, #ffffff 100%); border-color: #f59e0b; }
.farmer-yr-tier-card.is-t4 { background: linear-gradient(180deg, #fdf2f8 0%, #ffffff 100%); border-color: #ec4899; }
.farmer-yr-tier-title {
  font-size: 12.5px;
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 6px;
}
.farmer-yr-tier-card p {
  margin: 0;
  font-size: 12.5px;
  color: #1e293b;
  line-height: 1.55;
}
.farmer-rot-matrix-header {
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin-bottom: 12px;
  padding: 10px 14px;
  border-radius: 12px;
  background: #fffbeb;
  border: 1.5px solid #f59e0b;
}
.farmer-rot-matrix-header b {
  font-size: 13px;
  color: #92400e;
}
.farmer-rot-matrix-header small {
  font-size: 12px;
  color: #1e293b;
}
.farmer-rot-12grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
  gap: 12px;
}
.farmer-rot-month-card {
  padding: 12px 14px;
  border-radius: 14px;
  background: #ffffff;
  border: 1.5px solid #cbd5e1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.farmer-rot-month-card.is-current {
  border: 2.5px solid #d97706;
  box-shadow: 0 6px 20px rgba(217, 119, 6, 0.18);
  background: #fffef7;
}
.farmer-rot-month-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  flex-wrap: wrap;
  border-bottom: 1px solid #e2e8f0;
  padding-bottom: 6px;
}
.farmer-rot-now-tag {
  padding: 2px 6px;
  border-radius: 6px;
  background: #fef08a;
  color: #854d0e;
  font-size: 10px;
  font-weight: 800;
}
.farmer-rot-active-stage {
  font-size: 11px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 999px;
  background: #f1f5f9;
  color: #0f172a;
}
.farmer-rot-group {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.farmer-rot-lbl {
  font-size: 11px;
  font-weight: 800;
  color: #334155;
}
.farmer-rot-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.farmer-rot-item-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  border-radius: 999px;
  border: 1px solid #cbd5e1;
  background: #f8fafc;
  font-size: 11px;
  font-weight: 700;
  color: #0f172a;
  cursor: pointer;
}
.farmer-rot-item-chip:hover {
  background: #ecfdf5;
  border-color: #059669;
}


/* === V20.658.0: ECOLOGICAL REGION GUARD (HÌNH 2), SOIL/WATER ECOSYSTEM BAR (HÌNH 1) & CRISP ASTRO CHART (HÌNH 3) === */
.farmer-item-unsuit-tag {
  font-size: 10px;
  margin-left: 2px;
}
.farmer-region-pill-btn.is-unsuitable {
  border-style: dashed !important;
  background: #fff1f2 !important;
  border-color: #fda4af !important;
  color: #881337 !important;
}
.farmer-region-pill-btn.is-optimal-region {
  border-color: #10b981 !important;
}
.farmer-unsuitable-region-guard {
  margin-top: 12px;
  padding: 16px 18px;
  border-radius: 16px;
  background: linear-gradient(135deg, #fff1f2 0%, #ffe4e6 100%);
  border: 2px solid #e11d48;
  box-shadow: 0 8px 24px rgba(225, 29, 72, 0.12);
}
.farmer-urg-header {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 8px;
}
.farmer-urg-badge {
  display: inline-flex;
  align-self: flex-start;
  padding: 4px 10px;
  border-radius: 999px;
  background: #be123c;
  color: #ffffff;
  font-size: 11px;
  font-weight: 800;
}
.farmer-urg-header h4 {
  margin: 0;
  font-size: 16px;
  font-weight: 800;
  color: #881337;
}
.farmer-urg-reason {
  margin: 0 0 12px;
  padding: 10px 12px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid #fda4af;
  font-size: 13px;
  color: #1e293b;
  line-height: 1.55;
}
.farmer-urg-actions-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 12px;
}
.farmer-urg-act-col {
  padding: 12px 14px;
  border-radius: 12px;
  background: #ffffff;
  border: 1.5px solid #cbd5e1;
}
.farmer-urg-act-col.is-switch-region {
  border-color: #059669;
  background: #f0fdf4;
}
.farmer-urg-act-col.is-switch-crop {
  border-color: #0284c7;
  background: #f0f9ff;
}
.farmer-urg-act-col b {
  display: block;
  font-size: 12.5px;
  color: #0f172a;
  margin-bottom: 8px;
}
.farmer-urg-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.farmer-urg-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 11px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  border: 1.5px solid #cbd5e1;
  background: #ffffff;
  color: #0f172a;
  transition: all 0.15s ease;
}
.farmer-urg-btn.is-reg {
  background: #059669;
  border-color: #047857;
  color: #ffffff;
}
.farmer-urg-btn.is-reg:hover {
  background: #047857;
}
.farmer-urg-btn.is-crop:hover {
  background: #e0f2fe;
  border-color: #0284c7;
}
.farmer-ecosystem-selector-bar {
  margin: 12px 0 14px;
  padding: 12px 15px;
  border-radius: 14px;
  background: linear-gradient(135deg, #f0fdf4 0%, #eff6ff 100%);
  border: 1.5px solid #10b981;
}
.farmer-eco-bar-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 8px;
}
.farmer-eco-bar-top b {
  font-size: 12.5px;
  color: #065f46;
}
.farmer-eco-active-pill {
  padding: 4px 10px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #10b981;
  font-size: 11.5px;
  color: #0f172a;
}
.farmer-eco-pills-list {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 8px;
}
.farmer-eco-pill-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1.5px solid #94a3b8;
  background: #ffffff;
  color: #0f172a;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.15s ease;
}
.farmer-eco-pill-btn:hover {
  border-color: #059669;
  background: #ecfdf5;
}
.farmer-eco-pill-btn.is-active {
  background: #047857;
  border-color: #065f46;
  color: #ffffff;
  box-shadow: 0 3px 10px rgba(4, 120, 87, 0.25);
}
.farmer-eco-desc-box {
  padding: 8px 11px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.88);
  border: 1px dashed #059669;
  font-size: 12px;
  color: #1e293b;
  line-height: 1.5;
}
/* Ensure #astrologyChart canvas is 100% crisp and never washed out */
#astrologyWorkspace #astrologyChart,
#astrologyWorkspace #astrologyChart canvas {
  opacity: 1 !important;
  filter: none !important;
}

/* === V20.659.0: UNIFIED REGION & TERRAIN COMMAND DECK (HÌNH 2) + SUPER CHART AI KEYWORD SUGGEST & 8-COLOR VOLUME RANKING POPUP (HÌNH 3-4-5) === */
#farmerUnifiedRegionDeck .farmer-region-selector-bar {
  margin: 0 !important;
  padding: 12px 14px !important;
  background: linear-gradient(135deg, #f0fdf4 0%, #eff6ff 100%) !important;
  border: 1.5px solid #10b981 !important;
  border-radius: 14px !important;
}
#farmerUnifiedRegionDeck .farmer-ecosystem-selector-bar.is-embedded-unified {
  margin: 10px 0 0 !important;
  padding: 10px 12px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1.5px dashed #059669 !important;
  border-radius: 12px !important;
}
.farmer-unified-sync-banner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  padding: 10px 14px !important;
  margin: 10px 0 !important;
  border-radius: 12px !important;
  background: linear-gradient(90deg, #ecfdf5 0%, #f0f9ff 100%) !important;
  border: 1.5px solid #10b981 !important;
  font-size: 12.5px !important;
  color: #0f172a !important;
}
.farmer-jump-unified-region-btn {
  padding: 6px 12px !important;
  border-radius: 999px !important;
  border: 1.5px solid #047857 !important;
  background: #059669 !important;
  color: #ffffff !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}
.farmer-jump-unified-region-btn:hover {
  background: #047857 !important;
}

/* Nút "✨ Đề xuất cụm từ tìm kiếm (AI Volume)" trên thanh tìm kiếm Super Chart (Hình 3) */
.trend-ai-suggest-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  height: 38px !important;
  padding: 0 13px !important;
  border-radius: 999px !important;
  border: 1.5px solid #c7d2fe !important;
  background: linear-gradient(135deg, #eff6ff 0%, #f5f3ff 52%, #fdf2f8 100%) !important;
  color: #1e3a8a !important;
  font-family: "Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial, -apple-system, BlinkMacSystemFont, "Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial, sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  box-shadow: 0 2px 8px rgba(66, 133, 244, 0.14) !important;
  transition: all 0.16s ease !important;
}
.trend-ai-suggest-btn:hover {
  border-color: #4285f4 !important;
  background: linear-gradient(135deg, #dbeafe 0%, #ede9fe 55%, #fce7f3 100%) !important;
  box-shadow: 0 4px 14px rgba(66, 133, 244, 0.25) !important;
  transform: translateY(-1px) !important;
}
.trend-ai-suggest-btn .trend-ai-sparkle {
  font-size: 14px !important;
  line-height: 1 !important;
}
.trend-ai-suggest-btn .trend-ai-vol-badge {
  font-style: normal !important;
  padding: 2px 7px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #4285f4 0%, #9334e6 100%) !important;
  color: #ffffff !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
}

/* Popup Siêu Thông Minh AI Agent Đề Xuất Cụm Từ Tìm Kiếm & Xếp Hạng Volume Theo Màu (Hình 4 & Hình 5) */
.msc-ai-suggest-modal-backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 99990 !important;
  background: rgba(15, 23, 42, 0.68) !important;
  backdrop-filter: blur(5px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px !important;
  font-family: "Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial, -apple-system, BlinkMacSystemFont, "Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial, sans-serif !important;
}
.msc-ai-suggest-modal-backdrop[hidden] {
  display: none !important;
}
.msc-ai-suggest-dialog {
  width: min(1180px, 96vw) !important;
  max-height: 92vh !important;
  overflow-y: auto !important;
  background: #ffffff !important;
  color: #0f172a !important;
  border-radius: 22px !important;
  border: 1.5px solid #cbd5e1 !important;
  box-shadow: 0 28px 80px rgba(15, 23, 42, 0.38) !important;
  display: flex !important;
  flex-direction: column !important;
}
.msc-ai-top-prompt-hero {
  padding: 22px 26px 18px !important;
  background: linear-gradient(180deg, #f8fafc 0%, #eff6ff 100%) !important;
  border-bottom: 1px solid #e2e8f0 !important;
  position: relative !important;
}
.msc-ai-close-btn {
  position: absolute !important;
  top: 16px !important;
  right: 18px !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  border: 1px solid #cbd5e1 !important;
  background: #ffffff !important;
  color: #334155 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}
.msc-ai-close-btn:hover {
  background: #fee2e2 !important;
  color: #b91c1c !important;
  border-color: #fca5a5 !important;
}
.msc-ai-hero-title {
  margin: 0 0 4px !important;
  font-size: 21px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}
.msc-ai-hero-sub {
  margin: 0 0 14px !important;
  font-size: 13px !important;
  color: #475569 !important;
}
.msc-ai-prompt-input-row {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}
.msc-ai-input-wrap {
  flex: 1 1 340px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 14px !important;
  height: 46px !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  border: 2px solid #93c5fd !important;
  box-shadow: 0 2px 10px rgba(66, 133, 244, 0.08) !important;
}
.msc-ai-input-wrap:focus-within {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.16) !important;
}
.msc-ai-input-wrap input {
  flex: 1 !important;
  border: none !important;
  outline: none !important;
  background: transparent !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  color: #0f172a !important;
}
.msc-ai-find-btn {
  height: 46px !important;
  padding: 0 20px !important;
  border-radius: 999px !important;
  border: none !important;
  background: linear-gradient(135deg, #1a73e8 0%, #4285f4 60%, #7c3aed 100%) !important;
  color: #ffffff !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  box-shadow: 0 6px 18px rgba(26, 115, 232, 0.28) !important;
}
.msc-ai-find-btn:hover {
  filter: brightness(1.06) !important;
}
.msc-ai-bypass-btn {
  height: 46px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  border: 1.5px solid #64748b !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
.msc-ai-bypass-btn:hover {
  background: #f1f5f9 !important;
  border-color: #0f172a !important;
}
.msc-ai-quick-niches {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
  margin-top: 11px !important;
}
.msc-ai-quick-niches span {
  font-size: 11.5px !important;
  font-weight: 700 !important;
  color: #64748b !important;
}
.msc-ai-niche-chip {
  padding: 4px 11px !important;
  border-radius: 999px !important;
  border: 1px solid #cbd5e1 !important;
  background: #ffffff !important;
  color: #1e293b !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}
.msc-ai-niche-chip:hover {
  border-color: #4285f4 !important;
  background: #eff6ff !important;
  color: #1d4ed8 !important;
}

/* 8 Ô Từ Khóa Xếp Hạng Volume Theo Màu (Hình 5 Top Strip) */
.msc-ai-terms-strip-section {
  padding: 16px 24px 12px !important;
  border-bottom: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
}
.msc-ai-strip-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  margin-bottom: 10px !important;
}
.msc-ai-strip-head b {
  font-size: 13.5px !important;
  color: #0f172a !important;
}
.msc-ai-strip-head small {
  font-size: 12px !important;
  color: #475569 !important;
}
.msc-ai-8terms-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(215px, 1fr)) !important;
  gap: 10px !important;
}
.msc-ai-term-card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
  padding: 11px 13px !important;
  border-radius: 12px !important;
  border: 2px solid #e2e8f0 !important;
  background: #ffffff !important;
  cursor: default !important;
  transition: all 0.15s ease !important;
  user-select: text !important;
  -webkit-user-select: text !important;
}
.msc-ai-term-card.is-selected {
  background: #f8fafc !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08) !important;
}
.msc-ai-term-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px !important;
}
.msc-ai-term-name-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-width: 0 !important;
}
.msc-ai-color-dot {
  width: 12px !important;
  height: 12px !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
}
.msc-ai-term-title {
  font-size: 13.5px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  word-break: break-word !important;
  line-height: 1.35 !important;
}
.msc-ai-rank-badge {
  padding: 2px 7px !important;
  border-radius: 999px !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  background: #f1f5f9 !important;
  color: #334155 !important;
  white-space: nowrap !important;
}
.msc-ai-rank-badge.is-top1 {
  background: #fef3c7 !important;
  color: #92400e !important;
  border: 1px solid #f59e0b !important;
}
.msc-ai-term-type {
  font-size: 11.5px !important;
  color: #64748b !important;
  padding-left: 19px !important;
}
.msc-ai-term-metrics {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px !important;
  margin-top: 2px !important;
  padding-top: 6px !important;
  border-top: 1px dashed #e2e8f0 !important;
  font-size: 11.5px !important;
}
.msc-ai-vol-score {
  font-weight: 800 !important;
  color: #0f172a !important;
}
.msc-ai-est-searches {
  color: #047857 !important;
  font-weight: 700 !important;
}

/* Khung 2 Cột: Cột Trái (Biểu đồ Cột Xếp Hạng Volume Theo Màu & Đường Xu Hướng) + Cột Phải (Đề xuất có liên quan giống Hình 5) */
.msc-ai-main-split {
  display: grid !important;
  grid-template-columns: 1.55fr 1fr !important;
  gap: 18px !important;
  padding: 18px 24px !important;
  background: #f8fafc !important;
}
@media (max-width: 920px) {
  .msc-ai-main-split {
    grid-template-columns: 1fr !important;
  }
}
.msc-ai-chart-panel,
.msc-ai-related-panel {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 16px !important;
  padding: 16px 18px !important;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.03) !important;
}
.msc-ai-panel-title {
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin: 0 0 4px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
}
.msc-ai-panel-sub {
  font-size: 12px !important;
  color: #64748b !important;
  margin-bottom: 12px !important;
}
.msc-ai-vol-bars-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 9px !important;
}
.msc-ai-vol-bar-row {
  display: grid !important;
  grid-template-columns: minmax(220px, 36%) 1fr auto !important;
  align-items: center !important;
  gap: 12px !important;
  font-size: 12.5px !important;
}
@media (max-width: 600px) {
  .msc-ai-vol-bar-row {
    grid-template-columns: 1fr !important;
    gap: 4px !important;
  }
}
.msc-ai-bar-label {
  display: flex !important;
  align-items: flex-start !important;
  gap: 7px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  word-break: break-word !important;
  line-height: 1.35 !important;
}
.msc-ai-bar-track {
  height: 16px !important;
  border-radius: 8px !important;
  background: #f1f5f9 !important;
  overflow: hidden !important;
  position: relative !important;
}
.msc-ai-bar-fill {
  height: 100% !important;
  border-radius: 8px !important;
  transition: width 0.3s ease !important;
}
.msc-ai-bar-val {
  text-align: right !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  font-size: 12px !important;
  white-space: nowrap !important;
}
.msc-ai-prompt-bubble {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  align-self: flex-end !important;
  padding: 8px 14px !important;
  border-radius: 16px 16px 4px 16px !important;
  background: #e8f0fe !important;
  color: #1967d2 !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  margin-bottom: 12px !important;
}
.msc-ai-related-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin-top: 10px !important;
}
.msc-ai-related-btn {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  width: 100% !important;
  text-align: left !important;
  padding: 10px 13px !important;
  border-radius: 12px !important;
  border: 1px solid #cbd5e1 !important;
  background: #f8fafc !important;
  color: #1e293b !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}
.msc-ai-related-btn:hover {
  background: #eff6ff !important;
  border-color: #4285f4 !important;
  color: #1d4ed8 !important;
}
.msc-ai-modal-footer {
  padding: 14px 24px !important;
  background: #ffffff !important;
  border-top: 1px solid #e2e8f0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}
.msc-ai-footer-actions {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}
.msc-ai-act-top1 {
  height: 40px !important;
  padding: 0 16px !important;
  border-radius: 10px !important;
  border: none !important;
  background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
  color: #ffffff !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}
.msc-ai-act-compare {
  height: 40px !important;
  padding: 0 16px !important;
  border-radius: 10px !important;
  border: none !important;
  background: linear-gradient(135deg, #1a73e8 0%, #4285f4 100%) !important;
  color: #ffffff !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}

/* === V20.660.0: COMMODITY REGION BRACKETS, DOUBLE-CLICK MUTE, & 3-SECOND SMART INTERCROPPING FORMULA === */
.farmer-item-reg-bracket {
  font-size: 10.5px !important;
  font-weight: 600 !important;
  color: #475569 !important;
  margin-left: 2px !important;
}
.farmer-onchart-item-btn.is-primary .farmer-item-reg-bracket {
  color: #065f46 !important;
  font-weight: 700 !important;
}
.farmer-smart-combo-3cards {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)) !important;
  gap: 14px !important;
  margin: 14px 0 !important;
}
.farmer-sc3-card {
  padding: 15px 16px !important;
  border-radius: 16px !important;
  border: 2px solid #cbd5e1 !important;
  background: #ffffff !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
}
.farmer-sc3-card.is-main-pillar {
  background: linear-gradient(180deg, #ecfdf5 0%, #ffffff 100%) !important;
  border-color: #10b981 !important;
}
.farmer-sc3-card.is-companion-pillar {
  background: linear-gradient(180deg, #eff6ff 0%, #ffffff 100%) !important;
  border-color: #3b82f6 !important;
}
.farmer-sc3-card.is-storage-pillar {
  background: linear-gradient(180deg, #fffbeb 0%, #ffffff 100%) !important;
  border-color: #f59e0b !important;
}
.farmer-sc3-badge {
  align-self: flex-start !important;
  padding: 3px 10px !important;
  border-radius: 999px !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  background: #0f172a !important;
  color: #fde047 !important;
}
.farmer-sc3-card h4 {
  margin: 2px 0 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
}
.farmer-sc3-card p {
  margin: 0 !important;
  font-size: 12.5px !important;
  color: #1e293b !important;
  line-height: 1.5 !important;
}
.farmer-sc3-months {
  padding: 6px 10px !important;
  border-radius: 8px !important;
  background: #dcfce7 !important;
  color: #065f46 !important;
  font-size: 12.5px !important;
}
.farmer-sc3-companion-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}
.farmer-sc3-comp-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  padding: 7px 11px !important;
  border-radius: 10px !important;
  border: 1.5px solid #93c5fd !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-size: 12px !important;
  cursor: pointer !important;
  text-align: left !important;
}
.farmer-sc3-comp-btn:hover {
  background: #dbeafe !important;
  border-color: #2563eb !important;
}
.farmer-4quarters-cashflow-strip {
  padding: 14px 16px !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%) !important;
  border: 2px solid #f59e0b !important;
  margin-bottom: 14px !important;
}
.farmer-4q-head {
  font-size: 13.5px !important;
  color: #78350f !important;
  margin-bottom: 10px !important;
}
.farmer-4q-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important;
  gap: 10px !important;
}
.farmer-4q-card {
  padding: 10px 12px !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  border: 1.5px solid #fcd34d !important;
}
.farmer-4q-title {
  font-size: 12px !important;
  font-weight: 800 !important;
  color: #92400e !important;
  margin-bottom: 5px !important;
}
.farmer-4q-body {
  font-size: 12.5px !important;
  color: #0f172a !important;
  line-height: 1.45 !important;
}
.farmer-rot-details-collapsible {
  border-radius: 12px !important;
  border: 1.5px dashed #94a3b8 !important;
  padding: 10px 14px !important;
  background: #f8fafc !important;
}
.farmer-rot-summary-toggle {
  cursor: pointer !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  user-select: none !important;
}

/* === V20.661.0: PROMINENT EXTENSION DOWNLOAD BUTTON, STREAMLINED COMMODITY BAR, FRUIT SUB-TRAY & EMOJI FONT FIX === */
#farmerWorkspace .farmer-item-ico {
  font-family: 'Apple Color Emoji', '"Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial,  Emoji', 'Noto Color Emoji', sans-serif !important;
  font-style: normal !important;
}
#farmerWorkspace .farmer-onchart-item-btn {
  height: 33px !important;
  padding: 0 10px !important;
  font-size: 12px !important;
  gap: 5px !important;
}
#farmerWorkspace .farmer-item-reg-bracket {
  font-size: 10.5px !important;
  font-weight: 700 !important;
  color: #93c5fd !important;
  margin-left: 2px !important;
}
#farmerWorkspace .farmer-onchart-item-btn.is-primary .farmer-item-reg-bracket {
  color: #fde047 !important;
}
#farmerWorkspace .farmer-item-vol-mini {
  font-style: normal !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  padding: 1px 6px !important;
  border-radius: 999px !important;
  background: rgba(16, 185, 129, 0.22) !important;
  color: #6ee7b7 !important;
  margin-left: 3px !important;
}
#farmerWorkspace .farmer-onchart-item-btn.is-fruit-cluster-btn {
  background: linear-gradient(135deg, #065f46 0%, #047857 100%) !important;
  border: 2px solid #34d399 !important;
  color: #ffffff !important;
}
#farmerWorkspace .farmer-onchart-item-btn.is-fruit-cluster-btn .farmer-item-reg-bracket {
  color: #fde047 !important;
}
.farmer-cat-filter-bar {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  align-items: center !important;
}
.farmer-cat-filter-tab {
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1.5px solid #cbd5e1 !important;
  background: #f8fafc !important;
  color: #0f172a !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  transition: all 0.14s ease !important;
}
.farmer-cat-filter-tab:hover {
  border-color: #059669 !important;
  background: #ecfdf5 !important;
}
.farmer-cat-filter-tab.is-active {
  background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
  border-color: #065f46 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(5, 150, 105, 0.28) !important;
}
.farmer-fruit-subtray {
  margin-top: 8px !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #ecfdf5 0%, #f0fdf4 100%) !important;
  border: 1.5px solid #10b981 !important;
}
.farmer-fruit-subtray-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  font-size: 12px !important;
  color: #065f46 !important;
  margin-bottom: 8px !important;
}
.farmer-fruit-subtray-close {
  padding: 2px 9px !important;
  border-radius: 999px !important;
  border: 1px solid #059669 !important;
  background: #ffffff !important;
  color: #065f46 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}
.farmer-fruit-subtray-list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
}
.farmer-rot-visible-section {
  margin-top: 12px !important;
  padding-top: 12px !important;
  border-top: 2px dashed #cbd5e1 !important;
}
/* Nút tải Extension luôn hiển thị nổi bật trên thanh Header của Trend Tool (Fix Hình 1 & Hình 2) */
.trend-live-strip #clientBridgeInstall.trend-bridge-install {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 11px !important;
  border-radius: 999px !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
  border: 1.5px solid #34d399 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(5, 150, 105, 0.35) !important;
  cursor: pointer !important;
}
.trend-live-strip #clientBridgeInstall.trend-bridge-install.is-urgent {
  background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%) !important;
  border-color: #fde047 !important;
  color: #fde047 !important;
  animation: mscExtUrgentPulse 1.4s infinite ease-in-out !important;
}
@keyframes mscExtUrgentPulse {
  0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.55); }
  50% { transform: scale(1.04); box-shadow: 0 0 0 5px rgba(253, 224, 71, 0.35); }
}


/* V20.663.0: Styling cho Điểm Chung Giá 5 Năm (#farmerFiveYearPriceConfluencePanel), Bộ Máy Chu Kỳ Chăn Nuôi (#farmerLivestockCycleEngineBox), Bảng Diện Tích Xen Canh (#farmer"Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial, cropAreaPlanTable) & Nút Bật/Tắt 5Y */
.farmer-5y-confluence-box {
  margin-bottom: 16px;
  padding: 16px 18px;
  border-radius: 16px;
  background: linear-gradient(180deg, #ecfdf5 0%, #ffffff 100%);
  border: 1.5px solid #10b981;
  box-shadow: 0 4px 16px rgba(5, 150, 105, 0.08);
}
.farmer-toggle-pill-wrap.is-conf5y.is-checked .farmer-line-toggle-btn {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
  color: #fde047;
  border-color: #f59e0b;
}
.farmer-ws-nav-links > button,
.farmer-ws-nav-links > a,
.farmer-ws-nav-links > span {
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 11px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}


/* ═══ V20.665.0 (FIX HÌNH 1): MENU CON 4 BƯỚC SIÊU ĐƠN GIẢN CHO NÔNG DÂN (#farmerSubMenuNav) & POPUP CÀI ĐẶT + MÁY TÍNH THÔNG MINH LEDAT MÙA VỤ (#farmerLeDatSeasonModal) ═══ */
#farmerWorkspace .farmer-sub-menu-nav {
  position: sticky;
  top: 0;
  z-index: 45;
  background: linear-gradient(135deg, #064e3b 0%, #047857 55%, #0f172a 100%);
  border-bottom: 2px solid #fbbf24;
  padding: 8px 16px;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.22);
}
#farmerWorkspace .farmer-smn-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}
#farmerWorkspace .farmer-smn-label {
  font-size: 12px;
  font-weight: 800;
  color: #fef08a;
  white-space: nowrap;
}
#farmerWorkspace .farmer-smn-tabs {
  display: flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
  flex: 1 1 auto;
}
#farmerWorkspace .farmer-smn-tab {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 13px;
  border-radius: 11px;
  border: 1.5px solid rgba(255, 255, 255, 0.26);
  background: rgba(15, 23, 42, 0.55);
  color: #f8fafc !important;
  font-size: 12.2px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.16s ease;
}
#farmerWorkspace .farmer-smn-tab:hover {
  background: rgba(255, 255, 255, 0.18);
  border-color: #fde047;
  transform: translateY(-1px);
}
#farmerWorkspace .farmer-smn-tab.is-active {
  background: linear-gradient(135deg, #fde047 0%, #f59e0b 100%) !important;
  border-color: #ffffff !important;
  color: #090d16 !important;
  box-shadow: 0 3px 12px rgba(245, 158, 11, 0.45);
}
#farmerWorkspace .farmer-smn-tab.is-active b {
  color: #090d16 !important;
  font-weight: 800 !important;
}
#farmerWorkspace .farmer-smn-step {
  display: inline-block;
  padding: 2px 6px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.16);
  color: #fef08a;
  font-size: 10.5px;
  font-weight: 800;
}
#farmerWorkspace .farmer-smn-tab.is-active .farmer-smn-step {
  background: #064e3b;
  color: #fef08a;
}
#farmerWorkspace .farmer-smn-ledat-popup-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 14px;
  border-radius: 999px;
  border: 1.5px solid #fde047;
  background: linear-gradient(135deg, #b45309 0%, #d97706 100%);
  color: #ffffff !important;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  white-space: nowrap;
  box-shadow: 0 2px 10px rgba(217, 119, 6, 0.38);
}
#farmerWorkspace .farmer-smn-ledat-popup-btn:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
}
#farmerWorkspace .farmer-ledat-Quick-setting-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 9px;
  margin-left: 4px;
  border-radius: 999px;
  border: 1.5px solid #d97706;
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  color: #78350f !important;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
  white-space: nowrap;
}
#farmerWorkspace .farmer-ledat-Quick-setting-btn:hover {
  background: linear-gradient(135deg, #fde047 0%, #fbbf24 100%);
  color: #090d16 !important;
}
#farmerWorkspace .farmer-toggle-eco-detail-btn {
  padding: 4px 10px;
  border-radius: 999px;
  border: 1.5px solid #059669;
  background: #ffffff;
  color: #065f46;
  font-size: 11.5px;
  font-weight: 700;
  cursor: pointer;
}
#farmerWorkspace .farmer-ecosystem-selector-bar.is-compact-hidden {
  display: none !important;
}

/* Quy tắc phân trang thông minh theo data-farmer-subpage (Giúp bà con nông dân nhìn vào cực kỳ thoáng, không đau đầu!) */
/* Bước 1 (chart): Chỉ hiện Thanh chọn nông sản + Đèn giao thông gọn + Biểu đồ lớn + Thanh bước tiếp theo */
#farmerWorkspace[data-farmer-subpage="chart"] #farmerWsBottomHub,
#farmerWorkspace[data-farmer-subpage="chart"] #farmerWsCrisisStrip {
  display: none !important;
}

/* Bước 2 (calculator): Chỉ hiện Thanh chọn nông sản/vùng + Máy tính tích trữ 1-6 tháng + Ma trận xen canh 3 trụ cột (ẩn lịch 12 tháng & ẩn biểu đồ) */
#farmerWorkspace[data-farmer-subpage="calculator"] #farmerWsChartStage,
#farmerWorkspace[data-farmer-subpage="calculator"] .farmer-deck-block.is-toggles-box,
#farmerWorkspace[data-farmer-subpage="calculator"] #farmerFiveYearPriceConfluencePanel,
#farmerWorkspace[data-farmer-subpage="calculator"] #farmerLivestockCycleEngineBox,
#farmerWorkspace[data-farmer-subpage="calculator"] #farmerPermanentCalendarPanel,
#farmerWorkspace[data-farmer-subpage="calculator"] #farmer"Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial, crop12MonthCalendar,
#farmerWorkspace[data-farmer-subpage="calculator"] .farmer-hub-tabs,
#farmerWorkspace[data-farmer-subpage="calculator"] .farmer-hub-content {
  display: none !important;
}

/* Bước 3 (calendar): Chỉ hiện Thanh chọn nông sản + Chọn 6 vùng miền & đất/nước đầy đủ + Lịch canh tác 12 tháng + Lịch xoay vòng 12 tháng */
#farmerWorkspace[data-farmer-subpage="calendar"] #farmerWsChartStage,
#farmerWorkspace[data-farmer-subpage="calendar"] .farmer-deck-block.is-toggles-box,
#farmerWorkspace[data-farmer-subpage="calendar"] #farmerStorageForecastCalculator,
#farmerWorkspace[data-farmer-subpage="calendar"] #farmerFiveYearPriceConfluencePanel,
#farmerWorkspace[data-farmer-subpage="calendar"] #farmerLivestockCycleEngineBox,
#farmerWorkspace[data-farmer-subpage="calendar"] .farmer-hub-tabs,
#farmerWorkspace[data-farmer-subpage="calendar"] .farmer-hub-content {
  display: none !important;
}

/* Bước 4 (history): Chỉ hiện Thanh chọn nông sản + Bảng Quy luật 5 năm + Chu kỳ vật nuôi + Điểm nóng khủng hoảng & Bảng Backtest lịch sử */
#farmerWorkspace[data-farmer-subpage="history"] #farmerAutoCockpit,
#farmerWorkspace[data-farmer-subpage="history"] #farmerSuperToolbar,
#farmerWorkspace[data-farmer-subpage="history"] #farmerChartCanvasWrap,
#farmerWorkspace[data-farmer-subpage="history"] #farmerChartNextStepBar,
#farmerWorkspace[data-farmer-subpage="history"] .farmer-deck-block.is-toggles-box,
#farmerWorkspace[data-farmer-subpage="history"] #farmerStorageForecastCalculator,
#farmerWorkspace[data-farmer-subpage="history"] #farmerYearRoundMoneyMatrix,
#farmerWorkspace[data-farmer-subpage="history"] #farmerPermanentCalendarPanel {
  display: none !important;
}

/* Thanh hướng dẫn chuyển bước ngay dưới biểu đồ (#farmerChartNextStepBar) */
#farmerWorkspace .farmer-chart-next-step-bar {
  margin-top: 12px;
  padding: 12px 16px;
  border-radius: 14px;
  background: linear-gradient(135deg, #ecfdf5 0%, #fffbeb 100%);
  border: 2px solid #10b981;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
#farmerWorkspace .farmer-cns-lead {
  font-size: 13px;
  color: #064e3b;
}
#farmerWorkspace .farmer-cns-btns {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
#farmerWorkspace .farmer-cns-btn {
  padding: 8px 14px;
  border-radius: 10px;
  font-size: 12.2px;
  font-weight: 800;
  cursor: pointer;
  border: 1.5px solid #059669;
  background: #ffffff;
  color: #065f46;
  transition: all 0.15s ease;
}
#farmerWorkspace .farmer-cns-btn.is-ledat {
  background: linear-gradient(135deg, #d97706 0%, #b45309 100%);
  border-color: #fde047;
  color: #ffffff;
}
#farmerWorkspace .farmer-cns-btn.is-calc {
  background: linear-gradient(135deg, #059669 0%, #047857 100%);
  color: #ffffff;
}
#farmerWorkspace .farmer-cns-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(5, 150, 105, 0.22);
}

/* POPUP CÀI ĐẶT & MÁY TÍNH THÔNG MINH LEDAT MÙA VỤ (#farmerLeDatSeasonModal) */
#farmerWorkspace .farmer-ledat-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 100250;
  background: rgba(15, 23, 42, 0.68);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
#farmerWorkspace .farmer-ledat-modal-backdrop[hidden] {
  display: none !important;
}
#farmerWorkspace .farmer-ledat-modal-card {
  width: min(1080px, 96vw);
  max-height: 90vh;
  background: #ffffff;
  border: 2.5px solid #f59e0b;
  border-radius: 20px;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.42);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
#farmerWorkspace .farmer-ledat-modal-head {
  padding: 14px 20px;
  background: linear-gradient(135deg, #064e3b 0%, #0f172a 100%);
  border-bottom: 2px solid #f59e0b;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
#farmerWorkspace .farmer-ledat-modal-kicker {
  display: inline-block;
  font-size: 11px;
  font-weight: 800;
  color: #fde047;
  letter-spacing: 0.03em;
}
#farmerWorkspace .farmer-ledat-modal-head h3 {
  margin: 4px 0 0;
  font-size: 16.5px;
  font-weight: 800;
  color: #ffffff;
}
#farmerWorkspace .farmer-ledat-modal-head-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
#farmerWorkspace .farmer-ledat-main-switch {
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  border: 1.5px solid #fde047;
}
#farmerWorkspace .farmer-ledat-main-switch.is-on {
  background: linear-gradient(135deg, #059669 0%, #10b981 100%);
  color: #ffffff;
}
#farmerWorkspace .farmer-ledat-main-switch.is-off {
  background: linear-gradient(135deg, #fde047 0%, #f59e0b 100%);
  color: #090d16;
}
#farmerWorkspace .farmer-ledat-modal-close {
  padding: 8px 14px;
  border-radius: 10px;
  border: 1.5px solid #cbd5e1;
  background: #1e293b;
  color: #ffffff;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}
#farmerWorkspace .farmer-ledat-modal-body {
  padding: 16px 20px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#farmerWorkspace .farmer-ledat-sec {
  padding: 14px 16px;
  border-radius: 14px;
  background: #f8fafc;
  border: 1.5px solid #cbd5e1;
}
#farmerWorkspace .farmer-ledat-sec.is-calculator {
  background: linear-gradient(135deg, #f0fdf4 0%, #fffbeb 100%);
  border-color: #10b981;
}
#farmerWorkspace .farmer-ledat-sec-title {
  font-size: 13.5px;
  font-weight: 800;
  color: #064e3b;
  margin-bottom: 10px;
}
#farmerWorkspace .farmer-ledat-settings-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 12px;
}
#farmerWorkspace .farmer-ledat-setting-col small {
  display: block;
  font-size: 11.5px;
  font-weight: 700;
  color: #475569;
  margin-bottom: 6px;
}
#farmerWorkspace .farmer-ledat-pills-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
#farmerWorkspace .farmer-ledat-opt-btn,
#farmerWorkspace .farmer-ledat-qty-chip,
#farmerWorkspace .farmer-ledat-zoom-yr-btn {
  padding: 6px 11px;
  border-radius: 9px;
  border: 1.5px solid #cbd5e1;
  background: #ffffff;
  color: #0f172a;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
#farmerWorkspace .farmer-ledat-opt-btn.is-active,
#farmerWorkspace .farmer-ledat-qty-chip.is-active {
  background: linear-gradient(135deg, #065f46 0%, #047857 100%);
  border-color: #fbbf24;
  color: #ffffff;
}
#farmerWorkspace .farmer-ledat-calc-controls {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 12px;
  margin-bottom: 12px;
}
#farmerWorkspace .farmer-ledat-calc-field label {
  display: block;
  font-size: 12px;
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 6px;
}
#farmerWorkspace .farmer-ledat-qty-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
#farmerWorkspace #farmerLeDatModalQtyInput {
  width: 95px;
  padding: 6px 10px;
  border-radius: 8px;
  border: 1.5px solid #059669;
  font-size: 13px;
  font-weight: 800;
  color: #0f172a;
}
#farmerWorkspace .farmer-ledat-kpi-4grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}
#farmerWorkspace .farmer-ledat-kpi {
  padding: 11px 13px;
  border-radius: 12px;
  background: #ffffff;
  border: 1.5px solid #cbd5e1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
#farmerWorkspace .farmer-ledat-kpi.is-bottom { border-left: 5px solid #f59e0b; }
#farmerWorkspace .farmer-ledat-kpi.is-peak { border-left: 5px solid #10b981; }
#farmerWorkspace .farmer-ledat-kpi.is-compare { border-left: 5px solid #0284c7; }
#farmerWorkspace .farmer-ledat-kpi.is-profit {
  background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
  border: 2px solid #059669;
}
#farmerWorkspace .farmer-ledat-kpi small {
  font-size: 11px;
  font-weight: 800;
  color: #475569;
}
#farmerWorkspace .farmer-ledat-kpi b {
  font-size: 15.5px;
  font-weight: 800;
  color: #0f172a;
}
#farmerWorkspace .farmer-ledat-kpi.is-profit b {
  color: #047857;
  font-size: 17px;
}
#farmerWorkspace .farmer-ledat-kpi span {
  font-size: 11.5px;
  color: #334155;
  line-height: 1.4;
}
#farmerWorkspace .farmer-ledat-3steps-box {
  padding: 12px 14px;
  border-radius: 12px;
  background: #ffffff;
  border: 1.5px dashed #d97706;
}
#farmerWorkspace .farmer-ledat-3steps-box > b {
  display: block;
  font-size: 12.5px;
  color: #92400e;
  margin-bottom: 6px;
}
#farmerWorkspace .farmer-ledat-3steps-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
#farmerWorkspace .farmer-ledat-step-item {
  font-size: 12.2px;
  line-height: 1.5;
  color: #0f172a;
  font-weight: 600;
}


/* ============================================================================
 * v20.666.0 — FIX HÌNH 1, 2, 3, 4 TRANG NÔNG DÂN:
 * - Chống đơ chỉ báo, chống che phủ click/nhập số bởi lớp phủ LeDat Studio
 * - Nâng cấp nút Đường Chu Kỳ Chăn Nuôi & Tái Đàn (.is-livestock)
 * - Nâng cấp Thanh Chuyển Chế Độ Chọn Đơn vs Chọn Xen Canh (#farmerFarmingModeSwitch)
 * ============================================================================ */
body.msc-farmer-ws-open #farmerWorkspace.farmer-standalone-workspace {
  z-index: 100100 !important;
  pointer-events: auto !important;
}
body.msc-farmer-ws-open #seasonalityPanel:not([data-allow-in-farmer="1"]),
body.msc-farmer-ws-open #ledatWaveStudioOverlayV618,
body.msc-farmer-ws-open #ledatWaveBottomDock {
  display: none !important;
  pointer-events: none !important;
}
#farmerWorkspace #farmerSeasonStudioOverlay,
#farmerWorkspace .ledat-studio-overlay-v618,
#farmerWorkspace .ledat-v618-studio-overlay {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
  overflow: hidden !important;
  z-index: 14 !important;
}
#farmerWorkspace #farmerSeasonStudioOverlay .ledat-v618-zone,
#farmerWorkspace #farmerSeasonStudioOverlay .ledat-v618-core-box {
  position: absolute !important;
  pointer-events: none !important;
}
#farmerWorkspace #farmerSeasonStudioOverlay .ledat-v618-badge {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  pointer-events: none !important;
  white-space: nowrap !important;
}
#farmerWorkspace #farmerSeasonStudioOverlay .ledat-v618-core-badge {
  position: absolute !important;
  pointer-events: auto !important;
  white-space: nowrap !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  padding: 3px 8px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #fffbeb 0%, #fef08a 100%) !important;
  border: 1.5px solid #d97706 !important;
  color: #78350f !important;
  box-shadow: 0 3px 10px rgba(15, 23, 42, 0.16) !important;
  z-index: 16 !important;
}
#farmerWorkspace #farmerSeasonStudioOverlay .ledat-v618-wave-card {
  position: absolute !important;
  pointer-events: auto !important;
  white-space: nowrap !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  padding: 4px 9px !important;
  border-radius: 8px !important;
  box-shadow: 0 3px 10px rgba(15, 23, 42, 0.14) !important;
  z-index: 15 !important;
}
#farmerWorkspace input[type="number"],
#farmerWorkspace input[type="text"],
#farmerWorkspace input[type="range"],
#farmerWorkspace select,
#farmerWorkspace button {
  pointer-events: auto !important;
}
#farmerWorkspace input[type="number"],
#farmerWorkspace input[type="text"] {
  user-select: text !important;
  -webkit-user-select: text !important;
  cursor: text !important;
}
#farmerWorkspace .farmer-toggle-pill-wrap.is-livestock.is-checked {
  background: linear-gradient(135deg, #be185d 0%, #db2777 100%) !important;
  border-color: #f472b6 !important;
  color: #ffffff !important;
  box-shadow: 0 3px 10px rgba(190, 24, 93, 0.28) !important;
}
#farmerWorkspace .farmer-toggle-pill-wrap.is-livestock.is-checked .farmer-line-toggle-btn {
  color: #ffffff !important;
}

/* ============================================================================
 * v20.667.0 — FIX HÌNH 2, 3, 4, 5, 6, 7, 8 TRANG NÔNG DÂN:
 * - Hình 3: Bố cục 2 cột (#farmerChartAndSidebarLayout): Trái = Biểu đồ chính, Phải = Sidebar Cố Vấn & Tính Toán Chu Kỳ (#farmerAutoCockpit)
 * - Hình 4: Bảng 4 ô nhập Phí Lưu Kho + Hao Hụt Tự Nhiên + Lãi Vốn + Sản Lượng (.farmer-sc-4inputs)
 * - Hình 5: Thẻ tích chọn cây xen canh 2 cột (.farmer-companion-option-card) tô đậm rõ ràng
 * - Hình 7: Bảng Hạch Toán Làm Ăn Thực Tế Theo Vụ Mùa (.is-farmer-biz-inputs)
 * - Hình 8: Thanh Menu 5 Chuyên Mục Rõ Nghĩa (.farmer-smn-title + .farmer-smn-sub)
 * ============================================================================ */
#farmerWorkspace #farmerSubMenuNav .farmer-smn-tab {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 2px !important;
  padding: 8px 14px !important;
  border-radius: 12px !important;
  border: 1.5px solid rgba(148, 163, 184, 0.35) !important;
  background: rgba(15, 23, 42, 0.72) !important;
  color: #f8fafc !important;
  text-align: left !important;
  cursor: pointer !important;
  transition: all 0.16s ease !important;
}
#farmerWorkspace #farmerSubMenuNav .farmer-smn-tab:hover {
  border-color: #34d399 !important;
  background: rgba(6, 78, 59, 0.85) !important;
  transform: translateY(-1px) !important;
}
#farmerWorkspace #farmerSubMenuNav .farmer-smn-tab.is-active {
  background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
  border: 2px solid #fde047 !important;
  box-shadow: 0 6px 16px rgba(5, 150, 105, 0.38) !important;
}
#farmerWorkspace #farmerSubMenuNav .farmer-smn-title {
  font-size: 13px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  line-height: 1.25 !important;
}
#farmerWorkspace #farmerSubMenuNav .farmer-smn-tab.is-active .farmer-smn-title {
  color: #fef08a !important;
}
#farmerWorkspace #farmerSubMenuNav .farmer-smn-sub {
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #cbd5e1 !important;
  line-height: 1.25 !important;
}
#farmerWorkspace #farmerSubMenuNav .farmer-smn-tab.is-active .farmer-smn-sub {
  color: #ecfdf5 !important;
}

/* Hình 3: Bố cục 2 cột Biểu Đồ Chính (Trái) + Sidebar Cố Vấn Làm Ăn (Phải) */
#farmerWorkspace .farmer-chart-and-sidebar-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 375px !important;
  gap: 14px !important;
  align-items: start !important;
}
#farmerWorkspace .farmer-chart-and-sidebar-layout.is-sidebar-collapsed {
  grid-template-columns: minmax(0, 1fr) !important;
}
@media (max-width: 1220px) {
  #farmerWorkspace .farmer-chart-and-sidebar-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
#farmerWorkspace .farmer-right-advisory-sidebar {
  position: sticky !important;
  top: 12px !important;
  max-height: 760px !important;
  overflow-y: auto !important;
  border-radius: 16px !important;
}
#farmerWorkspace .farmer-sidebar-shell {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  padding: 13px 14px !important;
  border-radius: 16px !important;
}
#farmerWorkspace .farmer-sidebar-head-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
}
#farmerWorkspace .farmer-sidebar-collapse-btn {
  padding: 3px 9px !important;
  border-radius: 8px !important;
  border: 1px solid #cbd5e1 !important;
  background: #ffffff !important;
  color: #334155 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}
#farmerWorkspace .farmer-cockpit-grid.is-sidebar-stack {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin-top: 2px !important;
}

/* Hình 4: Bảng 4 ô nhập Phí Lưu Kho + Hao Hụt + Lãi Vốn + Sản Lượng */
#farmerWorkspace .farmer-sc-4inputs {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
}
#farmerWorkspace .farmer-sc-field {
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
  padding: 9px 12px !important;
  border-radius: 11px !important;
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
}
#farmerWorkspace .farmer-sc-field span {
  font-size: 12px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  line-height: 1.35 !important;
}
#farmerWorkspace .farmer-sc-field input[type="number"] {
  width: 100% !important;
  padding: 7px 10px !important;
  border-radius: 8px !important;
  border: 1.5px solid #059669 !important;
  background: #f0fdf4 !important;
  color: #064e3b !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

/* Hình 5: Lưới 2 cột Thẻ Tích Chọn Cây Xen Canh (Tô đậm cực rõ khi chọn) */
#farmerWorkspace .farmer-comp-picked-summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  margin: 8px 0 10px !important;
  padding: 8px 12px !important;
  border-radius: 10px !important;
  background: #f0f9ff !important;
  border: 1.5px solid #38bdf8 !important;
  font-size: 12px !important;
  color: #0c4a6e !important;
}
#farmerWorkspace .farmer-comp-picked-tag {
  display: inline-block !important;
  padding: 2px 8px !important;
  border-radius: 999px !important;
  background: #0284c7 !important;
  color: #ffffff !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
}
#farmerWorkspace .farmer-companion-option-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 9px !important;
}
#farmerWorkspace .farmer-companion-option-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 6px !important;
  padding: 11px 13px !important;
  border-radius: 12px !important;
  border: 2px solid #cbd5e1 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  text-align: left !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04) !important;
}
#farmerWorkspace .farmer-companion-option-card:hover {
  border-color: #0284c7 !important;
  background: #f8fafc !important;
  transform: translateY(-1px) !important;
}
#farmerWorkspace .farmer-companion-option-card.is-active-comp {
  border: 2.5px solid #059669 !important;
  background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%) !important;
  box-shadow: 0 6px 16px rgba(5, 150, 105, 0.22), 0 0 0 2px rgba(16, 185, 129, 0.22) !important;
}
#farmerWorkspace .farmer-coc-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
}
#farmerWorkspace .farmer-coc-radio {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 7px !important;
  border: 2px solid #94a3b8 !important;
  background: #f1f5f9 !important;
  color: #475569 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  flex-shrink: 0 !important;
}
#farmerWorkspace .farmer-companion-option-card.is-active-comp .farmer-coc-radio {
  border-color: #047857 !important;
  background: #059669 !important;
  color: #fde047 !important;
}
#farmerWorkspace .farmer-coc-name {
  flex: 1 !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
}
#farmerWorkspace .farmer-companion-option-card.is-active-comp .farmer-coc-name {
  color: #064e3b !important;
}
#farmerWorkspace .farmer-coc-status-pill {
  padding: 3px 8px !important;
  border-radius: 999px !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  background: #e2e8f0 !important;
  color: #475569 !important;
}
#farmerWorkspace .farmer-companion-option-card.is-active-comp .farmer-coc-status-pill {
  background: #059669 !important;
  color: #fde047 !important;
}
#farmerWorkspace .farmer-coc-sub {
  font-size: 12px !important;
  color: #334155 !important;
  padding-left: 32px !important;
}
#farmerWorkspace .farmer-companion-option-card.is-active-comp .farmer-coc-sub {
  color: #065f46 !important;
  font-weight: 700 !important;
}


/* ==========================================================================
   v20.668.0 HOTFIX:
   - Hình 1: Xóa khoảng trống đỏ/nâu khổng lồ trong #farmerAutoCockpit (.farmer-sidebar-shell)
     do .farmer-cockpit-signal có flex: 1 1 540px !important khi xếp dọc (flex-direction: column).
   - Hình 2: Hiển thị nổi bật thẻ Chu Kỳ Chăn Nuôi & Cung-Cầu Ngành (#farmerSidebarCycleCard).
   - Hình 3: Thanh chọn năm tra cứu nhanh (#farmerInspectYearSelect) & bộ lọc năm rõ nét.
   - Hình 4 & 5: Chặn cuộn trang tự động (overflow-anchor: none) và làm nổi bật thẻ chọn Trụ Cột 2.
   ========================================================================== */
#farmerWorkspace,
#farmerWorkspace .farmer-shell,
#farmerWorkspace .farmer-bottom-hub,
#farmerWorkspace #farmer"Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial, cropMatrixBody,
#farmerWorkspace #farmerLivestockFeedBody {
  overflow-anchor: none !important;
}

#farmerWorkspace .farmer-sidebar-shell,
#farmerWorkspace #farmerAutoCockpit.farmer-sidebar-shell {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  gap: 10px !important;
  height: auto !important;
  min-height: 0 !important;
}

#farmerWorkspace .farmer-sidebar-shell > .farmer-cockpit-card,
#farmerWorkspace .farmer-sidebar-shell > .farmer-cockpit-meter,
#farmerWorkspace .farmer-sidebar-shell > .farmer-cockpit-signal,
#farmerWorkspace #farmerAutoCockpit .farmer-cockpit-meter,
#farmerWorkspace #farmerAutoCockpit .farmer-cockpit-signal {
  flex: 0 0 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  justify-content: flex-start !important;
}

#farmerWorkspace[data-farmer-subpage="chart"] #farmerCockpitStorageAlert,
#farmerWorkspace #farmerCockpitStorageAlert {
  display: block !important;
  margin-top: 4px !important;
  padding: 11px 13px !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, #fffbeb 0%, #fef3c7 100%) !important;
  border: 2px solid #f59e0b !important;
  color: #0f172a !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.16) !important;
}

#farmerWorkspace #farmerSidebarCycleCard {
  display: block !important;
  background: linear-gradient(180deg, #fdf2f8 0%, #fce7f3 100%) !important;
  border: 2px solid #db2777 !important;
  color: #0f172a !important;
  border-radius: 12px !important;
  padding: 11px 13px !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.16) !important;
}

#farmerWorkspace [data-farmer-select-companion] {
  cursor: pointer !important;
  user-select: none !important;
  transition: transform 0.14s ease, box-shadow 0.14s ease, border-color 0.14s ease !important;
}

#farmerWorkspace [data-farmer-select-companion]:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 16px rgba(245, 158, 11, 0.28) !important;
}


/* ==========================================================================
   v20.670.0 FARMER SUPER UX UPGRADE (FIX HÌNH 1, HÌNH 5, HÌNH 7)
   ========================================================================== */
/* Fix Hình 1: Sửa lỗi #farmerSuperToolbar dùng flex-direction: column làm .farmer-super-actions bị tràn ẩn mất sang cột phải */
#farmerWorkspace #farmerSuperToolbar.farmer-super-toolbar {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px 12px !important;
  height: auto !important;
  min-height: 48px !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 8px 12px !important;
}
#farmerWorkspace #farmerLiveCursorHud.farmer-live-cursor-hud {
  flex: 1 1 320px !important;
  min-width: 240px !important;
  max-width: 100% !important;
}
#farmerWorkspace #farmerSuperToolbar .farmer-super-actions {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex: 0 1 auto !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Fix Hình 1: Nút Toggle Nổi Bật & Tắt Bảng Cố Vấn Làm Ăn Bên Phải luôn hiển thị ở góc trên phải biểu đồ */
#farmerWorkspace #farmerRightSidebarEdgeToggleBtn.farmer-right-sidebar-edge-toggle {
  position: absolute !important;
  top: 10px !important;
  right: 12px !important;
  z-index: 48 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 7px 14px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.18) !important;
  transition: all 0.18s ease !important;
  border: 2px solid #10b981 !important;
  background: rgba(255, 255, 255, 0.96) !important;
  color: #065f46 !important;
}
#farmerWorkspace #farmerRightSidebarEdgeToggleBtn.farmer-right-sidebar-edge-toggle.is-collapsed-pill {
  background: linear-gradient(135deg, #065f46 0%, #047857 100%) !important;
  border-color: #fde047 !important;
  color: #ffffff !important;
  box-shadow: 0 8px 24px rgba(5, 150, 105, 0.38), 0 0 0 3px rgba(253, 224, 71, 0.35) !important;
}
#farmerWorkspace #farmerRightSidebarEdgeToggleBtn.farmer-right-sidebar-edge-toggle:hover {
  transform: translateY(-1px) scale(1.02) !important;
}

/* Fix Hình 7: Tuyệt đối KHÔNG làm trùng lặp bảng Xen Canh giữa Tab 2 (Tính Phí Lưu Kho) và Tab 3 (Tính Xen Canh & Lịch 12 Tháng) */
#farmerWorkspace[data-farmer-subpage="calculator"] #farmerYearRoundMoneyMatrix {
  display: none !important;
}
#farmerWorkspace[data-farmer-subpage="calendar"] #farmerYearRoundMoneyMatrix,
#farmerWorkspace[data-farmer-subpage="calendar"] #farmer"Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial, crop12MonthCalendar,
#farmerWorkspace[data-farmer-subpage="calendar"] #farmerPermanentCalendarPanel {
  display: block !important;
}


/* ==========================================================================
   v20.671.0 FARMER VERTICAL SIDEBAR ARROW HANDLE (HÌNH 1) & PRO TOOLBAR (HÌNH 2)
   ========================================================================== */

/* Hình 1: Mũi tên đẩy ra / thu vô Sidebar bên phải (kiểu thanh trượt dọc gắn ngay mép phải biểu đồ, không đè lên trục số 100 điểm!) */
#farmerWorkspace #farmerRightSidebarEdgeToggleBtn.farmer-right-sidebar-edge-toggle.is-vertical-drawer-tab {
  position: absolute !important;
  top: 50% !important;
  right: 0 !important;
  transform: translateY(-50%) !important;
  z-index: 52 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  width: 28px !important;
  min-height: 92px !important;
  padding: 10px 4px !important;
  border-radius: 12px 0 0 12px !important;
  border: 2px solid #059669 !important;
  border-right: none !important;
  background: linear-gradient(180deg, #065f46 0%, #047857 100%) !important;
  color: #ffffff !important;
  cursor: pointer !important;
  box-shadow: -4px 4px 16px rgba(15, 23, 42, 0.22) !important;
  transition: width 0.18s ease, background 0.18s ease, box-shadow 0.18s ease !important;
}
#farmerWorkspace #farmerRightSidebarEdgeToggleBtn.farmer-right-sidebar-edge-toggle.is-vertical-drawer-tab:hover {
  width: 34px !important;
  background: linear-gradient(180deg, #047857 0%, #059669 100%) !important;
  box-shadow: -6px 6px 20px rgba(5, 150, 105, 0.38) !important;
}
#farmerWorkspace #farmerRightSidebarEdgeToggleBtn.farmer-right-sidebar-edge-toggle.is-vertical-drawer-tab.is-collapsed-state {
  background: linear-gradient(180deg, #d97706 0%, #b45309 100%) !important;
  border-color: #fde047 !important;
  width: 32px !important;
  box-shadow: -5px 5px 20px rgba(217, 119, 6, 0.42) !important;
}
#farmerWorkspace #farmerRightSidebarEdgeToggleBtn .farmer-edge-arrow {
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  color: #fde047 !important;
}
#farmerWorkspace #farmerRightSidebarEdgeToggleBtn .farmer-edge-label {
  writing-mode: vertical-rl !important;
  text-orientation: mixed !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  color: #ffffff !important;
  white-space: nowrap !important;
}

/* Hình 2: Thanh công cụ phía trên biểu đồ (#farmerSuperToolbar.is-clean-pro-bar) gọn gàng, chia nhóm chuyên nghiệp */
#farmerWorkspace #farmerSuperToolbar.farmer-super-toolbar.is-clean-pro-bar {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px 12px !important;
  padding: 8px 14px !important;
  background: #f8fafc !important;
  border-bottom: 1.5px solid #cbd5e1 !important;
}
#farmerWorkspace #farmerSuperToolbar .farmer-super-actions.is-pro-grouped {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
}
#farmerWorkspace #farmerSuperToolbar .farmer-pro-btn-group {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 3px 6px !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
}
#farmerWorkspace #farmerSuperToolbar .farmer-sc-act-btn {
  height: 30px !important;
  padding: 0 11px !important;
  border-radius: 7px !important;
  font-size: 11.8px !important;
  font-weight: 800 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  border: 1px solid #cbd5e1 !important;
  background: #f8fafc !important;
  color: #0f172a !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: all 0.15s ease !important;
}
#farmerWorkspace #farmerSuperToolbar .farmer-sc-act-btn:hover {
  border-color: #059669 !important;
  background: #ecfdf5 !important;
  color: #065f46 !important;
}
#farmerWorkspace #farmerSuperToolbar .farmer-sc-act-btn.is-active {
  background: #065f46 !important;
  border-color: #059669 !important;
  color: #ffffff !important;
}
#farmerWorkspace #farmerSuperToolbar .farmer-sc-act-btn.is-seasonality-pro {
  background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%) !important;
  border-color: #f59e0b !important;
  color: #92400e !important;
}
#farmerWorkspace #farmerSuperToolbar .farmer-sc-act-btn.is-seasonality-pro.is-active {
  background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
  border-color: #fde047 !important;
  color: #ffffff !important;
}
#farmerWorkspace #farmerSuperToolbar .farmer-sc-act-btn.is-seasonality-cfg-pro {
  background: #fffbeb !important;
  border-color: #fcd34d !important;
  color: #b45309 !important;
}
#farmerWorkspace #farmerSuperToolbar .farmer-sc-act-btn.is-replay-pro {
  background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
  border-color: #10b981 !important;
  color: #ffffff !important;
}


/* ==========================================================================
   v20.673.0 TAB 4 CLEANUP & ORDERING (FIX HÌNH 2: GỌN GÀNG, DỄ HIỂU 100%)
   ========================================================================== */
#farmerWorkspace[data-farmer-subpage="calculator"] #farmerWsChartStage,
#farmerWorkspace[data-farmer-subpage="calculator"] #farmerSuperToolbar,
#farmerWorkspace[data-farmer-subpage="calculator"] #farmerWsCrisisStrip,
#farmerWorkspace[data-farmer-subpage="calendar"] #farmerWsChartStage,
#farmerWorkspace[data-farmer-subpage="calendar"] #farmerSuperToolbar,
#farmerWorkspace[data-farmer-subpage="calendar"] #farmerWsCrisisStrip,
#farmerWorkspace[data-farmer-subpage="history"] #farmerWsChartStage,
#farmerWorkspace[data-farmer-subpage="history"] #farmerSuperToolbar,
#farmerWorkspace[data-farmer-subpage="history"] #farmerWsCrisisStrip {
  display: none !important;
}

/* Ở Tab 4 (Hạch Toán Vụ Mùa & Vốn Gồng Lỗ): Đưa Bảng Hạch Toán Vụ Mùa lên ĐẦU TIÊN ngay khi bấm vào, bảng Quy Luật Giá 5 Năm nằm ngay bên dưới */
#farmerWorkspace[data-farmer-subpage="history"] #farmerWsBottomHub {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}
#farmerWorkspace[data-farmer-subpage="history"] #farmerWsBottomHub > .farmer-hub-tabs {
  order: 1 !important;
  margin-top: 0 !important;
}
#farmerWorkspace[data-farmer-subpage="history"] #farmerWsBottomHub > .farmer-hub-content {
  order: 2 !important;
}
#farmerWorkspace[data-farmer-subpage="history"] #farmerWsBottomHub > #farmerStorageAndYearRoundPanel {
  order: 3 !important;
}

/* ============================================================================
   v20.674.0 — FARMER WORKSPACE SUPER-UPGRADE & ZERO-CRASH UX POLISH
   ============================================================================ */
#farmerWorkspaceCard #farmerWsBottomHub {
  min-height: 220px;
  width: 100% !important;
  box-sizing: border-box !important;
}
#farmerWorkspaceCard .farmer-ws-subnav-bar {
  position: sticky;
  top: 0;
  z-index: 40;
  backdrop-filter: blur(12px);
}
#farmerWorkspaceCard .farmer-ws-subnav-btn {
  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
#farmerWorkspaceCard .farmer-ws-subnav-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.12) !important;
}
#farmerWorkspaceCard [data-farmer-subsec] {
  animation: farmerSubsecFadeIn 0.22s ease-out;
}
@keyframes farmerSubsecFadeIn {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}


/* === v20.701.0: GIAO DIỆN CHỈ BÁO LEDAT THÔNG MINH, GỌN GÀNG, KHÔNG LỒI LÕM & ĐỘT PHÁ % TĂNG/GIẢM TỐI THIỂU === */
#seasonalityPanel.ledat-season-panel {
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}
#seasonalityPanel.ledat-season-panel * {
  box-sizing: border-box;
}
/* Ở chế độ Studio mở rộng (⤢): xếp các khối lớn rộng 100% (không chia 2 cột lệch chiều cao làm hở khoảng trắng bên trái),
   và chia 2-3 cột cân đối ngay bên trong từng khối! */
@media (min-width: 901px) and (pointer: fine) {
  #seasonalityPanel.ledat-season-panel.is-expanded-studio {
    width: min(860px, calc(100vw - 24px)) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
  }
  #seasonalityPanel.ledat-season-panel.is-expanded-studio > * {
    width: 100% !important;
    grid-column: 1 / -1 !important;
  }
}

.ledat-gcc-profit-lock-box {
  margin: 6px 0 8px;
  padding: 11px 12px;
  border-radius: 11px;
  background: linear-gradient(145deg, #0f172a 0%, #111827 55%, #064e3b 100%);
  border: 1.5px solid #10b981;
  color: #f8fafc;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.24);
  display: flex;
  flex-direction: column;
  gap: 7px;
  width: 100%;
  overflow: hidden;
}
.ledat-gcc-profit-lock-box.is-down-lock-box {
  background: linear-gradient(145deg, #0f172a 0%, #083344 60%, #164e63 100%);
  border-color: #06b6d4;
}
.ledat-plc-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  flex-wrap: wrap;
}
.ledat-plc-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 9px;
  border-radius: 999px;
  background: #10b981;
  color: #022c22;
  font-size: 9.8px;
  font-weight: 900;
  letter-spacing: 0.01em;
}
.ledat-plc-range-pill {
  font-size: 10.2px;
  color: #e2e8f0;
  background: rgba(255, 255, 255, 0.08);
  padding: 2px 8px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.14);
}
.ledat-plc-range-pill b {
  color: #fde047;
}
.ledat-plc-hero-verdict {
  font-size: 12px;
  line-height: 1.45;
  color: #ffffff;
  background: rgba(16, 185, 129, 0.14);
  border-left: 3px solid #34d399;
  padding: 5px 9px;
  border-radius: 6px;
}
.ledat-plc-highlight {
  color: #fde047;
  font-weight: 900;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.ledat-plc-explain {
  margin: 0;
  font-size: 10.5px;
  line-height: 1.45;
  color: #cbd5e1;
}
.ledat-plc-explain b {
  color: #f8fafc;
}
.ledat-plc-bars-card {
  padding: 7px 9px;
  border-radius: 8px;
  background: rgba(2, 6, 23, 0.58);
  border: 1px solid rgba(52, 211, 153, 0.32);
  display: flex;
  flex-direction: column;
  gap: 4.5px;
}
.ledat-plc-bars-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  flex-wrap: wrap;
  font-size: 9.6px;
  color: #a7f3d0;
  margin-bottom: 2px;
}
.ledat-plc-bars-head small {
  color: #cbd5e1;
  font-weight: 600;
}
.ledat-plc-yellow-tag {
  padding: 1.5px 7px;
  border-radius: 999px;
  background: rgba(250, 204, 21, 0.18);
  border: 1px solid #facc15;
  color: #fef08a;
  font-weight: 800;
  font-size: 9.2px;
}
.ledat-plc-yr-row {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) 86px;
  align-items: center;
  gap: 6px;
  font-size: 9.8px;
}
.ledat-plc-yr-num {
  color: #f8fafc;
  font-weight: 800;
}
.ledat-plc-yr-track {
  position: relative;
  height: 9px;
  border-radius: 999px;
  background: #1e293b;
  border: 1px solid #334155;
  overflow: hidden;
}
.ledat-plc-bar-safe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(90deg, #059669, #10b981);
}
.ledat-plc-bar-extra {
  position: absolute;
  top: 0;
  bottom: 0;
  background: linear-gradient(90deg, #f59e0b, #ef4444);
  opacity: 0.88;
}
.ledat-plc-yellow-line {
  position: absolute;
  top: -1px;
  bottom: -1px;
  width: 2.5px;
  background: #fef08a;
  box-shadow: 0 0 6px #facc15;
  z-index: 2;
}
.ledat-plc-yr-val {
  text-align: right;
  font-weight: 800;
  color: #fde68a;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.ledat-plc-yr-val small {
  color: #94a3b8;
  font-weight: 600;
  font-size: 8.8px;
}
.ledat-plc-ruler {
  display: flex;
  height: 17px;
  border-radius: 999px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: #1e293b;
}
.ledat-plc-r-seg {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 8.8px;
  font-weight: 900;
  color: #ffffff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 4px;
}
.ledat-plc-r-seg.is-lock {
  background: linear-gradient(90deg, #0284c7, #0ea5e9);
}
.ledat-plc-r-seg.is-win {
  background: linear-gradient(90deg, #059669, #10b981);
}
.ledat-plc-r-seg.is-greed {
  background: linear-gradient(90deg, #dc2626, #991b1b);
  color: #fef08a;
}

/* Chế độ thường (448px): 3 mốc xếp 1 cột phẳng phiu 100%, tuyệt đối không bị rớt 2+1 lồi lõm!
   Chế độ phóng to Studio (⤢): 3 mốc chia đều 3 cột bằng nhau tăm tắp! */
.ledat-plc-milestones-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
}
#seasonalityPanel.ledat-season-panel.is-expanded-studio .ledat-plc-milestones-grid,
.mh-cws-card .ledat-plc-milestones-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
}
.ledat-plc-m-card {
  padding: 7px 9px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.ledat-plc-m-card small {
  font-size: 9.2px;
  font-weight: 900;
  letter-spacing: 0.01em;
}
.ledat-plc-m-card b {
  font-size: 10.8px;
  line-height: 1.35;
}
.ledat-plc-m-card span {
  font-size: 9.6px;
  line-height: 1.4;
}
.ledat-plc-m-card.is-m1 {
  background: rgba(2, 132, 199, 0.22);
  border: 1px solid #38bdf8;
}
.ledat-plc-m-card.is-m1 small { color: #7dd3fc; }
.ledat-plc-m-card.is-m1 b { color: #ffffff; }
.ledat-plc-m-card.is-m1 span { color: #e0f2fe; }

.ledat-plc-m-card.is-m2 {
  background: rgba(16, 185, 129, 0.24);
  border: 1.5px solid #34d399;
}
.ledat-plc-m-card.is-m2 small { color: #6ee7b7; }
.ledat-plc-m-card.is-m2 b { color: #fef08a; }
.ledat-plc-m-card.is-m2 span { color: #ecfdf5; }

.ledat-plc-m-card.is-m3 {
  background: rgba(220, 38, 38, 0.22);
  border: 1px solid #f87171;
}
.ledat-plc-m-card.is-m3 small { color: #fca5a5; }
.ledat-plc-m-card.is-m3 b { color: #fecaca; }
.ledat-plc-m-card.is-m3 span { color: #fee2e2; }

.ledat-plc-down-safety-strip {
  padding: 7px 9px;
  border-radius: 8px;
  background: linear-gradient(90deg, rgba(8, 145, 178, 0.28), rgba(15, 23, 42, 0.72));
  border: 1px solid #22d3ee;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.ledat-plc-ds-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  flex-wrap: wrap;
  font-size: 9.8px;
  color: #67e8f9;
}
.ledat-plc-ds-head b {
  color: #fef08a;
  font-size: 9.8px;
}
.ledat-plc-down-safety-strip p {
  margin: 0;
  font-size: 9.6px;
  line-height: 1.42;
  color: #ecfeff;
}

/* Báo cáo Quyết định Kinh doanh theo mùa: 2 cột cân bằng khi mở rộng Studio */
.ledat-report-2col-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
#seasonalityPanel.ledat-season-panel.is-expanded-studio .ledat-report-2col-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
}
.ledat-report-2col-grid > .ledat-report-item {
  margin: 0 !important;
  height: 100%;
}

/* Accordion gom gọn toàn bộ phần kỹ thuật & kiểm định ML ở cuối bảng */
.ledat-tech-inspection-accordion {
  margin-top: 6px;
  border: 1px solid #cbd5e1;
  border-radius: 10px;
  background: #f8fafc;
  overflow: hidden;
}
.ledat-tech-inspection-accordion > summary {
  padding: 8px 11px;
  font-size: 11px;
  color: #0f172a;
  cursor: pointer;
  user-select: none;
  background: linear-gradient(90deg, #f1f5f9, #e2e8f0);
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ledat-tech-inspection-accordion > summary small {
  color: #0f766e;
  font-weight: 700;
}
.ledat-tech-inspection-body {
  padding: 9px 11px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ledat-tech-audit-toolbar {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}
#seasonalityPanel.ledat-season-panel.is-expanded-studio .ledat-tech-audit-toolbar {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.ledat-tech-audit-toolbar .ledat-wave-audit-download {
  margin: 0 !important;
  width: 100% !important;
  font-size: 10.5px !important;
  padding: 6px 8px !important;
  text-align: center;
  justify-content: center;
}


/* ==========================================================================
   v20.709.0: FIX TRIỆT ĐỂ LỖI BỊ LẸM VIỀN PHẢI POPUP (#seasonalityPanel) & ĐÈ DROPDOWN
   ========================================================================== */
#seasonalityPanel.ledat-season-panel {
  z-index: 9500 !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
}
body.msc-picker-open #seasonalityPanel.ledat-season-panel {
  z-index: 40 !important;
  opacity: 0.24 !important;
  pointer-events: none !important;
  filter: blur(1px);
  transition: opacity 0.16s ease, filter 0.16s ease;
}
#seasonalityPanel.ledat-season-panel:not(.is-expanded-studio) {
  width: min(466px, calc(100vw - 18px)) !important;
  padding: 12px 11px !important;
}
#seasonalityPanel #ledatSuperWaveDashboard,
#seasonalityPanel .ledat-super-wave-dashboard,
#seasonalityPanel #ledatCertainWinGoldenCard,
#seasonalityPanel [data-ledat-extra-step="step4"],
#seasonalityPanel #ledatCertainWinDownCard,
#seasonalityPanel .ledat-golden-core-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
#seasonalityPanel #ledatSuperWaveDashboard {
  padding: 8px 9px !important;
  margin: 6px 0 !important;
}
#seasonalityPanel .ledat-golden-core-card {
  padding: 9px 10px !important;
  margin: 4px 0 !important;
}
#seasonalityPanel .ledat-golden-core-card > *,
#seasonalityPanel .ledat-gcc-profit-lock-box > *,
#seasonalityPanel .ledat-gcc-geo-winner-box > *,
#seasonalityPanel .ledat-geo-winner-item-card > * {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
#seasonalityPanel .ledat-golden-core-card button,
#seasonalityPanel .ledat-gcc-geo-winner-box button,
#seasonalityPanel #ledatSubGeoMasterDoneBar button {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  max-width: 100% !important;
  text-align: center;
  line-height: 1.3 !important;
}

/* Bảng Chỉ Huy 3 Giây Siêu Dễ Hiểu (.ledat-3sec-command-banner) — Không bao giờ bị lẹm mép phải */
.ledat-3sec-command-banner {
  margin: 5px 0 7px !important;
  padding: 9px 10px !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 58%, #064e3b 100%) !important;
  border: 2px solid #fbbf24 !important;
  color: #f8fafc !important;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.24) !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
}
.ledat-3sec-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
  padding-bottom: 5px !important;
  border-bottom: 1px solid rgba(251, 191, 36, 0.3) !important;
}
.ledat-3sec-title {
  font-size: 10.2px !important;
  font-weight: 900 !important;
  color: #fde047 !important;
  letter-spacing: 0.03em !important;
  line-height: 1.35 !important;
  overflow-wrap: anywhere !important;
}
.ledat-3sec-rust-pill {
  padding: 2px 8px !important;
  border-radius: 999px !important;
  background: #10b981 !important;
  color: #022c22 !important;
  font-size: 9.4px !important;
  font-weight: 900 !important;
  line-height: 1.3 !important;
}
.ledat-3sec-steps-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 6px !important;
  width: 100% !important;
  min-width: 0 !important;
}
#seasonalityPanel.ledat-season-panel.is-expanded-studio .ledat-3sec-steps-grid,
.mh-cws-card .ledat-3sec-steps-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.ledat-3sec-step-card {
  padding: 7px 9px !important;
  border-radius: 8px !important;
  background: rgba(15, 23, 42, 0.82) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
.ledat-3sec-step-card.is-s1 { border: 1px solid rgba(52, 211, 153, 0.55) !important; }
.ledat-3sec-step-card.is-s1 small { color: #6ee7b7 !important; font-size: 9.2px !important; font-weight: 900 !important; }
.ledat-3sec-step-card.is-s1 b { color: #ffffff !important; font-size: 11.5px !important; }

.ledat-3sec-step-card.is-s2 { border: 1px solid rgba(251, 191, 36, 0.65) !important; }
.ledat-3sec-step-card.is-s2 small { color: #fde047 !important; font-size: 9.2px !important; font-weight: 900 !important; }
.ledat-3sec-step-card.is-s2 b { color: #fef08a !important; font-size: 11.5px !important; }

.ledat-3sec-step-card.is-s3 { border: 1px solid rgba(56, 189, 248, 0.55) !important; }
.ledat-3sec-step-card.is-s3 small { color: #7dd3fc !important; font-size: 9.2px !important; font-weight: 900 !important; }
.ledat-3sec-step-card.is-s3 b { color: #38bdf8 !important; font-size: 11.2px !important; }

.ledat-3sec-step-card span {
  font-size: 9.6px !important;
  color: #e2e8f0 !important;
  line-height: 1.4 !important;
}
.ledat-3sec-step-card span b {
  font-size: inherit !important;
  color: #ffffff !important;
}

/* 4 Chặng Hành Động: 2x2 gọn đẹp ở chế độ thường, 4 cột ở chế độ mở rộng Studio */
.ledat-3sec-stages-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 5px !important;
  width: 100% !important;
  min-width: 0 !important;
}
#seasonalityPanel.ledat-season-panel.is-expanded-studio .ledat-3sec-stages-grid,
.mh-cws-card .ledat-3sec-stages-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.ledat-3sec-stage-pill {
  padding: 5px 6px !important;
  border-radius: 6px !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 1.5px !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}
.ledat-3sec-stage-pill b { font-size: 9.5px !important; font-weight: 900 !important; line-height: 1.25 !important; }
.ledat-3sec-stage-pill small { font-size: 8.9px !important; font-weight: 700 !important; color: #f1f5f9 !important; line-height: 1.25 !important; }
.ledat-3sec-stage-pill.is-p1 { background: rgba(16, 185, 129, 0.24) !important; border: 1px solid #10b981 !important; color: #a7f3d0 !important; }
.ledat-3sec-stage-pill.is-p2 { background: rgba(245, 158, 11, 0.3) !important; border: 1.5px solid #fde047 !important; color: #fef08a !important; }
.ledat-3sec-stage-pill.is-p3 { background: rgba(59, 130, 246, 0.26) !important; border: 1px solid #60a5fa !important; color: #bfdbfe !important; }
.ledat-3sec-stage-pill.is-p4 { background: rgba(244, 63, 94, 0.26) !important; border: 1px solid #fb7185 !important; color: #fecdd3 !important; }


/* ==========================================================================
   v20.709.0: CHỈ BÁO TRAFFIC TỐI THIỂU VÙNG ĐỊA LÝ & VÙNG SÓNG (MSC_MIN_TRAFFIC_ENGINE)
   ========================================================================== */
#seasonalityPanel.ledat-season-panel.is-expanded-studio .ledat-3sec-steps-grid,
.mh-cws-card .ledat-3sec-steps-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.ledat-3sec-step-card.is-s4 {
  border: 1.5px solid #a78bfa !important;
  background: linear-gradient(135deg, rgba(30, 27, 75, 0.9), rgba(6, 78, 59, 0.85)) !important;
}
.ledat-3sec-step-card.is-s4 small {
  color: #c4b5fd !important;
  font-size: 9.2px !important;
  font-weight: 900 !important;
}
.ledat-3sec-step-card.is-s4 b {
  color: #fde047 !important;
  font-size: 11.4px !important;
}

.ledat-min-traffic-dashboard-box {
  margin: 5px 0 6px !important;
  padding: 8px 10px !important;
  border-radius: 9px !important;
  background: linear-gradient(135deg, rgba(2, 6, 23, 0.78) 0%, rgba(15, 23, 42, 0.92) 60%, rgba(6, 78, 59, 0.72) 100%) !important;
  border: 1.5px solid #38bdf8 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
.ledat-mtd-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
  font-size: 9.8px !important;
  color: #7dd3fc !important;
  border-bottom: 1px solid rgba(56, 189, 248, 0.25) !important;
  padding-bottom: 4px !important;
}
.ledat-mtd-head b {
  color: #fde047 !important;
}
.ledat-mtd-source-tag {
  padding: 1.5px 7px !important;
  border-radius: 999px !important;
  background: rgba(56, 189, 248, 0.16) !important;
  border: 1px solid rgba(56, 189, 248, 0.45) !important;
  color: #e0f2fe !important;
  font-size: 8.9px !important;
  font-weight: 800 !important;
}
.ledat-mtd-kpi-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 6px !important;
  width: 100% !important;
  min-width: 0 !important;
}
#seasonalityPanel.ledat-season-panel.is-expanded-studio .ledat-mtd-kpi-grid,
.mh-cws-card .ledat-mtd-kpi-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.ledat-mtd-kpi-card {
  padding: 6px 8px !important;
  border-radius: 7px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}
.ledat-mtd-kpi-card small {
  font-size: 8.9px !important;
  font-weight: 900 !important;
}
.ledat-mtd-kpi-card > b {
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}
.ledat-mtd-kpi-card > b small {
  font-size: 9.5px !important;
  font-weight: 700 !important;
}
.ledat-mtd-kpi-card span {
  font-size: 9.3px !important;
  line-height: 1.35 !important;
  color: #cbd5e1 !important;
}
.ledat-mtd-kpi-card span b {
  color: #ffffff !important;
}
.ledat-mtd-kpi-card.is-floor {
  background: rgba(15, 23, 42, 0.85) !important;
  border: 1px solid #64748b !important;
}
.ledat-mtd-kpi-card.is-floor small { color: #93c5fd !important; }
.ledat-mtd-kpi-card.is-floor > b { color: #f8fafc !important; }

.ledat-mtd-kpi-card.is-wave-min {
  background: rgba(6, 78, 59, 0.55) !important;
  border: 1.5px solid #10b981 !important;
}
.ledat-mtd-kpi-card.is-wave-min small { color: #6ee7b7 !important; }
.ledat-mtd-kpi-card.is-wave-min > b { color: #fde047 !important; }

.ledat-mtd-kpi-card.is-orders {
  background: rgba(120, 53, 15, 0.45) !important;
  border: 1px solid #f59e0b !important;
}
.ledat-mtd-kpi-card.is-orders small { color: #fcd34d !important; }
.ledat-mtd-kpi-card.is-orders > b { color: #fef08a !important; }

/* v20.710.0: BẢNG RIÊNG XEM ĐIỂM CHUNG TRAFFIC (CHỈ SỐ SỨC CẦU 0–100) QUA CÁC NĂM (ZERO-SIMULATION) */
.ledat-multiyear-traffic-consensus-box table th,
.ledat-multiyear-traffic-consensus-box table td {
  font-family: inherit;
}
.ledat-multiyear-traffic-consensus-box button:hover {
  filter: brightness(1.08);
}


/* ==========================================================================
   v20.717.0: SIÊU TỐI ƯU POPUP TIẾN ĐẠT - THIÊN THỜI ĐỊA LỢI (GỌN 1 KHUNG NHÌN)
   ========================================================================== */
#seasonalityPanel.ledat-season-panel:not(.is-expanded-studio) {
  width: min(482px, calc(100vw - 16px)) !important;
  padding: 10px 10px !important;
  background: linear-gradient(165deg, #0b1120 0%, #0f172a 100%) !important;
  color: #f8fafc !important;
  border: 1.5px solid rgba(234, 179, 8, 0.65) !important;
  box-shadow: 0 22px 55px rgba(2, 6, 23, 0.82) !important;
}
#seasonalityPanel header#ledatSeasonDragHandle {
  background: linear-gradient(90deg, #04070f 0%, #0f172a 60%, #1e1b4b 100%) !important;
  border-bottom: 1px solid rgba(212, 175, 55, 0.32) !important;
  padding: 7px 9px !important;
  margin: -4px -4px 6px -4px !important;
  border-radius: 10px !important;
  gap: 8px !important;
}
#seasonalityPanel header#ledatSeasonDragHandle .ledat-header-titles {
  gap: 1px !important;
  min-width: 0 !important;
}
#seasonalityPanel header#ledatSeasonDragHandle small {
  font-size: 9.2px !important;
  color: #fde047 !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
#seasonalityPanel header#ledatSeasonDragHandle strong#ledatSeasonTitle {
  font-size: 13.2px !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: block !important;
}
#seasonalityPanel #ledatSuperWaveDashboard {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
#seasonalityPanel #ledatCertainWinGoldenCard {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* ==========================================================================
   v20.718.0: FIX TRIỆT ĐỂ HÌNH 1 & 2 (HEADER ĐEN VÀNG HOÀNG GIA RÕ NÉT,
   BUNG RỘNG ⤢ KHÔNG BAO GIỜ BỊ CẮT HAY CHỒNG CHẤT, ẨN HOÀN TOÀN KHỐI PHỤ)
   ========================================================================== */
#seasonalityPanel.ledat-season-panel,
#seasonalityPanel.ledat-season-panel.is-expanded-studio {
  display: block !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  background: linear-gradient(165deg, #070b14 0%, #0f172a 100%) !important;
  color: #f8fafc !important;
  border: 1.5px solid rgba(234, 179, 8, 0.72) !important;
  box-shadow: 0 24px 60px rgba(2, 6, 23, 0.88) !important;
}
#seasonalityPanel.ledat-season-panel:not(.is-expanded-studio) {
  width: min(492px, calc(100vw - 16px)) !important;
  max-height: min(84dvh, 760px) !important;
  padding: 10px 10px !important;
}
@media (min-width: 901px) and (pointer: fine) {
  #seasonalityPanel.ledat-season-panel.is-expanded-studio {
    width: min(820px, calc(100vw - 24px)) !important;
    max-height: min(88dvh, 840px) !important;
    padding: 12px 14px !important;
    display: block !important;
  }
}
/* Ghi đè tuyệt đối dòng 728 để Header luôn có nền Hắc Ngọc Hoàng Gia & chữ Trắng/Vàng rõ nét 100% */
#seasonalityPanel.ledat-season-panel > header#ledatSeasonDragHandle,
#seasonalityPanel.ledat-season-panel > header#ledatSeasonDragHandle.ledat-sticky-floating-header {
  position: sticky !important;
  top: -10px !important;
  z-index: 65 !important;
  background: linear-gradient(135deg, #04070f 0%, #0f172a 58%, #1e1b4b 100%) !important;
  border-bottom: 1.5px solid rgba(234, 179, 8, 0.62) !important;
  margin: -10px -10px 8px -10px !important;
  padding: 8px 11px !important;
  border-radius: 12px 12px 0 0 !important;
  box-shadow: 0 6px 18px rgba(2, 6, 23, 0.72) !important;
}
#seasonalityPanel.ledat-season-panel > header#ledatSeasonDragHandle .ledat-header-titles small {
  color: #fde047 !important;
  -webkit-text-fill-color: #fde047 !important;
  font-size: 9.3px !important;
  font-weight: 950 !important;
  letter-spacing: 0.05em !important;
}
#seasonalityPanel.ledat-season-panel > header#ledatSeasonDragHandle .ledat-header-titles strong#ledatSeasonTitle {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 13.4px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/* Chống cắt cụt nội dung khi phóng to Studio (⤢) */
#seasonalityPanel #ledatSuperWaveDashboard,
#seasonalityPanel .ledat-super-wave-dashboard,
#seasonalityPanel #ledatCertainWinGoldenCard,
#seasonalityPanel .ledat-golden-core-card {
  display: block !important;
  overflow: visible !important;
  height: auto !important;
  max-height: none !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
/* Ẩn triệt để thẻ sóng giảm phụ & hộp kiểm định AutoQA gây chồng chất ở Hình 1 & 2 */
#seasonalityPanel #ledatCertainWinDownCard,
#seasonalityPanel #ledatAutoQA,
#seasonalityPanel #ledatSeasonAnnualReport,
#seasonalityPanel #ledatTechInspectionAccordion,
#seasonalityPanel #ledatSeasonSummary,
#seasonalityPanel #ledatSeasonDirection,
#seasonalityPanel #ledatSeasonTiming,
#seasonalityPanel #ledatSeasonBars,
#seasonalityPanel #ledatSeasonDayMode,
#seasonalityPanel #ledatSeasonDayTotals,
#seasonalityPanel #ledatNextSeasonList,
#seasonalityPanel #ledatSeasonMeta,
#seasonalityPanel .ledat-season-caveat {
  display: none !important;
}

/* v20.722.0: Ẩn triệt để nút Bảng Điểm Chung thừa trên thanh công cụ */
#openMultiYearConsensusBtn { display: none !important; }

/* v20.745.0 High-Ticket Seasonality Popup Z-Index & Always-Visible Body */
#seasonalityPanel.ledat-season-panel {
  z-index: 2147483000 !important;
}
body.msc-astro-workspace-open #seasonalityPanel[data-allow-in-astro="1"]:not([hidden]) {
  display: block !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 2147483000 !important;
}


/* ==========================================================================
 * v20.759.0 SYSTEM-WIDE UNIFIED TYPOGRAPHY & FONT SCALE ("Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial, )
 * ========================================================================== */
:root {
  --msc-sys-font: "Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial, -apple-system, BlinkMacSystemFont, "Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial, sans-serif;
  --msc-fs-xs: 11.5px;
  --msc-fs-sm: 12.5px;
  --msc-fs-md: 13.5px;
  --msc-fs-lg: 15px;
  --msc-fs-xl: 18px;
}

body.trend-workspace-body,
body.trend-workspace-body *:not(code):not(pre),
#astrologyWorkspace,
#astrologyWorkspace *:not(code):not(pre),
#marketingHouseWorkspace,
#marketingHouseWorkspace *:not(code):not(pre),
#seasonalityPanel,
#seasonalityPanel *:not(code):not(pre) {
  font-family: var(--msc-sys-font) !important;
  font-variant-numeric: tabular-nums !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}


/* v20.772.0: 100% Vietnamese-Complete Luxury Typography (Zero Helvetica Glyph Mismatch) */
:root, html, body, .trend-shell, #astrologyWorkspace, #seasonalityPanel, #marketingHouseWorkspace, #astroGeoWorkspace, .msc-pnl-modal-backdrop {
  --msc-sys-font: "Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial, sans-serif !important;
  --msc-mono-font: "Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial, sans-serif !important;
  --bm-font: "Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial, sans-serif !important;
  --ar-font: "Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial, sans-serif !important;
  --farmer-luxury-font: "Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial, sans-serif !important;
  --farmer-mono-font: "Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial, sans-serif !important;
  font-family: "Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial, sans-serif !important;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
body, button, input, select, textarea, table, th, td, h1, h2, h3, h4, h5, h6, p, span, div, a, label, small, strong, b, em {
  font-family: "Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial, sans-serif;
}