/* ABSENIKA Public Frontend V2.3 — preview aplikasi terang dan screenshot asli.
   Dibaca sesudah V2.2, hanya pada layout marketing; tidak memodifikasi dashboard sekolah. */
body.marketing-body.ab-v2 .m-showcase {color:#152d4e;}
body.marketing-body.ab-v2 .m-showcase .m-tab-list {
  border:1px solid #dce6f4 !important;background:#f2f6fc !important;
  border-radius:14px;box-shadow:0 8px 22px rgba(24,57,105,.05);
  gap:6px;padding:6px;
}
body.marketing-body.ab-v2 .m-showcase .m-tab {
  color:#466080 !important;background:transparent !important;border-color:transparent !important;
  font-weight:700;min-height:43px;font-size:12px;
}
body.marketing-body.ab-v2 .m-showcase .m-tab:hover {color:#1d55bd !important;background:#e8f1ff !important;}
body.marketing-body.ab-v2 .m-showcase .m-tab[aria-selected=true] {
  background:#fff !important;color:#1b5edb !important;
  border-color:#cddff9 !important;box-shadow:0 3px 10px rgba(33,79,149,.10);
}
body.marketing-body.ab-v2 .m-showcase .m-tab:focus-visible {outline:3px solid #45bcb2;outline-offset:2px;}
body.marketing-body.ab-v2 .m-showcase .m-tab-panel[hidden] {display:none !important;}
body.marketing-body.ab-v2 .m-showcase .ab-v23-capture-panel {background:transparent !important;min-height:0;}
body.marketing-body.ab-v2 .m-showcase .ab-v23-capture-frame {
  overflow:hidden;border:1px solid #dce6f4;background:#fff;border-radius:17px;
  box-shadow:0 16px 42px rgba(24,57,105,.10);
}
body.marketing-body.ab-v2 .m-showcase .ab-v23-capture-top {
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  min-height:44px;padding:8px 16px;background:#f8fbff;border-bottom:1px solid #e5edf8;
  color:#48617e;font-size:11px;font-weight:700;letter-spacing:.1px;
}
body.marketing-body.ab-v2 .m-showcase .ab-v23-dots {display:flex;align-items:center;gap:5px;flex:0 0 auto;}
body.marketing-body.ab-v2 .m-showcase .ab-v23-dots i {width:8px;height:8px;border-radius:50%;background:#f28c86;display:block;}
body.marketing-body.ab-v2 .m-showcase .ab-v23-dots i:nth-child(2) {background:#f6c66e;}
body.marketing-body.ab-v2 .m-showcase .ab-v23-dots i:nth-child(3) {background:#54c5b0;}
body.marketing-body.ab-v2 .m-showcase .ab-v23-label {font-size:9px;letter-spacing:.7px;color:#1c70bb;white-space:nowrap;}
body.marketing-body.ab-v2 .m-showcase .ab-v23-capture-scroll {overflow:auto;max-width:100%;scrollbar-color:#c7d9ef transparent;}
body.marketing-body.ab-v2 .m-showcase .ab-v23-capture-scroll img {width:100%;height:auto;display:block;max-width:none;}
body.marketing-body.ab-v2 .m-showcase .ab-v23-capture-foot {
  display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap;
  padding:12px 3px 0;color:#526d88;font-size:11px;font-weight:600;
}
body.marketing-body.ab-v2 .m-showcase .ab-v23-swipe-hint {color:#718aa8;}
/* Scanner and student panels were dark in marketing.css; unify all four tabs. */
body.marketing-body.ab-v2 .m-showcase .m-scanner-preview,
body.marketing-body.ab-v2 .m-showcase .m-student-preview {
  background:#fff !important;border:1px solid #dce7f5 !important;color:#183452 !important;
  box-shadow:0 12px 36px rgba(20,58,112,.07) !important;border-radius:17px;
}
body.marketing-body.ab-v2 .m-showcase .m-preview-copy h3,
body.marketing-body.ab-v2 .m-showcase .m-report-heading h3,
body.marketing-body.ab-v2 .m-showcase .m-student-grid h4 {color:#163255 !important;}
body.marketing-body.ab-v2 .m-showcase .m-preview-copy p,
body.marketing-body.ab-v2 .m-showcase .m-report-heading p,
body.marketing-body.ab-v2 .m-showcase .m-student-grid p {color:#56708e !important;}
body.marketing-body.ab-v2 .m-showcase .m-label {color:#47769f !important;}
body.marketing-body.ab-v2 .m-showcase .m-student-grid article {background:#f7faff !important;border:1px solid #dce8f5 !important;color:#153456 !important;}
body.marketing-body.ab-v2 .m-showcase .m-student-avatar {background:#d9f4ed !important;color:#067b69 !important;}
body.marketing-body.ab-v2 .m-showcase .m-student-grid article:nth-child(2) .m-student-avatar {background:#e5eeff !important;color:#2466cc !important;}
body.marketing-body.ab-v2 .m-showcase .m-student-grid article:nth-child(3) .m-student-avatar {background:#fff0d8 !important;color:#b17412 !important;}
body.marketing-body.ab-v2 .m-showcase .m-preview-scan .m-scan-frame {background:#fff !important;border:2px solid #c8e1f5 !important;}
body.marketing-body.ab-v2 .m-showcase .m-tiny-pill {background:#e4faf2 !important;color:#06765c !important;}
body.marketing-body.ab-v2 .m-showcase .m-student-preview .m-text-link {color:#195fc9 !important;}
@media (max-width: 760px) {
  body.marketing-body.ab-v2 .m-showcase .m-tab-list {width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
  body.marketing-body.ab-v2 .m-showcase .m-tab {padding:10px 7px;min-height:43px;font-size:11px;}
  body.marketing-body.ab-v2 .m-showcase .ab-v23-capture-top {gap:7px;padding:8px 11px;font-size:10px;}
  body.marketing-body.ab-v2 .m-showcase .ab-v23-label {font-size:8px;}
  body.marketing-body.ab-v2 .m-showcase .ab-v23-capture-scroll img {width:820px;max-width:none;}
  body.marketing-body.ab-v2 .m-showcase .ab-v23-capture-foot {padding:12px 3px;font-size:10px;}
  body.marketing-body.ab-v2 .m-showcase .m-scanner-preview {padding:26px 19px !important;grid-template-columns:1fr !important;gap:22px !important;}
  body.marketing-body.ab-v2 .m-showcase .m-student-preview {padding:24px 18px !important;}
  body.marketing-body.ab-v2 .m-showcase .m-student-grid {grid-template-columns:1fr !important;}
}
@media (prefers-reduced-motion: reduce) {body.marketing-body.ab-v2 .m-showcase .m-tab-panel {animation:none;}}