/* =========================================================
   POS-08 — Guide-7 visual tuning
   Fokus: selaras dengan shell global, tetap merah-rose.
   ========================================================= */

.berkah-dashboard-shell.module-pos-08,
.berkah-dashboard-shell.theme-pos-08-rose,
.berkah-dashboard-shell.pos08-page {
  --pos08-primary: #c21f4a;
  --pos08-accent: #ef476f;
  --pos08-soft: #fde2ea;
  --pos08-tint: #fff1f5;
  --pos08-dark: #8f1737;
  --pos08-line: #f4c9d6;
  --pos08-border: #f0b6c7;
  --pos08-panel: #ffffff;
  --pos08-panel-soft: #fff8fa;
  --pos08-text: #3d1020;
  --pos08-muted: #8a425a;
  --pos08-shadow: 0 14px 32px rgba(194, 31, 74, 0.08);

  --bd-primary: var(--pos08-primary);
  --bd-accent: var(--pos08-accent);
  --bd-tint: var(--pos08-tint);
  --bd-text: var(--pos08-text);
  --bd-muted: #8a425a;

  --bk-table-head-bg: var(--pos08-primary);
  --bk-table-row-hover: #fff7f9;
}

/* Workbench shell (components/workbench/shell) */
.berkah-workbench-shell.module-pos-08,
.berkah-workbench-shell.theme-pos-08-rose {
  --wb-accent: var(--pos08-primary);
  --bk-table-head-bg: var(--pos08-primary);
  --bk-table-row-hover: #fff5f8;
}

.berkah-workbench-shell.module-pos-08 .berkah-workbench-header,
.berkah-workbench-shell.theme-pos-08-rose .berkah-workbench-header,
.berkah-workbench-shell.module-pos-08 .berkah-workbench-panel,
.berkah-workbench-shell.theme-pos-08-rose .berkah-workbench-panel,
.berkah-workbench-shell.module-pos-08 .berkah-workbench-kpi,
.berkah-workbench-shell.theme-pos-08-rose .berkah-workbench-kpi,
.berkah-workbench-shell.module-pos-08 .berkah-workbench-bulk-actions,
.berkah-workbench-shell.theme-pos-08-rose .berkah-workbench-bulk-actions {
  border-color: var(--pos08-border);
  box-shadow: var(--pos08-shadow);
}

.berkah-workbench-shell.module-pos-08 .berkah-workbench-table th,
.berkah-workbench-shell.theme-pos-08-rose .berkah-workbench-table th {
  background: linear-gradient(135deg, #8f1737, #c21f4a, #ef476f);
  border-color: #8f1737;
  color: #fff;
}

.berkah-workbench-shell.module-pos-08 .berkah-workbench-table tbody tr:hover td,
.berkah-workbench-shell.theme-pos-08-rose .berkah-workbench-table tbody tr:hover td {
  background: var(--bk-table-row-hover);
}

.berkah-workbench-shell.module-pos-08 .berkah-workbench-table tbody tr.is-highlighted td,
.berkah-workbench-shell.theme-pos-08-rose .berkah-workbench-table tbody tr.is-highlighted td {
  background: #fff1f5;
}

.berkah-dashboard-shell.module-pos-08,
.berkah-dashboard-shell.theme-pos-08-rose,
.berkah-dashboard-shell.pos08-page {
  position: relative;
}

.berkah-dashboard-shell.module-pos-08::before,
.berkah-dashboard-shell.theme-pos-08-rose::before,
.berkah-dashboard-shell.pos08-page::before {
  content: "";
  position: fixed;
  inset: 56px 0 0 0;
  pointer-events: none;
  z-index: -1;
  background:
    radial-gradient(circle at top right, rgba(239, 71, 111, 0.18), transparent 34%),
    linear-gradient(180deg, #fff9fb 0%, #fff3f6 48%, #fff8fa 100%);
}

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

.berkah-dashboard-shell.module-pos-08 .berkah-dashboard-hero,
.berkah-dashboard-shell.theme-pos-08-rose .berkah-dashboard-hero,
.berkah-dashboard-shell.pos08-page .berkah-dashboard-hero {
  background: linear-gradient(135deg, #8f1737, #c21f4a, #ef476f);
  box-shadow: 0 20px 46px rgba(143, 23, 55, 0.16);
}

.berkah-dashboard-shell.module-pos-08 .berkah-dashboard-hero__focus,
.berkah-dashboard-shell.theme-pos-08-rose .berkah-dashboard-hero__focus,
.berkah-dashboard-shell.pos08-page .berkah-dashboard-hero__focus {
  background: rgba(255, 255, 255, 0.97);
  color: var(--pos08-text);
  box-shadow: 0 18px 40px rgba(143, 23, 55, 0.12);
}

.berkah-dashboard-shell.module-pos-08 .berkah-dashboard-hero__focus-eyebrow,
.berkah-dashboard-shell.theme-pos-08-rose .berkah-dashboard-hero__focus-eyebrow,
.berkah-dashboard-shell.pos08-page .berkah-dashboard-hero__focus-eyebrow,
.berkah-dashboard-shell.module-pos-08 .berkah-dashboard-panel__eyebrow,
.berkah-dashboard-shell.theme-pos-08-rose .berkah-dashboard-panel__eyebrow,
.berkah-dashboard-shell.pos08-page .berkah-dashboard-panel__eyebrow {
  color: var(--pos08-muted);
}

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

.berkah-dashboard-shell.module-pos-08 .berkah-dashboard-kpi--info,
.berkah-dashboard-shell.theme-pos-08-rose .berkah-dashboard-kpi--info,
.berkah-dashboard-shell.pos08-page .berkah-dashboard-kpi--info {
  border-color: #f8c3d1;
  background: linear-gradient(180deg, #ffffff 0%, #fff7f9 100%);
}

.berkah-dashboard-shell.module-pos-08 .berkah-dashboard-kpi--warning,
.berkah-dashboard-shell.theme-pos-08-rose .berkah-dashboard-kpi--warning,
.berkah-dashboard-shell.pos08-page .berkah-dashboard-kpi--warning {
  border-color: #ffd6df;
  background: linear-gradient(180deg, #ffffff 0%, #fff7f8 100%);
}

.berkah-dashboard-shell.module-pos-08 .berkah-dashboard-kpi--danger,
.berkah-dashboard-shell.theme-pos-08-rose .berkah-dashboard-kpi--danger,
.berkah-dashboard-shell.pos08-page .berkah-dashboard-kpi--danger {
  border-color: #f7b8c8;
  background: linear-gradient(180deg, #ffffff 0%, #fff3f6 100%);
}

.berkah-dashboard-shell.module-pos-08 .berkah-dashboard-kpi--success,
.berkah-dashboard-shell.theme-pos-08-rose .berkah-dashboard-kpi--success,
.berkah-dashboard-shell.pos08-page .berkah-dashboard-kpi--success {
  border-color: #f3c8d4;
  background: linear-gradient(180deg, #ffffff 0%, #fff8fa 100%);
}

.berkah-dashboard-shell.module-pos-08 .berkah-dashboard-control-link.is-active,
.berkah-dashboard-shell.theme-pos-08-rose .berkah-dashboard-control-link.is-active,
.berkah-dashboard-shell.pos08-page .berkah-dashboard-control-link.is-active,
.berkah-dashboard-shell.module-pos-08 .berkah-dashboard-control-link:hover,
.berkah-dashboard-shell.theme-pos-08-rose .berkah-dashboard-control-link:hover,
.berkah-dashboard-shell.pos08-page .berkah-dashboard-control-link:hover {
  border-color: #ef476f;
  background: #fff4f7;
  box-shadow: 0 10px 20px rgba(194, 31, 74, 0.08);
}

.pos08-section-helper {
  margin-bottom: 16px;
  background: #fff7f9;
  border-color: #f3d4dd;
}

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

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

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

.pos08-note-box,
.pos08-workbench-note {
  background: #fff7f9;
  border-color: #f3d4dd;
  color: #8a425a;
}

.pos08-workbench-table .pos08-col-kode {
  width: 132px;
}

.pos08-workbench-table .pos08-col-jenis {
  width: 128px;
}

.pos08-workbench-table .pos08-col-pelaku {
  width: 176px;
}

.pos08-workbench-table .pos08-col-status {
  width: 160px;
}

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

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

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

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

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


.pos08-workbench-table {
  table-layout: auto;
}

.pos08-workbench-table td,
.pos08-workbench-table th {
  word-break: normal;
  overflow-wrap: break-word;
  white-space: normal;
  vertical-align: top;
}

.pos08-workbench-table .pos08-col-subjek {
  min-width: 260px;
}

.pos08-workbench-table .pos08-col-pelaku {
  width: 220px;
  min-width: 220px;
}

.pos08-workbench-table .pos08-cell-subjek,
.pos08-workbench-table .pos08-cell-pelaku {
  white-space: normal;
  line-height: 1.5;
}

.pos08-workbench-table .pos08-cell-pelaku {
  min-width: 220px;
}