/*
Theme Name: Satosig Analytics Theme
Theme URI: https://satosig.com
Author: Satosig
Author URI: https://satosig.com
Description: Tema modular khusus untuk Dashboard Analytics Satosig, dilengkapi dengan Heatmap dan integrasi JS Modular.
Version: 1.3.21
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: satosig
*/

/* Kosongkan saja di sini karena styling utama kita pakai Tailwind CSS 
dan styling khusus komponen sudah ditaruh di dalam page template.
*/

/* SATOSIG v1.3.1: mobile-friendly modal sheets */
.satosig-mobile-modal { touch-action: pan-y; }
.satosig-mobile-panel { -webkit-overflow-scrolling: touch; }
.satosig-modal-body { scrollbar-gutter: stable; }
.satosig-table-scroll { -webkit-overflow-scrolling: touch; }
.satosig-table-scroll table { border-collapse: collapse; }
.satosig-table-scroll th { position: sticky; top: 0; z-index: 2; background: rgb(248 250 252); }
@media (max-width: 640px) {
  .satosig-mobile-modal { padding: 0 !important; align-items: flex-end !important; }
  .satosig-mobile-panel { width: 100% !important; max-width: none !important; max-height: 96dvh !important; border-radius: 1rem 1rem 0 0 !important; }
  .satosig-modal-header { padding: .75rem 1rem !important; }
  .satosig-modal-body { padding: .75rem !important; max-height: calc(96dvh - 64px) !important; }
  .satosig-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .satosig-table-scroll { margin-inline: -.75rem; padding-inline: .75rem; }
  .satosig-table-scroll::after { content: 'Geser tabel ke samping →'; display: block; padding: .5rem .75rem; font-size: .625rem; font-weight: 700; color: rgb(100 116 139); }
}


/* SATOSIG v1.3.2: clean responsive cards and overflow guards */
html, body { max-width: 100%; overflow-x: hidden; }
#heatmap-section, #heatmap-grid, .satosig-day-pin, .satosig-strategy-stack { min-width: 0; max-width: 100%; }
.satosig-ohlc-card { max-width: 100%; overflow: hidden; white-space: normal; }
.satosig-ohlc-values { max-width: 100%; overflow-wrap: anywhere; }
.satosig-strategy-card { max-width: 100%; overflow: hidden; overflow-wrap: anywhere; white-space: normal; }
.satosig-csv-actions { display: flex; flex-wrap: wrap; gap: .5rem; min-width: 0; max-width: 100%; }
.satosig-csv-button { max-width: 100%; white-space: normal; line-height: 1.2; }
@media (max-width: 640px) {
  #heatmap-section { padding: .75rem !important; border-radius: 1rem !important; }
  #heatmap-section > div:first-child { gap: .75rem !important; margin-bottom: 1rem !important; }
  #current-view-title { width: 100%; min-width: 0; font-size: 1rem !important; line-height: 1.3; overflow-wrap: anywhere; }
  .satosig-csv-actions { width: 100%; display: grid; grid-template-columns: minmax(0, 1fr); }
  .satosig-csv-button { width: 100%; font-size: .6875rem !important; }
  .satosig-day-pin { gap: .375rem !important; }
  .satosig-ohlc-card { align-items: flex-start !important; padding: .6rem .7rem !important; }
  .satosig-ohlc-values { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; gap: .25rem .65rem !important; }
  .satosig-ohlc-direction { grid-column: 1 / -1; border-left: 0 !important; border-top: 1px solid currentColor; padding-left: 0 !important; padding-top: .35rem; margin-top: .1rem; }
  .satosig-strategy-stack { width: 100%; }
  .satosig-strategy-card { width: 100% !important; }
  .satosig-mobile-panel { max-height: 94dvh !important; }
  .satosig-modal-header > div:first-child { min-width: 0; }
  .satosig-modal-header .text-xs { font-size: .65rem !important; line-height: 1.25; }
}