/* =========================================================
   POS-09 — Guide-7 visual tuning
   Scope: tetap di atas shell global, tanpa mengacak fondasi.
   ========================================================= */

.berkah-dashboard-shell.module-pos-09,
.berkah-dashboard-shell.theme-pos-09-fuchsia,
.berkah-dashboard-shell.pos09-page {
  --pos09-primary: #c026d3;
  --pos09-accent: #f472b6;
  --pos09-soft: #fae8ff;
  --pos09-tint: #fdf4ff;
  --pos09-dark: #86198f;
  --pos09-line: #f5d0fe;
  --pos09-border: #efd2fb;
  --pos09-panel: #ffffff;
  --pos09-panel-soft: #fff9ff;
  --pos09-text: #4a044e;
  --pos09-muted: #86198f;
  --pos09-shadow: 0 14px 32px rgba(134, 25, 143, 0.08);

  --bd-primary: var(--pos09-primary);
  --bd-accent: var(--pos09-accent);
  --bd-tint: var(--pos09-tint);
  --bd-text: var(--pos09-text);
  --bd-muted: #6b2176;

  --bk-table-head-bg: var(--pos09-primary);
  --bk-table-row-hover: #fff9ff;
}

.berkah-dashboard-shell.module-pos-09,
.berkah-dashboard-shell.theme-pos-09-fuchsia,
.berkah-dashboard-shell.pos09-page {
  position: relative;
}

.berkah-dashboard-shell.module-pos-09::before,
.berkah-dashboard-shell.theme-pos-09-fuchsia::before,
.berkah-dashboard-shell.pos09-page::before {
  content: "";
  position: fixed;
  inset: 56px 0 0 0;
  pointer-events: none;
  z-index: -1;
  background:
    radial-gradient(circle at top right, rgba(240, 171, 252, 0.18), transparent 34%),
    linear-gradient(180deg, #fffaff 0%, #fdf4ff 48%, #faf5ff 100%);
}

.berkah-dashboard-shell.module-pos-09 .berkah-dashboard-panel,
.berkah-dashboard-shell.theme-pos-09-fuchsia .berkah-dashboard-panel,
.berkah-dashboard-shell.pos09-page .berkah-dashboard-panel,
.berkah-dashboard-shell.module-pos-09 .bk-info-card,
.berkah-dashboard-shell.theme-pos-09-fuchsia .bk-info-card,
.berkah-dashboard-shell.pos09-page .bk-info-card,
.berkah-dashboard-shell.module-pos-09 .bk-note-box,
.berkah-dashboard-shell.theme-pos-09-fuchsia .bk-note-box,
.berkah-dashboard-shell.pos09-page .bk-note-box {
  border-color: var(--pos09-border);
  box-shadow: var(--pos09-shadow);
}

.berkah-dashboard-shell.module-pos-09 .berkah-dashboard-hero,
.berkah-dashboard-shell.theme-pos-09-fuchsia .berkah-dashboard-hero,
.berkah-dashboard-shell.pos09-page .berkah-dashboard-hero {
  background: linear-gradient(135deg, #701a75, #c026d3, #f472b6);
  box-shadow: 0 20px 46px rgba(112, 26, 117, 0.16);
}

.berkah-dashboard-shell.module-pos-09 .berkah-dashboard-hero__focus,
.berkah-dashboard-shell.theme-pos-09-fuchsia .berkah-dashboard-hero__focus,
.berkah-dashboard-shell.pos09-page .berkah-dashboard-hero__focus {
  background: rgba(255, 255, 255, 0.97);
  color: var(--pos09-text);
  box-shadow: 0 18px 40px rgba(112, 26, 117, 0.12);
}

.berkah-dashboard-shell.module-pos-09 .berkah-dashboard-hero__focus-eyebrow,
.berkah-dashboard-shell.theme-pos-09-fuchsia .berkah-dashboard-hero__focus-eyebrow,
.berkah-dashboard-shell.pos09-page .berkah-dashboard-hero__focus-eyebrow,
.berkah-dashboard-shell.module-pos-09 .berkah-dashboard-panel__eyebrow,
.berkah-dashboard-shell.theme-pos-09-fuchsia .berkah-dashboard-panel__eyebrow,
.berkah-dashboard-shell.pos09-page .berkah-dashboard-panel__eyebrow {
  color: var(--pos09-muted);
}

.berkah-dashboard-shell.module-pos-09 .berkah-dashboard-panel--section,
.berkah-dashboard-shell.theme-pos-09-fuchsia .berkah-dashboard-panel--section,
.berkah-dashboard-shell.pos09-page .berkah-dashboard-panel--section,
.berkah-dashboard-shell.module-pos-09 .berkah-dashboard-panel--filter,
.berkah-dashboard-shell.theme-pos-09-fuchsia .berkah-dashboard-panel--filter,
.berkah-dashboard-shell.pos09-page .berkah-dashboard-panel--filter,
.berkah-dashboard-shell.module-pos-09 .berkah-dashboard-panel--control,
.berkah-dashboard-shell.theme-pos-09-fuchsia .berkah-dashboard-panel--control,
.berkah-dashboard-shell.pos09-page .berkah-dashboard-panel--control {
  background: linear-gradient(180deg, var(--pos09-panel) 0%, var(--pos09-panel-soft) 100%);
}

.berkah-dashboard-shell.module-pos-09 .berkah-dashboard-kpi--info,
.berkah-dashboard-shell.theme-pos-09-fuchsia .berkah-dashboard-kpi--info,
.berkah-dashboard-shell.pos09-page .berkah-dashboard-kpi--info {
  border-color: #f5d0fe;
  background: linear-gradient(180deg, #ffffff 0%, #fff7ff 100%);
}

.berkah-dashboard-shell.module-pos-09 .berkah-dashboard-kpi--warning,
.berkah-dashboard-shell.theme-pos-09-fuchsia .berkah-dashboard-kpi--warning,
.berkah-dashboard-shell.pos09-page .berkah-dashboard-kpi--warning {
  border-color: #fbcfe8;
  background: linear-gradient(180deg, #ffffff 0%, #fff6fb 100%);
}

.berkah-dashboard-shell.module-pos-09 .berkah-dashboard-kpi--danger,
.berkah-dashboard-shell.theme-pos-09-fuchsia .berkah-dashboard-kpi--danger,
.berkah-dashboard-shell.pos09-page .berkah-dashboard-kpi--danger {
  border-color: #f9a8d4;
  background: linear-gradient(180deg, #ffffff 0%, #fff3f8 100%);
}

.berkah-dashboard-shell.module-pos-09 .berkah-dashboard-kpi--success,
.berkah-dashboard-shell.theme-pos-09-fuchsia .berkah-dashboard-kpi--success,
.berkah-dashboard-shell.pos09-page .berkah-dashboard-kpi--success {
  border-color: #d8b4fe;
  background: linear-gradient(180deg, #ffffff 0%, #fcf7ff 100%);
}

.berkah-dashboard-shell.module-pos-09 .berkah-dashboard-control-link.is-active,
.berkah-dashboard-shell.theme-pos-09-fuchsia .berkah-dashboard-control-link.is-active,
.berkah-dashboard-shell.pos09-page .berkah-dashboard-control-link.is-active,
.berkah-dashboard-shell.module-pos-09 .berkah-dashboard-control-link:hover,
.berkah-dashboard-shell.theme-pos-09-fuchsia .berkah-dashboard-control-link:hover,
.berkah-dashboard-shell.pos09-page .berkah-dashboard-control-link:hover {
  border-color: #e879f9;
  background: #fff5ff;
  box-shadow: 0 10px 20px rgba(192, 38, 211, 0.08);
}

.pos09-section-helper {
  margin-bottom: 16px;
  background: #fff8ff;
  border-color: #f0dcfb;
}

.pos09-info-grid {
  margin-top: 2px;
}

.pos09-info-card {
  background: linear-gradient(180deg, #ffffff 0%, #fffaff 100%);
}

.pos09-note-grid {
  display: grid;
  gap: 12px;
  margin-top: 16px;
}

.pos09-note-box {
  background: #fff9ff;
  border-color: #e9d5ff;
  color: #6b2176;
}

.pos09-workbench-table .pos09-col-kode {
  width: 134px;
}

.pos09-workbench-table .pos09-col-area {
  width: 112px;
}

.pos09-workbench-table .pos09-col-target {
  width: 170px;
}

.pos09-workbench-table .pos09-col-status {
  width: 156px;
}

.pos09-workbench-table .pos09-col-actions {
  width: 58px;
}

.pos09-code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: 12px;
  letter-spacing: 0.02em;
}

.pos09-workbench-note {
  background: #fffaff;
  border-color: #e9d5ff;
}

.pos09-action-link {
  color: var(--pos09-primary);
  font-size: 18px;
}

@media (max-width: 1120px) {
  .berkah-dashboard-shell.module-pos-09 .berkah-dashboard-workspace,
  .berkah-dashboard-shell.theme-pos-09-fuchsia .berkah-dashboard-workspace,
  .berkah-dashboard-shell.pos09-page .berkah-dashboard-workspace {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .pos09-workbench-table .pos09-col-target {
    width: 132px;
  }
}