/* =========================================================
   POS-10 — Guide-7 visual tuning
   ========================================================= */

.berkah-dashboard-shell.module-pos-10,
.berkah-dashboard-shell.theme-pos-10-pink,
.berkah-dashboard-shell.pos10-page,
.master-shell.theme-pos .master-shell__inner,
.berkah-report-shell {
  --pos10-primary: #db2777;
  --pos10-accent: #f472b6;
  --pos10-soft: #fdf2f8;
  --pos10-tint: #fff7fb;
  --pos10-dark: #9d174d;
  --pos10-line: #fbcfe8;
  --pos10-border: #f9d0e1;
  --pos10-panel: #ffffff;
  --pos10-panel-soft: #fff9fc;
  --pos10-text: #831843;
  --pos10-muted: #9d174d;
  --pos10-shadow: 0 14px 32px rgba(157, 23, 77, 0.08);

  --bd-primary: var(--pos10-primary);
  --bd-accent: var(--pos10-accent);
  --bd-tint: var(--pos10-tint);
  --bd-text: var(--pos10-text);
  --bd-muted: #8b1d4f;

  --bk-table-head-bg: var(--pos10-primary);
  --bk-table-row-hover: #fff9fc;
}

.berkah-dashboard-shell.module-pos-10,
.berkah-dashboard-shell.theme-pos-10-pink,
.berkah-dashboard-shell.pos10-page {
  position: relative;
}

.berkah-dashboard-shell.module-pos-10::before,
.berkah-dashboard-shell.theme-pos-10-pink::before,
.berkah-dashboard-shell.pos10-page::before {
  content: "";
  position: fixed;
  inset: 56px 0 0 0;
  pointer-events: none;
  z-index: -1;
  background:
    radial-gradient(circle at top right, rgba(244, 114, 182, 0.16), transparent 34%),
    linear-gradient(180deg, #fffafe 0%, #fff5fa 52%, #fff9fc 100%);
}

.berkah-dashboard-shell.module-pos-10 .berkah-dashboard-panel,
.berkah-dashboard-shell.theme-pos-10-pink .berkah-dashboard-panel,
.berkah-dashboard-shell.pos10-page .berkah-dashboard-panel,
.pos10-page .master-shell__panel,
.pos10-page .berkah-report-filter-panel,
.pos10-page .berkah-report-summary-bar,
.pos10-page .berkah-report-table-panel,
.pos10-page .berkah-report-footer,
.pos10-page .bk-info-card,
.pos10-page .bk-note-box {
  border-color: var(--pos10-border);
  box-shadow: var(--pos10-shadow);
}

.berkah-dashboard-shell.module-pos-10 .berkah-dashboard-hero,
.berkah-dashboard-shell.theme-pos-10-pink .berkah-dashboard-hero,
.berkah-dashboard-shell.pos10-page .berkah-dashboard-hero,
.pos10-page .master-hero {
  background: linear-gradient(135deg, #9d174d, #db2777, #f472b6);
  box-shadow: 0 20px 46px rgba(157, 23, 77, 0.16);
}

.berkah-dashboard-shell.module-pos-10 .berkah-dashboard-hero__focus,
.berkah-dashboard-shell.theme-pos-10-pink .berkah-dashboard-hero__focus,
.berkah-dashboard-shell.pos10-page .berkah-dashboard-hero__focus {
  background: rgba(255, 255, 255, 0.97);
  color: var(--pos10-text);
  box-shadow: 0 18px 40px rgba(157, 23, 77, 0.12);
}

.berkah-dashboard-shell.module-pos-10 .berkah-dashboard-panel--section,
.berkah-dashboard-shell.theme-pos-10-pink .berkah-dashboard-panel--section,
.berkah-dashboard-shell.pos10-page .berkah-dashboard-panel--section,
.berkah-dashboard-shell.module-pos-10 .berkah-dashboard-panel--filter,
.berkah-dashboard-shell.theme-pos-10-pink .berkah-dashboard-panel--filter,
.berkah-dashboard-shell.pos10-page .berkah-dashboard-panel--filter,
.berkah-dashboard-shell.module-pos-10 .berkah-dashboard-panel--control,
.berkah-dashboard-shell.theme-pos-10-pink .berkah-dashboard-panel--control,
.berkah-dashboard-shell.pos10-page .berkah-dashboard-panel--control,
.pos10-page .master-shell__panel,
.pos10-page .berkah-report-filter-panel,
.pos10-page .berkah-report-summary-bar,
.pos10-page .berkah-report-table-panel,
.pos10-page .berkah-report-footer {
  background: linear-gradient(180deg, var(--pos10-panel) 0%, var(--pos10-panel-soft) 100%);
}

.berkah-dashboard-shell.module-pos-10 .berkah-dashboard-control-link.is-active,
.berkah-dashboard-shell.theme-pos-10-pink .berkah-dashboard-control-link.is-active,
.berkah-dashboard-shell.pos10-page .berkah-dashboard-control-link.is-active,
.berkah-dashboard-shell.module-pos-10 .berkah-dashboard-control-link:hover,
.berkah-dashboard-shell.theme-pos-10-pink .berkah-dashboard-control-link:hover,
.berkah-dashboard-shell.pos10-page .berkah-dashboard-control-link:hover {
  border-color: #f472b6;
  background: #fff5fa;
  box-shadow: 0 10px 20px rgba(219, 39, 119, 0.08);
}

.pos10-section-helper {
  margin-bottom: 16px;
  background: #fff7fb;
  border-color: #f5d3e3;
}

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

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

.pos10-note-box,
.pos10-workbench-note {
  background: #fff9fc;
  border-color: #f3d4e2;
  color: #8b1d4f;
}

.pos10-workbench-table .pos10-col-kode { width: 134px; }
.pos10-workbench-table .pos10-col-area { width: 112px; }
.pos10-workbench-table .pos10-col-target { width: 170px; }
.pos10-workbench-table .pos10-col-status { width: 156px; }
.pos10-workbench-table .pos10-col-actions { width: 58px; }

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

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

.pos10-page .report-pagination__link.is-active,
.pos10-page .master-pagination__link.is-active {
  background: var(--pos10-primary);
  border-color: var(--pos10-primary);
}

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


.landing-shell--pos,
.public-dashboard-shell--pos{
  --landing-accent:#db2777;
  --landing-accent-soft:rgba(219,39,119,.10);
  --landing-accent-strong:#9d174d;
  --publicdash-accent:#db2777;
  --publicdash-accent-soft:rgba(219,39,119,.10);
  --publicdash-accent-strong:#9d174d;
}

.landing-shell--pos{
  background:
    radial-gradient(circle at top right, rgba(244,114,182,.14), transparent 28rem),
    linear-gradient(180deg, #fff7fb 0%, #fff8fc 44%, #ffffff 100%);
}

.public-dashboard-shell--pos{
  background:
    radial-gradient(circle at top right, rgba(244,114,182,.12), transparent 28rem),
    radial-gradient(circle at left center, rgba(219,39,119,.08), transparent 24rem),
    linear-gradient(180deg, #fff7fb 0%, #fff8fc 46%, #fff 100%);
}

.landing-shell--pos .landing-hero,
.public-dashboard-shell--pos .public-dashboard-hero{
  box-shadow:0 18px 40px rgba(157,23,77,.10);
  border-color:rgba(219,39,119,.10);
}