:root {
  --wh-green: #005b42;
  --wh-green-dark: #00422f;
  --wh-lime: #b9d532;
  --wh-paper: #f7faf8;
  --wh-border: #e5ebe7;
  --wh-text: #101828;
  --wh-muted: #667085;
}

* { box-sizing: border-box; }
html { background: var(--wh-paper); }
body {
  background: var(--wh-paper);
  color: var(--wh-text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  margin: 0;
  padding: 0;
}
button, input, select, textarea { font: inherit; }

.dashboard-card {
  background: rgba(255,255,255,.90);
  border: 1px solid rgba(226,232,240,.92);
  border-radius: 15px;
  box-shadow: 0 1px 2px rgba(15,23,42,.025), 0 10px 28px rgba(15,23,42,.025);
  backdrop-filter: blur(2px);
}
.dashboard-section-title { font-size: 13px; line-height: 1.2; font-weight: 800; color: #17202b; }
.dashboard-section-subtitle { font-size: 9px; line-height: 1.35; color: #94a3b8; margin-top: 3px; }
.dashboard-link { font-size: 9px; font-weight: 800; color: #087a3a; }
.dashboard-link:hover { color: #005b42; text-decoration: underline; }
.dashboard-action-btn, .dashboard-primary-btn {
  height: 38px; border-radius: 11px; padding: 0 13px; display: inline-flex; align-items: center; gap: 7px;
  font-size: 11px; font-weight: 800; transition: .18s ease; cursor: pointer;
}
.dashboard-action-btn { background: #fff; color: #334155; border: 1px solid #e2e8f0; }
.dashboard-action-btn:hover { border-color: #86b998; color: #00623d; box-shadow: 0 4px 14px rgba(0,91,66,.08); }
.dashboard-primary-btn { background: #005b42; color: #fff; border: 1px solid #005b42; box-shadow: 0 5px 14px rgba(0,91,66,.14); }
.dashboard-primary-btn:hover { background: #004b37; }

.sidebar-tool-button {
  width: 100%; display: flex; align-items: center; gap: 12px; border-radius: 12px; padding: 10px 12px;
  color: #ecfdf5; font-size: 13px; font-weight: 600; text-align: left; transition: .18s ease;
}
.sidebar-tool-button:hover { background: rgba(255,255,255,.08); color: #d8f500; }

.sidebar-leaf-pattern {
  background-image:
    radial-gradient(ellipse at 80% 20%, rgba(185,213,50,.6) 0 1px, transparent 2px),
    linear-gradient(122deg, transparent 0 64%, rgba(185,213,50,.32) 65% 65.5%, transparent 66%),
    linear-gradient(58deg, transparent 0 74%, rgba(185,213,50,.22) 75% 75.5%, transparent 76%);
  background-size: 90px 130px, 160px 240px, 180px 260px;
  background-position: 170px 110px, 120px 80px, 100px 390px;
}

.dashboard-watermark {
  position: fixed;
  left: 63%;
  top: 51%;
  transform: translate(-50%, -50%);
  width: min(40vw, 600px);
  max-height: 72vh;
  object-fit: contain;
  opacity: .055;
  filter: saturate(.88) blur(.15px);
  pointer-events: none;
  user-select: none;
  z-index: 0;
}

/* Existing MONIS sub-pages are kept functionally unchanged, with a light visual skin. */
.modern-content .bg-\[\#314063\],
.modern-content .bg-\[\#323D61\],
.modern-content .bg-\[\#4C5879\] { background-color: rgba(255,255,255,.94) !important; }
.modern-content .bg-\[\#414E73\],
.modern-content .bg-\[\#5E6C93\] { background-color: #f1f5f3 !important; }
.modern-content .border-\[\#5E6C93\],
.modern-content .border-\[\#414E73\] { border-color: #e2e8e5 !important; }
.modern-content .text-\[\#EBF1F6\] { color: #17202b !important; }
.modern-content .text-\[\#A3AAC0\] { color: #64748b !important; }
.modern-content .shadow-xl,
.modern-content .shadow-2xl { box-shadow: 0 7px 24px rgba(15,23,42,.05) !important; }

.custom-scrollbar::-webkit-scrollbar { width: 6px; height: 6px; }
.custom-scrollbar::-webkit-scrollbar-track { background: rgba(255,255,255,.06); }
.custom-scrollbar::-webkit-scrollbar-thumb { background: rgba(255,255,255,.22); border-radius: 9999px; }
.custom-scrollbar::-webkit-scrollbar-thumb:hover { background: rgba(216,245,0,.45); }

@media (max-width: 1023px) {
  .dashboard-watermark { left: 56%; width: min(62vw, 520px); opacity: .045; }
}
@media (max-width: 640px) {
  .dashboard-watermark { width: 88vw; opacity: .035; top: 44%; }
}

/* Final redesign: guest viewer + admin access */
.admin-login-btn {
  height: 42px;
  border-radius: 13px;
  padding: 0 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: linear-gradient(135deg, #005b42 0%, #087a4f 100%);
  color: #fff;
  border: 1px solid rgba(0,91,66,.18);
  box-shadow: 0 7px 18px rgba(0,91,66,.16);
  font-size: 12px;
  font-weight: 850;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.admin-login-btn:hover { transform: translateY(-1px); box-shadow: 0 10px 24px rgba(0,91,66,.22); background: linear-gradient(135deg, #004b37 0%, #066d46 100%); }
.admin-login-btn:active { transform: translateY(0); }

.view-only-badge {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 9px;
  border-radius: 999px;
  background: #fff7ed;
  color: #b45309;
  border: 1px solid #fed7aa;
  font-size: 9px;
  letter-spacing: .09em;
  font-weight: 900;
}

/* Slightly more polished cards/tables for the final pass */
.modern-content table thead { position: sticky; top: 0; z-index: 2; }
.modern-content table tbody tr:nth-child(even) { background-color: rgba(248,250,252,.28); }
.modern-content input, .modern-content select { transition: border-color .16s ease, box-shadow .16s ease, background .16s ease; }

@media (max-width: 1280px) {
  .dashboard-card { border-radius: 14px; }
}
@media (max-width: 767px) {
  .admin-login-btn { width: 42px; padding: 0; border-radius: 12px; }
  .modern-content { padding-left: 14px !important; padding-right: 14px !important; }
}

/* v4.1 branding + elegant theme switch */
.warehouse-brand-mark {
  width: 72px;
  height: 62px;
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(255,255,255,.99), rgba(245,250,247,.96));
  border: 1px solid rgba(255,255,255,.55);
  box-shadow: 0 10px 24px rgba(0,31,23,.22), inset 0 0 0 1px rgba(6,95,70,.05);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 6px;
  overflow: hidden;
}
.warehouse-brand-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  filter: drop-shadow(0 2px 2px rgba(15,23,42,.06));
}

.theme-toggle-btn {
  height: 40px;
  min-width: 104px;
  padding: 0 9px;
  border-radius: 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid #dfe6e2;
  background: linear-gradient(180deg, #ffffff 0%, #f7faf8 100%);
  box-shadow: 0 4px 14px rgba(15,23,42,.045);
  color: #64748b;
  transition: background .22s ease, border-color .22s ease, box-shadow .22s ease, transform .18s ease;
}
.theme-toggle-btn:hover { transform: translateY(-1px); border-color: #a7cbb7; box-shadow: 0 7px 18px rgba(0,91,66,.10); }
.theme-toggle-icon { width: 17px; height: 17px; display: inline-flex; align-items: center; justify-content: center; transition: color .22s ease, opacity .22s ease, transform .22s ease; }
.theme-toggle-sun { color: #d97706; opacity: 1; }
.theme-toggle-moon { color: #64748b; opacity: .55; }
.theme-toggle-track {
  width: 38px; height: 20px; border-radius: 999px; position: relative; display: inline-block;
  background: #e8efe9; border: 1px solid #d5e0d8; box-shadow: inset 0 1px 2px rgba(15,23,42,.06);
  transition: background .22s ease, border-color .22s ease;
}
.theme-toggle-knob {
  position: absolute; top: 2px; left: 2px; width: 14px; height: 14px; border-radius: 50%;
  background: #fff; box-shadow: 0 2px 5px rgba(15,23,42,.20); transition: transform .24s cubic-bezier(.2,.8,.2,1), background .22s ease;
}
.theme-toggle-btn.is-dark { background: linear-gradient(180deg, #17251f 0%, #101c18 100%); border-color: #2b4539; color: #dbe8e1; box-shadow: 0 5px 18px rgba(0,0,0,.20); }
.theme-toggle-btn.is-dark .theme-toggle-track { background: #005b42; border-color: #14755a; }
.theme-toggle-btn.is-dark .theme-toggle-knob { transform: translateX(18px); background: #f0fff7; }
.theme-toggle-btn.is-dark .theme-toggle-sun { color: #a7b3ac; opacity: .5; transform: rotate(-18deg); }
.theme-toggle-btn.is-dark .theme-toggle-moon { color: #bdf5d7; opacity: 1; transform: rotate(-8deg); }

/* Dark mode: modern MONIS visual system. The green sidebar remains a stable brand anchor. */
html[data-theme='dark'] { color-scheme: dark; background: #0d1512; }
html[data-theme='dark'] body { background: #0d1512; color: #e7efe9; }
html[data-theme='dark'] .monis-app-shell { background: #0d1512 !important; color: #e7efe9 !important; }
html[data-theme='dark'] .app-header {
  background: rgba(15,24,20,.94) !important;
  border-bottom-color: rgba(74,98,86,.55) !important;
  box-shadow: 0 4px 22px rgba(0,0,0,.18) !important;
}
html[data-theme='dark'] .system-status-pill,
html[data-theme='dark'] .app-header input,
html[data-theme='dark'] .app-header select {
  background: #15231d !important;
  border-color: #2a4237 !important;
  color: #dce9e1 !important;
}
html[data-theme='dark'] .app-header input::placeholder { color: #83988d !important; }
html[data-theme='dark'] .app-header .text-slate-700,
html[data-theme='dark'] .app-header .text-slate-900,
html[data-theme='dark'] .app-header .text-slate-500 { color: #cbdad2 !important; }
html[data-theme='dark'] .app-header button:hover { background-color: rgba(255,255,255,.065); }

html[data-theme='dark'] .dashboard-card {
  background: rgba(20,31,26,.94);
  border-color: rgba(66,91,79,.60);
  box-shadow: 0 1px 2px rgba(0,0,0,.15), 0 14px 34px rgba(0,0,0,.10);
  backdrop-filter: blur(4px);
}
html[data-theme='dark'] .dashboard-section-title { color: #edf6f0; }
html[data-theme='dark'] .dashboard-section-subtitle { color: #879c91; }
html[data-theme='dark'] .dashboard-link { color: #6fd49e; }
html[data-theme='dark'] .dashboard-link:hover { color: #9ce8bd; }
html[data-theme='dark'] .dashboard-action-btn { background: #172821; color: #d9e8e0; border-color: #30493d; }
html[data-theme='dark'] .dashboard-action-btn:hover { border-color: #4d8067; color: #9ce8bd; box-shadow: 0 5px 16px rgba(0,0,0,.18); }
html[data-theme='dark'] .dashboard-primary-btn { background: #0a6d4d; border-color: #14785a; box-shadow: 0 6px 18px rgba(0,0,0,.18); }
html[data-theme='dark'] .dashboard-primary-btn:hover { background: #0b7a56; }
html[data-theme='dark'] .view-only-badge { background: #3a2711; color: #ffc477; border-color: #67451c; }
html[data-theme='dark'] .dashboard-watermark { opacity: .07; filter: saturate(.75) brightness(.78) contrast(.92); }

/* Tailwind utility color overrides inside dashboard/sub-pages */
html[data-theme='dark'] .modern-content .text-slate-950,
html[data-theme='dark'] .modern-content .text-slate-900,
html[data-theme='dark'] .modern-content .text-slate-800,
html[data-theme='dark'] .modern-content .text-\[\#17202b\] { color: #edf5f0 !important; }
html[data-theme='dark'] .modern-content .text-slate-700,
html[data-theme='dark'] .modern-content .text-slate-600 { color: #c3d2ca !important; }
html[data-theme='dark'] .modern-content .text-slate-500 { color: #96a99f !important; }
html[data-theme='dark'] .modern-content .text-slate-400 { color: #7f9489 !important; }
html[data-theme='dark'] .modern-content .border-slate-100,
html[data-theme='dark'] .modern-content .border-slate-200,
html[data-theme='dark'] .modern-content .border-slate-300 { border-color: #2b4036 !important; }
html[data-theme='dark'] .modern-content .bg-white,
html[data-theme='dark'] .modern-content .bg-white\/70,
html[data-theme='dark'] .modern-content .bg-white\/80,
html[data-theme='dark'] .modern-content .bg-white\/90,
html[data-theme='dark'] .modern-content .bg-white\/95 { background-color: #16251f !important; }
html[data-theme='dark'] .modern-content .bg-slate-50,
html[data-theme='dark'] .modern-content .bg-slate-50\/50,
html[data-theme='dark'] .modern-content .bg-slate-100 { background-color: #1a2a23 !important; }
html[data-theme='dark'] .modern-content .hover\:bg-slate-50:hover,
html[data-theme='dark'] .modern-content .hover\:bg-slate-100:hover { background-color: #20352b !important; }
html[data-theme='dark'] .modern-content input,
html[data-theme='dark'] .modern-content select,
html[data-theme='dark'] .modern-content textarea {
  background-color: #14231d !important;
  border-color: #314a3e !important;
  color: #e2ece6 !important;
}
html[data-theme='dark'] .modern-content input::placeholder,
html[data-theme='dark'] .modern-content textarea::placeholder { color: #7f9489 !important; }
html[data-theme='dark'] .modern-content table thead { background: #182a22 !important; }
html[data-theme='dark'] .modern-content table tbody tr:nth-child(even) { background-color: rgba(255,255,255,.018); }
html[data-theme='dark'] .modern-content table tbody tr:hover { background-color: rgba(111,212,158,.06); }

/* Reverse the light skin used by legacy MONIS pages when dark mode is active. */
html[data-theme='dark'] .modern-content .bg-\[\#314063\],
html[data-theme='dark'] .modern-content .bg-\[\#323D61\],
html[data-theme='dark'] .modern-content .bg-\[\#4C5879\] { background-color: #16251f !important; }
html[data-theme='dark'] .modern-content .bg-\[\#414E73\],
html[data-theme='dark'] .modern-content .bg-\[\#5E6C93\] { background-color: #1b2e25 !important; }
html[data-theme='dark'] .modern-content .border-\[\#5E6C93\],
html[data-theme='dark'] .modern-content .border-\[\#414E73\] { border-color: #304a3d !important; }
html[data-theme='dark'] .modern-content .text-\[\#EBF1F6\] { color: #eef6f1 !important; }
html[data-theme='dark'] .modern-content .text-\[\#A3AAC0\] { color: #9dafA5 !important; }

html[data-theme='dark'] .recharts-cartesian-grid line { stroke: #2b4036 !important; }
html[data-theme='dark'] .recharts-cartesian-axis-tick-value { fill: #8ea197 !important; }
html[data-theme='dark'] .recharts-default-tooltip { background: #16251f !important; border-color: #344c40 !important; color: #e7efe9 !important; box-shadow: 0 10px 28px rgba(0,0,0,.28); }
html[data-theme='dark'] .recharts-tooltip-label,
html[data-theme='dark'] .recharts-tooltip-item { color: #e7efe9 !important; }

/* Login and account overlays keep visual consistency in both themes. */
html[data-theme='dark'] [role='dialog'] { color: #e7efe9; }
html[data-theme='dark'] [role='dialog'] .bg-white { background-color: #16251f !important; }
html[data-theme='dark'] [role='dialog'] .border-slate-200 { border-color: #31483d !important; }

@media (max-width: 1280px) {
  .theme-toggle-btn { min-width: 82px; gap: 5px; padding: 0 7px; }
  .theme-toggle-track { width: 34px; }
  .theme-toggle-btn.is-dark .theme-toggle-knob { transform: translateX(14px); }
}
@media (max-width: 767px) {
  .theme-toggle-btn { min-width: 42px; width: 42px; padding: 0; }
  .theme-toggle-track, .theme-toggle-sun { display: none; }
  .theme-toggle-moon { opacity: 1; }
  .theme-toggle-btn:not(.is-dark) .theme-toggle-moon { color: #475569; }
}
html[data-theme='dark'] .app-header .bg-white { background-color: #16251f !important; }
html[data-theme='dark'] .app-header .border-slate-200 { border-color: #31483d !important; }
html[data-theme='dark'] .admin-login-modal-card { background: #14231d !important; border-color: #365146 !important; box-shadow: 0 30px 100px rgba(0,0,0,.55) !important; }
html[data-theme='dark'] .admin-login-modal-form { background: #14231d !important; }
html[data-theme='dark'] .admin-login-modal-form .text-slate-900,
html[data-theme='dark'] .admin-login-modal-form .text-slate-800 { color: #edf5f0 !important; }
html[data-theme='dark'] .admin-login-modal-form .text-slate-600,
html[data-theme='dark'] .admin-login-modal-form .text-slate-500 { color: #a8bbb1 !important; }
html[data-theme='dark'] .admin-login-modal-form .bg-slate-50\/70 { background: #192b23 !important; }
html[data-theme='dark'] .admin-login-modal-form .border-slate-200 { border-color: #365146 !important; }
html[data-theme='dark'] .admin-login-modal-form input { color: #edf5f0 !important; }
html[data-theme='dark'] .admin-login-modal-form input::placeholder { color: #7f958a !important; }

/* ============================================================
   Concept C — Editorial Warehouse (v5.0)
   Warm editorial canvas, authentic warehouse photography,
   green brand anchor, restrained orange accents.
   ============================================================ */
:root {
  --cc-paper: #fbfaf6;
  --cc-paper-2: #f6f2e9;
  --cc-ink: #17211c;
  --cc-muted: #69726d;
  --cc-green: #0a5b43;
  --cc-green-dark: #003d2d;
  --cc-orange: #ef7f37;
  --cc-gold: #d6b45e;
  --cc-line: #e8e2d7;
}

.monis-app-shell { background: var(--cc-paper) !important; }
.modern-content { background: radial-gradient(circle at 85% 8%, rgba(239,127,55,.035), transparent 25%), var(--cc-paper); }
.app-header {
  background: rgba(251,250,246,.94) !important;
  border-bottom-color: rgba(222,216,205,.92) !important;
  box-shadow: 0 5px 18px rgba(57,48,35,.035) !important;
}
.app-header input, .app-header select, .system-status-pill, .theme-toggle-btn {
  border-color: #e5dfd4 !important;
  box-shadow: 0 3px 12px rgba(57,48,35,.035) !important;
}

.conceptc-sidebar { isolation: isolate; }
.conceptc-sidebar::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background: linear-gradient(180deg, rgba(255,255,255,.015), transparent 46%, rgba(0,0,0,.12));
}
.conceptc-sidebar-photo {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 39%;
  background-image: linear-gradient(180deg, rgba(0,61,45,.99) 0%, rgba(0,56,41,.96) 22%, rgba(0,45,33,.88) 58%, rgba(0,31,23,.82) 100%), url('./warehouse-rack.webp');
  background-size: cover;
  background-position: 47% 42%;
  opacity: .94;
  pointer-events: none;
  z-index: 0;
  filter: saturate(.72) brightness(.82) contrast(1.06);
}
.conceptc-sidebar .relative { z-index: 1; }
.conceptc-sidebar nav button,
.conceptc-sidebar .sidebar-tool-button,
.conceptc-sidebar .px-3.pb-4 { text-shadow: 0 1px 2px rgba(0,25,18,.34); }

.conceptc-sidebar .warehouse-brand-mark {
  width: 74px;
  height: 72px;
  border-radius: 20px;
  background: #fffdf8;
  border: 1px solid rgba(244,232,204,.95);
  box-shadow: 0 10px 28px rgba(0,20,14,.26);
  padding: 2px 3px;
}
.conceptc-sidebar .warehouse-brand-image {
  padding: 0;
  transform: scale(1.07);
  transform-origin: center;
}
.conceptc-overview-nav { position: relative; overflow: hidden; }
.conceptc-overview-nav::after {
  content: '';
  position: absolute;
  right: 0;
  top: 7px;
  bottom: 7px;
  width: 3px;
  border-radius: 999px 0 0 999px;
  background: var(--cc-orange);
  opacity: .95;
}

.conceptc-dashboard {
  min-height: calc(100vh - 130px);
  color: var(--cc-ink);
}
.conceptc-watermark {
  position: fixed;
  left: 67%;
  top: 56%;
  width: min(42vw, 610px);
  opacity: .022;
  filter: saturate(.7);
  pointer-events: none;
  z-index: 0;
  transform: translate(-50%, -50%);
}

.conceptc-hero {
  min-height: 228px;
  overflow: hidden;
  border: 1px solid var(--cc-line);
  border-radius: 24px;
  background: linear-gradient(110deg, rgba(255,253,248,1) 0%, rgba(255,253,248,.985) 39%, rgba(255,253,248,.30) 67%, rgba(255,253,248,.06) 100%);
  box-shadow: 0 16px 40px rgba(72,58,38,.05);
}
.conceptc-hero-copy {
  position: relative;
  z-index: 4;
  width: min(46%, 510px);
  padding: 28px 30px 26px;
}
.conceptc-eyebrow {
  color: var(--cc-orange);
  font-size: 10px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .12em;
  margin-bottom: 10px;
}
.conceptc-greeting {
  color: #335148;
  font-size: 12px;
  font-weight: 750;
  margin-bottom: 5px;
}
.conceptc-hero h1 {
  margin: 0;
  color: #0d3228;
  font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
  font-size: clamp(28px, 3vw, 42px);
  line-height: .98;
  letter-spacing: -.035em;
  font-weight: 700;
}
.conceptc-hero p {
  color: #5f6863;
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  font-size: 13px;
  line-height: 1.55;
  margin: 12px 0 0;
  max-width: 380px;
}
.conceptc-view-badge {
  margin-top: 16px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 30px;
  border-radius: 999px;
  padding: 0 12px;
  background: rgba(247,242,232,.92);
  border: 1px solid #e7dcc9;
  color: #796957;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .08em;
  cursor: default;
}
.conceptc-view-badge::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #ef7f37;
  box-shadow: 0 0 0 3px rgba(239,127,55,.10);
}
.conceptc-admin-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.conceptc-admin-actions button {
  min-height: 34px;
  padding: 0 11px;
  border: 1px solid #ded7ca;
  border-radius: 10px;
  background: rgba(255,255,255,.88);
  color: #344a41;
  font-size: 10px;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  box-shadow: 0 4px 12px rgba(59,48,32,.04);
}
.conceptc-admin-actions button.primary { background: #0a5b43; color: white; border-color: #0a5b43; }

.conceptc-hero-media { position: absolute; inset: 0 0 0 39%; overflow: hidden; }
.conceptc-hero-img {
  position: absolute;
  height: 100%;
  object-fit: cover;
  filter: saturate(.88) brightness(.91) contrast(1.025);
}
.conceptc-hero-img-a { left: 0; top: 0; width: 57%; object-position: 52% 48%; }
.conceptc-hero-img-b { right: 0; top: 0; width: 52%; object-position: 49% 35%; }
.conceptc-hero-fade {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, #fffdf8 0%, rgba(255,253,248,.995) 8%, rgba(255,253,248,.90) 24%, rgba(255,253,248,.55) 41%, rgba(255,253,248,.19) 58%, rgba(255,253,248,.055) 76%, rgba(255,253,248,.045) 100%),
    linear-gradient(0deg, rgba(247,243,234,.25), rgba(247,243,234,.02) 56%);
  pointer-events: none;
}

.conceptc-kpi-card {
  min-height: 122px;
  border-radius: 18px;
  border: 1px solid var(--cc-line);
  background: rgba(255,255,255,.86);
  box-shadow: 0 10px 26px rgba(72,58,38,.035);
  padding: 14px 14px 12px;
  display: grid;
  grid-template-columns: 52px 1fr;
  grid-template-rows: auto auto;
  column-gap: 12px;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.conceptc-kpi-card::after {
  content: '';
  position: absolute;
  width: 66px;
  height: 66px;
  border: 1px solid currentColor;
  border-radius: 50%;
  right: -35px;
  bottom: -35px;
  opacity: .10;
}
.conceptc-kpi-icon {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  grid-row: 1 / span 2;
  background: #e9f2ea;
  color: #0a5b43;
}
.conceptc-kpi-copy { align-self: end; }
.conceptc-kpi-label { color: #45534c; font-size: 10.5px; font-weight: 780; line-height: 1.28; }
.conceptc-kpi-value-row { display: flex; align-items: end; gap: 6px; margin-top: 5px; }
.conceptc-kpi-value { color: #111b17; font-size: 26px; line-height: 1; font-weight: 900; letter-spacing: -.026em; }
.conceptc-kpi-suffix { color: #6f7973; font-size: 9.5px; margin-bottom: 2px; }
.conceptc-kpi-spark { position: absolute; width: 50px; height: 18px; right: 12px; bottom: 11px; opacity: .72; }
.conceptc-kpi-card.tone-green { color: #0b6745; }
.conceptc-kpi-card.tone-lime { color: #7a9f29; }
.conceptc-kpi-card.tone-orange { color: #ed7c35; }
.conceptc-kpi-card.tone-blue { color: #366be8; }
.conceptc-kpi-card.tone-purple { color: #8748d2; }
.conceptc-kpi-card.tone-lime .conceptc-kpi-icon { background: #eef3d9; color: #5f7d17; }
.conceptc-kpi-card.tone-orange .conceptc-kpi-icon { background: #fff0e5; color: #e66d22; }
.conceptc-kpi-card.tone-blue .conceptc-kpi-icon { background: #e9efff; color: #315fd8; }
.conceptc-kpi-card.tone-purple .conceptc-kpi-icon { background: #f1e9fb; color: #7d3ec7; }

.conceptc-panel {
  border: 1px solid var(--cc-line);
  border-radius: 19px;
  background: rgba(255,255,255,.86);
  box-shadow: 0 12px 30px rgba(72,58,38,.035);
}
.conceptc-panel-title { font-family: Georgia, 'Times New Roman', serif; font-size: 15.5px; font-weight: 700; color: #18231e; letter-spacing: -.01em; }
.conceptc-panel-subtitle { color: #818a84; font-size: 9.5px; margin-top: 3px; }
.conceptc-link { color: var(--cc-orange); font-size: 9.5px; font-weight: 900; }
.conceptc-link:hover { color: #c95e20; text-decoration: underline; }
.conceptc-activity-list { display: flex; flex-direction: column; }
.conceptc-activity-row { display: flex; align-items: center; gap: 10px; padding: 10px 0; border-bottom: 1px solid #eee9df; }
.conceptc-activity-row:last-child { border-bottom: none; }
.conceptc-activity-icon { width: 29px; height: 29px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; background: #08734c; color: white; box-shadow: inset 0 0 0 3px rgba(255,255,255,.82); }
.conceptc-activity-title { font-size: 10.5px; line-height: 1.25; font-weight: 850; color: #203129; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.conceptc-activity-message { font-size: 8.5px; color: #78817c; margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.conceptc-activity-time { max-width: 74px; font-size: 8.5px; color: #89938d; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.conceptc-empty { padding: 30px 0; text-align: center; font-size: 10px; color: #9aa29d; }

.conceptc-alert-row {
  width: 100%;
  min-height: 58px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  border: 1px solid #eee7dc;
  border-radius: 14px;
  background: rgba(255,253,249,.88);
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.conceptc-alert-row:hover { transform: translateY(-1px); border-color: #e0d4c2; box-shadow: 0 8px 18px rgba(72,58,38,.045); }
.conceptc-alert-icon { width: 34px; height: 34px; border-radius: 12px; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; background: #edf5ee; color: #08734c; }
.conceptc-alert-icon.tone-orange { background: #fff2e8; color: #ed7c35; }
.conceptc-alert-title { display: block; color: #26332d; font-size: 10px; font-weight: 850; }
.conceptc-alert-subtitle { display: block; color: #7c8580; font-size: 8px; margin-top: 2px; }
.conceptc-alert-arrow { color: #53645b; font-size: 21px; font-weight: 300; }

.conceptc-promo-card {
  position: relative;
  min-height: 164px;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid rgba(0,78,56,.18);
  text-align: left;
  box-shadow: 0 14px 28px rgba(38,60,49,.09);
}
.conceptc-promo-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 48%; }
.conceptc-promo-overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,57,41,.94) 0%, rgba(0,57,41,.76) 42%, rgba(0,57,41,.08) 80%); }
.conceptc-promo-copy { position: relative; z-index: 2; padding: 20px; color: white; display: flex; flex-direction: column; align-items: flex-start; }
.conceptc-promo-copy strong { font-family: Georgia, 'Times New Roman', serif; font-size: 16px; line-height: 1.14; }
.conceptc-promo-copy strong span { color: #ff9b55; }
.conceptc-promo-copy small { margin-top: 9px; max-width: 150px; font-size: 8px; line-height: 1.45; color: rgba(255,255,255,.78); }
.conceptc-promo-copy em { margin-top: 13px; min-height: 26px; padding: 0 10px; border-radius: 999px; border: 1px solid rgba(255,255,255,.55); display: inline-flex; align-items: center; font-size: 8px; font-style: normal; font-weight: 800; }

.conceptc-stat-strip {
  min-height: 82px;
  border: 1px solid var(--cc-line);
  border-radius: 18px;
  background: rgba(255,255,255,.78);
  box-shadow: 0 10px 26px rgba(72,58,38,.025);
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  overflow: hidden;
}
.conceptc-stat { min-width: 0; display: flex; align-items: center; gap: 11px; padding: 15px 18px; border-right: 1px solid #e8e2d7; color: #1c3329; }
.conceptc-stat:last-child { border-right: none; }
.conceptc-stat > svg { color: #0a5b43; flex: 0 0 auto; }
.conceptc-stat span { display: block; color: #777f7a; font-size: 8px; font-weight: 750; }
.conceptc-stat strong { display: block; color: #16231d; font-size: 18px; line-height: 1.15; margin-top: 2px; font-weight: 850; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.conceptc-footer { padding: 18px 0 5px; text-align: center; color: #66726b; font-size: 9.5px; letter-spacing: .01em; }

/* Concept C dark mode keeps the editorial hierarchy without turning into a generic black dashboard. */
html[data-theme='dark'] .modern-content { background: radial-gradient(circle at 82% 7%, rgba(239,127,55,.025), transparent 25%), #101814; }
html[data-theme='dark'] .conceptc-dashboard { color: #eef4f0; }
html[data-theme='dark'] .conceptc-watermark { opacity: .035; filter: saturate(.55) brightness(.62); }
html[data-theme='dark'] .conceptc-hero {
  background: linear-gradient(110deg, rgba(20,32,26,.98) 0%, rgba(20,32,26,.96) 40%, rgba(20,32,26,.20) 67%, rgba(20,32,26,.05) 100%);
  border-color: #31463a;
  box-shadow: 0 16px 36px rgba(0,0,0,.20);
}
html[data-theme='dark'] .conceptc-hero-fade { background: linear-gradient(90deg, #14201a 0%, rgba(20,32,26,.99) 8%, rgba(20,32,26,.88) 24%, rgba(20,32,26,.55) 42%, rgba(20,32,26,.18) 60%, rgba(20,32,26,.05) 78%, rgba(20,32,26,.04) 100%); }
html[data-theme='dark'] .conceptc-greeting { color: #a7b9af; }
html[data-theme='dark'] .conceptc-hero h1 { color: #f4f7f5; }
html[data-theme='dark'] .conceptc-hero p { color: #9eafa6; }
html[data-theme='dark'] .conceptc-admin-actions button { background: #172821; color: #dbe7e0; border-color: #33493e; }
html[data-theme='dark'] .conceptc-admin-actions button.primary { background: #0a6d4d; color: white; border-color: #14785a; }
html[data-theme='dark'] .conceptc-kpi-card,
html[data-theme='dark'] .conceptc-panel,
html[data-theme='dark'] .conceptc-stat-strip { background: rgba(21,33,27,.94); border-color: #33483d; box-shadow: 0 15px 34px rgba(0,0,0,.12); }
html[data-theme='dark'] .conceptc-kpi-label,
html[data-theme='dark'] .conceptc-kpi-suffix,
html[data-theme='dark'] .conceptc-panel-subtitle,
html[data-theme='dark'] .conceptc-activity-message,
html[data-theme='dark'] .conceptc-activity-time,
html[data-theme='dark'] .conceptc-alert-subtitle,
html[data-theme='dark'] .conceptc-stat span { color: #8fa298; }
html[data-theme='dark'] .conceptc-kpi-value,
html[data-theme='dark'] .conceptc-panel-title,
html[data-theme='dark'] .conceptc-activity-title,
html[data-theme='dark'] .conceptc-alert-title,
html[data-theme='dark'] .conceptc-stat strong { color: #eef5f1; }
html[data-theme='dark'] .conceptc-activity-row { border-bottom-color: #2b4036; }
html[data-theme='dark'] .conceptc-alert-row { background: #182920; border-color: #31483c; }
html[data-theme='dark'] .conceptc-stat { border-right-color: #31483d; }
html[data-theme='dark'] .conceptc-kpi-icon { background: #1b392c; }
html[data-theme='dark'] .conceptc-kpi-card.tone-lime .conceptc-kpi-icon { background: #303a20; }
html[data-theme='dark'] .conceptc-kpi-card.tone-orange .conceptc-kpi-icon { background: #3b2b1f; }
html[data-theme='dark'] .conceptc-kpi-card.tone-blue .conceptc-kpi-icon { background: #1d2d46; }
html[data-theme='dark'] .conceptc-kpi-card.tone-purple .conceptc-kpi-icon { background: #302541; }
html[data-theme='dark'] .conceptc-promo-card { border-color: #345144; }
html[data-theme='dark'] .conceptc-footer { color: #82968c; }

@media (max-width: 1279px) {
  .conceptc-hero { min-height: 210px; }
  .conceptc-hero-copy { width: 50%; padding: 24px; }
  .conceptc-hero-media { left: 44%; }
  .conceptc-stat-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .conceptc-stat:nth-child(3) { border-right: none; }
  .conceptc-stat:nth-child(n+4) { border-top: 1px solid #e8e2d7; }
  html[data-theme='dark'] .conceptc-stat:nth-child(n+4) { border-top-color: #31483d; }
}
@media (max-width: 767px) {
  .conceptc-hero { min-height: 310px; }
  .conceptc-hero-copy { width: 100%; padding: 20px; }
  .conceptc-hero-media { left: 0; top: 145px; }
  .conceptc-hero-fade { background: linear-gradient(180deg, #fffdf8 0%, rgba(255,253,248,.60) 22%, rgba(255,253,248,.05) 70%); }
  html[data-theme='dark'] .conceptc-hero-fade { background: linear-gradient(180deg, #14201a 0%, rgba(20,32,26,.62) 22%, rgba(20,32,26,.06) 70%); }
  .conceptc-hero h1 { font-size: 30px; }
  .conceptc-admin-actions { display: none; }
  .conceptc-stat-strip { grid-template-columns: 1fr 1fr; }
  .conceptc-stat { border-right: 1px solid #e8e2d7 !important; border-top: 1px solid #e8e2d7; }
  .conceptc-stat:nth-child(1), .conceptc-stat:nth-child(2) { border-top: 0; }
  .conceptc-stat:nth-child(even) { border-right: 0 !important; }
  .conceptc-stat:last-child { grid-column: 1 / -1; border-right: 0 !important; }
  html[data-theme='dark'] .conceptc-stat { border-color: #31483d !important; }
}

/* ============================================================
   WHMONIS Concept C — Stable Production v6.0
   Final checklist alignment: editorial proportion, readable 1366,
   responsive sidebar, premium header, consistent tables/modals.
   ============================================================ */
:root {
  --conceptc-sidebar-w: clamp(258px, 19vw, 336px);
  --conceptc-header-h: 92px;
  --conceptc-content-max: 1600px;
}

/* Global proportion */
.conceptc-sidebar-shell { width: var(--conceptc-sidebar-w); }
.conceptc-app-header { left: var(--conceptc-sidebar-w) !important; height: var(--conceptc-header-h) !important; }
.conceptc-main { margin-left: var(--conceptc-sidebar-w); padding-top: calc(var(--conceptc-header-h) + 22px) !important; }
.conceptc-main > * { max-width: var(--conceptc-content-max); margin-left: auto; margin-right: auto; }

/* Branding: use the original WH mark as a brand element, not an app-tile. */
.conceptc-sidebar .warehouse-brand-mark {
  width: 76px;
  height: 72px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}
.conceptc-sidebar .warehouse-brand-image {
  width: 76px;
  height: 72px;
  object-fit: contain;
  transform: none;
  filter: drop-shadow(0 5px 12px rgba(0,20,14,.22));
}
.conceptc-sidebar-photo {
  height: 42%;
  background-image:
    linear-gradient(180deg, rgba(0,61,45,.995) 0%, rgba(0,58,42,.985) 20%, rgba(0,49,36,.93) 53%, rgba(0,30,22,.88) 100%),
    url('./warehouse-rack.webp');
  filter: saturate(.68) brightness(.73) contrast(1.08);
  opacity: .96;
}
.conceptc-sidebar nav button,
.conceptc-sidebar .sidebar-tool-button { min-height: 48px; }
.conceptc-sidebar .sidebar-tool-button { font-size: 13.5px; }
.conceptc-sidebar nav button .text-\[13px\] { font-size: 13.5px !important; }
.conceptc-sidebar nav button .text-\[9px\] { font-size: 10px !important; }

/* Premium topbar */
.conceptc-app-header > div { max-width: 1660px; margin: 0 auto; }
.conceptc-search input { height: 48px !important; border-radius: 15px !important; background: rgba(255,255,255,.88) !important; }
.system-status-pill { min-height: 48px; border-radius: 15px !important; }
.theme-toggle-btn { height: 44px; border-radius: 15px; }
.app-header select { height: 44px !important; border-radius: 14px !important; }
.admin-login-btn { height: 44px; border-radius: 14px; }

/* Hero closely follows the editorial reference. */
.conceptc-hero {
  min-height: 206px;
  border-radius: 20px;
  background: linear-gradient(106deg, rgba(255,253,248,1) 0%, rgba(255,253,248,.995) 42%, rgba(255,253,248,.24) 67%, rgba(255,253,248,.045) 100%);
  box-shadow: 0 12px 34px rgba(72,58,38,.045);
}
.conceptc-hero-copy { width: min(52%, 600px); padding: 27px 31px 24px; }
.conceptc-hero-media { left: 40%; }
.conceptc-hero h1 { font-size: clamp(31px, 2.45vw, 39px); line-height: 1.02; max-width: 570px; }
.conceptc-hero p { font-size: 13.5px; margin-top: 11px; max-width: 535px; font-weight: 400; letter-spacing: -.005em; }
.conceptc-greeting { font-size: 12.5px; }
.conceptc-eyebrow { font-size: 10.5px; }
.conceptc-admin-actions button { min-height: 36px; padding: 0 13px; font-size: 10.5px; }

/* KPI row */
.conceptc-kpi-card { min-height: 126px; padding: 15px 15px 13px; border-radius: 17px; }
.conceptc-kpi-label { font-size: 11.5px; }
.conceptc-kpi-value { font-size: 27px; }
.conceptc-kpi-suffix { font-size: 10.5px; }
.conceptc-kpi-icon { width: 50px; height: 50px; }
.conceptc-kpi-spark { width: 54px; height: 20px; }

/* Main panels — larger, calmer typography. */
.conceptc-panel { border-radius: 18px; }
.conceptc-panel-title { font-size: 17px; }
.conceptc-panel-subtitle { font-size: 10.5px; }
.conceptc-link { font-size: 10.5px; }
.conceptc-activity-row { gap: 11px; padding: 11px 0; }
.conceptc-activity-icon { width: 31px; height: 31px; }
.conceptc-activity-title { font-size: 11.5px; }
.conceptc-activity-message { font-size: 9.5px; }
.conceptc-activity-time { font-size: 9.5px; max-width: 96px; }
.conceptc-alert-title { font-size: 11px; }
.conceptc-alert-subtitle { font-size: 9px; }
.conceptc-alert-row { min-height: 62px; }
.conceptc-promo-copy small { font-size: 9.5px; max-width: 180px; }
.conceptc-promo-copy em { font-size: 9px; }

/* Bottom metrics use only actual MONIS values. */
.conceptc-stat-strip { min-height: 86px; border-radius: 17px; }
.conceptc-stat { padding: 16px 18px; }
.conceptc-stat span { font-size: 9.5px; }
.conceptc-stat strong { font-size: 19px; }
.conceptc-stat-date { font-size: 14px !important; }
.conceptc-footer { font-size: 10px; padding-top: 20px; }

/* Legacy operational pages: editorial table/form skin. */
.modern-content table { border-collapse: separate; border-spacing: 0; font-size: 12px; }
.modern-content table thead { position: sticky; top: 0; z-index: 4; background: #f6f2e9 !important; }
.modern-content table th { font-size: 10.5px !important; letter-spacing: .035em; text-transform: uppercase; color: #66736c !important; }
.modern-content table th,
.modern-content table td { padding-top: 11px !important; padding-bottom: 11px !important; }
.modern-content table tbody tr:nth-child(even) { background: rgba(246,242,233,.38); }
.modern-content table tbody tr:hover { background: rgba(238,244,234,.62); }
.modern-content input,
.modern-content select,
.modern-content textarea { border-radius: 12px !important; }
.modern-content button { transition: transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease; }
.modern-content button:active { transform: translateY(0); }

/* Modal consistency — applies to operational/edit dialogs without touching functionality. */
.modern-content .fixed.inset-0 > form,
.modern-content .fixed.inset-0 > div[class*='rounded-2xl'],
.modern-content .fixed.inset-0 > div[class*='rounded-3xl'] {
  border-radius: 20px !important;
}
.admin-login-modal-card { border-radius: 22px !important; }
.admin-login-modal-form input { min-height: 46px; border-radius: 13px !important; }

/* Dark editorial hierarchy */
html[data-theme='dark'] .modern-content table thead { background: #182a22 !important; }
html[data-theme='dark'] .modern-content table tbody tr:nth-child(even) { background: rgba(255,255,255,.018); }
html[data-theme='dark'] .modern-content table tbody tr:hover { background: rgba(111,212,158,.055); }
html[data-theme='dark'] .conceptc-hero-media img { filter: saturate(.75) brightness(.66) contrast(1.06); }
html[data-theme='dark'] .conceptc-hero { background: linear-gradient(106deg, rgba(20,32,26,.99) 0%, rgba(20,32,26,.97) 42%, rgba(20,32,26,.34) 68%, rgba(20,32,26,.08) 100%); }

/* Full HD / large desktop keeps the 19-ish percent brand rail without oversized content. */
@media (min-width: 1680px) {
  :root { --conceptc-sidebar-w: clamp(310px, 18.5vw, 356px); }
  .conceptc-main { padding-left: 32px !important; padding-right: 32px !important; }
  .conceptc-hero { min-height: 220px; }
  .conceptc-hero h1 { font-size: 40px; }
}

/* 1366x768 and medium laptops: keep type readable instead of scaling everything down. */
@media (min-width: 1024px) and (max-width: 1440px) {
  :root { --conceptc-sidebar-w: clamp(252px, 19vw, 274px); --conceptc-header-h: 82px; }
  .conceptc-main { padding-top: calc(var(--conceptc-header-h) + 20px) !important; padding-left: 18px !important; padding-right: 18px !important; }
  .conceptc-app-header { height: var(--conceptc-header-h) !important; }
  .conceptc-app-header > div { padding-left: 18px !important; padding-right: 18px !important; gap: 10px !important; }
  .conceptc-search { max-width: 390px !important; }
  .system-status-pill { padding-left: 12px !important; padding-right: 12px !important; }
  .theme-toggle-btn { min-width: 86px; }
  .conceptc-hero { min-height: 196px; }
  .conceptc-hero-copy { width: 52%; padding: 23px 25px; }
  .conceptc-hero h1 { font-size: 34px; }
  .conceptc-kpi-card { min-height: 116px; grid-template-columns: 46px 1fr; column-gap: 10px; padding: 12px; }
  .conceptc-kpi-icon { width: 44px; height: 44px; border-radius: 14px; }
  .conceptc-kpi-label { font-size: 10.5px; }
  .conceptc-kpi-value { font-size: 24px; }
  .conceptc-panel-title { font-size: 16px; }
  .conceptc-activity-title { font-size: 10.5px; }
  .conceptc-activity-message, .conceptc-activity-time { font-size: 9px; }
}

/* Tablet: sidebar becomes off-canvas; header/content return to full width. */
@media (max-width: 1023px) {
  :root { --conceptc-sidebar-w: 286px; }
  .conceptc-app-header { left: 0 !important; }
  .conceptc-main { margin-left: 0; }
}

@media (max-width: 767px) {
  :root { --conceptc-header-h: 74px; }
  .conceptc-main { padding-top: calc(var(--conceptc-header-h) + 14px) !important; }
  .conceptc-hero { min-height: 330px; }
  .conceptc-hero-copy { width: 100%; padding: 19px; }
  .conceptc-hero h1 { font-size: 29px; max-width: 330px; }
  .conceptc-hero p { font-size: 12px; max-width: 320px; }
  .conceptc-hero-media { left: 0; top: 150px; }
  .conceptc-kpi-card { min-height: 108px; }
  .conceptc-panel-title { font-size: 16px; }
  .conceptc-stat-strip { grid-template-columns: 1fr 1fr; }
}

/* ============================================================
   WHMONIS — Aktivitas WH RM & PM navigation/pages
   ============================================================ */
.rmpm-page { max-width: 1400px; margin: 0 auto; }
.rmpm-hero {
  position: relative;
  display: flex;
  align-items: center;
  gap: 18px;
  min-height: 150px;
  padding: 26px 30px;
  border: 1px solid #e8e2d7;
  border-radius: 20px;
  background:
    radial-gradient(circle at 92% 15%, rgba(239,127,55,.08), transparent 20%),
    linear-gradient(135deg, #fffdf8 0%, #f7f3e9 100%);
  box-shadow: 0 12px 34px rgba(72,58,38,.045);
}
.rmpm-hero-icon,
.rmpm-empty-icon {
  width: 58px;
  height: 58px;
  flex: 0 0 auto;
  border-radius: 18px;
  display: grid;
  place-items: center;
  color: #075b43;
  background: #e7f0e8;
  border: 1px solid #d7e3da;
}
.rmpm-eyebrow { color: #e86f2a; font-size: 10px; font-weight: 850; letter-spacing: .10em; }
.rmpm-hero h1 { margin-top: 5px; color: #103b2e; font-size: clamp(27px, 2.2vw, 36px); line-height: 1.05; font-family: Georgia, 'Times New Roman', serif; font-weight: 750; }
.rmpm-hero p { margin-top: 8px; color: #6c756f; font-size: 13px; max-width: 720px; }
.rmpm-mode-badge { margin-left: auto; display: inline-flex; align-items: center; gap: 7px; padding: 8px 11px; border-radius: 999px; color: #795b30; background: #fff3e5; border: 1px solid #efd9bc; font-size: 10px; font-weight: 800; white-space: nowrap; }
.rmpm-mode-badge.is-admin { color: #075b43; background: #e8f3ec; border-color: #cde2d5; }
.rmpm-content-card { margin-top: 18px; min-height: 260px; display: flex; align-items: center; justify-content: center; gap: 18px; padding: 36px; border: 1px solid #e8e2d7; border-radius: 18px; background: rgba(255,255,255,.92); box-shadow: 0 10px 28px rgba(72,58,38,.035); text-align: left; }
.rmpm-content-card h2 { color: #17362c; font-size: 18px; font-weight: 800; }
.rmpm-content-card p { margin-top: 7px; max-width: 680px; color: #738078; font-size: 12px; line-height: 1.75; }
html[data-theme='dark'] .rmpm-hero,
html[data-theme='dark'] .rmpm-content-card { background: #15231d; border-color: #33483d; box-shadow: 0 14px 34px rgba(0,0,0,.12); }
html[data-theme='dark'] .rmpm-hero h1,
html[data-theme='dark'] .rmpm-content-card h2 { color: #eef5f1; }
html[data-theme='dark'] .rmpm-hero p,
html[data-theme='dark'] .rmpm-content-card p { color: #93a49a; }
html[data-theme='dark'] .rmpm-hero-icon,
html[data-theme='dark'] .rmpm-empty-icon { background: #1b392c; border-color: #315040; color: #8ad3ae; }
@media (max-width: 767px) {
  .rmpm-hero { align-items: flex-start; flex-wrap: wrap; padding: 20px; }
  .rmpm-mode-badge { margin-left: 0; }
  .rmpm-content-card { align-items: flex-start; padding: 24px 20px; }
}
.rmpm-sidebar-parent { border: 1px solid rgba(255,255,255,.035); }
.rmpm-sidebar-parent:hover { border-color: rgba(216,245,0,.12); }
.rmpm-sidebar-subitem { min-height: 38px !important; }
.rmpm-sidebar-submenu { animation: rmpmSubmenuIn .16s ease-out; }
@keyframes rmpmSubmenuIn { from { opacity: 0; transform: translateY(-3px); } to { opacity: 1; transform: translateY(0); } }

/* ============================================================
   WHMONIS v6.2 — Aktivitas WH RM & PM Manual Entry
   ============================================================ */
.rmpm-manual-page { max-width: 1500px; padding-bottom: 16px; }
.rmpm-page-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:18px; padding:2px 2px 0; }
.rmpm-breadcrumb { color:#788279; font-size:10px; font-weight:650; margin-bottom:10px; }
.rmpm-breadcrumb span { margin:0 7px; color:#c6bba8; }
.rmpm-title-row { display:flex; gap:12px; align-items:flex-start; }
.rmpm-title-icon { width:44px; height:44px; border-radius:14px; display:grid; place-items:center; background:#e8f2ea; color:#075b43; border:1px solid #d4e2d8; flex:0 0 auto; }
.rmpm-title-row h1 { color:#152f26; font-family:Georgia,'Times New Roman',serif; font-size:clamp(24px,2.2vw,34px); line-height:1.05; font-weight:750; }
.rmpm-title-row p { margin-top:6px; color:#6f7972; font-size:11px; line-height:1.5; }
.rmpm-head-actions { display:flex; gap:8px; align-items:center; flex-wrap:wrap; justify-content:flex-end; }
.rmpm-mode-tab, .rmpm-auth-badge { min-height:36px; border-radius:999px; display:inline-flex; align-items:center; gap:7px; padding:0 12px; font-size:10px; font-weight:800; white-space:nowrap; }
.rmpm-mode-tab { border:1px solid #e4ddd0; color:#4f5c54; background:#fffdf8; transition:.18s ease; }
.rmpm-mode-tab:hover { border-color:#b8cbbb; color:#075b43; }
.rmpm-mode-tab.active { color:#9b4e17; background:#fff0e4; border-color:#f4d5bd; }
.rmpm-auth-badge.admin { color:#075b43; background:#e8f1e7; border:1px solid #d0dfd1; }
.rmpm-auth-badge.viewer { color:#755d39; background:#fff4e7; border:1px solid #efdbc1; }
.rmpm-viewer-note { margin-bottom:16px; padding:12px 15px; display:flex; align-items:center; gap:10px; border:1px solid #ead8bb; border-radius:14px; background:#fff8ed; color:#755d39; }
.rmpm-viewer-note div { display:flex; flex-direction:column; gap:2px; }
.rmpm-viewer-note b { font-size:11px; }
.rmpm-viewer-note span { font-size:10px; color:#8b7657; }
.rmpm-editor-grid { display:grid; grid-template-columns:minmax(0,1fr) 275px; gap:14px; align-items:start; }
.rmpm-editor-main, .rmpm-summary, .rmpm-history-card { border:1px solid #e8e1d4; border-radius:18px; background:rgba(255,255,255,.94); box-shadow:0 12px 34px rgba(72,58,38,.04); }
.rmpm-editor-main { overflow:hidden; }
.rmpm-form-top { display:grid; grid-template-columns:repeat(4,minmax(150px,1fr)); gap:12px; padding:18px; background:linear-gradient(180deg,#fffefa 0%,#fbf8f1 100%); border-bottom:1px solid #eee7dc; }
.rmpm-form-top label { min-width:0; }
.rmpm-form-top label>span { display:block; margin-bottom:6px; color:#314039; font-size:10px; font-weight:800; }
.rmpm-form-top label b { color:#ed6f2c; }
.rmpm-input { width:100%; height:38px; padding:0 10px; color:#26352e; background:#fff; border:1px solid #e2ded5; border-radius:10px; font-size:10px; outline:none; transition:.16s ease; min-width:78px; }
.rmpm-input:focus { border-color:#6aa184; box-shadow:0 0 0 3px rgba(7,91,67,.08); }
.rmpm-select { padding-right:25px; }
.rmpm-input.status-ok { color:#166534; background:#edf7eb; border-color:#d8e9d4; font-weight:800; }
.rmpm-input.status-bad { color:#c2410c; background:#fff2e7; border-color:#f5d4bd; font-weight:800; }
.rmpm-inline-note { margin:12px 16px 0; min-height:38px; display:flex; gap:8px; align-items:center; padding:0 11px; color:#68756d; background:#fbfaf7; border:1px solid #ece6dc; border-radius:10px; font-size:9px; }
.rmpm-table-wrap { width:100%; overflow:auto; }
.rmpm-entry-table, .rmpm-history-table { width:100%; border-collapse:separate; border-spacing:0; min-width:900px; }
.rmpm-entry-table.wide { min-width:1550px; }
.rmpm-entry-table th, .rmpm-history-table th { position:sticky; top:0; z-index:2; background:#faf8f3; color:#47554d; font-size:9px; font-weight:850; text-align:left; padding:10px 8px; border-bottom:1px solid #e7e0d5; white-space:nowrap; }
.rmpm-entry-table td, .rmpm-history-table td { color:#415047; font-size:9px; padding:7px 7px; border-bottom:1px solid #f0ece5; vertical-align:middle; }
.rmpm-entry-table tbody tr:hover, .rmpm-history-table tbody tr:hover { background:#fcfaf5; }
.rmpm-entry-table td:first-child, .rmpm-history-table td:first-child { width:34px; text-align:center; color:#7c877f; }
.rmpm-trash { width:30px; height:30px; border-radius:8px; display:grid; place-items:center; color:#f06a3a; background:transparent; }
.rmpm-trash:hover { background:#fff0e8; }
.rmpm-add { margin:12px 16px; min-height:34px; padding:0 12px; border:1px solid #d9e1d9; border-radius:10px; color:#075b43; background:#fbfdfb; font-size:10px; font-weight:800; display:inline-flex; gap:7px; align-items:center; }
.rmpm-add:hover { background:#eef6f0; }
.rmpm-diff { display:inline-flex; min-width:52px; justify-content:center; font-size:11px; font-weight:850; color:#69756e; }
.rmpm-diff.plus { color:#15803d; }
.rmpm-diff.minus { color:#ea580c; }
.rmpm-actionbar { display:grid; grid-template-columns:auto 1fr auto auto; gap:9px; align-items:center; padding:14px 16px; border-top:1px solid #eee8de; background:#fffdf9; }
.rmpm-btn { min-height:38px; padding:0 14px; border-radius:10px; display:inline-flex; align-items:center; justify-content:center; gap:7px; font-size:10px; font-weight:850; transition:.16s ease; }
.rmpm-btn.primary { color:#fff; background:#075b43; border:1px solid #075b43; box-shadow:0 7px 15px rgba(7,91,67,.14); }
.rmpm-btn.primary:hover { background:#064d39; }
.rmpm-btn.secondary { color:#075b43; background:#fbfdfb; border:1px solid #cfddd2; }
.rmpm-btn.ghost { color:#8a6b41; background:#fffaf3; border:1px solid #eadcc8; }
.rmpm-btn:disabled { opacity:.55; cursor:not-allowed; }
.rmpm-message { margin:0 16px 14px; padding:10px 12px; border-radius:10px; font-size:10px; font-weight:700; }
.rmpm-message.ok { color:#166534; background:#eef8ef; border:1px solid #d7ead8; }
.rmpm-message.error { color:#b42318; background:#fff0ee; border:1px solid #f2ccc7; }
.rmpm-summary { padding:14px; position:sticky; top:94px; }
.rmpm-summary>h3 { padding:3px 4px 10px; color:#263b31; font-size:13px; font-weight:850; }
.rmpm-summary-card { min-height:104px; margin-bottom:9px; padding:14px; border:1px solid #ebe5db; border-radius:14px; background:#fffefa; display:flex; justify-content:space-between; align-items:center; gap:10px; }
.rmpm-summary-label { color:#45534b; font-size:10px; font-weight:800; }
.rmpm-summary-value { margin-top:4px; color:#102d22; font-size:25px; line-height:1; font-weight:900; letter-spacing:-.03em; }
.rmpm-summary-hint { margin-top:7px; color:#89928c; font-size:8.5px; }
.rmpm-summary-icon { width:43px; height:43px; flex:0 0 auto; display:grid; place-items:center; border-radius:13px; color:#8a744e; background:#f8f0e2; }
.rmpm-summary-icon svg { width:21px; height:21px; }
.rmpm-summary-card.tone-green .rmpm-summary-icon { color:#147541; background:#e8f3e9; }
.rmpm-summary-card.tone-orange .rmpm-summary-icon { color:#ea580c; background:#fff0e5; }
.rmpm-summary-card.tone-blue .rmpm-summary-icon { color:#2563eb; background:#edf3ff; }
.rmpm-info-box { margin-top:10px; padding:12px; display:flex; align-items:flex-start; gap:8px; color:#6d756f; background:#fafcfa; border:1px solid #e4eae5; border-radius:12px; font-size:9px; line-height:1.55; }
.rmpm-suggest { position:absolute; z-index:30; left:0; right:0; top:calc(100% + 4px); max-height:255px; overflow:auto; padding:5px; background:#fff; border:1px solid #ddd8ce; border-radius:11px; box-shadow:0 12px 30px rgba(31,41,35,.15); }
.rmpm-suggest button { width:100%; min-height:38px; display:grid; grid-template-columns:110px minmax(0,1fr) 42px; gap:7px; align-items:center; padding:5px 7px; border-radius:7px; text-align:left; color:#5d6861; font-size:9px; }
.rmpm-suggest button:hover { background:#f2f7f3; }
.rmpm-suggest small { color:#9aa29d; text-align:right; }
.rmpm-history-card { overflow:hidden; }
.rmpm-history-head { padding:17px 18px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid #ebe5db; }
.rmpm-history-head h2 { color:#183428; font-family:Georgia,'Times New Roman',serif; font-size:19px; font-weight:750; }
.rmpm-history-head p { margin-top:4px; color:#859087; font-size:9px; }
.rmpm-history-table { min-width:1050px; }
.rmpm-empty { min-height:230px; display:grid; place-items:center; color:#88928c; font-size:11px; }
.rmpm-work-tabs { display:flex; align-items:center; gap:2px; margin:14px 16px 0; border-bottom:1px solid #e8e2d7; }
.rmpm-work-tabs span { padding:9px 13px; color:#7c857f; font-size:9px; font-weight:800; border-bottom:2px solid transparent; }
.rmpm-work-tabs span.active { color:#075b43; border-bottom-color:#075b43; }
.rmpm-work-bottom { display:grid; grid-template-columns:1.1fr 1fr 1fr; gap:10px; padding:0 16px 14px; }
.rmpm-mini-card { border:1px solid #e9e3d8; border-radius:13px; background:#fffefa; padding:11px; min-height:170px; }
.rmpm-mini-card h4 { color:#263b31; font-size:10px; font-weight:850; margin-bottom:9px; }
.rmpm-textarea { width:100%; min-height:112px; padding:9px; resize:vertical; color:#35423b; background:#fff; border:1px solid #e2ddd3; border-radius:9px; outline:none; font-size:9.5px; line-height:1.5; }
.rmpm-mini-card small { display:block; margin-top:4px; color:#9aa29d; font-size:8px; }
.rmpm-mini-row { display:grid; grid-template-columns:1fr 110px; gap:6px; margin-bottom:6px; }
.rmpm-person-row { display:grid; grid-template-columns:1.15fr 90px 1fr; gap:5px; margin-bottom:6px; }
.rmpm-mini-card .rmpm-input { height:33px; font-size:9px; }
.rmpm-link { color:#075b43; font-size:9px; font-weight:800; padding:4px; }
.rmpm-footer { padding:20px 10px 3px; text-align:center; color:#7d8881; font-size:9px; }

html[data-theme='dark'] .rmpm-title-row h1 { color:#edf5ef; }
html[data-theme='dark'] .rmpm-title-row p, html[data-theme='dark'] .rmpm-breadcrumb { color:#95a49a; }
html[data-theme='dark'] .rmpm-title-icon { background:#1a392c; border-color:#315040; color:#8bd2ad; }
html[data-theme='dark'] .rmpm-editor-main, html[data-theme='dark'] .rmpm-summary, html[data-theme='dark'] .rmpm-history-card { background:#14231c; border-color:#34483e; box-shadow:none; }
html[data-theme='dark'] .rmpm-form-top, html[data-theme='dark'] .rmpm-actionbar { background:#17271f; border-color:#34483e; }
html[data-theme='dark'] .rmpm-form-top label>span, html[data-theme='dark'] .rmpm-summary>h3, html[data-theme='dark'] .rmpm-mini-card h4 { color:#d9e6de; }
html[data-theme='dark'] .rmpm-input, html[data-theme='dark'] .rmpm-textarea { color:#e7eee9; background:#102019; border-color:#365044; }
html[data-theme='dark'] .rmpm-entry-table th, html[data-theme='dark'] .rmpm-history-table th { color:#aebdb3; background:#17271f; border-color:#33483d; }
html[data-theme='dark'] .rmpm-entry-table td, html[data-theme='dark'] .rmpm-history-table td { color:#bac8bf; border-color:#2c4036; }
html[data-theme='dark'] .rmpm-entry-table tbody tr:hover, html[data-theme='dark'] .rmpm-history-table tbody tr:hover { background:#182b22; }
html[data-theme='dark'] .rmpm-summary-card, html[data-theme='dark'] .rmpm-mini-card { background:#182820; border-color:#34483e; }
html[data-theme='dark'] .rmpm-summary-label { color:#b5c3ba; }
html[data-theme='dark'] .rmpm-summary-value { color:#eff6f1; }
html[data-theme='dark'] .rmpm-inline-note, html[data-theme='dark'] .rmpm-info-box { color:#9dad9f; background:#17271f; border-color:#34483e; }
html[data-theme='dark'] .rmpm-suggest { background:#14231c; border-color:#3b5045; }
html[data-theme='dark'] .rmpm-suggest button { color:#b7c5bc; }
html[data-theme='dark'] .rmpm-suggest button:hover { background:#1c3227; }
html[data-theme='dark'] .rmpm-history-head { border-color:#34483e; }
html[data-theme='dark'] .rmpm-history-head h2 { color:#edf5ef; }
html[data-theme='dark'] .rmpm-mode-tab { color:#b8c6bd; background:#17271f; border-color:#3a4f44; }
html[data-theme='dark'] .rmpm-mode-tab.active { color:#f3b17d; background:#38271c; border-color:#62432d; }
html[data-theme='dark'] .rmpm-footer { color:#7f9186; }

@media (max-width: 1180px) {
  .rmpm-editor-grid { grid-template-columns:1fr; }
  .rmpm-summary { position:static; display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
  .rmpm-summary>h3, .rmpm-summary>.rmpm-info-box { grid-column:1/-1; }
  .rmpm-summary-card { margin:0; min-height:88px; }
  .rmpm-form-top { grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 767px) {
  .rmpm-page-head { flex-direction:column; }
  .rmpm-head-actions { justify-content:flex-start; }
  .rmpm-form-top { grid-template-columns:1fr; padding:13px; }
  .rmpm-summary { grid-template-columns:1fr 1fr; }
  .rmpm-work-bottom { grid-template-columns:1fr; }
  .rmpm-actionbar { grid-template-columns:1fr 1fr; }
  .rmpm-actionbar>div { display:none; }
  .rmpm-btn { width:100%; }
}

/* WHMONIS v6.3 - RMPM export controls */
.rmpm-export-btn {
  min-height:36px;
  padding:0 12px;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  font-size:9.5px;
  font-weight:850;
  border:1px solid #d8dfd9;
  transition:.16s ease;
  box-shadow:0 4px 12px rgba(20,62,44,.04);
}
.rmpm-export-btn.excel { color:#075b43; background:#f6fbf7; border-color:#cfe0d4; }
.rmpm-export-btn.excel:hover { background:#eaf5ed; border-color:#a9cbb5; }
.rmpm-export-btn.pdf { color:#b64b1b; background:#fff8f2; border-color:#f0d3c0; }
.rmpm-export-btn.pdf:hover { background:#fff0e5; border-color:#e8b994; }
.rmpm-entry-table th small { color:#a28f79; font-size:7.5px; font-weight:700; }
html[data-theme='dark'] .rmpm-export-btn.excel { color:#9bdbb5; background:#173126; border-color:#365244; }
html[data-theme='dark'] .rmpm-export-btn.pdf { color:#f2ad7d; background:#34251c; border-color:#684630; }
html[data-theme='dark'] .rmpm-entry-table th small { color:#8fa095; }
@media (max-width: 900px) {
  .rmpm-head-actions { flex-wrap:wrap; }
  .rmpm-export-btn { min-height:34px; }
}

/* WHMONIS v6.4 - Period filter for history & exports */
.rmpm-period-card {
  margin: 0 0 14px;
  padding: 13px 14px;
  display: grid;
  grid-template-columns: minmax(210px, .9fr) minmax(360px, 1.25fr) minmax(330px, 1fr);
  gap: 12px 16px;
  align-items: center;
  border: 1px solid #e7dfd3;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(255,254,250,.98), rgba(248,245,237,.96));
  box-shadow: 0 10px 26px rgba(72,58,38,.035);
}
.rmpm-period-title { display:flex; align-items:center; gap:10px; min-width:0; }
.rmpm-period-icon { width:38px; height:38px; flex:0 0 auto; display:grid; place-items:center; border-radius:12px; color:#075b43; background:#e9f3ea; border:1px solid #d6e5d9; }
.rmpm-period-title b { display:block; color:#263b31; font-size:11px; font-weight:850; }
.rmpm-period-title span { display:block; margin-top:2px; color:#879087; font-size:8.5px; line-height:1.35; }
.rmpm-period-presets { display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.rmpm-period-chip { min-height:32px; padding:0 10px; border:1px solid #ddd8cd; border-radius:999px; color:#657068; background:#fffefa; font-size:8.8px; font-weight:800; transition:.16s ease; }
.rmpm-period-chip:hover { color:#075b43; border-color:#b8cdbf; background:#f4f9f5; }
.rmpm-period-chip.active { color:#fff; background:#075b43; border-color:#075b43; box-shadow:0 5px 12px rgba(7,91,67,.13); }
.rmpm-period-custom { display:grid; grid-template-columns:minmax(112px,1fr) 16px minmax(112px,1fr) auto; gap:7px; align-items:end; }
.rmpm-period-custom label span { display:block; margin:0 0 4px 2px; color:#7a857e; font-size:7.8px; font-weight:800; }
.rmpm-period-custom .rmpm-input { height:34px; font-size:9px; }
.rmpm-period-sep { align-self:center; padding-top:13px; text-align:center; color:#a5ada7; font-size:11px; }
.rmpm-period-apply { min-height:34px; height:34px; padding:0 11px; font-size:9px; }
.rmpm-period-active { grid-column:1/-1; min-height:34px; display:flex; align-items:center; gap:9px; padding:7px 10px; border-radius:10px; background:#f4f7f3; border:1px solid #e0e8e1; }
.rmpm-period-active span { color:#7b857e; font-size:8px; font-weight:750; text-transform:uppercase; letter-spacing:.07em; }
.rmpm-period-active b { color:#075b43; font-size:9.5px; font-weight:850; }
.rmpm-period-active em { margin-left:auto; color:#68756d; font-style:normal; font-size:8.5px; font-weight:750; }
html[data-theme='dark'] .rmpm-period-card { background:linear-gradient(135deg,#17271f,#14231c); border-color:#34483e; box-shadow:none; }
html[data-theme='dark'] .rmpm-period-icon { color:#8bd2ad; background:#1b392c; border-color:#315040; }
html[data-theme='dark'] .rmpm-period-title b { color:#e7f0ea; }
html[data-theme='dark'] .rmpm-period-title span, html[data-theme='dark'] .rmpm-period-custom label span { color:#91a197; }
html[data-theme='dark'] .rmpm-period-chip { color:#aebdb3; background:#102019; border-color:#365044; }
html[data-theme='dark'] .rmpm-period-chip:hover { color:#b7e2c8; background:#193027; border-color:#4b6b5b; }
html[data-theme='dark'] .rmpm-period-chip.active { color:#fff; background:#0c7557; border-color:#0c7557; }
html[data-theme='dark'] .rmpm-period-active { background:#102019; border-color:#32483c; }
html[data-theme='dark'] .rmpm-period-active b { color:#95d6b3; }
html[data-theme='dark'] .rmpm-period-active span, html[data-theme='dark'] .rmpm-period-active em { color:#91a197; }
@media (max-width: 1180px) {
  .rmpm-period-card { grid-template-columns:1fr 1.25fr; }
  .rmpm-period-custom { grid-column:1/-1; }
}
@media (max-width: 767px) {
  .rmpm-period-card { grid-template-columns:1fr; padding:12px; }
  .rmpm-period-custom { grid-column:auto; grid-template-columns:1fr 12px 1fr; }
  .rmpm-period-apply { grid-column:1/-1; width:100%; }
  .rmpm-period-presets { gap:5px; }
  .rmpm-period-chip { flex:1 1 calc(50% - 5px); }
  .rmpm-period-active { flex-wrap:wrap; }
  .rmpm-period-active em { width:100%; margin-left:0; }
}

/* v6.5 SuperAdmin / User Management */
.form-label {
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  color: #475569;
}
.form-input {
  margin-top: 0.375rem;
  width: 100%;
  min-height: 2.75rem;
  border-radius: 0.75rem;
  border: 1px solid #e2e8f0;
  background: #ffffff;
  padding: 0.625rem 0.75rem;
  color: #1e293b;
  outline: none;
  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
.form-input:focus {
  border-color: #10b981;
  box-shadow: 0 0 0 3px rgba(16, 185, 129, .12);
}
html[data-theme='dark'] .user-management-page .bg-white,
html[data-theme='dark'] .user-management-page [role='dialog'] .bg-white {
  background-color: #16251f !important;
}
html[data-theme='dark'] .user-management-page .text-slate-900,
html[data-theme='dark'] .user-management-page .text-slate-800,
html[data-theme='dark'] .user-management-page .text-\[\#193329\] {
  color: #e7efe9 !important;
}
html[data-theme='dark'] .user-management-page .text-slate-600,
html[data-theme='dark'] .user-management-page .text-slate-500 {
  color: #9fb1a8 !important;
}
html[data-theme='dark'] .user-management-page .border-slate-200,
html[data-theme='dark'] .user-management-page .border-slate-100,
html[data-theme='dark'] .user-management-page .border-\[\#e5e4d8\],
html[data-theme='dark'] .user-management-page .border-\[\#e6e4d8\] {
  border-color: #31483d !important;
}
html[data-theme='dark'] .user-management-page .bg-\[\#fffdf7\],
html[data-theme='dark'] .user-management-page .bg-\[\#f6f5ee\] {
  background-color: #1b2e26 !important;
}
html[data-theme='dark'] .form-label { color: #b8c8c0; }
html[data-theme='dark'] .form-input {
  background: #13231d;
  border-color: #355044;
  color: #e7efe9;
}

/* v6.6 - Edit & Delete data tersimpan */
.rmpm-action-heading { width:82px; text-align:center !important; }
.rmpm-action-cell { width:82px; min-width:82px; text-align:center; }
.rmpm-row-actions { display:flex; align-items:center; justify-content:center; gap:5px; }
.rmpm-row-action { width:29px; height:29px; display:grid; place-items:center; border-radius:8px; border:1px solid transparent; transition:.16s ease; }
.rmpm-row-action.edit { color:#075b43; background:#eef7f0; border-color:#d7e7da; }
.rmpm-row-action.edit:hover { color:#fff; background:#075b43; border-color:#075b43; box-shadow:0 5px 12px rgba(7,91,67,.16); }
.rmpm-row-action.delete { color:#d95a31; background:#fff3ed; border-color:#f4d7ca; }
.rmpm-row-action.delete:hover { color:#fff; background:#cf4f2c; border-color:#cf4f2c; box-shadow:0 5px 12px rgba(207,79,44,.16); }
.rmpm-row-action:disabled { opacity:.45; cursor:not-allowed; }
.rmpm-history-section + .rmpm-history-section { border-top:1px solid #ece6dc; }
.rmpm-history-section-head { min-height:54px; padding:12px 17px 10px; display:flex; align-items:center; justify-content:space-between; gap:12px; background:linear-gradient(180deg,#fffefa 0%,#fcfaf5 100%); border-bottom:1px solid #eee8de; }
.rmpm-history-section-head h3 { color:#17382b; font-family:Georgia,'Times New Roman',serif; font-size:14px; font-weight:750; }
.rmpm-history-section-head p { margin-top:2px; color:#88928c; font-size:8.5px; }
.rmpm-history-section-head>span { min-width:58px; padding:5px 8px; border-radius:999px; color:#075b43; background:#edf5ee; border:1px solid #dce9df; text-align:center; font-size:8.5px; font-weight:850; }
.rmpm-empty.compact { min-height:90px; }
.rmpm-edit-backdrop { position:fixed; inset:0; z-index:10050; display:grid; place-items:center; padding:20px; background:rgba(8,31,23,.48); backdrop-filter:blur(7px); -webkit-backdrop-filter:blur(7px); }
.rmpm-edit-modal { width:min(860px,96vw); max-height:90vh; overflow:auto; border:1px solid #ded7ca; border-radius:20px; background:#fffdf8; box-shadow:0 28px 80px rgba(24,42,34,.28); }
.rmpm-edit-head { min-height:94px; padding:18px 20px; display:flex; align-items:flex-start; justify-content:space-between; gap:16px; border-bottom:1px solid #ece5d9; background:linear-gradient(135deg,#fffefa 0%,#f7f3e8 100%); }
.rmpm-edit-head>div>span { color:#ed6f2c; font-size:8px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.rmpm-edit-head h2 { margin-top:3px; color:#143428; font-family:Georgia,'Times New Roman',serif; font-size:23px; font-weight:750; }
.rmpm-edit-head p { margin-top:5px; color:#7a857e; font-size:9px; line-height:1.45; }
.rmpm-edit-close { width:34px; height:34px; display:grid; place-items:center; border:1px solid #e4ddd1; border-radius:10px; color:#68756d; background:#fff; }
.rmpm-edit-close:hover { color:#b84b2d; background:#fff4ee; border-color:#edcfc2; }
.rmpm-edit-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:18px 20px 20px; }
.rmpm-edit-field { min-width:0; }
.rmpm-edit-field.full { grid-column:1/-1; }
.rmpm-edit-field>span { min-height:19px; margin:0 0 5px 2px; display:flex; align-items:center; gap:7px; color:#34443c; font-size:9.5px; font-weight:850; }
.rmpm-edit-field>span small { padding:2px 6px; border-radius:999px; color:#8b7557; background:#faf1e3; font-size:7px; font-weight:800; }
.rmpm-edit-field .rmpm-textarea { min-height:88px; }
.rmpm-edit-diff { min-height:62px; padding:8px 12px; display:flex; flex-direction:column; justify-content:center; border:1px solid #e4e5de; border-radius:11px; background:#f8faf7; }
.rmpm-edit-diff span { color:#78847c; font-size:8.5px; font-weight:800; }
.rmpm-edit-diff b { margin-top:4px; color:#68756d; font-size:18px; font-weight:900; }
.rmpm-edit-diff b.plus { color:#15803d; }
.rmpm-edit-diff b.minus { color:#ea580c; }
.rmpm-edit-actions { padding:13px 20px 18px; display:flex; align-items:center; justify-content:flex-end; gap:9px; border-top:1px solid #eee7dc; background:#fffaf3; }
html[data-theme='dark'] .rmpm-history-section + .rmpm-history-section { border-color:#34483e; }
html[data-theme='dark'] .rmpm-history-section-head { background:#17271f; border-color:#34483e; }
html[data-theme='dark'] .rmpm-history-section-head h3 { color:#edf5ef; }
html[data-theme='dark'] .rmpm-history-section-head p { color:#91a197; }
html[data-theme='dark'] .rmpm-history-section-head>span { color:#98d4b4; background:#183226; border-color:#355044; }
html[data-theme='dark'] .rmpm-row-action.edit { color:#9bd8b8; background:#183629; border-color:#315244; }
html[data-theme='dark'] .rmpm-row-action.delete { color:#ff9a78; background:#3a241e; border-color:#5a352b; }
html[data-theme='dark'] .rmpm-edit-backdrop { background:rgba(2,12,8,.72); }
html[data-theme='dark'] .rmpm-edit-modal { background:#14231c; border-color:#385046; box-shadow:0 28px 80px rgba(0,0,0,.55); }
html[data-theme='dark'] .rmpm-edit-head { background:linear-gradient(135deg,#172a21,#13231c); border-color:#34483e; }
html[data-theme='dark'] .rmpm-edit-head h2 { color:#edf5ef; }
html[data-theme='dark'] .rmpm-edit-head p { color:#95a49a; }
html[data-theme='dark'] .rmpm-edit-close { color:#aebdb3; background:#102019; border-color:#365044; }
html[data-theme='dark'] .rmpm-edit-field>span { color:#d9e6de; }
html[data-theme='dark'] .rmpm-edit-field>span small { color:#efbb8d; background:#38271c; }
html[data-theme='dark'] .rmpm-edit-diff { background:#102019; border-color:#365044; }
html[data-theme='dark'] .rmpm-edit-diff span { color:#91a197; }
html[data-theme='dark'] .rmpm-edit-diff b { color:#c5d2ca; }
html[data-theme='dark'] .rmpm-edit-actions { background:#17271f; border-color:#34483e; }
@media (max-width: 760px) {
  .rmpm-edit-grid { grid-template-columns:1fr; padding:14px; }
  .rmpm-edit-field.full { grid-column:auto; }
  .rmpm-edit-head { padding:15px; }
  .rmpm-edit-actions { padding:12px 14px 15px; }
}

/* v7.0 - Dashboard analytics filters */
.conceptc-mini-filter {
  min-width: 122px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 6px 9px 7px;
  border: 1px solid #e7e1d7;
  border-radius: 11px;
  background: rgba(255,253,249,.94);
  box-shadow: 0 3px 10px rgba(34,59,48,.04);
}
.conceptc-mini-filter-year { min-width: 88px; }
.conceptc-mini-filter > span {
  color: #8a938d;
  font-size: 7.5px;
  line-height: 1;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.conceptc-mini-filter select {
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: #173c2f;
  font-size: 10px;
  line-height: 1.1;
  font-weight: 850;
  cursor: pointer;
}
html[data-theme='dark'] .conceptc-mini-filter {
  border-color: #334a3e;
  background: #182920;
  box-shadow: none;
}
html[data-theme='dark'] .conceptc-mini-filter > span { color: #83978b; }
html[data-theme='dark'] .conceptc-mini-filter select { color: #e5eee8; }
html[data-theme='dark'] .conceptc-mini-filter select option { color: #e5eee8; background: #182920; }
@media (max-width: 760px) {
  .conceptc-mini-filter { min-width: 112px; }
  .conceptc-mini-filter-year { min-width: 82px; }
}

/* v7.3 - Satellite / topographic warehouse map */
.warehouse-satellite-shell {
  position: relative;
  height: 318px;
  overflow: hidden;
  border: 1px solid rgba(16, 94, 66, 0.14);
  border-radius: 18px;
  background: #dfe8df;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.42);
}
.warehouse-satellite-map {
  width: 100%;
  height: 100%;
  min-height: 318px;
  background: #dfe8df;
}
.warehouse-map-badge {
  position: absolute;
  z-index: 520;
  left: 12px;
  top: 12px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border: 1px solid rgba(255,255,255,.58);
  border-radius: 999px;
  padding: 6px 9px;
  color: #fff;
  background: rgba(5, 52, 37, .76);
  box-shadow: 0 8px 20px rgba(4, 37, 26, .18);
  backdrop-filter: blur(8px);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
  pointer-events: none;
}
.warehouse-map-div-icon { background: transparent !important; border: 0 !important; }
.warehouse-map-pin {
  position: relative;
  width: 32px;
  height: 32px;
  border-radius: 50% 50% 50% 0;
  transform: rotate(-45deg);
  border: 3px solid rgba(255,255,255,.96);
  box-shadow: 0 8px 18px rgba(0,0,0,.28), 0 0 0 2px rgba(9,61,44,.12);
  transition: transform .16s ease, filter .16s ease;
}
.warehouse-map-pin:hover { transform: rotate(-45deg) scale(1.1); filter: saturate(1.12); }
.warehouse-pin-main { background: #f97316; }
.warehouse-pin-external { background: #08714f; }
.warehouse-map-pin-dot {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8px;
  height: 8px;
  transform: translate(-50%,-50%);
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 0 0 2px rgba(0,0,0,.08);
}
.warehouse-satellite-shell .leaflet-container { font-family: inherit; }
.warehouse-satellite-shell .leaflet-control-zoom {
  border: 0 !important;
  box-shadow: 0 8px 22px rgba(4, 37, 26, .16) !important;
}
.warehouse-satellite-shell .leaflet-control-zoom a {
  width: 28px !important;
  height: 28px !important;
  line-height: 27px !important;
  border: 0 !important;
  color: #0b5d43 !important;
  background: rgba(255,255,255,.94) !important;
}
.warehouse-satellite-shell .leaflet-control-attribution {
  border-radius: 7px 0 0 0;
  padding: 2px 5px !important;
  background: rgba(255,255,255,.78) !important;
  color: #5c6a63 !important;
  font-size: 7px !important;
}
.warehouse-satellite-shell .leaflet-control-attribution a { color: #0b6d4d !important; }
.warehouse-map-tooltip {
  border: 1px solid rgba(255,255,255,.7) !important;
  border-radius: 8px !important;
  padding: 4px 7px !important;
  color: #123d30 !important;
  background: rgba(255,255,255,.94) !important;
  box-shadow: 0 5px 14px rgba(0,0,0,.14) !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  letter-spacing: .035em;
}
.warehouse-map-tooltip:before { display: none !important; }
html[data-theme="dark"] .warehouse-satellite-shell {
  border-color: rgba(94, 190, 143, .22);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.04);
}
@media (max-width: 1279px) {
  .warehouse-satellite-shell,
  .warehouse-satellite-map { height: 360px; min-height: 360px; }
}

/* ============================================================
   WHMONIS v8.6 — Hero Slider + Hero Slider Manager
   ============================================================ */
.conceptc-hero-slider { isolation: isolate; }
.conceptc-hero-slide-img {
  position: absolute;
  inset: -4%;
  width: 108%;
  height: 108%;
  object-fit: cover;
  object-position: center;
  filter: saturate(.9) brightness(.92) contrast(1.025);
  will-change: transform, opacity;
  z-index: 0;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both;
}
.transition-fade-pan .conceptc-hero-slide-img { animation-name: hero-fade-in; }
.transition-fade .conceptc-hero-slide-img { animation-name: hero-fade-only; }
.transition-none .conceptc-hero-slide-img { opacity: 1; }
.hero-motion-pan-left { animation-name: hero-pan-left !important; }
.hero-motion-pan-right { animation-name: hero-pan-right !important; }
.hero-motion-pan-up { animation-name: hero-pan-up !important; }
.hero-motion-pan-down { animation-name: hero-pan-down !important; }
.hero-motion-zoom-in { animation-name: hero-zoom-in !important; }
.hero-motion-zoom-out { animation-name: hero-zoom-out !important; }
@keyframes hero-pan-left { 0% { opacity:.3; transform:translate3d(2.5%,0,0) scale(1.035); } 14% { opacity:1; } 100% { opacity:1; transform:translate3d(-2.5%,0,0) scale(1.065); } }
@keyframes hero-pan-right { 0% { opacity:.3; transform:translate3d(-2.5%,0,0) scale(1.035); } 14% { opacity:1; } 100% { opacity:1; transform:translate3d(2.5%,0,0) scale(1.065); } }
@keyframes hero-pan-up { 0% { opacity:.3; transform:translate3d(0,2.5%,0) scale(1.035); } 14% { opacity:1; } 100% { opacity:1; transform:translate3d(0,-2.5%,0) scale(1.065); } }
@keyframes hero-pan-down { 0% { opacity:.3; transform:translate3d(0,-2.5%,0) scale(1.035); } 14% { opacity:1; } 100% { opacity:1; transform:translate3d(0,2.5%,0) scale(1.065); } }
@keyframes hero-zoom-in { 0% { opacity:.3; transform:scale(1.02); } 14% { opacity:1; } 100% { opacity:1; transform:scale(1.095); } }
@keyframes hero-zoom-out { 0% { opacity:.3; transform:scale(1.095); } 14% { opacity:1; } 100% { opacity:1; transform:scale(1.02); } }
@keyframes hero-fade-in { 0% { opacity:0; } 18% { opacity:1; } 100% { opacity:1; } }
@keyframes hero-fade-only { 0% { opacity:0; transform:scale(1.035); } 18% { opacity:1; } 100% { opacity:1; transform:scale(1.035); } }
.hero-slider-arrow {
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:5;
  width:36px;
  height:36px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.72);
  background:rgba(3,71,51,.76);
  color:white;
  box-shadow:0 7px 18px rgba(0,0,0,.15);
  backdrop-filter:blur(8px);
  opacity:.82;
}
.hero-slider-arrow:hover { opacity:1; background:#075c43; }
.hero-slider-arrow-left { left:12px; }
.hero-slider-arrow-right { right:12px; }
.hero-slider-dots {
  position:absolute;
  z-index:6;
  right:26px;
  bottom:14px;
  display:flex;
  gap:7px;
  align-items:center;
}
.hero-slider-dots button {
  width:8px;
  height:8px;
  min-height:0 !important;
  padding:0;
  border:0;
  border-radius:999px !important;
  background:rgba(255,255,255,.88);
  box-shadow:0 1px 4px rgba(0,0,0,.16);
}
.hero-slider-dots button.active { width:20px; background:#0b6d4d; }

.hero-manager-primary,
.hero-manager-secondary {
  min-height:42px;
  border-radius:12px;
  padding:0 16px;
  font-size:12px;
  font-weight:850;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid transparent;
}
.hero-manager-primary { background:#086348; color:#fff; box-shadow:0 8px 20px rgba(8,99,72,.14); }
.hero-manager-primary:hover { background:#074f3b; }
.hero-manager-secondary { background:#fff; color:#51615a; border-color:#d9e1dc; }
.hero-manager-chip { display:inline-flex; align-items:center; min-height:28px; padding:0 10px; border-radius:999px; background:#f3f8f5; border:1px solid #dbeae1; color:#39705b; }
.hero-upload-panel { border-color:#cfe5d9; }
.hero-upload-dropzone {
  width:100%;
  min-height:210px;
  border:1.5px dashed #9cc8b3 !important;
  border-radius:16px !important;
  background:#f7fbf8;
  color:#287057;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  overflow:hidden;
}
.hero-upload-dropzone img { width:100%; height:210px; object-fit:cover; }
.hero-upload-dropzone span { font-size:10px; color:#7b8d85; }
.hero-form-field { display:flex; flex-direction:column; gap:6px; }
.hero-form-field > span { font-size:10px; font-weight:850; color:#61716a; text-transform:uppercase; letter-spacing:.04em; }
.hero-form-field input,
.hero-form-field select,
.hero-inline-input,
.hero-inline-select { min-height:42px; border:1px solid #d7dfdb; background:#fff; padding:0 12px; font-size:12px; color:#33433c; outline:none; }
.hero-form-field input:focus,
.hero-form-field select:focus,
.hero-inline-input:focus,
.hero-inline-select:focus { border-color:#66aa8d; box-shadow:0 0 0 3px rgba(11,109,77,.08); }
.hero-toggle-row { display:flex; gap:9px; align-items:center; font-size:12px; font-weight:750; color:#455850; }
.hero-toggle-row input { accent-color:#0b6d4d; width:17px; height:17px; }
.hero-toggle-row.compact { font-size:10px; }
.hero-icon-button {
  width:34px;
  height:34px;
  min-height:34px !important;
  padding:0 !important;
  border-radius:10px !important;
  border:1px solid #dbe2de;
  background:#fff;
  color:#496159;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.hero-icon-button:hover { background:#f4f8f6; }
.hero-icon-button.success { color:#08734f; border-color:#bfe0d0; }
.hero-icon-button.danger { color:#dc3a3a; border-color:#f1caca; }
.hero-manager-table { width:100%; min-width:1050px; border-collapse:separate; border-spacing:0; }
.hero-manager-table th { background:#f7f4ec !important; color:#63736b !important; font-size:10px !important; text-transform:uppercase; letter-spacing:.04em; padding:12px 14px !important; text-align:left; }
.hero-manager-table td { padding:13px 14px !important; border-bottom:1px solid #edf0ee; vertical-align:middle; font-size:12px; }
.hero-manager-table tbody tr:last-child td { border-bottom:0; }
.hero-manager-thumb { width:138px; height:72px; object-fit:cover; border-radius:11px; border:1px solid #dde5e0; }
.hero-inline-input { width:210px; border-radius:10px !important; }
.hero-inline-select { width:150px; border-radius:10px !important; }
.hero-manager-duration { display:inline-flex; align-items:center; min-height:28px; border-radius:999px; padding:0 10px; background:#f7f8f7; color:#52635b; font-size:11px; font-weight:800; }
.hero-status-pill { display:inline-flex; align-items:center; min-height:28px; padding:0 10px; border-radius:999px; font-size:10px; font-weight:900; }
.hero-status-pill.active { background:#e6f6ee; color:#08734f; }
.hero-status-pill.inactive { background:#f1f3f2; color:#77847e; }
.hero-toggle-card { min-height:48px; border:1px solid #dfe5e1; border-radius:12px; padding:8px 12px; display:flex; align-items:center; justify-content:space-between; gap:12px; background:#fafcfa; }
.hero-toggle-card span { display:flex; flex-direction:column; gap:2px; }
.hero-toggle-card strong { font-size:11px; color:#3e5048; }
.hero-toggle-card small { font-size:9px; color:#839089; }
.hero-toggle-card input { width:18px; height:18px; accent-color:#0b6d4d; }

html[data-theme='dark'] .hero-upload-dropzone,
html[data-theme='dark'] .hero-toggle-card { background:#17261f; border-color:#31463c; }
html[data-theme='dark'] .hero-manager-table th { background:#182a22 !important; }
html[data-theme='dark'] .hero-manager-table td { border-bottom-color:#293a32; }
html[data-theme='dark'] .hero-form-field input,
html[data-theme='dark'] .hero-form-field select,
html[data-theme='dark'] .hero-inline-input,
html[data-theme='dark'] .hero-inline-select,
html[data-theme='dark'] .hero-icon-button,
html[data-theme='dark'] .hero-manager-secondary { background:#17261f; border-color:#35483f; color:#d8e3dd; }

@media (prefers-reduced-motion: reduce) {
  .conceptc-hero-slide-img { animation:none !important; }
}
@media (max-width:767px) {
  .hero-slider-arrow { width:32px; height:32px; top:68%; }
  .hero-slider-dots { right:18px; bottom:10px; }
}
/* Transition mode overrides */
.transition-fade .conceptc-hero-slide-img { animation-name: hero-fade-only !important; }
.transition-none .conceptc-hero-slide-img { animation: none !important; opacity:1; transform:scale(1.04); }

/* MONIS v8.6.5 - Transport Schedule item picker clarity */
.rmpm-suggest-name-only {
  right: auto;
  width: max(100%, 430px);
  max-width: min(520px, calc(100vw - 32px));
  max-height: 270px;
  padding: 6px;
  z-index: 80;
}
.rmpm-suggest-name-only.rmpm-suggest-up {
  top: auto;
  bottom: calc(100% + 6px);
  transform-origin: bottom left;
}
.rmpm-suggest-name-only button {
  display: block;
  min-height: 42px;
  padding: 9px 11px;
  font-size: 11px;
  line-height: 1.35;
  font-weight: 700;
  color: #34453d;
  white-space: normal;
  overflow-wrap: anywhere;
}
.rmpm-suggest-name-only button:hover {
  background: #eef8f2;
  color: #07583e;
}
.rmpm-suggest-item-name {
  display: block;
  width: 100%;
}
html[data-theme='dark'] .rmpm-suggest-name-only button { color:#d4e2da; }
html[data-theme='dark'] .rmpm-suggest-name-only button:hover { background:#1d3a2d; color:#f0fff7; }


/* MONIS v8.6.8 - Floating autocomplete overlay for Transport Schedule */
.rmpm-suggest-floating {
  position: fixed;
  z-index: 99990;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 6px;
  background: #ffffff;
  border: 1px solid #d9e3dd;
  border-radius: 12px;
  box-shadow: 0 18px 44px rgba(15, 60, 45, 0.20), 0 3px 10px rgba(15, 23, 42, 0.08);
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #b6c4bc transparent;
}
.rmpm-suggest-floating::before {
  content: "";
  position: absolute;
  left: 20px;
  width: 10px;
  height: 10px;
  background: #fff;
  border-left: 1px solid #d9e3dd;
  border-top: 1px solid #d9e3dd;
  transform: rotate(45deg);
  pointer-events: none;
}
.rmpm-suggest-floating-down::before { top: -6px; }
.rmpm-suggest-floating-up::before {
  bottom: -6px;
  transform: rotate(225deg);
}
.rmpm-suggest-floating button {
  position: relative;
  z-index: 1;
  width: 100%;
  min-height: 44px;
  display: block;
  padding: 9px 11px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #34453d;
  text-align: left;
  font-size: 11px;
  line-height: 1.35;
  font-weight: 700;
  white-space: normal;
  overflow-wrap: anywhere;
  cursor: pointer;
}
.rmpm-suggest-floating button + button { border-top: 1px solid #f0f3f1; }
.rmpm-suggest-floating button:hover,
.rmpm-suggest-floating button:focus-visible {
  outline: none;
  background: #eef8f2;
  color: #07583e;
}
.rmpm-suggest-floating .rmpm-suggest-item-name { display: block; width: 100%; }
.rmpm-suggest-match {
  padding: 0 1px;
  border-radius: 3px;
  background: #e7f7a7;
  color: inherit;
  font-weight: 900;
}
html[data-theme='dark'] .rmpm-suggest-floating {
  background: #14231c;
  border-color: #3b5045;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.42);
}
html[data-theme='dark'] .rmpm-suggest-floating::before {
  background: #14231c;
  border-color: #3b5045;
}
html[data-theme='dark'] .rmpm-suggest-floating button { color: #d4e2da; }
html[data-theme='dark'] .rmpm-suggest-floating button + button { border-top-color: #243a30; }
html[data-theme='dark'] .rmpm-suggest-floating button:hover,
html[data-theme='dark'] .rmpm-suggest-floating button:focus-visible {
  background: #1d3a2d;
  color: #f0fff7;
}
html[data-theme='dark'] .rmpm-suggest-match { background: #536519; color: #f3ffd1; }

/* MONIS v8.6.9 - RM/PM master Nama Barang fields */
.rmpm-name-master-input {
  min-width: 235px;
}

/* MONIS v8.6.10 - Structured Info & Order list on Laporan Pekerjaan */
.rmpm-info-order-card {
  margin: 0 16px 12px;
  border: 1px solid #cfe3d5;
  border-radius: 14px;
  background: #fffefa;
  overflow: hidden;
  box-shadow: 0 4px 14px rgba(15, 71, 51, .035);
}
.rmpm-info-order-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 11px 13px;
  border-bottom: 1px solid #e7eee8;
  background: linear-gradient(180deg, #fbfefc 0%, #f5faf6 100%);
}
.rmpm-info-order-head h4 { margin: 0; color: #173d2f; font-size: 10.5px; font-weight: 900; }
.rmpm-info-order-head p { margin: 2px 0 0; color: #7d8b83; font-size: 8.5px; line-height: 1.4; }
.rmpm-info-order-head > span {
  flex: 0 0 auto;
  padding: 4px 8px;
  border-radius: 999px;
  background: #e8f5ec;
  color: #16704f;
  font-size: 8px;
  font-weight: 850;
}
.rmpm-info-order-table-wrap { width: 100%; overflow-x: auto; }
.rmpm-info-order-table { width: 100%; min-width: 760px; border-collapse: separate; border-spacing: 0; table-layout: fixed; }
.rmpm-info-order-table th {
  padding: 9px 9px;
  border-bottom: 1px solid #e8e1d6;
  background: #f8f5ee;
  color: #526158;
  font-size: 8.5px;
  font-weight: 900;
  text-align: left;
  white-space: nowrap;
}
.rmpm-info-order-table th:nth-child(1) { width: 44px; text-align: center; }
.rmpm-info-order-table th:nth-child(2) { width: 36%; }
.rmpm-info-order-table th:nth-child(3) { width: auto; }
.rmpm-info-order-table th:nth-child(4) { width: 155px; text-align: center; }
.rmpm-info-order-table td {
  padding: 8px 9px;
  border-bottom: 1px solid #f0ece5;
  color: #405047;
  font-size: 9px;
  vertical-align: middle;
  background: #fffefa;
}
.rmpm-info-order-table tbody tr:last-child td { border-bottom: 0; }
.rmpm-info-order-table tbody tr.editing td { background: #f3faf5; }
.rmpm-info-order-table td:first-child { text-align: center; color: #859087; font-weight: 800; }
.rmpm-info-order-table .rmpm-input { width: 100%; height: 36px; font-size: 9px; }
.rmpm-info-order-textarea {
  display: block;
  width: 100%;
  min-height: 52px;
  max-height: 120px;
  resize: vertical;
  padding: 8px 9px;
  border: 1px solid #dde4dd;
  border-radius: 9px;
  outline: none;
  background: #fff;
  color: #35423b;
  font: inherit;
  font-size: 9px;
  line-height: 1.45;
}
.rmpm-info-order-textarea:focus { border-color: #69b58a; box-shadow: 0 0 0 2px rgba(44, 138, 92, .09); }
.rmpm-info-order-value { line-height: 1.45; color: #35443b; white-space: normal; overflow-wrap: anywhere; }
.rmpm-info-order-value.details { color: #657269; }
.rmpm-info-order-actions { text-align: center; }
.rmpm-info-order-actions > span { display: inline-flex; }
.rmpm-info-order-actions { white-space: nowrap; }
.rmpm-io-action,
.rmpm-io-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-height: 30px;
  border-radius: 8px;
  border: 1px solid transparent;
  font-size: 8.5px;
  font-weight: 850;
  transition: .16s ease;
  vertical-align: middle;
}
.rmpm-io-action { padding: 0 9px; margin: 1px 2px; }
.rmpm-io-icon { width: 31px; padding: 0; margin: 1px 2px; }
.rmpm-io-action.save { color: #fff; background: #1d7654; border-color: #1d7654; }
.rmpm-io-action.save:hover { background: #145f43; }
.rmpm-io-action.cancel { color: #59665f; background: #fff; border-color: #dce2dd; }
.rmpm-io-action.cancel:hover { background: #f5f7f5; }
.rmpm-io-icon.edit { color: #d97706; background: #fffaf0; border-color: #f6dfb2; }
.rmpm-io-icon.edit:hover { background: #fff2d6; }
.rmpm-io-icon.delete { color: #e45050; background: #fff7f7; border-color: #f6d6d6; }
.rmpm-io-icon.delete:hover { background: #ffeded; }
.rmpm-info-order-add { margin-top: 10px; margin-bottom: 6px; }
.rmpm-info-order-note { display: block; padding: 0 16px 12px; color: #909b94; font-size: 8px; line-height: 1.4; }
.rmpm-work-bottom { grid-template-columns: 1fr 1fr; }

html[data-theme='dark'] .rmpm-info-order-card { background: #182820; border-color: #34483e; box-shadow: none; }
html[data-theme='dark'] .rmpm-info-order-head { background: #17271f; border-color: #34483e; }
html[data-theme='dark'] .rmpm-info-order-head h4 { color: #d9e6de; }
html[data-theme='dark'] .rmpm-info-order-head p { color: #91a198; }
html[data-theme='dark'] .rmpm-info-order-head > span { background: #214737; color: #9fdbb9; }
html[data-theme='dark'] .rmpm-info-order-table th { background: #17271f; color: #aebdb3; border-color: #33483d; }
html[data-theme='dark'] .rmpm-info-order-table td { background: #182820; color: #bac8bf; border-color: #2c4036; }
html[data-theme='dark'] .rmpm-info-order-table tbody tr.editing td { background: #1c3026; }
html[data-theme='dark'] .rmpm-info-order-textarea { color: #e7eee9; background: #102019; border-color: #365044; }
html[data-theme='dark'] .rmpm-info-order-value { color: #d1ddd5; }
html[data-theme='dark'] .rmpm-info-order-value.details { color: #aab8af; }
html[data-theme='dark'] .rmpm-io-action.cancel { color: #c7d4cc; background: #17271f; border-color: #3a4d43; }
html[data-theme='dark'] .rmpm-io-icon.edit { background: #332916; border-color: #5f4921; }
html[data-theme='dark'] .rmpm-io-icon.delete { background: #341d20; border-color: #603035; }

@media (max-width: 920px) {
  .rmpm-info-order-card { margin-left: 10px; margin-right: 10px; }
  .rmpm-work-bottom { grid-template-columns: 1fr; }
}

/* MONIS v8.6.21 - RM/PM report anti-double workflow */
.rmpm-edit-mode-banner{margin:12px 16px 0;padding:10px 12px;border:1px solid #b8d7ff;background:#eff7ff;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#174a7c}.rmpm-edit-mode-banner>div{display:flex;align-items:flex-start;gap:8px;min-width:0}.rmpm-edit-mode-banner span{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:10px;font-weight:700}.rmpm-edit-mode-banner small{display:block;width:100%;color:#58728b;font-size:9px;font-weight:600}.rmpm-report-summary{margin:14px 0 16px;padding:12px;border:1px solid #dbe9df;background:#fbfffc;border-radius:14px}.rmpm-report-table{min-width:820px}.rmpm-report-id{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px!important;color:#315649!important}.rmpm-report-action{height:30px;padding:0 9px;border:1px solid #d7e2da;border-radius:8px;background:white;display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:800;color:#315649;cursor:pointer}.rmpm-report-action:hover{background:#f2faf5}.rmpm-report-action.audit{color:#315e8a;border-color:#d8e6f3}.rmpm-audit-modal{max-width:620px}.rmpm-audit-list{padding:16px;max-height:56vh;overflow:auto;display:flex;flex-direction:column;gap:10px}.rmpm-audit-entry{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:11px;border:1px solid #e6ece7;border-radius:12px;background:#fcfdfc}.rmpm-audit-dot{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#eaf7ef;color:#167247}.rmpm-audit-entry.updated .rmpm-audit-dot{background:#edf4ff;color:#2e67a0}.rmpm-audit-copy{display:flex;flex-direction:column;gap:3px}.rmpm-audit-copy b{font-size:11px;color:#21382d}.rmpm-audit-copy span{font-size:9px;color:#53645b}.rmpm-audit-copy small{font-size:8px;color:#849089}
html[data-theme='dark'] .rmpm-edit-mode-banner{background:#16314a;border-color:#315779;color:#cfe7ff}html[data-theme='dark'] .rmpm-edit-mode-banner small{color:#9fb8cd}html[data-theme='dark'] .rmpm-report-summary{background:#15251d;border-color:#31483b}html[data-theme='dark'] .rmpm-report-action{background:#17271f;border-color:#3a5145;color:#c6d8cd}html[data-theme='dark'] .rmpm-report-action.audit{color:#bcdcff;border-color:#36536e}html[data-theme='dark'] .rmpm-audit-entry{background:#17271f;border-color:#33483d}html[data-theme='dark'] .rmpm-audit-copy b{color:#dbe7df}html[data-theme='dark'] .rmpm-audit-copy span{color:#b2c1b7}html[data-theme='dark'] .rmpm-audit-copy small{color:#8fa198}
@media(max-width:760px){.rmpm-edit-mode-banner{align-items:flex-start;flex-direction:column}.rmpm-edit-mode-banner .rmpm-btn{width:100%;justify-content:center}}

/* MONIS v8.6.26 - Inspeksi Kerusakan PM */
.pm-damage-page{max-width:1680px;margin:0 auto;display:flex;flex-direction:column;gap:18px;color:#173b2d}.pm-damage-head{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e8eee9;border-radius:24px;padding:20px 22px;box-shadow:0 8px 26px rgba(20,52,40,.05)}.pm-damage-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:#e7f7ef;color:#146b4b;flex:none}.pm-damage-breadcrumb{font-size:11px;font-weight:700;color:#72847b;margin-bottom:4px}.pm-damage-head h1{font-size:25px;line-height:1.1;font-weight:900;margin:0;color:#173b2d}.pm-damage-head p{font-size:12px;color:#718078;margin:5px 0 0}.pm-damage-card,.pm-damage-history{background:#fff;border:1px solid #e6ece8;border-radius:22px;box-shadow:0 8px 28px rgba(22,53,42,.05);overflow:hidden}.pm-damage-top{display:grid;grid-template-columns:150px 150px 180px minmax(220px,1fr) minmax(260px,1.4fr);gap:12px;padding:18px 18px 14px;border-bottom:1px solid #edf1ee}.pm-damage-top label{display:flex;flex-direction:column;gap:6px;min-width:0}.pm-damage-top label span{font-size:11px;font-weight:800;color:#3e554a}.pm-damage-input{width:100%;min-height:38px;border:1px solid #dce6e0;background:#fff;border-radius:10px;padding:8px 10px;font-size:12px;color:#243c31;outline:none;transition:.16s ease}.pm-damage-input:focus{border-color:#5ec59a;box-shadow:0 0 0 3px rgba(46,164,115,.12)}.pm-damage-input.readonly{background:#f5f8f6;color:#6f8077}.pm-damage-input.qty{min-width:70px;text-align:right}.pm-damage-input.unit{min-width:80px}.pm-damage-name{min-width:220px}.pm-damage-note{margin:12px 18px 0;padding:9px 12px;border:1px solid #cfe8fa;background:#eef8ff;color:#2e6082;border-radius:10px;display:flex;align-items:flex-start;gap:8px;font-size:11px}.pm-damage-table-wrap{overflow:auto;max-width:100%}.pm-damage-table{width:100%;min-width:1660px;border-collapse:separate;border-spacing:0;margin-top:12px}.pm-damage-table th{background:#eef8f2;color:#294e3c;font-size:10px;font-weight:900;letter-spacing:.01em;text-align:center;padding:10px 8px;border-top:1px solid #dfeae4;border-bottom:1px solid #dfeae4;white-space:nowrap}.pm-damage-table td{padding:8px 6px;border-bottom:1px solid #edf1ef;vertical-align:middle;font-size:11px;background:#fff}.pm-damage-table tr:hover td{background:#fbfdfc}.pm-damage-code{position:relative;min-width:128px}.pm-damage-code span{position:absolute;right:6px;top:50%;transform:translateY(-50%);padding:2px 5px;border-radius:999px;background:#dcf6e8;color:#16764f;font-size:8px;font-weight:900}.pm-damage-photos{display:flex;align-items:center;gap:5px;min-width:175px}.pm-damage-thumb{width:42px;height:42px;border:1px solid #d8e4dd;border-radius:9px;overflow:hidden;padding:0;background:#f7faf8;flex:none;cursor:pointer}.pm-damage-thumb img{width:100%;height:100%;object-fit:cover}.pm-damage-thumb.pending{outline:2px dashed #88c7ac}.pm-damage-photo-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.pm-damage-photo-btn{width:30px;height:30px;border:1px solid #cfe0d7;border-radius:8px;background:#fff;color:#176c4b;display:grid;place-items:center;cursor:pointer;position:relative}.pm-damage-photo-btn:hover{background:#edf9f2}.pm-damage-photo-btn input{display:none}.pm-damage-photo-actions small{font-size:9px;color:#6f8077;width:100%;text-align:center}.pm-damage-is{display:grid;grid-template-columns:auto auto;gap:4px 8px;align-items:center;min-width:120px}.pm-damage-is label{display:flex;align-items:center;gap:4px;font-size:10px}.pm-damage-is .qty-is{grid-column:1/-1;min-height:32px}.pm-damage-notes{min-width:150px;min-height:58px;resize:vertical}.pm-damage-trash{width:34px;height:34px;border:1px solid #ffd6d0;border-radius:9px;background:#fff8f7;color:#dc4d3c;display:grid;place-items:center;margin:auto}.pm-damage-actions{display:flex;align-items:center;gap:10px;padding:14px 18px 18px}.pm-damage-actions .spacer{flex:1}.pm-damage-add,.pm-damage-btn{height:38px;border-radius:10px;padding:0 14px;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;cursor:pointer}.pm-damage-add,.pm-damage-btn.primary{background:#146846;color:#fff;box-shadow:0 5px 14px rgba(20,104,70,.18)}.pm-damage-btn.ghost{background:#fff;color:#365247;border-color:#dce6e1}.pm-damage-btn.excel{background:#e9f7ef;color:#16724e;border-color:#cce8d9}.pm-damage-add:disabled,.pm-damage-btn:disabled,.pm-damage-trash:disabled{opacity:.55;cursor:not-allowed}.pm-damage-message{border-radius:12px;padding:10px 14px;font-size:12px;font-weight:700}.pm-damage-message.ok{background:#e9f8ef;border:1px solid #caead7;color:#176c4b}.pm-damage-message.warn{background:#fff6dc;border:1px solid #f3dda0;color:#8c6818}.pm-damage-message.error{background:#fff0ee;border:1px solid #f4c6c1;color:#a23f35}.pm-damage-view-note{padding:14px 16px;border:1px solid #dce6e1;background:#fff;border-radius:16px;color:#557067;display:flex;gap:9px;align-items:center;font-size:12px}.pm-damage-history-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 18px 13px;border-bottom:1px solid #edf1ee}.pm-damage-history-head h2{font-size:18px;font-weight:900;color:#173b2d;margin:0}.pm-damage-history-head p{font-size:10px;color:#76877f;margin:3px 0 0}.pm-damage-history-tools{display:flex;gap:8px;align-items:center}.pm-damage-history-tools>.pm-damage-input{width:245px}.pm-damage-history-table{width:100%;min-width:1580px;border-collapse:collapse}.pm-damage-history-table th{padding:9px 7px;background:#f1f7f3;border-bottom:1px solid #dfe9e3;color:#355346;font-size:9px;font-weight:900;text-align:left;white-space:nowrap}.pm-damage-history-table td{padding:9px 7px;border-bottom:1px solid #edf1ef;font-size:10px;color:#354c42}.pm-damage-history-table tr:hover td{background:#fbfdfc}.pm-damage-history-actions{display:flex;gap:5px}.pm-damage-history-actions button{width:30px;height:30px;border:1px solid #dce6e1;background:#fff;border-radius:8px;color:#2d6650;display:grid;place-items:center}.pm-damage-empty{padding:30px;text-align:center;color:#829088;font-size:12px}.pm-damage-suggest{position:fixed;z-index:99999;background:#fff;border:1px solid #d4e2da;border-radius:12px;box-shadow:0 16px 38px rgba(15,50,35,.18);overflow:auto;padding:5px}.pm-damage-suggest button{width:100%;border:0;background:#fff;text-align:left;padding:8px 10px;border-radius:8px;display:flex;flex-direction:column;gap:2px;color:#213f31}.pm-damage-suggest button:hover{background:#edf8f2}.pm-damage-suggest b{font-size:11px}.pm-damage-suggest small{font-size:9px;color:#72827a}.pm-damage-gallery-backdrop{position:fixed;inset:0;z-index:100000;background:rgba(5,21,15,.68);display:grid;place-items:center;padding:20px}.pm-damage-gallery{width:min(760px,94vw);max-height:90vh;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.28)}.pm-damage-gallery-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #e8eeea}.pm-damage-gallery-head h3{margin:0;font-size:16px;font-weight:900;color:#173b2d}.pm-damage-gallery-head small{color:#77867f}.pm-damage-gallery-head button{border:0;background:transparent;color:#344f43}.pm-damage-gallery-main{height:min(62vh,560px);display:grid;place-items:center;background:#f5f7f5;position:relative}.pm-damage-gallery-main img{max-width:100%;max-height:100%;object-fit:contain}.pm-damage-gallery-main .nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:1px solid #dce4df;background:rgba(255,255,255,.92);font-size:28px;color:#315443}.pm-damage-gallery-main .prev{left:12px}.pm-damage-gallery-main .next{right:12px}.pm-damage-gallery-delete{margin:12px 16px 16px;height:36px;border:1px solid #f1c8c2;background:#fff4f2;color:#b64034;border-radius:9px;padding:0 12px;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800}
@media(max-width:1180px){.pm-damage-top{grid-template-columns:repeat(2,minmax(0,1fr))}.pm-damage-top label.wide{grid-column:1/-1}.pm-damage-history-head{align-items:flex-start;flex-direction:column}.pm-damage-history-tools{width:100%;flex-wrap:wrap}.pm-damage-history-tools>.pm-damage-input{flex:1;min-width:210px}}@media(max-width:640px){.pm-damage-head{padding:16px}.pm-damage-head h1{font-size:20px}.pm-damage-top{grid-template-columns:1fr}.pm-damage-top label.wide{grid-column:auto}.pm-damage-actions{flex-wrap:wrap}.pm-damage-actions .spacer{display:none}.pm-damage-actions>*{flex:1}.pm-damage-history-tools{display:grid;grid-template-columns:1fr 1fr}.pm-damage-history-tools>.pm-damage-input{grid-column:1/-1;width:100%}}

/* MONIS v8.6.27 - Laporan Pekerjaan cleanup */
.rmpm-work-warehouse-select { min-width: 132px; }
.rmpm-info-order-table th:nth-child(4) { width: 72px; }
.rmpm-info-order-actions { width: 72px; }

/* MONIS v8.6.28 - PM Damage History moved to Riwayat Data modal */
.pm-damage-head-copy{flex:1;min-width:0}.pm-damage-head-actions{margin-left:auto;display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.pm-damage-btn.history{background:#fff;color:#1d654b;border-color:#cfe2d8}.pm-damage-btn.pdf{background:#fff5f4;color:#c63d35;border-color:#f2c9c5}.pm-damage-history-backdrop{position:fixed;inset:0;z-index:99980;background:rgba(8,28,20,.62);display:flex;align-items:center;justify-content:center;padding:24px}.pm-damage-history-modal{width:min(1500px,96vw);max-height:92vh;background:#fff;border:1px solid #dfe9e3;border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.28);display:flex;flex-direction:column;overflow:hidden}.pm-damage-history-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px 20px 12px;border-bottom:1px solid #edf1ee}.pm-damage-history-modal-head h2{font-size:20px;line-height:1.2;font-weight:900;color:#173b2d;margin:0}.pm-damage-history-modal-head p{font-size:11px;color:#74867d;margin:5px 0 0}.pm-damage-history-close{width:36px;height:36px;border:1px solid #dce6e1;background:#fff;border-radius:10px;color:#355246;display:grid;place-items:center;flex:none}.pm-damage-history-toolbar{display:flex;align-items:center;gap:8px;padding:12px 20px;border-bottom:1px solid #edf1ee;background:#fbfdfc}.pm-damage-history-toolbar>.pm-damage-input{width:min(420px,60vw)}.pm-damage-history-modal-body{overflow:auto;min-height:220px;max-height:calc(92vh - 132px)}.pm-damage-history-modal-body .pm-damage-table-wrap{overflow:auto}.pm-damage-history-modal-body .pm-damage-history-table{margin:0}
@media(max-width:900px){.pm-damage-head{align-items:flex-start;flex-wrap:wrap}.pm-damage-head-actions{width:100%;margin-left:60px;justify-content:flex-start}.pm-damage-history-backdrop{padding:10px}.pm-damage-history-modal{width:100%;max-height:95vh}.pm-damage-history-toolbar{flex-wrap:wrap}.pm-damage-history-toolbar>.pm-damage-input{width:100%}}
@media(max-width:640px){.pm-damage-head-actions{margin-left:0}.pm-damage-head-actions .pm-damage-btn{flex:1;padding:0 9px}.pm-damage-history-modal-head h2{font-size:17px}}

/* MONIS v8.6.29 - PM Damage Riwayat Data as normal page, not popup */
.pm-damage-history-backdrop{position:static!important;inset:auto!important;z-index:auto!important;background:transparent!important;display:block!important;padding:0!important}
.pm-damage-history-modal{width:100%!important;max-height:none!important;border:1px solid #e6ece8!important;border-radius:22px!important;box-shadow:0 8px 28px rgba(22,53,42,.05)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
.pm-damage-history-close{display:none!important}
.pm-damage-history-modal-body{overflow:auto!important;min-height:300px!important;max-height:none!important}
.pm-damage-history-modal-head{padding:17px 18px 13px!important}
.pm-damage-history-toolbar{padding:12px 18px!important}
.pm-damage-history-toolbar+.pm-damage-message{margin:10px 18px 0}
@media(max-width:900px){.pm-damage-history-backdrop{padding:0!important}.pm-damage-history-modal{max-height:none!important}}


/* MONIS v8.6.30 - PM Damage History soft-delete actions */
.pm-damage-history-actions button.delete{border-color:#f6cbc6;background:#fff8f7;color:#d94b3d}.pm-damage-history-actions button.delete:hover{background:#ffefed;border-color:#efaaa2}.pm-damage-delete-backdrop{position:fixed;inset:0;z-index:100250;background:rgba(7,27,19,.58);display:grid;place-items:center;padding:20px}.pm-damage-delete-modal{width:min(430px,94vw);background:#fff;border:1px solid #e8ece9;border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.28);padding:24px;text-align:center;color:#243f32}.pm-damage-delete-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;background:#ffebe8;color:#d83c32}.pm-damage-delete-modal h3{margin:0;font-size:20px;font-weight:900;color:#183c2e}.pm-damage-delete-modal p{margin:9px auto 14px;max-width:340px;font-size:12px;line-height:1.55;color:#687b71}.pm-damage-delete-summary{display:flex;flex-direction:column;gap:4px;padding:11px 12px;margin-bottom:18px;border:1px solid #e7ece9;border-radius:12px;background:#f8faf9;text-align:left}.pm-damage-delete-summary b{font-size:12px;color:#25483a}.pm-damage-delete-summary span{font-size:10px;color:#77867e}.pm-damage-delete-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pm-damage-delete-actions button{height:42px;border-radius:11px;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:7px}.pm-damage-delete-actions .cancel{background:#fff;border:1px solid #d9e3dd;color:#355247}.pm-damage-delete-actions .confirm{background:#dc3f35;border:1px solid #dc3f35;color:#fff;box-shadow:0 6px 16px rgba(220,63,53,.2)}.pm-damage-delete-actions button:disabled{opacity:.55;cursor:not-allowed}

/* =========================================================
   MONIS v8.6.33 - Incoming RM & PM / Surat Jalan documents
   ========================================================= */
.incoming-doc-cell{min-width:145px;display:flex;flex-direction:column;gap:5px;align-items:flex-start}.incoming-doc-actions{display:flex;gap:5px;flex-wrap:wrap}.incoming-doc-button,.incoming-doc-view{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:28px;padding:0 9px;border:1px solid #cfe4d7;border-radius:9px;background:#fff;color:#1f684d;font-size:10.5px;font-weight:700;cursor:pointer;white-space:nowrap;transition:.16s ease}.incoming-doc-button:hover,.incoming-doc-view:hover{background:#eff9f3;border-color:#83c5a2}.incoming-doc-button.camera{background:#f4fbf7}.incoming-doc-button input{display:none}.incoming-doc-view.history{height:27px;padding:0 8px}.incoming-doc-empty,.incoming-doc-none{font-size:10px;color:#95a19c;white-space:nowrap}.incoming-edit-doc-note{padding:10px 12px;border:1px solid #dce7e1;border-radius:10px;background:#f8fbf9}.incoming-edit-doc-note small{display:block;margin-top:4px;color:#738079;line-height:1.45}
.incoming-doc-backdrop{position:fixed;inset:0;z-index:99980;background:rgba(9,32,26,.55);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:22px}.incoming-doc-modal{width:min(820px,96vw);max-height:92vh;overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.24);display:flex;flex-direction:column}.incoming-doc-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid #e5ece8}.incoming-doc-modal-head h3{margin:0;color:#163e31;font-size:17px;font-weight:800}.incoming-doc-modal-head p{margin:3px 0 0;color:#7c8983;font-size:11px}.incoming-doc-modal-head>button{width:34px;height:34px;border:0;border-radius:9px;background:#f5f8f6;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#30483e}.incoming-doc-stage{position:relative;min-height:420px;max-height:68vh;background:#f3f5f4;display:flex;align-items:center;justify-content:center;overflow:hidden}.incoming-doc-stage img{display:block;max-width:100%;max-height:68vh;object-fit:contain}.incoming-doc-stage iframe{width:100%;height:68vh;border:0;background:#fff}.incoming-doc-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:42px;height:42px;border:1px solid rgba(30,86,63,.18);border-radius:50%;background:rgba(255,255,255,.94);font-size:26px;line-height:1;color:#165b42;box-shadow:0 4px 18px rgba(0,0,0,.12);cursor:pointer}.incoming-doc-nav.prev{left:14px}.incoming-doc-nav.next{right:14px}.incoming-doc-modal-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 18px;border-top:1px solid #e6ece9}.incoming-doc-modal-foot b{display:block;font-size:12px;color:#213c31;max-width:540px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.incoming-doc-modal-foot small{display:block;margin-top:2px;font-size:10px;color:#8a9691}.incoming-doc-archive{display:inline-flex;align-items:center;gap:6px;border:1px solid #f1c8c4;background:#fff7f6;color:#c6473f;border-radius:9px;padding:8px 10px;font-size:11px;font-weight:700;cursor:pointer}.incoming-doc-archive:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:760px){.incoming-doc-backdrop{padding:10px}.incoming-doc-modal{width:100%;border-radius:14px}.incoming-doc-stage{min-height:310px}.incoming-doc-stage img{max-height:62vh}.incoming-doc-stage iframe{height:62vh}.incoming-doc-modal-foot{align-items:flex-start;flex-direction:column}.incoming-doc-modal-foot b{max-width:82vw}.incoming-doc-nav{width:36px;height:36px}.incoming-doc-nav.prev{left:7px}.incoming-doc-nav.next{right:7px}}

/* MONIS v8.6.34 - Mobile Auto-Save Draft */
.monis-autosave-pill{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 11px;border-radius:11px;border:1px solid #d9e5df;background:#f8fbf9;color:#547067;font-size:10px;font-weight:800;line-height:1.2;white-space:nowrap;transition:.2s ease}
.monis-autosave-pill.saving{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}
.monis-autosave-pill.saved{background:#ecfdf5;border-color:#a7f3d0;color:#047857}
.monis-autosave-pill.device{background:#fff7ed;border-color:#fed7aa;color:#c2410c}
.monis-autosave-pill.restored{background:#ecfdf5;border-color:#86efac;color:#15803d}
.monis-draft-backdrop{position:fixed;inset:0;z-index:10050;background:rgba(8,32,26,.58);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:18px}
.monis-draft-modal{width:min(460px,100%);background:#fff;border:1px solid #e6e9e5;border-radius:22px;box-shadow:0 28px 70px rgba(8,36,28,.25);padding:25px;text-align:center;color:#173b2d}
.monis-draft-icon{width:52px;height:52px;border-radius:50%;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;background:#e8f7ef;color:#08754e}
.monis-draft-modal h3{font-size:20px;font-weight:900;margin:0 0 7px}
.monis-draft-modal>p{font-size:12px;color:#64748b;line-height:1.55;margin:0 auto 15px;max-width:360px}
.monis-draft-meta{display:flex;flex-direction:column;gap:4px;text-align:left;border:1px solid #dfece5;background:#f6fbf8;border-radius:14px;padding:12px 14px;margin-bottom:17px}
.monis-draft-meta b{font-size:11px;color:#166534}.monis-draft-meta span{font-size:10px;color:#64748b}
.monis-draft-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:10px}
.monis-draft-actions button{height:42px;border-radius:12px;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:7px}
.monis-draft-actions .discard{border:1px solid #e2e8f0;background:white;color:#64748b}.monis-draft-actions .discard:hover{background:#f8fafc}
.monis-draft-actions .continue{border:1px solid #006747;background:#006747;color:white;box-shadow:0 7px 18px rgba(0,103,71,.16)}.monis-draft-actions .continue:hover{background:#00563c}
@media(max-width:640px){.monis-autosave-pill{white-space:normal;text-align:center;font-size:9px;padding:6px 8px;max-width:190px}.monis-draft-modal{padding:21px 16px;border-radius:18px}.monis-draft-actions{grid-template-columns:1fr}.rmpm-actionbar .monis-autosave-pill{order:-1;width:100%;max-width:none}}

/* MONIS v8.6.36 - Full-result Master Barang autocomplete */
.monis-master-results {
  overflow: hidden !important;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  background: #fff;
}
.monis-master-results-head {
  min-height: 38px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 8px 11px;
  border-bottom: 1px solid #e8eeea;
  background: #fbfdfc;
  color: #315443;
  font-size: 10px;
  font-weight: 900;
  position: relative;
  z-index: 4;
}
.monis-master-results-head small {
  min-width: 0;
  color: #75877e;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.monis-master-virtual-list {
  position: relative;
  flex: 0 0 auto;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #b7c7be transparent;
  background: #fff;
}
.monis-master-virtual-space { position: relative; width: 100%; }
.rmpm-suggest-floating.monis-master-results .monis-master-result-button,
.pm-damage-suggest.monis-master-results .monis-master-result-button {
  position: absolute !important;
  left: 0;
  right: 0;
  width: 100%;
  margin: 0;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto;
  grid-template-rows: 1fr;
  align-items: center;
  gap: 12px;
  padding: 7px 11px !important;
  border: 0 !important;
  border-bottom: 1px solid #edf2ef !important;
  border-radius: 0 !important;
  background: #fff !important;
  text-align: left;
  color: #29493a;
  cursor: pointer;
}
.rmpm-suggest-floating.monis-master-results .monis-master-result-button:hover,
.rmpm-suggest-floating.monis-master-results .monis-master-result-button:focus-visible,
.pm-damage-suggest.monis-master-results .monis-master-result-button:hover,
.pm-damage-suggest.monis-master-results .monis-master-result-button:focus-visible {
  background: #edf8f2 !important;
  color: #07583e;
  outline: none;
}
.monis-master-result-name {
  min-width: 0;
  display: block;
  font-size: 11px;
  line-height: 1.3;
  font-weight: 800;
  white-space: normal;
  overflow-wrap: anywhere;
}
.monis-master-result-meta {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #7a8b82;
  font-size: 9px;
  font-weight: 700;
  white-space: nowrap;
}
.monis-master-result-meta span + span {
  padding-left: 7px;
  border-left: 1px solid #dfe8e3;
}
.monis-master-results-foot {
  min-height: 30px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 11px;
  border-top: 1px solid #e8eeea;
  background: #f7faf8;
  color: #71837a;
  font-size: 9px;
  font-weight: 800;
  position: relative;
  z-index: 4;
}
.rmpm-suggest.monis-master-inline-results {
  max-height: 330px;
  padding: 0;
  overflow-y: auto;
  overflow-x: hidden;
}
.rmpm-suggest.monis-master-inline-results .monis-master-results-head {
  position: sticky;
  top: 0;
  z-index: 3;
}
.rmpm-suggest.monis-master-inline-results .monis-master-results-foot {
  position: sticky;
  bottom: 0;
  z-index: 3;
}
.rmpm-suggest.monis-master-inline-results > button {
  content-visibility: auto;
  contain-intrinsic-size: 42px;
}
html[data-theme='dark'] .monis-master-results,
html[data-theme='dark'] .monis-master-virtual-list,
html[data-theme='dark'] .rmpm-suggest-floating.monis-master-results .monis-master-result-button,
html[data-theme='dark'] .pm-damage-suggest.monis-master-results .monis-master-result-button {
  background: #14231c !important;
  color: #d7e5dc;
}
html[data-theme='dark'] .monis-master-results-head { background:#182b22; border-color:#30463b; color:#dce9e1; }
html[data-theme='dark'] .monis-master-results-head small { color:#93a69b; }
html[data-theme='dark'] .monis-master-results-foot { background:#182b22; border-color:#30463b; color:#93a69b; }
html[data-theme='dark'] .monis-master-result-meta { color:#91a49a; }
html[data-theme='dark'] .monis-master-result-meta span + span { border-color:#30463b; }
html[data-theme='dark'] .rmpm-suggest-floating.monis-master-results .monis-master-result-button:hover,
html[data-theme='dark'] .pm-damage-suggest.monis-master-results .monis-master-result-button:hover { background:#1d3a2d !important; }
@media (max-width: 640px) {
  .monis-master-results-head { min-height: 36px; padding: 7px 9px; font-size: 9px; }
  .monis-master-result-name { font-size: 10px; }
  .monis-master-result-meta { font-size: 8px; gap: 5px; }
  .monis-master-results-foot { min-height: 28px; font-size: 8px; padding: 5px 9px; }
}

/* MONIS v8.6.37 - Collapsible Riwayat Laporan (Anti Double) */
.rmpm-report-summary{padding:0;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease;background:#fffefa}
.rmpm-report-summary.is-collapsed{margin:14px 0 16px}
.rmpm-report-summary.is-open{margin:14px 0 16px}
.rmpm-report-summary .rmpm-history-section-head{border-bottom:0;padding:13px 16px;min-height:64px}
.rmpm-report-summary.is-open .rmpm-history-section-head{border-bottom:1px solid #e6eee8}
.rmpm-history-section-title{display:flex;align-items:center;gap:10px;min-width:0}
.rmpm-history-section-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;color:#167247;background:#eaf7ef;border:1px solid #d9efe1}
.rmpm-history-section-actions{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.rmpm-history-count{min-width:66px;padding:6px 10px;border-radius:999px;color:#075b43;background:#edf5ee;border:1px solid #dce9df;text-align:center;font-size:9px;font-weight:850;white-space:nowrap}
.rmpm-report-toggle{height:34px;padding:0 11px;border-radius:9px;border:1px solid #a9cbb8;background:#fff;color:#174a38;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:9px;font-weight:850;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}
.rmpm-report-toggle:hover{background:#f0faf4;border-color:#79b28f}
.rmpm-report-toggle:active{transform:translateY(1px)}
.rmpm-report-summary-body{padding:0 12px 12px;animation:rmpmReportReveal .16s ease both}
.rmpm-report-summary-body .rmpm-table-wrap{margin-top:0}
@keyframes rmpmReportReveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
html[data-theme='dark'] .rmpm-report-summary{background:#15251d;border-color:#31483b}
html[data-theme='dark'] .rmpm-report-summary.is-open .rmpm-history-section-head{border-color:#34483e}
html[data-theme='dark'] .rmpm-history-section-icon{color:#98d4b4;background:#183226;border-color:#355044}
html[data-theme='dark'] .rmpm-history-count{color:#98d4b4;background:#183226;border-color:#355044}
html[data-theme='dark'] .rmpm-report-toggle{background:#17271f;border-color:#456356;color:#d4e6dc}
html[data-theme='dark'] .rmpm-report-toggle:hover{background:#1d3428;border-color:#5b806c}
@media(max-width:640px){.rmpm-report-summary .rmpm-history-section-head{align-items:flex-start;gap:10px;padding:12px}.rmpm-history-section-title{align-items:flex-start}.rmpm-history-section-icon{width:30px;height:30px}.rmpm-history-section-actions{gap:6px}.rmpm-history-count{min-width:auto;padding:5px 8px}.rmpm-report-toggle{height:32px;padding:0 9px}.rmpm-history-section-head p{max-width:220px}.rmpm-report-summary-body{padding:0 8px 9px}}

/* MONIS v8.6.39 - Pengeluaran Barang selain IS / Others */
.rmpm-entry-table.rmpm-other-out-table{min-width:1540px}
.rmpm-other-out-table th:nth-child(1){width:52px}
.rmpm-other-out-table th:nth-child(2){min-width:140px}
.rmpm-other-out-table th:nth-child(3){min-width:260px}
.rmpm-other-out-table th:nth-child(4){min-width:95px}
.rmpm-other-out-table th:nth-child(5){min-width:105px}
.rmpm-other-out-table th:nth-child(6){min-width:170px}
.rmpm-other-out-table th:nth-child(7){min-width:170px}
.rmpm-other-out-table th:nth-child(8){min-width:220px}
.rmpm-other-out-table th:nth-child(9){min-width:170px}
.rmpm-other-out-table th:nth-child(10){min-width:125px}
.rmpm-other-out-table th:nth-child(11){width:70px}
.rmpm-select.status-out-open{background:#fff7ed;border-color:#fed7aa;color:#c2410c;font-weight:800}
.rmpm-select.status-out-process{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8;font-weight:800}
.rmpm-select.status-out-done{background:#ecfdf5;border-color:#a7f3d0;color:#047857;font-weight:800}
[data-theme="dark"] .rmpm-select.status-out-open{background:rgba(194,65,12,.16);border-color:rgba(251,146,60,.4);color:#fdba74}
[data-theme="dark"] .rmpm-select.status-out-process{background:rgba(29,78,216,.16);border-color:rgba(96,165,250,.4);color:#93c5fd}
[data-theme="dark"] .rmpm-select.status-out-done{background:rgba(4,120,87,.18);border-color:rgba(52,211,153,.4);color:#6ee7b7}
@media(max-width:768px){.rmpm-entry-table.rmpm-other-out-table{min-width:1480px}}

/* MONIS v8.6.39 - Other Outgoing controlled fields */
.rmpm-purpose-control{display:flex;flex-direction:column;gap:7px;min-width:210px}
.rmpm-purpose-other{margin-top:0!important}
.rmpm-status-auto{display:inline-flex;align-items:center;justify-content:center;min-width:76px;min-height:34px;padding:7px 12px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.02em;border:1px solid transparent;white-space:nowrap}
.rmpm-status-auto.open{background:#fff7ed;border-color:#fed7aa;color:#c2410c}
.rmpm-status-auto.close{background:#ecfdf5;border-color:#a7f3d0;color:#047857}
[data-theme="dark"] .rmpm-status-auto.open{background:rgba(194,65,12,.16);border-color:rgba(251,146,60,.4);color:#fdba74}
[data-theme="dark"] .rmpm-status-auto.close{background:rgba(4,120,87,.18);border-color:rgba(52,211,153,.4);color:#6ee7b7}


/* MONIS v8.6.40 - Search Nama Barang / Kode Barang di semua Riwayat Data */
.rmpm-history-search-row{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:14px 0;padding:14px 16px;border:1px solid #e9e4da;border-radius:16px;background:#fffefa}
.rmpm-history-search-field{display:block;width:min(520px,100%);font-size:10px;font-weight:800;color:#52635c}
.rmpm-history-search-field>span{display:block;margin-bottom:7px}
.rmpm-history-search-box{position:relative;display:flex;align-items:center}
.rmpm-history-search-box>svg{position:absolute;left:12px;color:#94a39b;pointer-events:none}
.rmpm-history-search-box>input{width:100%;height:40px;border:1px solid #dce4df;border-radius:12px;background:#fff;padding:0 40px 0 38px;font-size:11px;color:#173b2d;outline:none;transition:border-color .15s ease,box-shadow .15s ease}
.rmpm-history-search-box>input:focus{border-color:#63a786;box-shadow:0 0 0 3px rgba(22,114,71,.09)}
.rmpm-history-search-clear{position:absolute;right:9px;width:25px;height:25px;border:0;border-radius:50%;display:grid;place-items:center;background:#f1f4f2;color:#718078;cursor:pointer}
.rmpm-history-search-clear:hover{background:#e6efe9;color:#176c48}
.rmpm-history-search-count{flex:0 0 auto;min-height:40px;display:flex;align-items:center;padding:0 12px;border-radius:12px;background:#f1f7f3;color:#597168;font-size:10px;font-weight:700;white-space:nowrap}
.rmpm-history-search-count b{margin:0 3px;color:#0d6947;font-weight:900}
.pm-damage-history-toolbar-v8640{align-items:flex-end;gap:12px;flex-wrap:wrap}
.pm-damage-history-search-field{display:block;flex:1 1 360px;min-width:240px;font-size:10px;font-weight:800;color:#52635c}
.pm-damage-history-search-field>span{display:block;margin-bottom:7px}
.pm-damage-history-search-box{position:relative;display:flex;align-items:center}
.pm-damage-history-search-box>svg{position:absolute;left:12px;color:#94a39b;pointer-events:none}
.pm-damage-history-search-box>input{width:100%;height:40px;border:1px solid #dce4df;border-radius:12px;background:#fff;padding:0 40px 0 38px;font-size:11px;color:#173b2d;outline:none}
.pm-damage-history-search-box>input:focus{border-color:#63a786;box-shadow:0 0 0 3px rgba(22,114,71,.09)}
.pm-damage-history-search-box>button{position:absolute;right:9px;width:25px;height:25px;border:0;border-radius:50%;display:grid;place-items:center;background:#f1f4f2;color:#718078;cursor:pointer}
.pm-damage-history-search-count{min-height:40px;display:flex;align-items:center;padding:0 12px;border-radius:12px;background:#f1f7f3;color:#597168;font-size:10px;font-weight:750;white-space:nowrap}
html[data-theme='dark'] .rmpm-history-search-row{background:#15251d;border-color:#31483b}
html[data-theme='dark'] .rmpm-history-search-field,html[data-theme='dark'] .pm-damage-history-search-field{color:#aebeb5}
html[data-theme='dark'] .rmpm-history-search-box>input,html[data-theme='dark'] .pm-damage-history-search-box>input{background:#17271f;border-color:#3b5145;color:#e4eee8}
html[data-theme='dark'] .rmpm-history-search-clear,html[data-theme='dark'] .pm-damage-history-search-box>button{background:#24382d;color:#b6c9be}
html[data-theme='dark'] .rmpm-history-search-count,html[data-theme='dark'] .pm-damage-history-search-count{background:#183226;color:#9fb6aa}
html[data-theme='dark'] .rmpm-history-search-count b{color:#9bd2b5}
@media(max-width:720px){.rmpm-history-search-row{align-items:stretch;flex-direction:column;padding:12px}.rmpm-history-search-field{width:100%}.rmpm-history-search-count{width:100%;justify-content:center}.pm-damage-history-search-field{flex-basis:100%;min-width:100%}.pm-damage-history-search-count{width:100%;justify-content:center}.pm-damage-history-toolbar-v8640>.pm-damage-btn{width:100%;justify-content:center}}

/* MONIS v8.6.43 - Input Mobil & Driver / compact photo cell matching Inspeksi Kerusakan PM */
.transport-photo-table-v8643 tbody tr{background:#fff}
.transport-doc-cell-v8643{min-width:220px;display:flex;align-items:center;gap:5px;min-height:48px;max-width:245px;overflow-x:auto;padding:2px 1px 4px;scrollbar-width:thin}
.transport-doc-thumb-v8643{position:relative;width:42px;height:42px;border:1px solid #d8e4dd;border-radius:9px;overflow:hidden;padding:0;background:#f7faf8;flex:0 0 42px}
.transport-doc-thumb-v8643 img{width:100%;height:100%;object-fit:cover;display:block}
.transport-doc-thumb-v8643 button{position:absolute;top:2px;right:2px;width:15px;height:15px;border:0;border-radius:50%;display:grid;place-items:center;background:rgba(15,23,42,.82);color:#fff;cursor:pointer;padding:0}
.transport-doc-actions-v8643{display:flex;align-items:center;gap:4px;flex:0 0 auto}
.transport-doc-action-v8643{width:30px;height:30px;border:1px solid #cfe0d7;border-radius:8px;background:#fff;color:#176c4b;display:grid;place-items:center;cursor:pointer;position:relative;transition:.15s ease}
.transport-doc-action-v8643:hover{background:#edf9f2;border-color:#aed1bf}
html[data-theme='dark'] .transport-doc-cell-v8643{color:#d4e6dc}
html[data-theme='dark'] .transport-doc-thumb-v8643{background:#17271f;border-color:#3a5044}
html[data-theme='dark'] .transport-doc-action-v8643{background:#17271f;border-color:#456356;color:#98d4b4}
html[data-theme='dark'] .transport-doc-action-v8643:hover{background:#1d3428}
@media(max-width:720px){.transport-doc-cell-v8643{min-width:210px;max-width:225px}}


/* MONIS v8.6.46 - Status otomatis Inspeksi Kerusakan PM berdasarkan Admin IS */
.pm-damage-status{display:inline-flex;align-items:center;justify-content:center;min-width:62px;height:26px;padding:0 11px;border-radius:999px;font-size:10px;font-weight:900;line-height:1;letter-spacing:.02em;border:1px solid transparent;white-space:nowrap;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.pm-damage-status.open{background:#fff4cf;color:#9b6900;border-color:#f1dda0}
.pm-damage-status.close{background:#def5e6;color:#12683f;border-color:#bfe4cd}
html[data-theme='dark'] .pm-damage-status.open{background:#493b17;color:#f6d97a;border-color:#6c5721}
html[data-theme='dark'] .pm-damage-status.close{background:#173c2a;color:#9ee0b9;border-color:#285a40}


/* MONIS v8.6.48 - Long list page size + sticky header */
.monis-list-scroll{max-height:72vh;overflow:auto;scrollbar-width:thin;scrollbar-color:#b7c8be transparent;overscroll-behavior:contain}
.monis-list-scroll table{border-collapse:separate;border-spacing:0}
.monis-list-scroll thead th{position:sticky;top:0;z-index:12;background:#f5f2e9!important;box-shadow:0 1px 0 #e7e3d8}
.monis-page-size-control{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:#64748b;font-size:11px;font-weight:800}
.monis-page-size-control select{height:36px;min-width:76px;border:1px solid #dbe3df;border-radius:10px;background:#fff;padding:0 28px 0 10px;color:#173b2d;font-size:11px;font-weight:900;outline:none;cursor:pointer}
.monis-page-size-control select:focus{border-color:#62a484;box-shadow:0 0 0 3px rgba(16,114,72,.08)}
html[data-theme='dark'] .monis-list-scroll thead th{background:#203229!important;color:#dce8e1;box-shadow:0 1px 0 #3d5146}
html[data-theme='dark'] .monis-page-size-control{color:#aebeb5}
html[data-theme='dark'] .monis-page-size-control select{background:#17271f;border-color:#3b5145;color:#dce8e1}
@media(max-width:900px){.monis-list-scroll{max-height:68vh}.monis-page-size-control{width:100%;justify-content:space-between}}

/* MONIS v8.6.53 - Input Akses / audit trail on history tables */
.rmpm-access-heading,.rmpm-access-cell{min-width:185px}
.rmpm-access-info{font-size:10px;line-height:1.45;color:#64748b;white-space:nowrap}
.rmpm-access-info div{margin:2px 0}
.rmpm-access-info small{display:block;color:#94a3b8;font-size:9px;line-height:1.25}
.rmpm-access-info b.input{color:#047857}
.rmpm-access-info b.edit{color:#0369a1}
.rmpm-access-info b.delete{color:#dc2626}
.pm-damage-access-cell{min-width:185px}
.pm-damage-access{font-size:10px;line-height:1.45;color:#64748b;white-space:nowrap}
.pm-damage-access-line{margin:2px 0}
.pm-damage-access-line small{display:block;color:#94a3b8;font-size:9px;line-height:1.25}
.pm-damage-access-line.input b{color:#047857}
.pm-damage-access-line.edit b{color:#0369a1}
.pm-damage-access-line.delete b{color:#dc2626}
html.dark .rmpm-access-info,html.dark .pm-damage-access{color:#cbd5e1}
html.dark .rmpm-access-info small,html.dark .pm-damage-access-line small{color:#94a3b8}
html.dark .rmpm-access-info b.input,html.dark .pm-damage-access-line.input b{color:#6ee7b7}
html.dark .rmpm-access-info b.edit,html.dark .pm-damage-access-line.edit b{color:#7dd3fc}
html.dark .rmpm-access-info b.delete,html.dark .pm-damage-access-line.delete b{color:#fca5a5}

/* MONIS v8.6.54 - Shift filter konsisten untuk Riwayat & Export */
.rmpm-period-custom.has-shift{grid-template-columns:minmax(100px,.72fr) minmax(112px,1fr) 16px minmax(112px,1fr) auto}
.rmpm-period-custom .rmpm-period-shift .rmpm-select{height:34px;font-size:9px}
.pm-damage-history-shift-field{display:block;flex:0 0 150px;min-width:135px;font-size:10px;font-weight:800;color:#52635c}
.pm-damage-history-shift-field>span{display:block;margin-bottom:7px}
.pm-damage-history-shift-field>select{width:100%;height:40px;border:1px solid #dce4df;border-radius:12px;background:#fff;padding:0 34px 0 12px;font-size:11px;font-weight:750;color:#173b2d;outline:none;cursor:pointer}
.pm-damage-history-shift-field>select:focus{border-color:#63a786;box-shadow:0 0 0 3px rgba(22,114,71,.09)}
html[data-theme='dark'] .pm-damage-history-shift-field{color:#aebeb5}
html[data-theme='dark'] .pm-damage-history-shift-field>select{background:#17271f;border-color:#3b5145;color:#e4eee8}
@media(max-width:767px){
  .rmpm-period-custom.has-shift{grid-template-columns:1fr 12px 1fr}
  .rmpm-period-custom.has-shift .rmpm-period-shift{grid-column:1/-1}
}
@media(max-width:720px){.pm-damage-history-shift-field{flex-basis:100%;min-width:100%}}

/* MONIS v8.6.60 - visual export JPG */
.rmpm-export-btn.jpg { color:#6d4bc3; background:#f7f3ff; border-color:#ddd2fa; }
.rmpm-export-btn.jpg:hover { background:#efe8ff; border-color:#c8b7f4; }
html[data-theme='dark'] .rmpm-export-btn.jpg { color:#c9b8ff; background:#28213b; border-color:#584a7d; }
.pm-damage-btn.jpg { background:#f7f3ff; color:#6d4bc3; border-color:#ddd2fa; }
.pm-damage-btn.jpg:hover { background:#efe8ff; border-color:#c8b7f4; }
html[data-theme='dark'] .pm-damage-btn.jpg { color:#c9b8ff; background:#28213b; border-color:#584a7d; }

/* MONIS v8.6.64 - Ambil Data Sebelumnya / Ketersediaan IS */
.rmpm-is-row-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}
.rmpm-copy-previous-btn{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px;border-radius:11px;border:1px solid #b9d8c8;background:#f6fbf8;color:#0b6448;font-size:11px;font-weight:900;cursor:pointer;transition:.16s ease}
.rmpm-copy-previous-btn:hover{background:#eaf7f1;border-color:#8fc1a7;box-shadow:0 4px 12px rgba(11,100,72,.08)}
.rmpm-prev-backdrop{position:fixed;inset:0;z-index:260;background:rgba(15,23,42,.46);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:18px}
.rmpm-prev-modal{width:min(760px,96vw);max-height:min(82vh,760px);overflow:auto;background:#fff;border:1px solid #e4e9e6;border-radius:24px;box-shadow:0 30px 80px rgba(15,23,42,.24);padding:20px}
.rmpm-prev-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:14px;border-bottom:1px solid #edf0ee}
.rmpm-prev-head h3{margin:4px 0 3px;font-size:20px;font-weight:900;color:#173b2d}
.rmpm-prev-head p{margin:0;font-size:11px;color:#718078}
.rmpm-prev-kicker{font-size:9px;font-weight:950;letter-spacing:.18em;color:#0b7551}
.rmpm-prev-close{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;border:1px solid #e2e8e5;background:#fff;color:#607068;cursor:pointer;flex:0 0 auto}
.rmpm-prev-close:hover{background:#f5f8f6;color:#173b2d}
.rmpm-prev-latest{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding:13px 15px;border:1px solid #cae8d8;background:#effaf4;border-radius:15px;color:#0c6448;text-align:left;cursor:pointer}
.rmpm-prev-latest:disabled{opacity:.55;cursor:not-allowed}
.rmpm-prev-latest div{display:flex;flex-direction:column;gap:3px}
.rmpm-prev-latest b{font-size:12px}.rmpm-prev-latest span{font-size:10px;color:#668077}
.rmpm-prev-table-wrap{margin-top:14px;border:1px solid #e7ece9;border-radius:15px;overflow:auto;max-height:360px}
.rmpm-prev-table{width:100%;border-collapse:collapse;font-size:11px}
.rmpm-prev-table th{position:sticky;top:0;z-index:2;background:#f7f8f5;color:#617269;font-size:9px;text-transform:uppercase;letter-spacing:.04em;text-align:left;padding:10px 11px;border-bottom:1px solid #e5eae7}
.rmpm-prev-table td{padding:10px 11px;border-bottom:1px solid #f0f2f1;color:#33453e;cursor:pointer}
.rmpm-prev-table tr:hover td{background:#f9fcfa}.rmpm-prev-table tr.selected td{background:#ecf8f1;color:#0c5f45}
.rmpm-prev-table input[type=radio]{accent-color:#0b7551}
.rmpm-prev-loading,.rmpm-prev-empty{min-height:140px;display:flex;align-items:center;justify-content:center;gap:9px;color:#7b8982;font-size:11px}
.rmpm-prev-source{display:flex;align-items:center;gap:10px;margin-top:16px;padding:12px 14px;border:1px solid #dce9e2;background:#f7fbf9;border-radius:14px;color:#0b6448}
.rmpm-prev-source>div{display:flex;flex-direction:column;gap:3px}.rmpm-prev-source b{font-size:12px}.rmpm-prev-source span{font-size:10px;color:#667b70}
.rmpm-prev-mode-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.rmpm-prev-mode{display:flex;align-items:flex-start;gap:10px;padding:14px;border:1px solid #dfe6e2;border-radius:15px;background:#fff;cursor:pointer;transition:.15s ease}
.rmpm-prev-mode.active{border-color:#7fb99c;background:#eff9f4;box-shadow:0 0 0 3px rgba(11,100,72,.06)}
.rmpm-prev-mode input{margin-top:2px;accent-color:#0b7551}.rmpm-prev-mode>div{display:flex;flex-direction:column;gap:4px}.rmpm-prev-mode b{font-size:12px;color:#173b2d}.rmpm-prev-mode span{font-size:10px;color:#697970;line-height:1.45}
.rmpm-prev-current{display:flex;align-items:flex-start;gap:8px;margin-top:14px;padding:11px 13px;border:1px solid #f1dec4;background:#fff9ef;border-radius:13px;color:#84602d;font-size:10px;line-height:1.45}
.rmpm-prev-current b{color:#6e4b19}
.rmpm-prev-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:16px;padding-top:14px;border-top:1px solid #eef1ef}
.rmpm-prev-actions button{height:38px;padding:0 15px;border-radius:11px;font-size:11px;font-weight:900;display:inline-flex;align-items:center;gap:7px;cursor:pointer}
.rmpm-prev-actions .secondary{border:1px solid #dce3df;background:#fff;color:#53655c}.rmpm-prev-actions .primary{border:1px solid #0b6448;background:#0b6448;color:#fff}.rmpm-prev-actions .primary:disabled{opacity:.45;cursor:not-allowed}
html[data-theme='dark'] .rmpm-copy-previous-btn{background:#17271f;border-color:#355847;color:#a8e1c2}
html[data-theme='dark'] .rmpm-prev-modal{background:#122018;border-color:#31473c;color:#e4eee8}
html[data-theme='dark'] .rmpm-prev-head{border-color:#2a3c33}html[data-theme='dark'] .rmpm-prev-head h3{color:#e9f3ed}html[data-theme='dark'] .rmpm-prev-head p{color:#99ada2}
html[data-theme='dark'] .rmpm-prev-close{background:#17271f;border-color:#385045;color:#b9c8c0}
html[data-theme='dark'] .rmpm-prev-latest{background:#173529;border-color:#2d6048;color:#a8e1c2}html[data-theme='dark'] .rmpm-prev-latest span{color:#92a99d}
html[data-theme='dark'] .rmpm-prev-table-wrap{border-color:#30443a}html[data-theme='dark'] .rmpm-prev-table th{background:#1b2c23;color:#a5b8ae;border-color:#34483e}html[data-theme='dark'] .rmpm-prev-table td{color:#d4e2da;border-color:#263a30}html[data-theme='dark'] .rmpm-prev-table tr:hover td{background:#1a2b22}html[data-theme='dark'] .rmpm-prev-table tr.selected td{background:#17392a;color:#bce7ce}
html[data-theme='dark'] .rmpm-prev-mode{background:#17271f;border-color:#395045}html[data-theme='dark'] .rmpm-prev-mode.active{background:#193629;border-color:#4f866b}html[data-theme='dark'] .rmpm-prev-mode b{color:#e4eee8}html[data-theme='dark'] .rmpm-prev-mode span{color:#9bada3}
html[data-theme='dark'] .rmpm-prev-source{background:#172b21;border-color:#355244;color:#b8e0ca}html[data-theme='dark'] .rmpm-prev-current{background:#352a18;border-color:#604b27;color:#dec28e}
html[data-theme='dark'] .rmpm-prev-actions{border-color:#2b3d34}html[data-theme='dark'] .rmpm-prev-actions .secondary{background:#17271f;border-color:#3a5045;color:#c7d5ce}
@media(max-width:720px){.rmpm-prev-backdrop{align-items:flex-end;padding:8px}.rmpm-prev-modal{width:100%;max-height:90vh;border-radius:22px 22px 10px 10px;padding:16px}.rmpm-prev-mode-list{grid-template-columns:1fr}.rmpm-prev-table th,.rmpm-prev-table td{padding:9px 8px;font-size:10px}.rmpm-prev-actions{position:sticky;bottom:-16px;background:inherit;padding-bottom:4px}.rmpm-is-row-actions{align-items:stretch}.rmpm-copy-previous-btn,.rmpm-is-row-actions .rmpm-add{flex:1 1 170px;justify-content:center}}

/* MONIS v8.6.65 - Kebersihan & Kerapihan photo documentation */
.rmpm-work-bottom-stacked{grid-template-columns:1fr!important;gap:12px}
.rmpm-clean-card,.rmpm-person-card{min-height:0}
.rmpm-clean-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
.rmpm-clean-title h4{margin-bottom:2px}
.rmpm-clean-title small{margin:0;color:#8b978f;font-size:8.5px}
.rmpm-clean-headings{display:grid;grid-template-columns:minmax(180px,1.45fr) 150px minmax(360px,2fr) 42px;gap:8px;padding:8px 9px;border-radius:10px;background:#eef7f1;color:#52665d;font-size:8.5px;font-weight:900;text-transform:uppercase;letter-spacing:.03em;margin-bottom:5px}
.rmpm-clean-row{display:grid;grid-template-columns:minmax(180px,1.45fr) 150px minmax(360px,2fr) 42px;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #eee9df}
.rmpm-clean-row:last-of-type{border-bottom:0}
.rmpm-clean-photo-cell{display:flex;align-items:center;gap:8px;min-width:0}
.rmpm-clean-photo-actions{display:flex;gap:5px;flex:none}
.rmpm-clean-photo-btn{width:52px;height:42px;border:1px solid #d7e5dd;border-radius:9px;background:#fff;color:#176b4b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:7.5px;font-weight:800;cursor:pointer;transition:.15s ease}
.rmpm-clean-photo-btn:hover{background:#eef8f2;border-color:#afd7c3}
.rmpm-clean-photo-btn.disabled{opacity:.45;cursor:not-allowed}
.rmpm-clean-photo-btn input{display:none}
.rmpm-clean-thumbs{display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden}
.rmpm-clean-thumb-wrap{width:42px;height:42px;position:relative;flex:none}
.rmpm-clean-thumb{width:42px;height:42px;padding:0;border:1px solid #d9e4dd;border-radius:8px;background:#f7faf8;overflow:hidden;cursor:pointer}
.rmpm-clean-thumb img{width:100%;height:100%;object-fit:contain;background:#f4f6f4}
.rmpm-clean-thumb-delete{position:absolute;right:-4px;top:-5px;width:17px;height:17px;border:0;border-radius:50%;background:#ef4444;color:#fff;font-size:12px;line-height:17px;font-weight:900;display:grid;place-items:center;box-shadow:0 2px 6px rgba(0,0,0,.18);cursor:pointer}
.rmpm-clean-count{height:28px;padding:0 8px;border:0;border-radius:999px;background:#e8f6ed;color:#176c4b;font-size:8.5px;font-weight:900;white-space:nowrap;cursor:pointer}
.rmpm-clean-row-delete{width:34px;height:34px;border:1px solid #ffd6d0;border-radius:9px;background:#fff8f7;color:#dc4d3c;display:grid;place-items:center;cursor:pointer}
.rmpm-clean-card>.rmpm-link,.rmpm-person-card>.rmpm-link{margin-top:7px}
html[data-theme='dark'] .rmpm-clean-headings{background:#1b3026;color:#b9c8bf}
html[data-theme='dark'] .rmpm-clean-row{border-color:#2c4036}
html[data-theme='dark'] .rmpm-clean-photo-btn{background:#102019;border-color:#365044;color:#9fdbb9}
html[data-theme='dark'] .rmpm-clean-thumb{background:#102019;border-color:#365044}
html[data-theme='dark'] .rmpm-clean-count{background:#214737;color:#9fdbb9}
html[data-theme='dark'] .rmpm-clean-row-delete{background:#341d20;border-color:#603035;color:#ff8f87}
@media(max-width:920px){
  .rmpm-clean-headings{display:none}
  .rmpm-clean-row{grid-template-columns:1fr 130px;gap:7px;padding:10px 0}
  .rmpm-clean-photo-cell{grid-column:1/-1;flex-wrap:wrap}
  .rmpm-clean-row-delete{grid-column:2;grid-row:2;justify-self:end;margin-top:-42px}
}
@media(max-width:560px){
  .rmpm-clean-row{grid-template-columns:1fr}
  .rmpm-clean-photo-cell{grid-column:1}
  .rmpm-clean-row-delete{grid-column:1;grid-row:auto;justify-self:end;margin-top:-42px}
  .rmpm-clean-thumbs{max-width:100%}
  .rmpm-person-row{grid-template-columns:1fr!important}
}

/* MONIS v8.6.71 - Global Appearance & Theme */
:root {
  --monis-custom-bg: #f7faf8;
  --monis-custom-bg-image: none;
  --monis-custom-bg-opacity: 0.12;
  --monis-custom-bg-blur: 0px;
  --monis-custom-bg-position: center;
  --monis-custom-bg-size: cover;
  --monis-body-font: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  --monis-heading-font: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --monis-body-size: 14px;
  --monis-dashboard-heading-size: 42px;
  --monis-heading-weight: 700;
}
body {
  background-color: var(--monis-custom-bg) !important;
  font-family: var(--monis-body-font) !important;
  position: relative;
  min-height: 100vh;
}
body::before {
  content: '';
  position: fixed;
  inset: -18px;
  pointer-events: none;
  z-index: 0;
  background-image: var(--monis-custom-bg-image);
  background-position: var(--monis-custom-bg-position);
  background-size: var(--monis-custom-bg-size);
  background-repeat: no-repeat;
  opacity: var(--monis-custom-bg-opacity);
  filter: blur(var(--monis-custom-bg-blur));
}
#root { position: relative; z-index: 1; min-height: 100vh; }
.monis-app-shell { background: transparent !important; font-family: var(--monis-body-font) !important; }
.modern-content { background: transparent !important; font-family: var(--monis-body-font) !important; font-size: var(--monis-body-size); }
.monis-app-shell input,
.monis-app-shell select,
.monis-app-shell textarea,
.monis-app-shell button,
.monis-app-shell table,
.monis-app-shell .conceptc-hero p { font-family: var(--monis-body-font) !important; }
.conceptc-hero h1 {
  font-family: var(--monis-heading-font) !important;
  font-size: var(--monis-dashboard-heading-size) !important;
  font-weight: var(--monis-heading-weight) !important;
}
.conceptc-panel-title,
.rmpm-hero h1,
.rmpm-title-row h1,
.rmpm-history-head h2,
.rmpm-history-section-head h3,
.rmpm-edit-head h2 {
  font-family: var(--monis-heading-font) !important;
  font-weight: var(--monis-heading-weight) !important;
}
@media (max-width: 640px) {
  .conceptc-hero h1 { font-size: min(var(--monis-dashboard-heading-size), 34px) !important; }
}
/* Adjustable text sizing for operational content. Default 14px preserves the existing compact scale. */
.modern-content p,
.modern-content td,
.modern-content input:not([type='range']):not([type='color']),
.modern-content select,
.modern-content textarea {
  font-size: max(10px, calc(var(--monis-body-size) - 2px)) !important;
}
.modern-content button {
  font-family: var(--monis-body-font) !important;
}

/* MONIS v8.6.80 - Incoming RM & PM edit modal: Surat Jalan document manager */
.incoming-edit-doc-manager{padding:12px;border:1px solid #dce7e1;border-radius:14px;background:linear-gradient(180deg,#fbfdfb,#f7fbf8)}
.incoming-edit-doc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.incoming-edit-doc-head>div{display:flex;flex-direction:column;gap:3px}.incoming-edit-doc-head span{font-size:10px;font-weight:900;color:#244438}.incoming-edit-doc-head small{font-size:8.5px;color:#74827b;line-height:1.4}.incoming-edit-doc-head>b{flex:0 0 auto;padding:4px 8px;border-radius:999px;background:#eaf8f0;color:#16704f;font-size:8px;font-weight:900}
.incoming-edit-doc-grid{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.incoming-edit-doc-thumb{width:96px;padding:5px;border:1px solid #dce7e1;border-radius:12px;background:#fff;text-align:left;cursor:pointer;transition:.16s ease}.incoming-edit-doc-thumb:hover{border-color:#77bd9a;box-shadow:0 5px 14px rgba(22,112,79,.08)}.incoming-edit-doc-preview{height:64px;border-radius:9px;overflow:hidden;background:#eef5f1;color:#477664;display:grid;place-items:center}.incoming-edit-doc-preview img{width:100%;height:100%;object-fit:cover}.incoming-edit-doc-thumb>span{display:block;margin-top:5px;font-size:8px;font-weight:900;color:#385448;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.incoming-edit-doc-thumb>em{display:block;margin-top:2px;font-size:7px;font-style:normal;font-weight:800;color:#2d7bb3}.incoming-edit-doc-empty{height:64px;border:1px dashed #cfdcd5;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;gap:7px;color:#8a9991;font-size:9px;font-weight:700;margin-bottom:10px}
.incoming-edit-doc-actions{display:flex;gap:8px;flex-wrap:wrap}.incoming-edit-doc-add{height:34px;padding:0 11px;border:1px solid #badfca;border-radius:10px;background:#fff;color:#146a4a;display:inline-flex;align-items:center;gap:6px;font-size:9px;font-weight:900;cursor:pointer}.incoming-edit-doc-add.camera{background:#eff9f4}.incoming-edit-doc-add:hover{border-color:#69b78c;background:#f4fbf7}.incoming-edit-doc-add.disabled{opacity:.45;cursor:not-allowed}.incoming-edit-doc-add input{display:none}.incoming-edit-doc-help{margin-top:8px;color:#829088;font-size:8px;line-height:1.45}
html[data-theme='dark'] .incoming-edit-doc-manager{background:#102019;border-color:#365044}html[data-theme='dark'] .incoming-edit-doc-head span{color:#dce9e1}html[data-theme='dark'] .incoming-edit-doc-head small,html[data-theme='dark'] .incoming-edit-doc-help{color:#91a197}html[data-theme='dark'] .incoming-edit-doc-head>b{background:#173d2e;color:#9ee1bd}html[data-theme='dark'] .incoming-edit-doc-thumb,html[data-theme='dark'] .incoming-edit-doc-empty,html[data-theme='dark'] .incoming-edit-doc-add{background:#14271e;border-color:#385448;color:#cce5d6}html[data-theme='dark'] .incoming-edit-doc-preview{background:#1d352a;color:#98cbb0}html[data-theme='dark'] .incoming-edit-doc-thumb>span{color:#d6e6dd}
@media(max-width:640px){.incoming-edit-doc-thumb{width:84px}.incoming-edit-doc-preview{height:58px}.incoming-edit-doc-actions{display:grid;grid-template-columns:1fr 1fr}.incoming-edit-doc-add{justify-content:center;width:100%;box-sizing:border-box}}