:root {
  --satria-blue: #1677e8;
  --satria-blue-dark: #0755b2;
  --satria-cyan: #35c9e8;
}
html.is-embedded, html.is-embedded body { width: 100%; height: 100%; min-height: 100%; }
html.is-embedded body { margin: 0 !important; padding: 0 !important; overflow: auto; }
html.is-embedded .topbar { display: none !important; }
html.is-embedded .workspace { top: 0 !important; height: 100vh !important; min-height: 100vh !important; }
html.is-embedded .dashboard-shell,
html.is-embedded .data-shell,
html.is-embedded .public-shell { width: calc(100% - 24px) !important; max-width: none !important; margin: 12px auto 24px !important; }
html.is-embedded .edit-container { width: 100% !important; max-width: none !important; min-height: 100vh !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
html.is-embedded .main-layout { height: calc(100vh - 86px) !important; min-height: 520px !important; }
html.is-embedded .maplibregl-ctrl-bottom-left { left: 350px; }
html.is-embedded .control-panel { top: 14px !important; max-height: calc(100vh - 28px) !important; }
html.is-embedded .map-hint { bottom: 13px; }
html.is-embedded .surface,
html.is-embedded .hero-card,
html.is-embedded .kpi-card,
html.is-embedded .panel,
html.is-embedded .card { border-color: rgba(75, 145, 214, .20); }
html.is-embedded .button.primary,
html.is-embedded .top-button.primary,
html.is-embedded .action-button.primary,
html.is-embedded .btn:not(.btn-danger):not(.btn-warning):not(.btn-success) { background: linear-gradient(135deg, var(--satria-blue-dark), var(--satria-blue)) !important; border-color: rgba(22,119,232,.55) !important; color: white !important; }
@media (max-width: 780px) {
  html.is-embedded .control-panel { top: auto !important; max-height: 48vh !important; }
  html.is-embedded .maplibregl-ctrl-bottom-left { left: 0; }
}

/* V19.1 clean-shell embedding */
html.is-embedded body{background:#edf4fb!important}
html.is-embedded .topbar{display:none!important}
html.is-embedded .workspace{top:0!important;height:100vh!important;min-height:100vh!important}
html.is-embedded .dashboard-shell,
html.is-embedded .data-shell{width:calc(100% - 20px)!important;max-width:none!important;margin:10px auto 20px!important}
html.is-embedded .edit-container{width:100%!important;max-width:none!important;min-height:100vh!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
html.is-embedded .control-panel{top:12px!important;left:12px!important;max-height:calc(100vh - 24px)!important}
html.is-embedded .map-hint{bottom:12px!important}