/* ===== SOURCE: app.css ===== */
:root{--b950:#3b0508;--b900:#5f080d;--b800:#8f1017;--b700:#d71920;--b600:#ef3d45;--b100:#fff0f1;--ink:#2b1416;--muted:#7e6669;--line:#f1dfe1;--surface:#fff;--success:#18a66a;--danger:#d94d59;--shadow:0 22px 70px rgba(95,8,13,.13);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}*{box-sizing:border-box}body{min-height:100vh;margin:0;background:radial-gradient(circle at 8% 8%,rgba(239,61,69,.15),transparent 30rem),radial-gradient(circle at 90% 90%,rgba(215,25,32,.12),transparent 28rem),#fff7f8}button,input{font:inherit}.hidden{display:none!important}.login-shell{width:min(1180px,calc(100% - 40px));min-height:720px;margin:40px auto;display:grid;grid-template-columns:.9fr 1.1fr;overflow:hidden;border:1px solid rgba(255,255,255,.8);border-radius:34px;background:rgba(255,255,255,.88);box-shadow:var(--shadow);backdrop-filter:blur(16px)}.login-panel{padding:clamp(32px,5vw,68px);display:flex;flex-direction:column;justify-content:center}.brand-row,.sidebar-brand{display:flex;align-items:center;gap:14px}.brand-row h1,.sidebar-brand b{margin:0;letter-spacing:-.03em}.brand-mark{width:52px;height:52px;padding:11px;display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:4px;border-radius:16px;background:linear-gradient(145deg,var(--b700),#fb7185);box-shadow:0 12px 28px rgba(215,25,32,.28)}.brand-mark i{display:block;border-radius:7px 7px 3px 3px;background:#fff}.brand-mark i:nth-child(1){height:44%}.brand-mark i:nth-child(2){height:74%}.brand-mark i:nth-child(3){height:100%}.brand-mark.small{width:42px;height:42px;padding:9px;border-radius:13px}.eyebrow{display:block;margin:0 0 5px;color:var(--b700);font-size:.7rem;font-weight:900;letter-spacing:.14em}.login-copy{margin:52px 0 34px}.secure-pill,.scope-badge,.neutral-pill{display:inline-flex;padding:7px 10px;border-radius:999px;font-size:.72rem;font-weight:850}.secure-pill{color:var(--b700);background:var(--b100)}.login-copy h2{max-width:520px;margin:18px 0 12px;color:var(--b950);font-size:clamp(2rem,4vw,3.45rem);line-height:1.03;letter-spacing:-.055em}.login-copy p{max-width:520px;margin:0;color:var(--muted);line-height:1.7}.login-form{display:grid;gap:18px}.login-form label{display:grid;gap:8px;font-size:.83rem;font-weight:760}.login-form input{width:100%;height:54px;padding:0 16px;border:1px solid var(--line);border-radius:15px;outline:none;color:var(--ink);background:#fbfdff;transition:.16s}.login-form input:focus{border-color:var(--b600);box-shadow:0 0 0 4px rgba(239,61,69,.11);background:#fff}.password-wrap{position:relative}.password-wrap input{padding-right:72px}.password-wrap button{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;border-radius:9px;padding:8px 9px;color:var(--b700);background:transparent;font-size:.76rem;font-weight:850}.primary-button{height:56px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--b700),#f43f5e);box-shadow:0 15px 32px rgba(215,25,32,.25);font-weight:850;cursor:pointer}.primary-button:disabled{opacity:.65;cursor:wait}.form-error{min-height:20px;margin:0;color:var(--danger);font-size:.8rem}.connection{margin-top:28px;display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.78rem}.connection i,.api-status i{width:9px;height:9px;border-radius:50%;background:var(--success);box-shadow:0 0 0 5px rgba(24,166,106,.12)}.login-visual{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(59,5,8,.98),rgba(215,25,32,.93))}.grid-lines{position:absolute;inset:0;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px);background-size:48px 48px;transform:perspective(500px) rotateX(55deg) scale(1.5) translateY(20%)}.login-visual:before{content:"";position:absolute;width:420px;height:420px;top:-130px;right:-110px;border:1px solid rgba(255,255,255,.32);border-radius:50%;box-shadow:0 0 0 60px rgba(255,255,255,.05),0 0 0 120px rgba(255,255,255,.03)}.glass-card{position:absolute;z-index:2;border:1px solid rgba(255,255,255,.25);border-radius:22px;color:#fff;background:rgba(255,255,255,.13);box-shadow:0 24px 64px rgba(3,18,52,.28);backdrop-filter:blur(16px)}.main-card{left:12%;right:12%;top:32%;padding:34px}.main-card small,.main-card span,.region-card span{color:rgba(255,255,255,.72)}.main-card strong{display:block;margin:10px 0 12px;font-size:clamp(2.5rem,6vw,5rem);line-height:.95;letter-spacing:-.06em}.live-card{top:17%;right:9%;padding:16px 18px;display:flex;align-items:center;gap:10px}.live-card i{width:10px;height:10px;border-radius:50%;background:#6dffbc;box-shadow:0 0 0 6px rgba(109,255,188,.16)}.region-card{left:8%;bottom:16%;padding:17px 19px;display:grid;gap:5px}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr);background:#fff7f8}.sidebar{position:sticky;top:0;height:100vh;padding:26px 18px;display:flex;flex-direction:column;color:#fff;background:radial-gradient(circle at 20% 0%,rgba(239,61,69,.35),transparent 20rem),linear-gradient(180deg,var(--b950),#5f080d)}.sidebar-brand{padding:0 8px 26px;border-bottom:1px solid rgba(255,255,255,.12)}.sidebar-brand b,.sidebar-brand span{display:block}.sidebar-brand b{font-size:1rem;letter-spacing:.08em}.sidebar-brand span{color:rgba(255,255,255,.62);font-size:.75rem}.sidebar nav{margin-top:24px;display:grid;gap:8px}.nav{width:100%;min-height:48px;padding:0 13px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;border:0;border-radius:13px;text-align:left;color:rgba(255,255,255,.72);background:transparent;font-weight:720}.nav.active{color:#fff;background:linear-gradient(135deg,rgba(239,61,69,.92),rgba(244,93,100,.72));box-shadow:0 12px 28px rgba(0,0,0,.16)}.nav.locked{opacity:.56;cursor:not-allowed}.nav small{padding:4px 6px;border-radius:7px;color:rgba(255,255,255,.72);background:rgba(255,255,255,.09);font-size:.61rem}.sidebar-scope{margin-top:auto;padding:16px;display:grid;gap:5px;border:1px solid rgba(255,255,255,.14);border-radius:15px;background:rgba(255,255,255,.07)}.sidebar-scope small{color:rgba(255,255,255,.58);font-size:.66rem;font-weight:900;letter-spacing:.1em}.sidebar-scope span{color:rgba(255,255,255,.68);font-size:.72rem}.workspace{min-width:0}.topbar{min-height:88px;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.92);backdrop-filter:blur(14px)}.topbar h1{margin:0;color:var(--b950);font-size:1.55rem;letter-spacing:-.035em}.top-actions{display:flex;align-items:center;gap:12px}.soft-button,.logout-button{min-height:42px;padding:0 14px;border-radius:12px;font-weight:760;cursor:pointer}.soft-button{border:1px solid var(--line);color:var(--b800);background:#fff}.logout-button{border:1px solid #ffd8dc;color:#c23846;background:#fff6f7}.user-chip{min-width:180px;padding:6px 10px 6px 7px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;background:#fff}.user-chip b,.user-chip small{display:block;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-chip b{font-size:.81rem}.user-chip small{margin-top:2px;color:var(--muted);font-size:.67rem}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;color:#fff;background:linear-gradient(135deg,var(--b700),#fb7185);font-size:.72rem;font-weight:900}.content{padding:28px}.hero{min-height:168px;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:28px;position:relative;overflow:hidden;border-radius:24px;color:#fff;background:radial-gradient(circle at 90% -20%,rgba(255,255,255,.24),transparent 18rem),linear-gradient(135deg,var(--b950),var(--b700));box-shadow:0 20px 46px rgba(95,8,13,.2)}.hero h2{margin:14px 0 8px;font-size:clamp(1.5rem,3vw,2.35rem);letter-spacing:-.04em}.hero p{max-width:680px;margin:0;color:rgba(255,255,255,.72)}.scope-badge{color:#fff;background:rgba(255,255,255,.14)}.api-status{min-width:190px;padding:16px;display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(255,255,255,.09)}.api-status b,.api-status small{display:block}.api-status small{margin-top:3px;color:rgba(255,255,255,.66);font-size:.67rem}.metric-grid{margin:22px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric-card{min-height:138px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line);border-radius:19px;background:var(--surface);box-shadow:0 12px 34px rgba(95,8,13,.08)}.metric-head{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.8rem;font-weight:760}.metric-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:var(--b700);background:var(--b100);font-weight:900}.metric-card strong{color:var(--b950);font-size:2rem;letter-spacing:-.05em}.metric-card small{color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:18px}.panel{padding:22px;border:1px solid var(--line);border-radius:21px;background:#fff;box-shadow:0 12px 34px rgba(95,8,13,.08)}.panel-head{margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.panel-head h3{margin:2px 0 0;font-size:1.06rem;letter-spacing:-.025em}.neutral-pill{color:var(--muted);background:#f2f5fa}.periods{padding:4px;display:flex;border-radius:11px;background:#f1f5fb}.period{min-height:32px;padding:0 10px;border:0;border-radius:8px;color:var(--muted);background:transparent;font-size:.72rem;font-weight:800;cursor:pointer}.period.active{color:var(--b700);background:#fff;box-shadow:0 5px 14px rgba(95,8,13,.09)}.revenue-primary{padding:21px;border-radius:18px;color:#fff;background:linear-gradient(135deg,var(--b800),var(--b600))}.revenue-primary span,.revenue-primary small{color:rgba(255,255,255,.72)}.revenue-primary strong{display:block;margin:8px 0 3px;font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.06em}.revenue-split{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.revenue-item{padding:15px;border:1px solid var(--line);border-radius:15px;background:#fbfdff}.revenue-item span,.revenue-item strong{display:block}.revenue-item span{color:var(--muted);font-size:.68rem;font-weight:800}.revenue-item strong{margin-top:7px;color:var(--b950);font-size:1rem}.operations{display:grid;gap:18px}.operation{display:grid;gap:9px}.operation-title{display:flex;justify-content:space-between;font-size:.77rem;font-weight:800}.operation-title span:last-child{color:var(--muted)}.track{height:8px;overflow:hidden;border-radius:999px;background:#eaf0f8}.fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--b700),#f43f5e)}.operation-meta{display:flex;flex-wrap:wrap;gap:7px}.operation-meta span{padding:5px 7px;border-radius:8px;color:var(--muted);background:#f4f7fb;font-size:.65rem;font-weight:750}.activity-panel{margin-top:18px}.activity-row{padding:14px 4px;display:grid;grid-template-columns:42px minmax(120px,1fr) minmax(120px,1fr) 110px 120px;align-items:center;gap:14px;border-top:1px solid var(--line)}.activity-row:first-child{border-top:0}.activity-type{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:var(--b700);background:var(--b100);font-size:.68rem;font-weight:900}.activity-main b,.activity-main small,.activity-location b,.activity-location small{display:block}.activity-main small,.activity-location small,.activity-time{margin-top:3px;color:var(--muted);font-size:.69rem}.activity-status{justify-self:start;padding:7px 9px;border-radius:9px;color:var(--b800);background:var(--b100);font-size:.67rem;font-weight:850}.empty,.loading{min-height:170px;display:grid;place-items:center;color:var(--muted);text-align:center}.toast{position:fixed;z-index:30;right:24px;bottom:24px;max-width:340px;padding:13px 16px;border-radius:13px;color:#fff;background:var(--b950);box-shadow:var(--shadow);opacity:0;transform:translateY(12px);pointer-events:none;transition:.18s}.toast.show{opacity:1;transform:translateY(0)}.toast.error{background:#a72f3b}@media(max-width:1120px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.activity-row{grid-template-columns:42px minmax(120px,1fr) 120px 110px}.activity-location{display:none}}@media(max-width:900px){.login-shell{grid-template-columns:1fr}.login-visual{display:none}.app-shell{grid-template-columns:82px minmax(0,1fr)}.sidebar{padding:22px 12px}.sidebar-brand>div:last-child,.nav span,.nav small,.sidebar-scope{display:none}.sidebar-brand{justify-content:center;padding-inline:0}.nav{grid-template-columns:1fr;place-items:center;padding:0}.user-chip{display:none}}@media(max-width:680px){.login-shell{width:calc(100% - 20px);min-height:calc(100vh - 20px);margin:10px auto;border-radius:24px}.login-panel{padding:28px 22px}.app-shell{display:block}.sidebar{position:fixed;z-index:20;left:0;right:0;bottom:0;top:auto;width:100%;height:72px;padding:9px 12px;display:block}.sidebar-brand,.sidebar-scope,.nav.locked{display:none}.sidebar nav{margin:0;display:flex;justify-content:center}.nav.active{width:58px;height:52px}.topbar{min-height:78px;padding:16px 18px}.soft-button span{display:none}.soft-button,.logout-button{padding:0 10px}.content{padding:16px 16px 92px}.hero{min-height:220px;padding:22px;align-items:flex-start;flex-direction:column}.api-status{min-width:0;width:100%}.metric-grid{grid-template-columns:1fr;gap:12px}.revenue-split{grid-template-columns:1fr}.panel-head{align-items:flex-start;flex-direction:column}.activity-row{grid-template-columns:38px minmax(0,1fr) auto}.activity-status{display:none}.activity-time{text-align:right}}

/* JET Sprint 5.0B4A — modul tahap berikutnya */
.sidebar .nav.b4a-locked,
.sidebar .nav[aria-disabled="true"] {
  opacity: 0.48;
  cursor: not-allowed;
  filter: grayscale(0.65);
  pointer-events: none;
}

.sidebar .nav.b4a-locked::after {
  content: "Segera";
  margin-left: auto;
  padding: 3px 7px;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.05em;
  color: #64748b;
  background: #e2e8f0;
}

/* ===== SOURCE: orders.css ===== */
#order-management-page {
  display: grid;
  gap: 18px;
}

.om-intro {
  padding: 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border-radius: 22px;
  color: #fff;
  background:
    radial-gradient(circle at 90% 0%, rgba(255, 255, 255, 0.2), transparent 15rem),
    linear-gradient(135deg, #3b0508, #d71920);
  box-shadow: 0 18px 42px rgba(8, 38, 93, 0.16);
}

.om-intro .eyebrow {
  color: #a9c8ff;
}

.om-intro h2 {
  margin: 2px 0 0;
  font-size: 1.8rem;
  letter-spacing: -0.03em;
}

.om-intro p {
  max-width: 760px;
  margin: 7px 0 0;
  color: rgba(255, 255, 255, 0.72);
  line-height: 1.65;
}

.om-total {
  padding: 10px 14px;
  border-radius: 999px;
  color: #fff;
  background: rgba(255, 255, 255, 0.14);
  font-size: 0.76rem;
  font-weight: 850;
  white-space: nowrap;
}

.om-tabs {
  padding: 5px;
  display: flex;
  width: fit-content;
  border: 1px solid #f1dfe1;
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(8, 38, 93, 0.07);
}

.om-tab {
  min-height: 40px;
  padding: 0 18px;
  border: 0;
  border-radius: 10px;
  color: #7e6669;
  background: transparent;
  font-weight: 820;
}

.om-tab.active {
  color: #fff;
  background: linear-gradient(135deg, #d71920, #4a89ff);
  box-shadow: 0 8px 18px rgba(11, 92, 255, 0.2);
}

.om-filter {
  padding: 18px;
  display: grid;
  grid-template-columns: minmax(220px, 1.35fr) repeat(5, minmax(130px, 0.7fr)) auto;
  gap: 12px;
  align-items: end;
  border: 1px solid #f1dfe1;
  border-radius: 19px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(8, 38, 93, 0.08);
}

.om-filter label {
  display: grid;
  gap: 8px;
  color: #2b1416;
  font-size: 0.78rem;
  font-weight: 780;
}

.om-filter input,
.om-filter select {
  width: 100%;
  height: 46px;
  padding: 0 14px;
  border: 1px solid #f1dfe1;
  border-radius: 12px;
  outline: none;
  color: #2b1416;
  background: #fbfdff;
}

.om-filter input:focus,
.om-filter select:focus {
  border-color: #ef3d45;
  box-shadow: 0 0 0 4px rgba(47, 120, 255, 0.1);
  background: #fff;
}

.om-filter-actions {
  display: flex;
  gap: 8px;
}

.om-filter-actions button {
  min-height: 46px;
  padding: 0 16px;
  border-radius: 12px;
  font-weight: 800;
}

.om-apply {
  border: 0;
  color: #fff;
  background: linear-gradient(135deg, #d71920, #4a89ff);
  box-shadow: 0 10px 22px rgba(11, 92, 255, 0.2);
}

.om-reset {
  border: 1px solid #f1dfe1;
  color: #8f1017;
  background: #fff;
}

.om-panel {
  overflow: hidden;
  border: 1px solid #f1dfe1;
  border-radius: 21px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(8, 38, 93, 0.08);
}

.om-table-wrap {
  overflow-x: auto;
}

.om-table {
  width: 100%;
  min-width: 980px;
  border-collapse: collapse;
}

.om-table th,
.om-table td {
  padding: 14px 16px;
  border-bottom: 1px solid #f1dfe1;
  text-align: left;
  vertical-align: middle;
}

.om-table th {
  color: #7e6669;
  background: #f8faff;
  font-size: 0.68rem;
  font-weight: 850;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.om-table td {
  color: #2b1416;
  font-size: 0.78rem;
}

.om-table tr:last-child td {
  border-bottom: 0;
}

.om-table tr:hover td {
  background: #fbfdff;
}

.om-cell {
  display: grid;
  gap: 4px;
}

.om-cell b {
  color: #3b0508;
}

.om-cell small {
  color: #7e6669;
}

.om-status {
  display: inline-flex;
  padding: 7px 9px;
  border-radius: 9px;
  color: #8f1017;
  background: #fff0f1;
  font-size: 0.66rem;
  font-weight: 850;
  white-space: nowrap;
}

.om-status.status-success {
  color: #08794b;
  background: #e6f8f0;
}

.om-status.status-danger {
  color: #b33341;
  background: #fff0f2;
}

.om-status.status-warning {
  color: #9b6407;
  background: #fff5df;
}

.om-view {
  min-height: 34px;
  padding: 0 11px;
  border: 1px solid #f1dfe1;
  border-radius: 10px;
  color: #d71920;
  background: #fff;
  font-weight: 780;
}

.om-pagination {
  min-height: 62px;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  border-top: 1px solid #f1dfe1;
  background: #fbfdff;
}

.om-page-button {
  min-width: 38px;
  min-height: 36px;
  padding: 0 10px;
  border: 1px solid #f1dfe1;
  border-radius: 10px;
  color: #8f1017;
  background: #fff;
  font-weight: 760;
}

.om-page-button.active {
  color: #fff;
  border-color: #d71920;
  background: #d71920;
}

.om-page-button:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}

.om-empty,
.om-loading {
  min-height: 220px;
  display: grid;
  place-items: center;
  color: #7e6669;
  text-align: center;
}

.om-empty.compact {
  min-height: 90px;
}

.om-backdrop {
  position: fixed;
  z-index: 40;
  inset: 0;
  background: rgba(5, 19, 49, 0.42);
  backdrop-filter: blur(3px);
}

.om-drawer {
  position: fixed;
  z-index: 50;
  top: 0;
  right: 0;
  width: min(720px, 94vw);
  height: 100vh;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  color: #2b1416;
  background: #f7faff;
  box-shadow: -24px 0 70px rgba(5, 19, 49, 0.24);
}

.om-drawer-head {
  min-height: 88px;
  padding: 20px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid #f1dfe1;
  background: #fff;
}

.om-drawer-head h2 {
  margin: 0;
  color: #3b0508;
  letter-spacing: -0.035em;
}

.om-drawer-close {
  width: 42px;
  height: 42px;
  border: 1px solid #f1dfe1;
  border-radius: 13px;
  color: #8f1017;
  background: #fff;
  font-size: 1.5rem;
  font-weight: 700;
}

.om-drawer-content {
  overflow-y: auto;
  padding: 20px;
}

.om-detail-hero {
  padding: 20px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  border-radius: 18px;
  color: #fff;
  background: linear-gradient(135deg, #3b0508, #d71920);
}

.om-detail-hero h3 {
  margin: 6px 0 4px;
  font-size: 1.45rem;
}

.om-detail-hero p {
  margin: 0;
  color: rgba(255, 255, 255, 0.7);
}

.om-detail-hero > div:last-child {
  display: grid;
  gap: 4px;
  text-align: right;
  white-space: nowrap;
}

.om-detail-hero strong {
  font-size: 1.35rem;
}

.om-detail-hero small {
  color: rgba(255, 255, 255, 0.7);
}

.om-detail-grid {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.om-detail-card {
  padding: 16px;
  border: 1px solid #f1dfe1;
  border-radius: 16px;
  background: #fff;
}

.om-detail-card.full {
  grid-column: 1 / -1;
}

.om-detail-card h4 {
  margin: 0 0 13px;
  color: #3b0508;
  font-size: 0.88rem;
}

.om-detail-row {
  padding: 6px 0;
  display: grid;
  grid-template-columns: minmax(110px, 0.8fr) minmax(0, 1.2fr);
  gap: 12px;
  font-size: 0.74rem;
}

.om-detail-row span {
  color: #7e6669;
}

.om-detail-row b {
  overflow-wrap: anywhere;
  text-align: right;
}

.om-timeline {
  display: grid;
}

.om-timeline-row {
  position: relative;
  padding: 0 0 18px 24px;
  display: grid;
  gap: 4px;
  border-left: 2px solid #dce7f7;
}

.om-timeline-row:last-child {
  padding-bottom: 0;
}

.om-timeline-row::before {
  content: "";
  position: absolute;
  left: -6px;
  top: 2px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #d71920;
  box-shadow: 0 0 0 4px #fff0f1;
}

.om-timeline-row b {
  font-size: 0.76rem;
}

.om-timeline-row span,
.om-timeline-row small {
  color: #7e6669;
  font-size: 0.68rem;
}

.om-item-list,
.om-attempt-list {
  display: grid;
  gap: 9px;
}

.om-item-row,
.om-attempt-row {
  padding: 12px;
  border-radius: 12px;
  background: #f6f9fe;
}

.om-item-row div,
.om-attempt-row div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.om-item-row small,
.om-attempt-row small {
  color: #7e6669;
}

.om-snapshot {
  max-height: 260px;
  margin: 0;
  padding: 13px;
  overflow: auto;
  border-radius: 12px;
  color: #dce9ff;
  background: #071d49;
  font: 0.68rem/1.6 ui-monospace, SFMono-Regular, Menlo, monospace;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

@media (max-width: 1320px) {
  .om-filter {
    grid-template-columns: repeat(4, minmax(140px, 1fr));
  }

  .om-filter label:first-child {
    grid-column: span 2;
  }
}

@media (max-width: 900px) {
  .om-filter {
    grid-template-columns: repeat(2, minmax(140px, 1fr));
  }

  .om-filter label:first-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 680px) {
  .om-intro {
    align-items: flex-start;
    flex-direction: column;
  }

  .om-tabs {
    width: 100%;
  }

  .om-tab {
    flex: 1;
  }

  .om-filter,
  .om-detail-grid {
    grid-template-columns: 1fr;
  }

  .om-filter label:first-child,
  .om-detail-card.full {
    grid-column: auto;
  }

  .om-filter-actions {
    width: 100%;
  }

  .om-filter-actions button {
    flex: 1;
  }

  .om-detail-hero {
    flex-direction: column;
  }

  .om-detail-hero > div:last-child {
    text-align: left;
  }
}

/* ===== SOURCE: partners.css ===== */
.pm-intro {
  margin-bottom: 18px;
  padding: 26px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  border-radius: 22px;
  color: #fff;
  background:
    radial-gradient(circle at 90% -20%, rgba(255,255,255,.22), transparent 18rem),
    linear-gradient(135deg, #5f080d, #d71920);
  box-shadow: 0 18px 42px rgba(95,8,13,.18);
}

.pm-intro h2 {
  margin: 8px 0;
  font-size: clamp(1.45rem, 3vw, 2.25rem);
  letter-spacing: -.04em;
}

.pm-intro p {
  max-width: 760px;
  margin: 0;
  color: rgba(255,255,255,.74);
  line-height: 1.65;
}

.pm-total {
  flex: 0 0 auto;
  padding: 9px 12px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 999px;
  color: #fff;
  background: rgba(255,255,255,.12);
  font-size: .76rem;
  font-weight: 850;
}

.pm-tabs {
  margin-bottom: 14px;
  padding: 5px;
  display: flex;
  gap: 5px;
  overflow-x: auto;
  border: 1px solid #f1dfe1;
  border-radius: 15px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(95,8,13,.06);
}

.pm-tab {
  min-height: 40px;
  padding: 0 17px;
  border: 0;
  border-radius: 11px;
  color: #7e6669;
  background: transparent;
  font-weight: 820;
  white-space: nowrap;
}

.pm-tab.active {
  color: #fff;
  background: linear-gradient(135deg, #d71920, #f43f5e);
  box-shadow: 0 8px 20px rgba(215,25,32,.2);
}

.pm-filter {
  margin-bottom: 14px;
  padding: 17px;
  display: grid;
  grid-template-columns: repeat(4, minmax(150px, 1fr));
  gap: 13px;
  border: 1px solid #f1dfe1;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(95,8,13,.06);
}

.pm-filter label {
  display: grid;
  gap: 7px;
  color: #2b1416;
  font-size: .72rem;
  font-weight: 800;
}

.pm-filter input,
.pm-filter select,
.pm-control select,
.pm-control textarea {
  width: 100%;
  min-height: 42px;
  padding: 0 12px;
  border: 1px solid #f0cfd4;
  border-radius: 11px;
  outline: none;
  color: #2b1416;
  background: #fffdfd;
}

.pm-control textarea {
  min-height: 84px;
  padding-top: 10px;
  resize: vertical;
}

.pm-filter input:focus,
.pm-filter select:focus,
.pm-control select:focus,
.pm-control textarea:focus {
  border-color: #ef3d45;
  box-shadow: 0 0 0 4px rgba(239,61,69,.10);
  background: #fff;
}

.pm-filter-actions {
  display: flex;
  align-items: end;
  gap: 8px;
}

.pm-apply,
.pm-reset,
.pm-action,
.pm-view,
.pm-page-button {
  border-radius: 10px;
  font-weight: 820;
}

.pm-apply,
.pm-action.primary {
  border: 0;
  color: #fff;
  background: linear-gradient(135deg, #d71920, #f43f5e);
}

.pm-apply,
.pm-reset {
  min-height: 42px;
  padding: 0 15px;
}

.pm-reset {
  border: 1px solid #f0cfd4;
  color: #7e3037;
  background: #fff;
}

.pm-panel {
  min-height: 280px;
  overflow: hidden;
  border: 1px solid #f1dfe1;
  border-radius: 19px;
  background: #fff;
  box-shadow: 0 12px 34px rgba(95,8,13,.07);
}

.pm-table-wrap {
  overflow-x: auto;
}

.pm-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 920px;
}

.pm-table th,
.pm-table td {
  padding: 14px 15px;
  border-bottom: 1px solid #f4e4e6;
  text-align: left;
  vertical-align: middle;
}

.pm-table th {
  color: #8f6669;
  background: #fff8f8;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.pm-table td {
  color: #4a2024;
  font-size: .78rem;
}

.pm-table tbody tr:hover {
  background: #fffafa;
}

.pm-cell {
  display: grid;
  gap: 3px;
}

.pm-cell b {
  color: #2b1416;
}

.pm-cell small {
  color: #8f6669;
}

.pm-badge {
  display: inline-flex;
  align-items: center;
  padding: 6px 8px;
  border-radius: 9px;
  color: #7e3037;
  background: #fff0f1;
  font-size: .66rem;
  font-weight: 900;
  text-transform: uppercase;
}

.pm-badge.active,
.pm-badge.approved,
.pm-badge.online,
.pm-badge.open {
  color: #087f50;
  background: #e7f8f0;
}

.pm-badge.pending,
.pm-badge.busy {
  color: #a76900;
  background: #fff4da;
}

.pm-badge.inactive,
.pm-badge.rejected,
.pm-badge.offline,
.pm-badge.closed {
  color: #b63543;
  background: #fff0f2;
}

.pm-view {
  min-height: 34px;
  padding: 0 11px;
  border: 1px solid #f0cfd4;
  color: #d71920;
  background: #fff7f8;
}

.pm-pagination {
  min-height: 58px;
  padding: 12px 15px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 7px;
}

.pm-page-button {
  width: 35px;
  height: 35px;
  border: 1px solid #f0cfd4;
  color: #7e3037;
  background: #fff;
}

.pm-page-button.active {
  border-color: #d71920;
  color: #fff;
  background: #d71920;
}

.pm-page-button:disabled {
  cursor: not-allowed;
  opacity: .45;
}

.pm-loading,
.pm-empty {
  min-height: 260px;
  display: grid;
  place-items: center;
  color: #8f6669;
  text-align: center;
}

.pm-backdrop {
  position: fixed;
  z-index: 60;
  inset: 0;
  background: rgba(5,19,49,.52);
  backdrop-filter: blur(3px);
}

.pm-drawer {
  position: fixed;
  z-index: 61;
  top: 0;
  right: 0;
  width: min(760px, 100%);
  height: 100vh;
  display: flex;
  flex-direction: column;
  border-left: 1px solid #f0dfe2;
  background: #fff7f8;
  box-shadow: -24px 0 70px rgba(5,24,64,.22);
}

.pm-drawer-head {
  min-height: 88px;
  padding: 18px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border-bottom: 1px solid #f0dfe2;
  background: #fff;
}

.pm-drawer-head h2 {
  margin: 3px 0 0;
  color: #5f080d;
  font-size: 1.35rem;
}

.pm-drawer-close {
  width: 42px;
  height: 42px;
  border: 1px solid #f0cfd4;
  border-radius: 12px;
  color: #7e3037;
  background: #fff;
  font-size: 1.45rem;
}

.pm-drawer-content {
  padding: 20px;
  overflow-y: auto;
}

.pm-detail-hero {
  margin-bottom: 14px;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  gap: 18px;
  border-radius: 18px;
  color: #fff;
  background: linear-gradient(135deg, #5f080d, #d71920);
}

.pm-detail-hero h3 {
  margin: 5px 0;
  font-size: 1.5rem;
}

.pm-detail-hero p,
.pm-detail-hero small {
  margin: 0;
  color: rgba(255,255,255,.72);
}

.pm-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
}

.pm-detail-card {
  padding: 17px;
  border: 1px solid #f0dfe2;
  border-radius: 16px;
  background: #fff;
}

.pm-detail-card.full {
  grid-column: 1 / -1;
}

.pm-detail-card h4 {
  margin: 0 0 13px;
  color: #2b1416;
}

.pm-detail-row {
  padding: 8px 0;
  display: flex;
  justify-content: space-between;
  gap: 18px;
  border-top: 1px solid #f4e4e6;
}

.pm-detail-row:first-of-type {
  border-top: 0;
}

.pm-detail-row span {
  color: #8f6669;
  font-size: .72rem;
}

.pm-detail-row b {
  max-width: 64%;
  color: #4a2024;
  font-size: .76rem;
  text-align: right;
  word-break: break-word;
}

.pm-control {
  display: grid;
  gap: 12px;
}

.pm-control-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.pm-control label {
  display: grid;
  gap: 6px;
  color: #7e3037;
  font-size: .7rem;
  font-weight: 820;
}

.pm-action-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.pm-action {
  min-height: 40px;
  padding: 0 13px;
}

.pm-action.secondary {
  border: 1px solid #f0cfd4;
  color: #d71920;
  background: #fff7f8;
}

.pm-action.danger {
  border: 1px solid #ffd8dc;
  color: #bd3543;
  background: #fff3f4;
}

.pm-transaction-list,
.pm-hours {
  display: grid;
  gap: 8px;
}

.pm-transaction,
.pm-hour {
  padding: 10px 11px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  border-radius: 11px;
  background: #fff8f8;
  font-size: .72rem;
}

@media (max-width: 1100px) {
  .pm-filter {
    grid-template-columns: repeat(2, minmax(150px, 1fr));
  }
}

@media (max-width: 680px) {
  .pm-intro {
    flex-direction: column;
  }

  .pm-filter {
    grid-template-columns: 1fr;
  }

  .pm-filter-actions {
    align-items: stretch;
  }

  .pm-filter-actions button {
    flex: 1;
  }

  .pm-detail-grid,
  .pm-control-grid {
    grid-template-columns: 1fr;
  }

  .pm-detail-card.full {
    grid-column: auto;
  }
}

/* Sprint 5.7D — katalog produk Merchant */
.pm-menu-head {
  margin-bottom: 14px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.pm-menu-head h4 {
  margin-bottom: 5px;
}

.pm-menu-head p {
  margin: 0;
  color: #8f6669;
  font-size: .72rem;
}

.pm-menu-count {
  flex: 0 0 auto;
  padding: 7px 10px;
  border: 1px solid #f0dfe2;
  border-radius: 999px;
  color: #d71920;
  background: #fff1f2;
  font-size: .7rem;
  font-weight: 850;
}

.pm-menu-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
}

.pm-menu-card {
  min-width: 0;
  overflow: hidden;
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  border: 1px solid #f0dfe2;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(95,8,13,.06);
}

.pm-menu-card.inactive {
  opacity: .72;
  background: #fafbfe;
}

.pm-menu-image {
  position: relative;
  min-height: 190px;
  overflow: hidden;
  display: grid;
  place-items: center;
  background: linear-gradient(145deg, #fff0f1, #fff7f8);
}

.pm-menu-image img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pm-menu-placeholder {
  color: #a5787d;
  font-size: 2.3rem;
}

.pm-menu-image:not(.image-error):has(img) .pm-menu-placeholder {
  visibility: hidden;
}

.pm-menu-body {
  min-width: 0;
  padding: 14px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.pm-menu-title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.pm-menu-title-row small {
  color: #8f6669;
  font-size: .65rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.pm-menu-title-row h5 {
  margin: 4px 0 0;
  color: #4a2024;
  font-size: .92rem;
}

.pm-menu-description {
  min-height: 34px;
  margin: 10px 0;
  color: #865b60;
  font-size: .7rem;
  line-height: 1.45;
}

.pm-menu-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
}

.pm-menu-meta b {
  color: #d71920;
  font-size: .84rem;
}

.pm-menu-meta span {
  padding: 4px 7px;
  border-radius: 8px;
  color: #865b60;
  background: #fff3f4;
  font-size: .63rem;
  font-weight: 750;
}

.pm-menu-options {
  flex: 1;
  margin: 10px 0 12px;
  color: #8f6669;
  font-size: .65rem;
  line-height: 1.45;
}

.pm-menu-card .pm-action {
  width: 100%;
}

@media (max-width: 980px) {
  .pm-menu-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 540px) {
  .pm-menu-head,
  .pm-menu-title-row {
    flex-direction: column;
  }

  .pm-menu-card {
    grid-template-columns: 1fr;
  }

  .pm-menu-image {
    min-height: 190px;
  }
}

/* ===== SOURCE: config.css ===== */
#config-management-page{display:grid;gap:18px}.cm-intro{padding:26px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-radius:22px;color:#fff;background:radial-gradient(circle at 90% -20%,rgba(255,255,255,.24),transparent 18rem),linear-gradient(135deg,#3b0508,#d71920);box-shadow:0 18px 44px rgba(95,8,13,.18)}.cm-intro h2{margin:7px 0 8px;font-size:clamp(1.45rem,3vw,2.25rem);letter-spacing:-.04em}.cm-intro p{max-width:780px;margin:0;color:rgba(255,255,255,.74);line-height:1.65}.cm-scope-badge{padding:10px 13px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.13);font-size:.75rem;font-weight:850;white-space:nowrap}.cm-scope-panel{padding:18px;display:grid;grid-template-columns:repeat(4,minmax(150px,1fr)) auto;align-items:end;gap:12px;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:0 10px 30px rgba(95,8,13,.07)}.cm-scope-panel label,.cm-card label{display:grid;gap:7px;color:var(--muted);font-size:.72rem;font-weight:800}.cm-scope-panel select,.cm-card input,.cm-card select{width:100%;min-height:43px;padding:0 12px;border:1px solid var(--line);border-radius:11px;outline:none;color:var(--ink);background:#fbfdff}.cm-scope-panel select:focus,.cm-card input:focus,.cm-card select:focus{border-color:var(--b600);box-shadow:0 0 0 3px rgba(239,61,69,.1);background:#fff}.cm-primary,.cm-soft,.cm-danger{min-height:43px;padding:0 15px;border-radius:11px;font-weight:820;cursor:pointer}.cm-primary{border:0;color:#fff;background:linear-gradient(135deg,var(--b700),#4f8fff);box-shadow:0 10px 24px rgba(215,25,32,.2)}.cm-soft{border:1px solid var(--line);color:var(--b800);background:#fff}.cm-danger{border:1px solid #ffd8dc;color:#c23846;background:#fff6f7}.cm-primary:disabled,.cm-soft:disabled,.cm-danger:disabled{opacity:.55;cursor:wait}.cm-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px}.cm-service-panel,.cm-editor-panel,.cm-audit-panel{border:1px solid var(--line);border-radius:21px;background:#fff;box-shadow:0 12px 34px rgba(95,8,13,.08)}.cm-service-panel{padding:18px}.cm-editor-panel{min-height:520px;padding:22px}.cm-audit-panel{padding:22px}.cm-panel-head,.cm-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.cm-panel-head h3,.cm-editor-head h3{margin:2px 0 0;font-size:1.05rem;letter-spacing:-.025em}.cm-panel-head>span{padding:6px 9px;border-radius:999px;color:var(--b700);background:var(--b100);font-size:.68rem;font-weight:850}.cm-service-list{margin-top:16px;display:grid;gap:9px}.cm-service-item{width:100%;padding:13px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;text-align:left;color:var(--ink);background:#fbfdff;cursor:pointer}.cm-service-item.active{border-color:#9abfff;background:#eef5ff;box-shadow:0 8px 18px rgba(215,25,32,.1)}.cm-service-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:var(--b700);background:var(--b100);font-size:.68rem;font-weight:900}.cm-service-item b,.cm-service-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cm-service-item b{font-size:.79rem}.cm-service-item small{margin-top:3px;color:var(--muted);font-size:.65rem}.cm-service-status{width:9px;height:9px;border-radius:50%;background:#c8d1df}.cm-service-status.on{background:#18a66a;box-shadow:0 0 0 4px rgba(24,166,106,.12)}.cm-editor-head{padding-bottom:18px;border-bottom:1px solid var(--line)}.cm-editor-head p{max-width:680px;margin:7px 0 0;color:var(--muted);font-size:.8rem;line-height:1.55}.cm-switch{display:flex!important;grid-auto-flow:column;align-items:center;gap:9px!important;padding:8px 11px;border-radius:999px;background:#f1f5fb}.cm-switch input{width:18px!important;min-height:auto!important;height:18px}.cm-grid{margin-top:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cm-card{padding:17px;border:1px solid var(--line);border-radius:16px;background:#fbfdff}.cm-card h4{margin:0 0 14px;color:var(--b950);font-size:.88rem}.cm-card>label+.cm-card>label,.cm-card label+label{margin-top:11px}.cm-field-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cm-field-row+.cm-field-row{margin-top:11px}.cm-inheritance-card{grid-column:1/-1}.cm-inheritance{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:9px}.cm-source{padding:11px;border:1px solid var(--line);border-radius:12px;background:#fff}.cm-source b,.cm-source small{display:block}.cm-source b{font-size:.68rem}.cm-source small{margin-top:5px;color:var(--muted);font-size:.62rem;word-break:break-word}.cm-actions{margin-top:18px;padding-top:18px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line)}.cm-empty{min-height:420px;display:grid;place-items:center;color:var(--muted);text-align:center}.cm-audit-panel .cm-panel-head{margin-bottom:15px}.cm-audit-row{padding:12px 4px;display:grid;grid-template-columns:150px minmax(150px,1fr) 160px 120px;gap:12px;align-items:center;border-top:1px solid var(--line)}.cm-audit-row:first-child{border-top:0}.cm-audit-row b,.cm-audit-row small{display:block}.cm-audit-row b{font-size:.76rem}.cm-audit-row small{margin-top:3px;color:var(--muted);font-size:.65rem}.cm-audit-action{justify-self:start;padding:6px 8px;border-radius:8px;color:var(--b700);background:var(--b100);font-size:.64rem;font-weight:850}.cm-loading{min-height:180px;display:grid;place-items:center;color:var(--muted)}@media(max-width:1180px){.cm-scope-panel{grid-template-columns:repeat(2,minmax(160px,1fr))}.cm-shell{grid-template-columns:230px minmax(0,1fr)}.cm-grid{grid-template-columns:1fr}.cm-inheritance{grid-template-columns:repeat(2,minmax(120px,1fr))}}@media(max-width:820px){.cm-intro{align-items:flex-start;flex-direction:column}.cm-shell{grid-template-columns:1fr}.cm-service-list{grid-template-columns:repeat(2,minmax(0,1fr))}.cm-field-row{grid-template-columns:1fr}.cm-audit-row{grid-template-columns:1fr 1fr}.cm-audit-row>*{justify-self:start}.cm-scope-panel{grid-template-columns:1fr 1fr}}@media(max-width:560px){.cm-scope-panel,.cm-service-list,.cm-inheritance,.cm-audit-row{grid-template-columns:1fr}.cm-actions{flex-direction:column-reverse}.cm-actions button{width:100%}}

/* ===== SOURCE: admin-users.css ===== */
#admin-users-page{padding:24px}
.au-head,.au-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}
.au-panel{margin-top:18px;padding:20px;border-radius:22px;background:#fff;box-shadow:0 12px 35px rgba(18,54,104,.09)}
.au-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.au-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:#6f4b4e}
.au-form input,.au-form select{height:42px;border:1px solid #ecdadd;border-radius:11px;padding:0 12px;background:#fffafa}
.au-form-actions{grid-column:1/-1;display:flex;gap:10px}
.au-button{border:0;border-radius:11px;padding:11px 16px;cursor:pointer;font-weight:700}
.au-primary{background:#d71920;color:#fff}.au-secondary{background:#fff0f1;color:#9f1118}
.au-table{width:100%;border-collapse:collapse;margin-top:18px}
.au-table th,.au-table td{padding:12px;border-bottom:1px solid #edf1f6;text-align:left;font-size:13px}
.au-badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#fff0f1;color:#b5161d;font-size:11px;font-weight:700}
.au-inactive{background:#feecec;color:#b42318}
.au-row-actions{display:flex;flex-wrap:wrap;gap:6px}
.au-row-actions button{border:0;border-radius:8px;padding:7px 9px;cursor:pointer}
@media(max-width:900px){.au-form{grid-template-columns:1fr}.au-table{display:block;overflow-x:auto}}

#admin-users-page {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow: auto;
}

#admin-users-page:not(.hidden) {
  display: block;
}


#au-city {
  height: 180px;
  padding: 8px;
}

#au-city option {
  padding: 8px;
  border-radius: 7px;
}

#au-city-count {
  font-size: 11px;
  color: #667085;
}

#au-city-count.au-limit-error {
  color: #b42318;
  font-weight: 700;
}

/* ===== SOURCE: finance.css ===== */
#finance-management-page {
  display: grid;
  gap: 18px;
}

.fm-intro {
  min-height: 145px;
  padding: 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  border-radius: 22px;
  color: #fff;
  background:
    radial-gradient(
      circle at 90% -20%,
      rgba(255, 255, 255, .25),
      transparent 18rem
    ),
    linear-gradient(135deg, #3b0508, #d71920);
  box-shadow: 0 18px 42px rgba(8, 38, 93, .18);
}

.fm-intro h2 {
  margin: 8px 0;
  font-size: clamp(1.5rem, 3vw, 2.3rem);
  letter-spacing: -.045em;
}

.fm-intro p {
  max-width: 760px;
  margin: 0;
  color: rgba(255, 255, 255, .72);
  line-height: 1.65;
}

.fm-scope-badge {
  flex: 0 0 auto;
  padding: 10px 13px;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 999px;
  background: rgba(255, 255, 255, .12);
  font-size: .73rem;
  font-weight: 900;
}

.fm-toolbar,
.fm-filter,
.fm-tabs,
.fm-table-panel,
.fm-breakdown-card {
  border: 1px solid var(--line);
  background: #fff;
  box-shadow: 0 12px 34px rgba(8, 38, 93, .07);
}

.fm-toolbar {
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border-radius: 18px;
}

.fm-periods,
.fm-tabs {
  padding: 4px;
  display: flex;
  gap: 5px;
  border-radius: 12px;
  background: #f1f5fb;
}

.fm-period,
.fm-tab {
  min-height: 36px;
  padding: 0 12px;
  border: 0;
  border-radius: 9px;
  color: var(--muted);
  background: transparent;
  font-size: .74rem;
  font-weight: 850;
  cursor: pointer;
}

.fm-period.active,
.fm-tab.active {
  color: var(--b700);
  background: #fff;
  box-shadow: 0 5px 15px rgba(8, 38, 93, .1);
}

.fm-export,
.fm-primary,
.fm-reset {
  min-height: 40px;
  padding: 0 14px;
  border-radius: 11px;
  font-weight: 850;
  cursor: pointer;
}

.fm-export,
.fm-primary {
  border: 0;
  color: #fff;
  background: linear-gradient(135deg, var(--b700), #4f8fff);
}

.fm-reset {
  border: 1px solid var(--line);
  color: var(--b800);
  background: #fff;
}

.fm-period-label {
  color: var(--muted);
  font-size: .75rem;
  font-weight: 760;
}

.fm-filter {
  padding: 16px;
  display: grid;
  grid-template-columns:
    minmax(180px, 1.4fr)
    repeat(6, minmax(130px, 1fr))
    auto;
  align-items: end;
  gap: 11px;
  border-radius: 18px;
}

.fm-filter label {
  display: grid;
  gap: 7px;
  color: var(--muted);
  font-size: .7rem;
  font-weight: 820;
}

.fm-filter input,
.fm-filter select {
  width: 100%;
  min-height: 42px;
  padding: 0 11px;
  border: 1px solid var(--line);
  border-radius: 10px;
  outline: none;
  color: var(--ink);
  background: #fbfdff;
}

.fm-filter input:focus,
.fm-filter select:focus {
  border-color: var(--b600);
  box-shadow: 0 0 0 3px rgba(47, 120, 255, .1);
}

.fm-filter-actions {
  display: flex;
  gap: 7px;
}

.fm-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.fm-summary-card {
  min-height: 126px;
  padding: 18px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid var(--line);
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(8, 38, 93, .07);
}

.fm-summary-card.primary {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, var(--b800), var(--b600));
}

.fm-summary-card span {
  color: var(--muted);
  font-size: .72rem;
  font-weight: 830;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.fm-summary-card.primary span,
.fm-summary-card.primary small {
  color: rgba(255, 255, 255, .72);
}

.fm-summary-card strong {
  margin: 9px 0;
  color: var(--b950);
  font-size: 1.55rem;
  letter-spacing: -.045em;
}

.fm-summary-card.primary strong {
  color: #fff;
}

.fm-summary-card small {
  color: var(--muted);
  font-size: .7rem;
}

.fm-breakdown {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.fm-breakdown-card {
  padding: 19px;
  border-radius: 17px;
}

.fm-breakdown-card h3 {
  margin: 8px 0 14px;
  color: var(--b950);
  font-size: 1.4rem;
}

.fm-mini-grid {
  display: grid;
  gap: 8px;
}

.fm-mini-grid span {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: var(--muted);
  font-size: .72rem;
}

.fm-mini-grid b {
  color: var(--ink);
}

.fm-tabs {
  width: max-content;
}

.fm-table-panel {
  overflow: hidden;
  border-radius: 18px;
}

.fm-table-wrap {
  overflow: auto;
}

.fm-table-wrap table {
  width: 100%;
  min-width: 980px;
  border-collapse: collapse;
}

.fm-table-wrap th,
.fm-table-wrap td {
  padding: 13px 14px;
  border-bottom: 1px solid var(--line);
  text-align: left;
  vertical-align: middle;
  font-size: .74rem;
}

.fm-table-wrap th {
  color: var(--muted);
  background: #f8faff;
  font-size: .67rem;
  letter-spacing: .055em;
  text-transform: uppercase;
}

.fm-table-wrap td b,
.fm-table-wrap td small {
  display: block;
}

.fm-table-wrap td small {
  margin-top: 3px;
  color: var(--muted);
  font-size: .66rem;
}

.fm-pill {
  display: inline-flex;
  padding: 6px 8px;
  border-radius: 8px;
  color: var(--b800);
  background: var(--b100);
  font-size: .64rem;
  font-weight: 850;
}

.fm-positive {
  color: #128455;
}

.fm-negative {
  color: #c33e4a;
}

.fm-pagination {
  min-height: 58px;
  padding: 11px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: var(--muted);
  background: #fbfdff;
  font-size: .72rem;
}

.fm-pagination button {
  min-height: 36px;
  padding: 0 11px;
  border: 1px solid var(--line);
  border-radius: 9px;
  color: var(--b800);
  background: #fff;
  font-weight: 820;
  cursor: pointer;
}

.fm-pagination button:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.fm-loading,
.fm-empty {
  min-height: 170px;
  display: grid;
  place-items: center;
  color: var(--muted);
  text-align: center;
}

@media (max-width: 1250px) {
  .fm-filter {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .fm-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .fm-intro,
  .fm-toolbar {
    align-items: flex-start;
    flex-direction: column;
  }

  .fm-breakdown {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .fm-filter,
  .fm-summary-grid {
    grid-template-columns: 1fr;
  }

  .fm-periods,
  .fm-tabs {
    width: 100%;
    overflow-x: auto;
  }

  .fm-filter-actions {
    width: 100%;
  }

  .fm-filter-actions button {
    flex: 1;
  }
}

/* ===== SOURCE: referral.css ===== */
/* JET_REFERRAL_ADMIN_UI_1_0C2D4A */
#referral-management-page {
  --rf-red:#d71920;
  --rf-red-dark:#9d0d13;
  --rf-red-soft:#fff1f2;
  --rf-ink:#18181b;
  --rf-muted:#6b7280;
  --rf-border:#e5e7eb;
  --rf-surface:#ffffff;
  --rf-soft:#f8fafc;
  --rf-success:#15803d;
  --rf-warning:#a16207;
  --rf-danger:#b91c1c;
  max-width:1380px;
  margin:0 auto;
  padding:4px 0 40px;
  color:var(--rf-ink);
}

#referral-management-page *,
#referral-management-page *::before,
#referral-management-page *::after {
  box-sizing:border-box;
}

#referral-management-page button,
#referral-management-page input,
#referral-management-page select {
  font:inherit;
}

.rf-hero,
.rf-panel,
.rf-settings-card,
.rf-program-switcher {
  background:var(--rf-surface);
  border:1px solid var(--rf-border);
  border-radius:20px;
  box-shadow:0 10px 32px rgba(15,23,42,.055);
}

.rf-hero {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  padding:24px;
  margin-bottom:16px;
  border-top:4px solid var(--rf-red);
}

.rf-hero-copy {
  max-width:760px;
}

.rf-eyebrow,
.rf-section-kicker {
  display:block;
  color:var(--rf-red);
  font-size:11px;
  line-height:1.4;
  letter-spacing:.12em;
  font-weight:900;
}

.rf-hero h2,
.rf-panel h3,
.rf-settings-card h3,
.rf-program-switcher h3 {
  margin:5px 0 7px;
  color:var(--rf-ink);
}

.rf-hero h2 {
  font-size:26px;
}

.rf-hero p,
.rf-panel-head p,
.rf-card-heading p,
.rf-program-switcher p {
  margin:0;
  color:var(--rf-muted);
  line-height:1.55;
}

.rf-hero-status {
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:8px;
}

.rf-gate,
.rf-program-badge {
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:7px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}

.rf-gate.active,
.rf-program-badge.active {
  background:#dcfce7;
  color:var(--rf-success);
}

.rf-gate.inactive,
.rf-program-badge.inactive {
  background:#fee2e2;
  color:var(--rf-danger);
}

.rf-notice {
  border:1px solid #fde68a;
  border-radius:14px;
  padding:13px 15px;
  margin-bottom:16px;
  background:#fffbeb;
  color:#854d0e;
  font-weight:700;
}

.rf-notice.error {
  border-color:#fecaca;
  background:#fef2f2;
  color:var(--rf-danger);
}

.rf-notice.success {
  border-color:#bbf7d0;
  background:#f0fdf4;
  color:var(--rf-success);
}

.rf-summary {
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
  margin-bottom:16px;
}

.rf-card {
  min-width:0;
  padding:15px;
  border-radius:16px;
  color:#fff;
  background:linear-gradient(145deg,#18181b 0%,#3f0a0d 100%);
  box-shadow:0 8px 20px rgba(24,24,27,.11);
}

.rf-card span,
.rf-card small,
.rf-card strong {
  display:block;
}

.rf-card span {
  font-size:11px;
  opacity:.78;
}

.rf-card strong {
  margin-top:5px;
  font-size:20px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.rf-card small {
  margin-top:7px;
  font-size:10px;
  line-height:1.35;
  opacity:.62;
}

.rf-view-tabs {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-bottom:16px;
}

.rf-view-tab {
  display:flex;
  align-items:center;
  gap:13px;
  width:100%;
  padding:15px 17px;
  text-align:left;
  border:1px solid var(--rf-border);
  border-radius:16px;
  background:#fff;
  color:var(--rf-ink);
  cursor:pointer;
  transition:.18s ease;
}

.rf-view-tab:hover {
  border-color:#f1a5a8;
  transform:translateY(-1px);
}

.rf-view-tab.active {
  border-color:var(--rf-red);
  background:linear-gradient(135deg,#fff 0%,#fff1f2 100%);
  box-shadow:0 8px 22px rgba(215,25,32,.10);
}

.rf-view-tab b,
.rf-view-tab small {
  display:block;
}

.rf-view-tab b {
  font-size:14px;
}

.rf-view-tab small {
  margin-top:3px;
  color:var(--rf-muted);
  font-size:11px;
}

.rf-view-icon {
  display:grid;
  place-items:center;
  flex:0 0 38px;
  width:38px;
  height:38px;
  border-radius:12px;
  background:#f4f4f5;
  color:var(--rf-red);
  font-size:18px;
  font-weight:900;
}

.rf-view-tab.active .rf-view-icon {
  background:var(--rf-red);
  color:#fff;
}

.rf-view-panel.hidden {
  display:none!important;
}

.rf-program-switcher {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:20px;
  margin-bottom:14px;
}

.rf-program-switcher > div:first-child {
  max-width:660px;
}

.rf-tabs {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  min-width:420px;
}

.rf-tab {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:3px;
  min-height:66px;
  padding:12px 14px;
  border:1px solid var(--rf-border);
  border-radius:14px;
  background:#fff;
  color:var(--rf-ink);
  cursor:pointer;
}

.rf-tab span {
  font-weight:900;
}

.rf-tab small {
  color:var(--rf-muted);
  font-size:10px;
  line-height:1.35;
}

.rf-tab.active {
  border-color:var(--rf-red);
  background:var(--rf-red);
  color:#fff;
}

.rf-tab.active small {
  color:#ffe4e6;
}

.rf-form {
  display:flex;
  flex-direction:column;
  gap:14px;
}

.rf-settings-card,
.rf-panel {
  padding:20px;
}

.rf-settings-card--status {
  border-left:4px solid var(--rf-red);
}

.rf-card-heading {
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin-bottom:17px;
}

.rf-step {
  display:grid;
  place-items:center;
  flex:0 0 36px;
  min-width:36px;
  height:36px;
  padding:0 7px;
  border-radius:11px;
  background:var(--rf-red-soft);
  color:var(--rf-red);
  font-size:11px;
  font-weight:900;
}

.rf-card-heading h3 {
  font-size:16px;
}

.rf-card-heading p {
  font-size:12px;
}

.rf-reward-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.rf-field-grid {
  display:grid;
  gap:13px;
}

.rf-field-grid--status {
  grid-template-columns:minmax(240px,.65fr) minmax(280px,1fr);
  align-items:stretch;
}

.rf-field-grid--reward {
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.rf-field-grid--three {
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.rf-field-grid--two {
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.rf-field-grid--limits {
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.rf-field,
.rf-chip-group {
  display:flex;
  flex-direction:column;
  gap:7px;
  min-width:0;
}

.rf-field > span,
.rf-chip-heading > span {
  color:#27272a;
  font-size:12px;
  font-weight:800;
}

.rf-field > small,
.rf-chip-group > small {
  color:var(--rf-muted);
  font-size:10px;
  line-height:1.4;
}

.rf-field input,
.rf-field select,
.rf-input-prefix,
.rf-input-suffix {
  width:100%;
  min-height:44px;
  border:1px solid #d4d4d8;
  border-radius:11px;
  background:#fff;
  color:var(--rf-ink);
  transition:.16s ease;
}

.rf-field input,
.rf-field select {
  padding:9px 11px;
}

.rf-field input:focus,
.rf-field select:focus,
.rf-input-prefix:focus-within,
.rf-input-suffix:focus-within {
  outline:none;
  border-color:var(--rf-red);
  box-shadow:0 0 0 3px rgba(215,25,32,.10);
}

.rf-field input:disabled,
.rf-field select:disabled {
  background:#f4f4f5;
  color:#a1a1aa;
  cursor:not-allowed;
}

.rf-input-prefix,
.rf-input-suffix {
  display:flex;
  align-items:center;
  overflow:hidden;
}

.rf-input-prefix b,
.rf-input-suffix b {
  display:grid;
  place-items:center;
  align-self:stretch;
  min-width:46px;
  padding:0 10px;
  background:#f4f4f5;
  color:#52525b;
  font-size:12px;
}

.rf-input-prefix input,
.rf-input-suffix input {
  min-width:0;
  border:0!important;
  border-radius:0;
  box-shadow:none!important;
}

.rf-current-program {
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:92px;
  padding:14px 16px;
  border-radius:14px;
  background:linear-gradient(135deg,#18181b,#4b0b0f);
  color:#fff;
}

.rf-current-program span,
.rf-current-program small {
  opacity:.72;
  font-size:10px;
}

.rf-current-program strong {
  margin:4px 0;
  font-size:18px;
}

.rf-toggle-row {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  padding:13px 14px;
  margin-bottom:15px;
  border:1px solid var(--rf-border);
  border-radius:13px;
  background:var(--rf-soft);
  cursor:pointer;
}

.rf-toggle-row--compact {
  margin:0;
}

.rf-toggle-row b,
.rf-toggle-row small {
  display:block;
}

.rf-toggle-row b {
  font-size:12px;
}

.rf-toggle-row small {
  margin-top:3px;
  color:var(--rf-muted);
  font-size:10px;
  line-height:1.4;
}

.rf-switch {
  position:relative;
  display:inline-flex;
  flex:0 0 44px;
  width:44px;
  height:24px;
}

.rf-switch input {
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.rf-switch > span {
  position:absolute;
  inset:0;
  border-radius:999px;
  background:#d4d4d8;
  transition:.18s ease;
}

.rf-switch > span::after {
  content:"";
  position:absolute;
  top:3px;
  left:3px;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 2px 6px rgba(0,0,0,.18);
  transition:.18s ease;
}

.rf-switch input:checked + span {
  background:var(--rf-red);
}

.rf-switch input:checked + span::after {
  transform:translateX(20px);
}

.rf-switch input:disabled + span {
  opacity:.45;
  cursor:not-allowed;
}

.rf-option-row {
  display:grid;
  grid-template-columns:minmax(340px,1fr) minmax(240px,.7fr);
  gap:14px;
  align-items:stretch;
  margin-top:14px;
}

.rf-scope-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.rf-chip-group {
  padding:15px;
  border:1px solid var(--rf-border);
  border-radius:14px;
  background:var(--rf-soft);
}

.rf-chip-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.rf-link-button {
  padding:0;
  border:0;
  background:transparent;
  color:var(--rf-red);
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}

.rf-chips {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:4px 0;
}

.rf-chip {
  min-height:34px;
  padding:7px 11px;
  border:1px solid #d4d4d8;
  border-radius:999px;
  background:#fff;
  color:#3f3f46;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}

.rf-chip:hover {
  border-color:#f1a5a8;
}

.rf-chip.active {
  border-color:var(--rf-red);
  background:var(--rf-red);
  color:#fff;
}

.rf-chip:disabled {
  opacity:.45;
  cursor:not-allowed;
}

.rf-save-bar {
  position:sticky;
  bottom:12px;
  z-index:20;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:14px 16px;
  border:1px solid #fecdd3;
  border-radius:16px;
  background:rgba(255,255,255,.96);
  box-shadow:0 14px 36px rgba(15,23,42,.16);
  backdrop-filter:blur(10px);
}

.rf-save-state {
  display:block;
  font-size:12px;
  font-weight:900;
}

.rf-save-state.saved {
  color:var(--rf-success);
}

.rf-save-state.dirty {
  color:var(--rf-warning);
}

.rf-save-state.saving {
  color:#2563eb;
}

.rf-save-state.error {
  color:var(--rf-danger);
}

.rf-save-bar small {
  display:block;
  margin-top:3px;
  color:var(--rf-muted);
  font-size:10px;
}

.rf-save-actions,
.rf-filter-actions {
  display:flex;
  align-items:center;
  gap:9px;
}

.rf-primary,
.rf-secondary,
.rf-ghost {
  min-height:42px;
  padding:10px 15px;
  border-radius:11px;
  font-weight:800;
  cursor:pointer;
}

.rf-primary,
.rf-secondary {
  border:1px solid var(--rf-red);
  background:var(--rf-red);
  color:#fff;
}

.rf-primary:hover,
.rf-secondary:hover {
  background:var(--rf-red-dark);
}

.rf-ghost {
  border:1px solid var(--rf-border);
  background:#fff;
  color:#3f3f46;
}

.rf-primary:disabled,
.rf-secondary:disabled,
.rf-ghost:disabled {
  opacity:.45;
  cursor:not-allowed;
}

.rf-panel-head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  margin-bottom:17px;
}

.rf-filter-form {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  padding:15px;
  margin-bottom:16px;
  border:1px solid var(--rf-border);
  border-radius:14px;
  background:var(--rf-soft);
}

.rf-filter-actions {
  align-self:end;
  min-height:44px;
}

.rf-table-wrap {
  overflow:auto;
  border:1px solid var(--rf-border);
  border-radius:14px;
}

.rf-table {
  width:100%;
  min-width:1100px;
  border-collapse:separate;
  border-spacing:0;
}

.rf-table th,
.rf-table td {
  padding:12px;
  border-bottom:1px solid #f0f0f0;
  text-align:left;
  vertical-align:top;
  white-space:nowrap;
}

.rf-table th {
  position:sticky;
  top:0;
  z-index:2;
  background:#fafafa;
  color:#52525b;
  font-size:10px;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.rf-table td {
  font-size:11px;
}

.rf-table td b,
.rf-table td small {
  display:block;
}

.rf-table td small {
  margin-top:3px;
  color:var(--rf-muted);
  font-size:9px;
}

.rf-status {
  display:inline-flex;
  padding:5px 8px;
  border-radius:999px;
  font-size:9px;
  font-weight:900;
}

.rf-status.CREDITED {
  background:#dcfce7;
  color:var(--rf-success);
}

.rf-status.REVERSED {
  background:#fee2e2;
  color:var(--rf-danger);
}

.rf-status.PENDING,
.rf-status.PROCESSING {
  background:#dbeafe;
  color:#1d4ed8;
}

.rf-status.SKIPPED {
  background:#fef3c7;
  color:#92400e;
}

.rf-empty {
  padding:28px!important;
  color:var(--rf-muted);
  text-align:center!important;
}

.rf-pagination {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  padding-top:14px;
}

.rf-pagination span {
  color:var(--rf-muted);
  font-size:11px;
  font-weight:700;
}

.rf-mode-hidden {
  opacity:.45;
}

@media (max-width:1240px) {
  .rf-summary {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .rf-field-grid--reward,
  .rf-field-grid--limits {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:980px) {
  .rf-hero,
  .rf-program-switcher {
    flex-direction:column;
  }

  .rf-hero-status {
    align-items:flex-start;
  }

  .rf-tabs {
    width:100%;
    min-width:0;
  }

  .rf-reward-grid,
  .rf-scope-grid,
  .rf-field-grid--status,
  .rf-option-row {
    grid-template-columns:1fr;
  }

  .rf-field-grid--three,
  .rf-filter-form {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:680px) {
  #referral-management-page {
    padding-bottom:24px;
  }

  .rf-hero,
  .rf-panel,
  .rf-settings-card,
  .rf-program-switcher {
    padding:15px;
    border-radius:16px;
  }

  .rf-summary,
  .rf-view-tabs,
  .rf-field-grid--reward,
  .rf-field-grid--three,
  .rf-field-grid--two,
  .rf-field-grid--limits,
  .rf-filter-form {
    grid-template-columns:1fr;
  }

  .rf-tabs {
    grid-template-columns:1fr;
  }

  .rf-save-bar {
    position:static;
    flex-direction:column;
    align-items:stretch;
  }

  .rf-save-actions,
  .rf-filter-actions {
    width:100%;
  }

  .rf-save-actions button,
  .rf-filter-actions button {
    flex:1;
  }

  .rf-view-tab small,
  .rf-card small {
    display:none;
  }
}

/* JET_REFERRAL_ADMIN_UI_HOTFIX_1_0C2D4B */
html body #app-view.app-shell > .workspace {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

html body #app-view .workspace > .content {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

html body #referral-management-page {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  overflow-x: clip !important;
}

html body #referral-management-page > * {
  min-width: 0 !important;
  max-width: 100% !important;
}

html body #referral-management-page .rf-hero {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

html body #referral-management-page .rf-hero-copy {
  min-width: 0 !important;
  flex: 1 1 460px !important;
}

html body #referral-management-page .rf-hero-copy h2,
html body #referral-management-page .rf-hero-copy p {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}

html body #referral-management-page .rf-program-switcher {
  flex-wrap: wrap !important;
  align-items: stretch !important;
}

html body #referral-management-page
.rf-program-switcher > div:first-child {
  flex: 1 1 430px !important;
  min-width: 0 !important;
  max-width: none !important;
}

html body #referral-management-page .rf-tabs {
  flex: 1 1 430px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 620px !important;
}

html body #referral-management-page .rf-summary {
  grid-template-columns:
    repeat(3, minmax(0, 1fr)) !important;
}

html body #referral-management-page .rf-card {
  min-width: 0 !important;
  overflow: hidden !important;
}

html body #referral-management-page .rf-reward-card {
  min-width: 0 !important;
}

html body #referral-management-page .rf-field-grid--reward {
  grid-template-columns:
    repeat(2, minmax(0, 1fr)) !important;
}

html body #referral-management-page
.rf-field-grid--reward > .rf-field:first-child {
  grid-column: 1 / -1 !important;
}

html body #referral-management-page .rf-view-tab,
html body #referral-management-page .rf-tab {
  min-width: 0 !important;
  overflow: hidden !important;
}

html body #referral-management-page .rf-view-tab > span:last-child,
html body #referral-management-page .rf-tab > span,
html body #referral-management-page .rf-tab > small {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

html body #referral-management-page .rf-save-bar {
  left: auto !important;
  right: auto !important;
  width: 100% !important;
}

html body #app-view .activity-panel[data-dashboard-only="true"] {
  display: none !important;
}

@media (max-width: 1180px) {
  html body #referral-management-page .rf-summary {
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;
  }

  html body #referral-management-page .rf-field-grid--limits {
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;
  }

  html body #referral-management-page .rf-filter-form {
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  html body #referral-management-page .rf-summary,
  html body #referral-management-page .rf-reward-grid,
  html body #referral-management-page .rf-view-tabs,
  html body #referral-management-page .rf-field-grid--reward,
  html body #referral-management-page .rf-field-grid--limits,
  html body #referral-management-page .rf-filter-form {
    grid-template-columns: 1fr !important;
  }

  html body #referral-management-page
  .rf-field-grid--reward > .rf-field:first-child {
    grid-column: auto !important;
  }
}

/* JET_REFERRAL_ADMIN_UI_PLACEMENT_1_0C2D4C */
html body #app-view .content > #referral-management-page {
  display: block;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 0 40px !important;
  position: relative !important;
  inset: auto !important;
}

html body #app-view .content > #referral-management-page.hidden,
html body #app-view .content > #referral-management-page[hidden],
html body #referral-management-page[aria-hidden="true"] {
  display: none !important;
}

html body > #referral-management-page {
  display: none !important;
}



/* JET_REFERRAL_UNLIMITED_REWARD_CAPS_1_0C2D4E */
#referral-management-page .rf-limit-master { margin-bottom:12px; border-color:#fecdd3; background:linear-gradient(135deg,#fff 0%,#fff1f2 100%); }
#referral-management-page .rf-unlimited-info { display:grid; grid-template-columns:auto minmax(0,1fr); gap:10px; padding:12px 14px; margin-bottom:14px; border:1px solid #dbeafe; border-radius:13px; background:#eff6ff; color:#1e3a8a; font-size:11px; line-height:1.5; }
#referral-management-page .rf-minimum-transaction { max-width:430px; padding:14px; margin-bottom:14px; border:1px solid var(--rf-border); border-radius:14px; background:var(--rf-soft); }
#referral-management-page .rf-limit-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
#referral-management-page .rf-limit-control { min-width:0; padding:14px; border:1px solid var(--rf-border); border-radius:15px; background:#fff; transition:.18s ease; }
#referral-management-page .rf-limit-control.unlimited { border-color:#86efac; background:linear-gradient(135deg,#fff 0%,#f0fdf4 100%); }
#referral-management-page .rf-limit-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:12px; }
#referral-management-page .rf-limit-heading b,#referral-management-page .rf-limit-heading small { display:block; }
#referral-management-page .rf-limit-heading b { font-size:12px; }
#referral-management-page .rf-limit-heading small { margin-top:4px; color:var(--rf-muted); font-size:10px; line-height:1.4; }
#referral-management-page .rf-inline-unlimited { display:inline-flex; align-items:center; gap:8px; flex:0 0 auto; color:var(--rf-success); font-size:10px; font-weight:900; cursor:pointer; }
#referral-management-page .rf-limit-state.unlimited { color:var(--rf-success); font-weight:900; }
#referral-management-page .rf-limit-control.unlimited .rf-input-prefix { opacity:.55; background:#f0fdf4; }
@media (max-width:980px) { #referral-management-page .rf-limit-grid { grid-template-columns:1fr; } }
@media (max-width:680px) { #referral-management-page .rf-unlimited-info { grid-template-columns:1fr; } #referral-management-page .rf-limit-heading { flex-direction:column; } }

/* ===== SOURCE: driver-pension.css ===== */
/* JET_DRIVER_PENSION_ADMIN_1_0C3B */
#driver-pension-page{--dp-red:#d71920;--dp-ink:#18181b;--dp-muted:#6b7280;--dp-border:#e5e7eb;--dp-soft:#f8fafc;--dp-green:#15803d;width:100%;min-width:0;max-width:100%;padding:0 0 40px;color:var(--dp-ink)}
#driver-pension-page.hidden,#driver-pension-page[hidden],#driver-pension-page[aria-hidden="true"]{display:none!important}
#driver-pension-page *,#driver-pension-page *::before,#driver-pension-page *::after{box-sizing:border-box}
#driver-pension-page button,#driver-pension-page input,#driver-pension-page select{font:inherit}
.dp-hero,.dp-panel{border:1px solid var(--dp-border);border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.055)}
.dp-hero{display:flex;justify-content:space-between;gap:24px;padding:24px;border-top:4px solid var(--dp-red)}
.dp-hero h2,.dp-panel h3{margin:5px 0 7px}.dp-hero p,.dp-panel-head p{margin:0;color:var(--dp-muted);line-height:1.55}.dp-hero>div:first-child{max-width:820px}
.dp-eyebrow{display:block;color:var(--dp-red);font-size:11px;font-weight:900;letter-spacing:.12em}
.dp-gate-group{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.dp-pill{display:inline-flex;padding:8px 12px;border-radius:999px;font-size:11px;font-weight:900;white-space:nowrap}.dp-pill.active{background:#dcfce7;color:var(--dp-green)}.dp-pill.inactive{background:#fee2e2;color:#b91c1c}.dp-pill.foundation{background:#dbeafe;color:#1d4ed8}
.dp-notice{margin-top:14px;padding:13px 15px;border:1px solid #fde68a;border-radius:14px;background:#fffbeb;color:#854d0e;font-weight:700}.dp-notice.error{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.dp-notice.success{border-color:#bbf7d0;background:#f0fdf4;color:var(--dp-green)}
.dp-formula{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:center;margin:14px 0}.dp-formula>div{padding:15px;border:1px solid var(--dp-border);border-radius:15px;background:#fff}.dp-formula span,.dp-formula strong{display:block}.dp-formula span{color:var(--dp-muted);font-size:11px}.dp-formula strong{margin-top:4px;font-size:22px}.dp-formula>b{color:var(--dp-red);font-size:22px}
.dp-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.dp-summary article{min-width:0;padding:16px;border-radius:16px;color:#fff;background:linear-gradient(145deg,#18181b,#480b0f)}.dp-summary span,.dp-summary strong,.dp-summary small{display:block}.dp-summary span{font-size:11px;opacity:.78}.dp-summary strong{margin-top:5px;font-size:22px}.dp-summary small{margin-top:7px;font-size:10px;line-height:1.4;opacity:.65}
.dp-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}.dp-tab{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;padding:15px 17px;border:1px solid var(--dp-border);border-radius:15px;background:#fff;color:var(--dp-ink);cursor:pointer}.dp-tab small{color:var(--dp-muted);font-size:10px}.dp-tab.active{border-color:var(--dp-red);background:linear-gradient(135deg,#fff,#fff1f2)}.dp-view.hidden{display:none!important}
.dp-panel{padding:20px}.dp-panel-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:16px}.dp-secondary,.dp-primary,.dp-ghost,.dp-save{min-height:40px;padding:9px 14px;border-radius:11px;font-weight:800;cursor:pointer}.dp-secondary,.dp-primary,.dp-save{border:1px solid var(--dp-red);background:var(--dp-red);color:#fff}.dp-ghost{border:1px solid var(--dp-border);background:#fff;color:#3f3f46}.dp-secondary:disabled,.dp-primary:disabled,.dp-save:disabled,.dp-ghost:disabled{opacity:.45;cursor:not-allowed}
.dp-table-wrap{width:100%;overflow:auto;border:1px solid var(--dp-border);border-radius:14px}.dp-table{width:100%;min-width:1050px;border-collapse:separate;border-spacing:0}.dp-table th,.dp-table td{padding:11px;border-bottom:1px solid #f1f1f1;text-align:left;vertical-align:top}.dp-table th{position:sticky;top:0;z-index:2;background:#fafafa;color:#52525b;font-size:10px;letter-spacing:.04em;text-transform:uppercase}.dp-table td{font-size:11px}.dp-config-table input,.dp-config-table select,.dp-filter input,.dp-filter select{width:100%;min-height:40px;padding:8px 10px;border:1px solid #d4d4d8;border-radius:10px;background:#fff}.dp-config-table input:disabled,.dp-config-table select:disabled{background:#f4f4f5;color:#a1a1aa}
.dp-service-name b,.dp-service-name small,.dp-commission-info b,.dp-commission-info small{display:block}.dp-service-name small,.dp-commission-info small{margin-top:3px;color:var(--dp-muted);font-size:9px}.dp-percent-input{display:flex;align-items:center;min-width:130px;border:1px solid #d4d4d8;border-radius:10px;overflow:hidden}.dp-percent-input input{min-width:0;border:0!important;border-radius:0!important}.dp-percent-input b{padding:0 10px}.dp-period{display:grid;gap:5px;min-width:190px}.dp-period input{min-height:36px}.dp-status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:900}.dp-status.POSTED{background:#dcfce7;color:var(--dp-green)}.dp-status.REVERSED,.dp-status.VOID{background:#fee2e2;color:#b91c1c}.dp-empty{padding:28px!important;color:var(--dp-muted);text-align:center!important}
.dp-filter{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;padding:14px;margin-bottom:15px;border:1px solid var(--dp-border);border-radius:14px;background:var(--dp-soft)}.dp-filter label{display:flex;flex-direction:column;gap:6px;min-width:0}.dp-filter label>span{font-size:11px;font-weight:800}.dp-filter-actions{display:flex;align-items:flex-end;gap:8px}.dp-pagination{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding-top:14px}.dp-pagination span{color:var(--dp-muted);font-size:11px;font-weight:700}
@media(max-width:1180px){.dp-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.dp-filter{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.dp-hero,.dp-panel-head{flex-direction:column}.dp-gate-group{align-items:flex-start}.dp-formula,.dp-summary,.dp-tabs,.dp-filter{grid-template-columns:1fr}.dp-formula>b{text-align:center}}

/* ===== SOURCE: manual-topup.css ===== */
.mt-panel{display:grid;gap:18px;margin-top:18px}.mt-banner{padding:16px 18px;border:1px solid rgba(22,94,210,.18);border-radius:18px;background:linear-gradient(135deg,#f7fbff,#eef5ff);display:flex;justify-content:space-between;gap:16px;align-items:center}.mt-banner strong{display:block;font-size:16px}.mt-banner small{display:block;margin-top:5px;color:#60708b}.mt-status{padding:8px 12px;border-radius:999px;font-weight:800;font-size:12px;background:#e8f7ef;color:#167548}.mt-status.off{background:#fff0f0;color:#b42318}.mt-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:18px}.mt-card{background:#fff;border:1px solid rgba(13,41,86,.09);border-radius:20px;padding:18px;box-shadow:0 14px 36px rgba(20,55,100,.07)}.mt-card h3{margin:0 0 5px}.mt-card p{margin:0 0 16px;color:#687892}.mt-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mt-form label{display:grid;gap:7px;font-size:12px;font-weight:800;color:#30405d}.mt-form input,.mt-form select,.mt-form textarea{width:100%;border:1px solid #d8e1ef;border-radius:12px;padding:11px 12px;font:inherit;background:#fff}.mt-form textarea{min-height:88px;resize:vertical}.mt-wide{grid-column:1/-1}.mt-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.mt-primary,.mt-secondary,.mt-danger{border:0;border-radius:12px;padding:11px 15px;font-weight:800;cursor:pointer}.mt-primary{background:#135bd8;color:#fff}.mt-secondary{background:#eaf1fb;color:#194170}.mt-danger{background:#fff0f0;color:#b42318}.mt-primary:disabled,.mt-secondary:disabled{opacity:.55;cursor:not-allowed}.mt-results{display:grid;gap:9px;max-height:290px;overflow:auto}.mt-result{border:1px solid #dce5f2;border-radius:14px;padding:12px;background:#fff;cursor:pointer;text-align:left}.mt-result:hover,.mt-result.active{border-color:#1763d9;background:#f2f7ff}.mt-result b,.mt-result small{display:block}.mt-result small{margin-top:4px;color:#6b7890}.mt-selected{padding:13px;border-radius:14px;background:#f4f8ff;border:1px solid #d8e6fb}.mt-selected strong,.mt-selected small{display:block}.mt-selected small{margin-top:4px;color:#687892}.mt-history{overflow:auto}.mt-history table{width:100%;border-collapse:collapse;min-width:980px}.mt-history th,.mt-history td{text-align:left;padding:12px;border-bottom:1px solid #e8edf5;vertical-align:top}.mt-history th{font-size:11px;text-transform:uppercase;color:#687892}.mt-history small{display:block;color:#718098;margin-top:4px}.mt-positive{color:#137749}.mt-empty{padding:28px;text-align:center;color:#718098}.mt-permission-button{margin-left:6px;background:#eaf1fb!important;color:#194170!important}.mt-modal{position:fixed;inset:0;z-index:9999;background:rgba(6,20,43,.55);display:grid;place-items:center;padding:20px}.mt-modal.hidden{display:none}.mt-modal-card{width:min(620px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:22px;padding:22px;box-shadow:0 30px 90px rgba(0,0,0,.28)}.mt-modal-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}.mt-modal-head h3{margin:0}.mt-close{border:0;background:#eef3fa;border-radius:10px;width:36px;height:36px;cursor:pointer}.mt-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mt-check{display:flex!important;gap:8px!important;align-items:center;border:1px solid #dce5f2;border-radius:12px;padding:11px}.mt-check input{width:auto}.mt-note{font-size:12px;color:#687892}.mt-control-lock{padding:12px;border-radius:13px;background:#fff8e8;color:#805b00;border:1px solid #ffe2a8}@media(max-width:900px){.mt-grid{grid-template-columns:1fr}.mt-form{grid-template-columns:1fr}.mt-wide{grid-column:auto}.mt-checks{grid-template-columns:1fr}}

/* ===== SOURCE: withdrawals.css ===== */
.uw-panel{display:grid;gap:18px;margin-top:18px}.uw-context{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;border:1px solid rgba(20,88,207,.18);border-radius:18px;background:linear-gradient(135deg,#f7fbff,#edf4ff)}.uw-context strong,.uw-context small{display:block}.uw-context small{margin-top:4px;color:#64748b}.uw-badges{display:flex;gap:8px;flex-wrap:wrap}.uw-badge{padding:8px 11px;border-radius:999px;background:#e7f0ff;color:#164b9c;font-size:12px;font-weight:900}.uw-badge.success{background:#e9f8ef;color:#167548}.uw-badge.warn{background:#fff4dc;color:#895b00}.uw-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.uw-card{background:#fff;border:1px solid rgba(13,41,86,.09);border-radius:20px;padding:18px;box-shadow:0 14px 36px rgba(20,55,100,.07)}.uw-card h3{margin:0 0 5px}.uw-card p{margin:0 0 16px;color:#687892}.uw-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.uw-form label{display:grid;gap:7px;font-size:12px;font-weight:800;color:#30405d}.uw-form input,.uw-form select,.uw-form textarea{width:100%;border:1px solid #d8e1ef;border-radius:12px;padding:11px 12px;font:inherit;background:#fff}.uw-form textarea{min-height:92px;resize:vertical}.uw-wide{grid-column:1/-1}.uw-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.uw-primary,.uw-secondary,.uw-danger,.uw-success,.uw-warn{border:0;border-radius:11px;padding:10px 13px;font-weight:850;cursor:pointer}.uw-primary{background:#135bd8;color:#fff}.uw-secondary{background:#eaf1fb;color:#194170}.uw-danger{background:#fff0f0;color:#b42318}.uw-success{background:#e8f7ef;color:#137749}.uw-warn{background:#fff4dc;color:#895b00}.uw-primary:disabled,.uw-secondary:disabled,.uw-danger:disabled,.uw-success:disabled,.uw-warn:disabled{opacity:.5;cursor:not-allowed}.uw-results{display:grid;gap:9px;max-height:310px;overflow:auto}.uw-result{border:1px solid #dce5f2;border-radius:14px;padding:12px;background:#fff;cursor:pointer;text-align:left}.uw-result:hover,.uw-result.active{border-color:#1763d9;background:#f2f7ff}.uw-result b,.uw-result small{display:block}.uw-result small{margin-top:4px;color:#6b7890}.uw-selected{padding:13px;border-radius:14px;background:#f4f8ff;border:1px solid #d8e6fb}.uw-selected strong,.uw-selected small{display:block}.uw-selected small{margin-top:4px;color:#687892}.uw-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:flex-end;flex-wrap:wrap}.uw-filters{display:flex;gap:9px;flex-wrap:wrap}.uw-filters input,.uw-filters select{border:1px solid #d8e1ef;border-radius:11px;padding:10px 11px;background:#fff}.uw-table{overflow:auto}.uw-table table{width:100%;border-collapse:collapse;min-width:1240px}.uw-table th,.uw-table td{text-align:left;padding:12px;border-bottom:1px solid #e8edf5;vertical-align:top}.uw-table th{font-size:11px;text-transform:uppercase;color:#687892}.uw-table b,.uw-table small{display:block}.uw-table small{margin-top:4px;color:#718098}.uw-money{font-weight:900}.uw-pill{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:900;background:#edf2f8;color:#42526d}.uw-pill.pending{background:#fff4dc;color:#895b00}.uw-pill.processing{background:#e7f0ff;color:#164b9c}.uw-pill.succeeded{background:#e8f7ef;color:#137749}.uw-pill.rejected,.uw-pill.cancelled{background:#fff0f0;color:#b42318}.uw-source{font-size:11px;font-weight:850;color:#5b6b82}.uw-empty{padding:34px;text-align:center;color:#718098}.uw-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px}.uw-pagination button{border:0;border-radius:10px;padding:9px 12px;background:#eaf1fb;color:#194170;font-weight:800;cursor:pointer}.uw-pagination button:disabled{opacity:.45;cursor:not-allowed}.uw-modal{position:fixed;inset:0;z-index:10020;background:rgba(5,18,41,.6);display:grid;place-items:center;padding:20px}.uw-modal.hidden{display:none}.uw-modal-card{width:min(760px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:22px;padding:22px;box-shadow:0 30px 90px rgba(0,0,0,.3)}.uw-modal-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}.uw-modal-head h3{margin:0}.uw-close{border:0;background:#eef3fa;border-radius:10px;width:36px;height:36px;cursor:pointer}.uw-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.uw-detail div{padding:12px;border:1px solid #e1e8f2;border-radius:13px}.uw-detail span,.uw-detail strong{display:block}.uw-detail span{font-size:11px;text-transform:uppercase;color:#718098;margin-bottom:5px}.uw-note{padding:12px;border-radius:13px;background:#fff8e8;color:#805b00;border:1px solid #ffe2a8}.uw-hidden{display:none!important}@media(max-width:900px){.uw-grid{grid-template-columns:1fr}.uw-form{grid-template-columns:1fr}.uw-wide{grid-column:auto}.uw-detail{grid-template-columns:1fr}}

/* SPRINT_7_7B1_RESPONSIVE_START */

/*
 * Menahan seluruh komponen Unified Withdrawal agar tidak
 * memperlebar workspace dan body halaman.
 */
#finance-management-page,
#fm-withdrawal-panel,
.uw-panel,
.uw-grid,
.uw-card,
.uw-form,
.uw-context,
.uw-toolbar,
.uw-filters,
.uw-table {
  min-width: 0;
  max-width: 100%;
}

#finance-management-page,
#fm-withdrawal-panel,
.uw-panel,
.uw-grid,
.uw-table {
  width: 100%;
}

.uw-grid > *,
.uw-form > *,
.uw-detail > *,
.uw-toolbar > *,
.uw-filters > * {
  min-width: 0;
}

.uw-context {
  flex-wrap: wrap;
}

.uw-context > :first-child {
  min-width: 0;
  flex: 1 1 260px;
}

.uw-badges {
  min-width: 0;
  max-width: 100%;
  margin-left: auto;
  justify-content: flex-end;
}

.uw-card h3,
.uw-card p,
.uw-context strong,
.uw-context small {
  overflow-wrap: anywhere;
}

.uw-form input,
.uw-form select,
.uw-form textarea,
.uw-filters input,
.uw-filters select {
  min-width: 0;
  max-width: 100%;
}

.uw-table {
  display: block;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
}

/*
 * Ketika sidebar masih penuh atau browser memakai zoom,
 * form manual dibuat satu kolom besar agar tidak terpotong.
 */
@media (max-width: 1280px) {
  .uw-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 900px) {
  .uw-form {
    grid-template-columns: minmax(0, 1fr);
  }

  .uw-wide {
    grid-column: auto;
  }

  .uw-detail {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 680px) {
  .uw-context {
    align-items: flex-start;
  }

  .uw-badges {
    width: 100%;
    margin-left: 0;
    justify-content: flex-start;
  }

  .uw-toolbar,
  .uw-filters {
    width: 100%;
  }

  .uw-filters input,
  .uw-filters select {
    width: 100%;
    flex: 1 1 100%;
  }
}

/* SPRINT_7_7B1_RESPONSIVE_END */

/* ===== SOURCE: styles.css ===== */
:root{--blue:#d71920;--blue2:#083680;--blueSoft:#fff0f1;--ink:#0b1426;--muted:#66738a;--line:#e4eaf3;--bg:#f6f8fc;--white:#fff;--green:#168a5a;--greenSoft:#e9f8f1;--orange:#c97808;--orangeSoft:#fff4df;--red:#c73737;--redSoft:#ffeded;--shadow:0 18px 48px rgba(25,50,85,.10);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg)}button,input,select,textarea{font:inherit}.hidden{display:none!important}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:linear-gradient(135deg,#061f4d,#083680 52%,#d71920)}.login-hero{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:clamp(52px,8vw,110px);color:#fff}.login-hero:after{content:"";position:absolute;width:430px;height:430px;border-radius:50%;right:-150px;top:-120px;background:linear-gradient(135deg,rgba(255,255,255,.18),transparent)}.hero-chip{width:max-content;padding:9px 14px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.09);font-size:11px;font-weight:900;letter-spacing:.14em}.login-hero h1{max-width:720px;margin:24px 0 18px;font-size:clamp(44px,5.3vw,76px);line-height:1.02;letter-spacing:-.055em}.login-hero>p{max-width:610px;margin:0;color:rgba(255,255,255,.76);font-size:18px;line-height:1.7}.hero-points{display:grid;gap:12px;max-width:610px;margin-top:44px}.hero-points>div{display:flex;gap:14px;align-items:center;padding:13px;border:1px solid rgba(255,255,255,.14);border-radius:15px;background:rgba(255,255,255,.08)}.hero-points b{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.12)}.hero-points span,.hero-points strong,.hero-points small{display:block}.hero-points small{margin-top:3px;color:rgba(255,255,255,.68)}.login-side{display:grid;place-items:center;padding:36px;background:radial-gradient(circle at top right,#e4edff,transparent 32%),var(--bg)}.login-card{width:min(100%,460px);padding:36px;border:1px solid #fff;border-radius:28px;background:rgba(255,255,255,.94);box-shadow:var(--shadow)}.brand{display:flex;align-items:center;gap:12px}.brand strong,.brand small{display:block}.brand small{margin-top:2px;color:#8a96aa}.logo{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#1e6fff,#062254);color:#fff;font-size:20px;font-weight:900;box-shadow:0 10px 25px rgba(215,25,32,.25)}.login-title{margin:30px 0 10px}.login-title h2{margin:0 0 7px;font-size:29px;letter-spacing:-.035em}.login-title p{margin:0;color:var(--muted)}label{display:grid;gap:8px;margin-top:17px}label>span{font-size:12px;font-weight:800}input,select,textarea{width:100%;min-height:48px;padding:11px 13px;border:1px solid var(--line);border-radius:11px;outline:none;background:#fff}textarea{min-height:105px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(215,25,32,.10)}.btn{min-height:42px;padding:10px 15px;border:0;border-radius:10px;font-weight:850;cursor:pointer}.btn.primary{background:linear-gradient(135deg,#1e6fff,#083680);color:#fff;box-shadow:0 10px 25px rgba(215,25,32,.22)}.btn.soft{border:1px solid #dbe5f7;background:#f2f6ff;color:var(--blue2)}.btn.success{background:var(--greenSoft);color:var(--green)}.btn.danger{background:var(--redSoft);color:var(--red)}.btn.block{width:100%;margin-top:23px}.btn:disabled{opacity:.6;cursor:wait}.login-note{display:block;margin-top:17px;text-align:center;color:var(--muted)}.app{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:23px 18px;border-right:1px solid var(--line);background:#fff;z-index:30}.sidebar-brand{padding:0 8px 22px}.sidebar nav{display:grid;gap:6px;margin-top:10px}.nav{display:flex;align-items:center;gap:12px;min-height:47px;padding:10px 12px;border:0;border-radius:12px;background:transparent;color:var(--muted);font-weight:800;text-align:left;cursor:pointer}.nav.active,.nav:hover{background:var(--blueSoft);color:var(--blue)}.sidebar-bottom{margin-top:auto}.tenant{padding:13px;border:1px solid #dce7fb;border-radius:13px;background:#fff7f8}.tenant small,.tenant strong{display:block}.tenant small{color:var(--muted)}.tenant strong{margin-top:4px;color:var(--blue2)}.logout{width:100%;margin-top:8px;padding:10px;border:0;border-radius:10px;background:transparent;color:var(--red);font-weight:850;cursor:pointer}.logout:hover{background:var(--redSoft)}main{min-width:0}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:82px;padding:15px 27px;border-bottom:1px solid var(--line);background:rgba(246,248,252,.90);backdrop-filter:blur(16px)}.top-left,.top-actions,.user{display:flex;align-items:center}.top-left{gap:12px}.top-actions{gap:11px}.top-left small{display:block;color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.14em}.top-left h1{margin:3px 0 0;font-size:24px;letter-spacing:-.035em}.icon-btn{display:none;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:#fff}.user{gap:9px;min-width:155px;padding:7px 11px 7px 7px;border:1px solid var(--line);border-radius:13px;background:#fff}.user>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--blueSoft);color:var(--blue);font-weight:900}.user strong,.user small{display:block}.user small{margin-top:2px;color:#8a96aa}.page{padding:27px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.page-heading h2{margin:0;font-size:25px;letter-spacing:-.035em}.page-heading p{margin:7px 0 0;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.metric,.panel,.period{border:1px solid var(--line);background:#fff;box-shadow:0 8px 24px rgba(24,47,84,.06)}.metric{min-height:150px;padding:19px;border-radius:17px}.metric small{color:var(--muted);font-weight:800}.metric strong{display:block;margin-top:15px;font-size:29px;letter-spacing:-.045em}.metric span{display:block;margin-top:10px;color:#8a96aa;font-size:11px}.grid-2{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:17px;margin-top:17px}.panel{border-radius:17px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 19px;border-bottom:1px solid var(--line)}.panel-head h3{margin:0;font-size:16px}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.panel-body{padding:19px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:13px 15px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{background:#fbfcfe;color:var(--muted);font-size:10px;letter-spacing:.05em;text-transform:uppercase}td{font-size:13px}.primary-text{font-weight:850}.secondary-text{display:block;margin-top:3px;color:#8a96aa;font-size:11px}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef1f5;color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase}.badge.success{background:var(--greenSoft);color:var(--green)}.badge.warning{background:var(--orangeSoft);color:var(--orange)}.badge.danger{background:var(--redSoft);color:var(--red)}.badge.info{background:var(--blueSoft);color:var(--blue)}.actions{display:flex;gap:6px}.mini{padding:6px 9px;border:0;border-radius:8px;font-size:11px;font-weight:850;cursor:pointer}.toolbar{display:flex;gap:9px;align-items:center}.search{min-width:240px;min-height:41px}.empty{display:grid;place-items:center;min-height:220px;padding:28px;text-align:center;color:var(--muted)}.empty b{display:grid;place-items:center;width:56px;height:56px;margin:auto auto 11px;border-radius:17px;background:#f3f7ff;color:var(--blue);font-size:23px}.status-list{display:grid}.status-row{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid var(--line)}.status-row:last-child{border-bottom:0}.status-row span{color:var(--muted);font-size:12px}.periods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.period{padding:19px;border-radius:17px}.period h3{margin:0 0 14px}.period-total{display:block;margin-bottom:18px;color:var(--blue2);font-size:27px;letter-spacing:-.04em}.line{display:flex;justify-content:space-between;gap:15px;padding:5px 0;color:var(--muted);font-size:12px}.line strong{color:var(--ink)}.modal-bg{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:rgba(5,20,48,.58);backdrop-filter:blur(7px)}.modal{width:min(100%,680px);max-height:88vh;overflow:auto;border-radius:22px;background:#fff;box-shadow:var(--shadow)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:19px 21px;border-bottom:1px solid var(--line)}.modal-head h3{margin:0}.close{width:35px;height:35px;border:0;border-radius:9px;background:var(--bg);cursor:pointer}.modal-body{padding:21px}.modal-foot{display:flex;justify-content:flex-end;gap:9px;padding:0 21px 21px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.detail{padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--bg)}.detail small,.detail strong{display:block}.detail small{color:var(--muted);text-transform:uppercase}.detail strong{margin-top:4px;overflow-wrap:anywhere}.toasts{position:fixed;top:17px;right:17px;z-index:200;display:grid;gap:9px}.toast{width:min(350px,calc(100vw - 34px));padding:13px 15px;border-radius:12px;background:var(--ink);color:#fff;box-shadow:var(--shadow)}.toast.success{background:#087849}.toast.error{background:#b92727}.toast strong,.toast small{display:block}.toast small{margin-top:3px;color:rgba(255,255,255,.76)}.loading{display:grid;place-items:center;min-height:330px}.spinner{width:40px;height:40px;border:4px solid #dbe6fb;border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1080px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2,.periods{grid-template-columns:1fr}}@media(max-width:860px){.login-shell{grid-template-columns:1fr}.login-hero{display:none}.login-side{min-height:100vh;padding:22px}.app{grid-template-columns:1fr}.sidebar{position:fixed;left:-270px;width:250px;transition:left .2s;box-shadow:var(--shadow)}.sidebar.open{left:0}.icon-btn{display:grid;place-items:center}}@media(max-width:640px){.topbar{padding:13px 15px}.top-actions>.btn{display:none}.user{min-width:0}.user>div{display:none}.page{padding:17px 13px}.metrics{grid-template-columns:1fr}.page-heading{flex-direction:column}.toolbar,.search{width:100%}.detail-grid{grid-template-columns:1fr}.login-card{padding:27px 21px}}

/* ===== SOURCE: partner-registration-v2.css ===== */
.pm-tabs {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.pr2-toolbar {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}

.pr2-button {
  min-height: 42px;
  padding: 0 15px;
  border: 0;
  border-radius: 12px;
  background: linear-gradient(135deg,#d71920,#f43f5e);
  color: #fff;
  font: inherit;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 8px 20px rgba(215,25,32,.22);
}

.pr2-button:hover {
  transform: translateY(-1px);
}

.pr2-button[hidden] {
  display: none !important;
}

#pr2-modal {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: grid;
  place-items: center;
  padding: 22px;
  background: rgba(59,5,8,.67);
  backdrop-filter: blur(5px);
}

#pr2-modal[hidden] {
  display: none !important;
}

.pr2-card {
  width: min(760px,100%);
  max-height: calc(100vh - 44px);
  overflow: auto;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 30px 80px rgba(0,0,0,.3);
}

.pr2-head {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 21px 25px;
  border-bottom: 1px solid #f1dfe1;
  background: #fff;
}

.pr2-head h2 {
  margin: 0;
  color: #5f080d;
  font-size: 21px;
}

.pr2-close {
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 11px;
  background: #fff1f2;
  color: #d71920;
  font-size: 23px;
  cursor: pointer;
}

#pr2-form {
  padding: 24px 25px 27px;
}

.pr2-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 16px;
}

.pr2-field {
  display: grid;
  gap: 7px;
}

.pr2-field.full {
  grid-column: 1 / -1;
}

.pr2-field label {
  color: #5f080d;
  font-size: 13px;
  font-weight: 800;
}

.pr2-field input,
.pr2-field select,
.pr2-field textarea {
  box-sizing: border-box;
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid #f0cfd4;
  border-radius: 12px;
  background: #fff;
  color: #4a0408;
  font: inherit;
  outline: none;
}

.pr2-field textarea {
  min-height: 82px;
  resize: vertical;
}

.pr2-field input:focus,
.pr2-field select:focus,
.pr2-field textarea:focus {
  border-color: #ef3d45;
  box-shadow: 0 0 0 3px rgba(239,61,69,.12);
}

.pr2-extra {
  margin-top: 17px;
}

.pr2-actions {
  display: flex;
  justify-content: flex-end;
  gap: 11px;
  margin-top: 23px;
}

.pr2-actions button {
  min-height: 43px;
  padding: 0 19px;
  border-radius: 12px;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

.pr2-cancel {
  border: 1px solid #f0cfd4;
  background: #fff;
  color: #7e3037;
}

.pr2-save {
  border: 0;
  background: #d71920;
  color: #fff;
}

.pr2-save:disabled {
  opacity: .55;
  cursor: wait;
}

body.pr2-locked {
  overflow: hidden;
}

@media (max-width:850px) {
  .pr2-toolbar {
    width: 100%;
    margin: 8px 0 0;
  }
}

@media (max-width:650px) {
  .pr2-grid {
    grid-template-columns: 1fr;
  }

  .pr2-field.full {
    grid-column: auto;
  }

  .pr2-toolbar {
    display: grid;
    grid-template-columns: 1fr;
  }
}

/* ===== SOURCE: partner-profile.css ===== */
.pp-action-group {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 9px;
}

.pm-action.pp-edit {
  border: 0 !important;
  background: #0868dc !important;
  color: #fff !important;
}

.pm-action.pp-password {
  border: 1px solid #d7a527 !important;
  background: #fff8df !important;
  color: #855b00 !important;
}

#pp-modal {
  position: fixed;
  inset: 0;
  z-index: 120000;
  display: grid;
  place-items: center;
  padding: 22px;
  background: rgba(3, 17, 42, .68);
  backdrop-filter: blur(5px);
}

#pp-modal[hidden] {
  display: none !important;
}

.pp-card {
  width: min(760px, 100%);
  max-height: calc(100vh - 44px);
  overflow: auto;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 30px 80px rgba(0,0,0,.3);
}

.pp-head {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 25px;
  border-bottom: 1px solid #e1e9f4;
  background: #fff;
}

.pp-head small {
  color: #1772df;
  font-weight: 800;
  letter-spacing: .08em;
}

.pp-head h2 {
  margin: 4px 0 0;
  color: #09275a;
  font-size: 22px;
}

#pp-close {
  width: 39px;
  height: 39px;
  border: 0;
  border-radius: 12px;
  background: #edf4ff;
  color: #075dcc;
  font-size: 24px;
  cursor: pointer;
}

#pp-form {
  padding: 24px 25px 28px;
}

.pp-grid {
  display: grid;
  grid-template-columns:
    repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.pp-extra {
  margin-top: 17px;
}

.pp-field {
  display: grid;
  gap: 7px;
}

.pp-field.full {
  grid-column: 1 / -1;
}

.pp-field span {
  color: #19375e;
  font-size: 13px;
  font-weight: 800;
}

.pp-field input,
.pp-field select,
.pp-field textarea {
  box-sizing: border-box;
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid #cbd8e9;
  border-radius: 12px;
  background: #fff;
  color: #14233e;
  font: inherit;
  outline: none;
}

.pp-field textarea {
  min-height: 90px;
  resize: vertical;
}

.pp-field input:focus,
.pp-field select:focus,
.pp-field textarea:focus {
  border-color: #087cf0;
  box-shadow:
    0 0 0 3px
    rgba(8, 124, 240, .12);
}

.pp-footer {
  display: flex;
  justify-content: flex-end;
  gap: 11px;
  margin-top: 24px;
}

.pp-footer button {
  min-height: 43px;
  padding: 0 19px;
  border-radius: 12px;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

#pp-cancel {
  border: 1px solid #ccd8e8;
  background: #fff;
  color: #24405f;
}

#pp-save {
  border: 0;
  background: #075dcc;
  color: #fff;
}

#pp-save:disabled {
  opacity: .55;
  cursor: wait;
}

.pp-loading,
.pp-error,
.pp-notice {
  margin-bottom: 18px;
  padding: 15px;
  border-radius: 12px;
}

.pp-loading {
  background: #edf5ff;
  color: #15589f;
}

.pp-error {
  background: #fff0f0;
  color: #a61f1f;
}

.pp-notice {
  background: #fff8df;
  color: #765200;
}

body.pp-locked {
  overflow: hidden;
}

@media (max-width: 650px) {
  .pp-grid {
    grid-template-columns: 1fr;
  }

  .pp-field.full {
    grid-column: auto;
  }
}

/* ===== SOURCE: audit-nav.css ===== */
.audit-only-mode
  > :not(.cm-audit-panel) {
  display: none !important;
}

.audit-only-mode
  > .cm-audit-panel {
  display: block !important;
  width: 100%;
}

[data-audit-page][hidden] {
  display: none !important;
}

/* ===== SOURCE: driver-operations.css ===== */
.dop-page{display:grid;gap:18px}.dop-page.hidden{display:none!important}.dop-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px;border:1px solid #dfe7f3;border-radius:22px;background:linear-gradient(135deg,#fff,#f4f8ff)}.dop-intro h2{margin:6px 0 8px;font-size:28px}.dop-intro p{margin:0;color:#64748b}.dop-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.dop-stat{padding:18px;border-radius:18px;background:#fff;border:1px solid #dfe7f3;box-shadow:0 8px 24px rgba(15,23,42,.05)}.dop-stat small{display:block;color:#64748b;font-weight:700;margin-bottom:8px}.dop-stat strong{font-size:28px;color:#0f172a}.dop-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.dop-panel{padding:22px;border:1px solid #dfe7f3;border-radius:22px;background:#fff}.dop-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dop-form label{display:grid;gap:7px;font-weight:700;color:#334155}.dop-form input,.dop-form select,.dop-form textarea,#dop-document-status{border:1px solid #cbd5e1;border-radius:12px;padding:11px 12px;font:inherit;background:#fff}.dop-form textarea{min-height:110px;resize:vertical}.dop-wide{grid-column:1/-1}.dop-primary{border:0;border-radius:13px;padding:13px 16px;background:#1565f5;color:#fff;font-weight:900;cursor:pointer}.dop-result{min-height:22px;color:#0f766e;font-weight:800}.dop-list{display:grid;gap:10px;max-height:430px;overflow:auto}.dop-item{padding:13px;border:1px solid #e2e8f0;border-radius:14px}.dop-item strong{display:block;margin-bottom:5px}.dop-item small{color:#64748b}.dop-table-wrap{overflow:auto}.dop-table{width:100%;border-collapse:collapse}.dop-table th,.dop-table td{padding:12px 10px;border-bottom:1px solid #e2e8f0;text-align:left;vertical-align:top}.dop-table th{font-size:12px;color:#64748b;text-transform:uppercase}.dop-actions{display:flex;gap:8px;flex-wrap:wrap}.dop-action{border:1px solid #cbd5e1;border-radius:10px;padding:7px 10px;background:#fff;cursor:pointer;font-weight:800}.dop-action.approve{color:#047857;border-color:#a7f3d0}.dop-action.reject{color:#b91c1c;border-color:#fecaca}.dop-empty{padding:18px;color:#64748b;text-align:center}.dop-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef4ff;color:#d71920;font-size:11px;font-weight:900}@media(max-width:1100px){.dop-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.dop-grid{grid-template-columns:1fr}}@media(max-width:700px){.dop-summary,.dop-form{grid-template-columns:1fr}.dop-wide{grid-column:auto}.dop-intro{align-items:flex-start;flex-direction:column}}

/* BEGIN Sprint 5.6A3 layout recovery */
.workspace .content > #driver-operations-page {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  align-self: start;
  overflow: hidden;
}
.workspace .content > #driver-operations-page.hidden {
  display: none !important;
}
.workspace .content > #driver-operations-page .dop-page,
.workspace .content > #driver-operations-page .dop-summary,
.workspace .content > #driver-operations-page .dop-grid,
.workspace .content > #driver-operations-page .dop-panel {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}
/* END Sprint 5.6A3 layout recovery */

/* JET_DRIVER_SAFETY_ADMIN_WEB_1_8F4A */
.dop-stat.emergency{border-color:#ef4444;background:linear-gradient(135deg,#7f1d1d,#dc2626);box-shadow:0 16px 34px rgba(220,38,38,.22)}
.dop-stat.emergency small,.dop-stat.emergency strong{color:#fff!important}
.dop-safety-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.dop-safety-toolbar select{border:1px solid #fecdd3;border-radius:11px;padding:8px 10px;background:#fffafa;color:#5f080d;font:inherit;font-size:12px;font-weight:800}
.dop-live-indicator{color:#15803d;font-size:11px;font-weight:900}
.dop-list{max-height:680px}
.dop-incident-card{display:grid;gap:10px;padding:15px;border:1px solid #f1c4c8;border-radius:17px;background:#fff}
.dop-incident-card.status-emergency{border:2px solid #dc2626;background:linear-gradient(135deg,#fff,#fff1f2);box-shadow:0 12px 30px rgba(220,38,38,.15)}
.dop-incident-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.dop-incident-head time{color:#8f5f65;font-size:11px;white-space:nowrap}
.dop-incident-badges{display:flex;gap:7px;flex-wrap:wrap}
.dop-incident-status,.dop-incident-type{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:950}
.dop-incident-status{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}
.dop-incident-status.emergency{background:#dc2626;color:#fff;border-color:#dc2626;animation:dop-pulse 1.4s infinite}
.dop-incident-status.in_progress{background:#fff7ed;color:#c2410c;border-color:#fed7aa}
.dop-incident-status.resolved{background:#ecfdf5;color:#047857;border-color:#a7f3d0}
.dop-incident-type{background:#fff1f2;color:#7f1d1d}
.dop-incident-card h4{margin:0;color:#4a0408;font-size:16px}
.dop-incident-card p{margin:0;color:#6b3a3f;line-height:1.5}
.dop-incident-meta{display:grid;gap:5px;color:#7f5a5e;font-size:12px}
.dop-incident-actions,.dop-safety-detail-actions{display:flex;gap:8px;flex-wrap:wrap}
.dop-action{text-decoration:none}.dop-action.contact{color:#047857;border-color:#a7f3d0}.dop-action.map{color:#1d4ed8;border-color:#bfdbfe}.dop-action.handling{color:#c2410c;border-color:#fed7aa}.dop-action.resolve{color:#fff;background:#15803d;border-color:#15803d}.dop-action.reopen{color:#7f1d1d;border-color:#fda4af}
.dop-safety-backdrop{position:fixed;inset:0;z-index:9997;background:rgba(35,4,6,.55);backdrop-filter:blur(3px)}
.dop-safety-modal{position:fixed;z-index:9998;top:0;right:0;width:min(620px,94vw);height:100vh;overflow:auto;background:#fffafa;box-shadow:-18px 0 55px rgba(45,4,7,.25)}
.dop-safety-modal-head{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:22px;background:#fff;border-bottom:1px solid #f3c5ca}
.dop-safety-modal-head h2{margin:5px 0 0;color:#4a0408}.dop-safety-close{width:42px;height:42px;border:1px solid #fecdd3;border-radius:13px;background:#fff1f2;color:#9f1239;font-size:26px;cursor:pointer}
.dop-safety-modal-body{display:grid;gap:16px;padding:22px}.dop-safety-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dop-safety-detail-grid article,.dop-safety-description,.dop-safety-route{display:grid;gap:5px;padding:14px;border:1px solid #f1c4c8;border-radius:15px;background:#fff}
.dop-safety-detail-grid small,.dop-safety-description small,.dop-safety-route small{color:#9b5960;font-size:11px;font-weight:900;text-transform:uppercase}
.dop-safety-description p,.dop-safety-route p{margin:0;line-height:1.55}.dop-safety-map{width:100%;min-height:360px;border:1px solid #f1c4c8;border-radius:17px;background:#f8fafc}
.dop-safety-toast{position:fixed;z-index:10000;right:24px;bottom:24px;max-width:410px;padding:14px 17px;border-radius:14px;background:#166534;color:#fff;font-weight:900;box-shadow:0 16px 42px rgba(0,0,0,.25)}
.dop-safety-toast.emergency{background:#b91c1c;animation:dop-pulse 1s infinite}
@keyframes dop-pulse{0%,100%{box-shadow:0 0 0 0 rgba(220,38,38,.25)}50%{box-shadow:0 0 0 8px rgba(220,38,38,0)}}
@media(max-width:700px){.dop-safety-toolbar{width:100%;justify-content:flex-start}.dop-safety-detail-grid{grid-template-columns:1fr}.dop-safety-map{min-height:280px}.dop-safety-toast{left:14px;right:14px;bottom:14px}}


/* JET_ADMIN_DRIVER_ONLINE_CALL_CSS_1_8F4B */
.dop-action.online-call,
.dop-primary.online-call {
  cursor: pointer;
  border-color: #fecaca;
  color: #fff;
  background: #dc2626;
}

.dop-action.cellular {
  color: #047857;
  border-color: #a7f3d0;
}

.jet-call-backdrop {
  position: fixed;
  inset: 0;
  z-index: 12000;
  background: rgba(32, 2, 5, 0.68);
  backdrop-filter: blur(5px);
}

.jet-call-modal {
  position: fixed;
  z-index: 12001;
  left: 50%;
  top: 50%;
  width: min(460px, 92vw);
  transform: translate(-50%, -50%);
  border: 1px solid #fecaca;
  border-radius: 26px;
  padding: 26px;
  background:
    linear-gradient(145deg, #fff, #fff1f2);
  box-shadow: 0 28px 80px rgba(45, 4, 7, 0.38);
  text-align: center;
}

.jet-call-avatar {
  width: 94px;
  height: 94px;
  margin: 0 auto 16px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #dc2626;
  font-size: 34px;
  font-weight: 950;
}

.jet-call-modal h2 {
  margin: 0;
  color: #4a0408;
}

.jet-call-status {
  min-height: 44px;
  margin: 12px 0 20px;
  color: #7f4a50;
  line-height: 1.5;
}

.jet-call-timer {
  margin-bottom: 18px;
  color: #991b1b;
  font-weight: 900;
}

.jet-call-actions {
  display: flex;
  justify-content: center;
  gap: 12px;
}

.jet-call-control {
  min-width: 110px;
  border: 1px solid #fecaca;
  border-radius: 14px;
  padding: 11px 14px;
  background: #fff;
  color: #7f1d1d;
  font-weight: 900;
  cursor: pointer;
}

.jet-call-control.end {
  color: #fff;
  background: #dc2626;
  border-color: #dc2626;
}

.jet-call-control:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

/* ===== SOURCE: slide-ads.css ===== */

.sa-page {
  display: grid;
  gap: 18px;
}

.sa-page.hidden {
  display: none !important;
}

.sa-intro,
.sa-panel {
  background: #ffffff;
  border: 1px solid #f1dfe1;
  border-radius: 24px;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.07);
}

.sa-intro {
  padding: 22px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.sa-intro h2,
.sa-panel h3 {
  margin: 4px 0 6px;
  color: #5f080d;
}

.sa-intro p {
  max-width: 760px;
  margin: 0;
  color: #865b60;
  line-height: 1.55;
}

.sa-intro-actions,
.sa-inline-actions,
.sa-form-actions,
.sa-toolbar {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.sa-scope-badge,
.sa-resolved {
  padding: 9px 12px;
  border-radius: 999px;
  background: #fff1f2;
  color: #d71920;
  font-size: 12px;
  font-weight: 800;
}

.sa-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
  gap: 18px;
  align-items: start;
}

.sa-panel {
  padding: 20px;
}

.sa-panel-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 16px;
}

.sa-form,
.sa-form label {
  display: grid;
  gap: 7px;
}

.sa-form {
  gap: 15px;
}

.sa-form label,
.sa-panel label {
  color: #4a2024;
  font-size: 12px;
  font-weight: 800;
}

.sa-form input,
.sa-form textarea,
.sa-form select,
.sa-panel select,
.sa-toolbar input,
.sa-toolbar select {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #f0cfd4;
  border-radius: 12px;
  background: #ffffff;
  color: #4a0408;
  padding: 10px 11px;
  font: inherit;
  outline: none;
}

.sa-form input:focus,
.sa-form textarea:focus,
.sa-form select:focus,
.sa-panel select:focus,
.sa-toolbar input:focus,
.sa-toolbar select:focus {
  border-color: #ef3d45;
  box-shadow: 0 0 0 3px rgba(7, 91, 216, 0.11);
}

.sa-form select:disabled,
.sa-form input:disabled {
  color: #865b60;
  background: #fff7f8;
}

.sa-grid {
  display: grid;
  gap: 12px;
}

.sa-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sa-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sa-upload-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 250px;
  gap: 14px;
  align-items: stretch;
}

.sa-upload-grid small,
#sa-upload-status {
  color: #865b60;
  font-size: 11px;
}

.sa-image-preview {
  min-height: 145px;
  border-radius: 16px;
  border: 1px dashed #f0cfd4;
  background:
    linear-gradient(135deg, rgba(7, 91, 216, 0.06), rgba(56, 189, 248, 0.08));
  overflow: hidden;
  display: grid;
  place-items: center;
  color: #865b60;
  font-size: 12px;
  text-align: center;
}

.sa-image-preview img {
  width: 100%;
  height: 100%;
  min-height: 145px;
  object-fit: cover;
  display: block;
}

.sa-check {
  grid-template-columns: auto 1fr !important;
  align-items: center;
  width: fit-content;
}

.sa-check input {
  width: 17px;
  height: 17px;
}

.sa-button,
.sa-link-button {
  border: 0;
  cursor: pointer;
  font: inherit;
  font-weight: 800;
}

.sa-button {
  padding: 10px 14px;
  border-radius: 12px;
}

.sa-button:disabled {
  cursor: wait;
  opacity: 0.62;
}

.sa-primary {
  color: #ffffff;
  background: linear-gradient(135deg, #d71920, #0b7be8);
}

.sa-secondary {
  color: #d71920;
  background: #fff1f2;
}

.sa-danger {
  color: #b91c1c;
  background: #fee2e2;
}

.sa-link-button {
  background: transparent;
  color: #d71920;
  padding: 5px;
}

.sa-resolved {
  margin: 14px 0;
  border-radius: 14px;
}

.sa-effective-list,
.sa-card-list {
  display: grid;
  gap: 12px;
}

.sa-effective-card {
  position: relative;
  overflow: hidden;
  min-height: 145px;
  border-radius: 18px;
  background: linear-gradient(135deg, #d71920, #062e72);
  color: #ffffff;
}

.sa-effective-card img {
  width: 100%;
  height: 165px;
  object-fit: cover;
  display: block;
}

.sa-effective-overlay {
  position: absolute;
  inset: auto 0 0;
  padding: 32px 15px 14px;
  background: linear-gradient(transparent, rgba(2, 20, 52, 0.92));
}

.sa-effective-card.no-image .sa-effective-overlay {
  position: static;
  background: transparent;
  padding: 24px 18px;
}

.sa-effective-overlay b {
  display: block;
  font-size: 15px;
}

.sa-effective-overlay small {
  display: block;
  margin-top: 5px;
  color: #ffe4e8;
  line-height: 1.4;
}

.sa-list-panel {
  overflow: hidden;
}

.sa-list-head {
  align-items: center;
}

.sa-toolbar input {
  min-width: 220px;
}

.sa-list-summary {
  margin-bottom: 12px;
  color: #865b60;
  font-size: 12px;
  font-weight: 700;
}

.sa-ad-card {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  border: 1px solid #f1dfe1;
  border-radius: 18px;
  padding: 12px;
  background: #fffdfd;
}

.sa-ad-thumb {
  height: 100px;
  overflow: hidden;
  border-radius: 13px;
  background: linear-gradient(135deg, #d71920, #f43f5e);
  display: grid;
  place-items: center;
  color: #ffffff;
  font-weight: 900;
}

.sa-ad-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sa-ad-main h4 {
  margin: 0 0 5px;
  color: #5f080d;
}

.sa-ad-main p {
  margin: 0 0 9px;
  color: #865b60;
  font-size: 12px;
  line-height: 1.45;
}

.sa-meta {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
}

.sa-pill {
  padding: 5px 8px;
  border-radius: 999px;
  background: #fff3f4;
  color: #7e3037;
  font-size: 10px;
  font-weight: 800;
}

.sa-pill.active {
  background: #dcfce7;
  color: #15803d;
}

.sa-pill.inactive {
  background: #fee2e2;
  color: #b91c1c;
}

.sa-ad-actions {
  display: grid;
  gap: 7px;
  min-width: 110px;
}

.sa-empty,
.sa-loading {
  padding: 28px;
  border: 1px dashed #f0cfd4;
  border-radius: 16px;
  color: #865b60;
  text-align: center;
}

@media (max-width: 1180px) {
  .sa-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 820px) {
  .sa-intro,
  .sa-panel-head,
  .sa-list-head {
    align-items: stretch;
    flex-direction: column;
  }

  .sa-grid-2,
  .sa-grid-3,
  .sa-upload-grid {
    grid-template-columns: 1fr;
  }

  .sa-ad-card {
    grid-template-columns: 1fr;
  }

  .sa-ad-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sa-toolbar input {
    min-width: 0;
  }
}

/* ===== SOURCE: vouchers.css ===== */

.vc-page {
  display: grid;
  gap: 18px;
}

.vc-page.hidden {
  display: none !important;
}

.vc-intro,
.vc-panel {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 24px;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.07);
}

.vc-intro {
  padding: 22px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.vc-intro h2,
.vc-panel h3 {
  margin: 4px 0 6px;
  color: #0f2f69;
}

.vc-intro p {
  margin: 0;
  max-width: 780px;
  color: #64748b;
  line-height: 1.55;
}

.vc-intro-actions,
.vc-form-actions,
.vc-toolbar,
.vc-check-row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.vc-badge {
  padding: 9px 12px;
  border-radius: 999px;
  background: #eaf3ff;
  color: #075bd8;
  font-size: 12px;
  font-weight: 900;
}

.vc-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.65fr);
  gap: 18px;
  align-items: start;
}

.vc-panel {
  padding: 20px;
}

.vc-panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 16px;
}

.vc-form,
.vc-form label {
  display: grid;
  gap: 7px;
}

.vc-form {
  gap: 15px;
}

.vc-form label,
.vc-panel label {
  color: #334155;
  font-size: 12px;
  font-weight: 800;
}

.vc-grid {
  display: grid;
  gap: 12px;
}

.vc-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.vc-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.vc-form input,
.vc-form textarea,
.vc-form select,
.vc-toolbar input,
.vc-toolbar select {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #d8e1ee;
  border-radius: 12px;
  background: #ffffff;
  color: #0f172a;
  padding: 10px 11px;
  font: inherit;
  outline: none;
}

.vc-form input:focus,
.vc-form textarea:focus,
.vc-form select:focus,
.vc-toolbar input:focus,
.vc-toolbar select:focus {
  border-color: #3687ef;
  box-shadow: 0 0 0 3px rgba(7, 91, 216, 0.11);
}

.vc-subpanel {
  padding: 15px;
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  background: #fbfdff;
}

.vc-subpanel h4 {
  margin: 0 0 13px;
  color: #0f2f69;
}

.vc-service-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}

.vc-service-grid label {
  grid-template-columns: auto 1fr;
  align-items: center;
  padding: 10px;
  border: 1px solid #d8e1ee;
  border-radius: 13px;
  background: #ffffff;
}

.vc-service-grid input,
.vc-check input {
  width: 17px;
  height: 17px;
}

.vc-check {
  grid-template-columns: auto 1fr !important;
  align-items: center;
  padding: 10px 13px;
  border-radius: 13px;
  background: #f1f5f9;
}

.vc-button,
.vc-link {
  border: 0;
  cursor: pointer;
  font: inherit;
  font-weight: 900;
}

.vc-button {
  padding: 10px 14px;
  border-radius: 12px;
}

.vc-button:disabled {
  cursor: wait;
  opacity: 0.62;
}

.vc-primary {
  background: linear-gradient(135deg, #075bd8, #0b7be8);
  color: #ffffff;
}

.vc-secondary {
  background: #eaf3ff;
  color: #075bd8;
}

.vc-danger {
  background: #fee2e2;
  color: #b91c1c;
}

.vc-link {
  padding: 5px;
  background: transparent;
  color: #075bd8;
}

.vc-fallback {
  display: grid;
  gap: 10px;
}

.vc-fallback > div {
  padding: 14px;
  border-radius: 16px;
  background: #eff6ff;
  border: 1px solid #dbeafe;
}

.vc-fallback b,
.vc-fallback span {
  display: block;
}

.vc-fallback span {
  margin-top: 4px;
  color: #64748b;
  font-size: 12px;
  line-height: 1.4;
}

.vc-fallback strong {
  color: #075bd8;
  text-align: center;
}

.vc-note {
  margin-top: 14px;
  padding: 15px;
  border-radius: 16px;
  background: #ecfdf5;
  border: 1px solid #bbf7d0;
}

.vc-note b {
  color: #15803d;
}

.vc-note p {
  margin: 5px 0 0;
  color: #475569;
  font-size: 12px;
  line-height: 1.5;
}

.vc-warning {
  background: #fff7ed;
  border-color: #fed7aa;
}

.vc-warning b {
  color: #c2410c;
}

.vc-list-panel {
  overflow: hidden;
}

.vc-list-head {
  align-items: center;
}

.vc-toolbar input {
  min-width: 220px;
}

.vc-summary {
  margin-bottom: 12px;
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}

.vc-list {
  display: grid;
  gap: 12px;
}

.vc-card {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr) auto;
  gap: 15px;
  align-items: center;
  padding: 14px;
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  background: #fbfdff;
}

.vc-code-box {
  min-height: 95px;
  padding: 13px;
  display: grid;
  place-content: center;
  text-align: center;
  border: 1px dashed #8db9f5;
  border-radius: 15px;
  background: linear-gradient(135deg, #eaf3ff, #f0f9ff);
}

.vc-code-box b {
  color: #075bd8;
  font-size: 17px;
  letter-spacing: 0.5px;
}

.vc-code-box span {
  margin-top: 4px;
  color: #64748b;
  font-size: 10px;
}

.vc-card-main h4 {
  margin: 0 0 5px;
  color: #0f2f69;
}

.vc-card-main p {
  margin: 0 0 9px;
  color: #64748b;
  font-size: 12px;
  line-height: 1.45;
}

.vc-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.vc-pill {
  padding: 5px 8px;
  border-radius: 999px;
  background: #edf2f7;
  color: #475569;
  font-size: 10px;
  font-weight: 900;
}

.vc-pill.active {
  background: #dcfce7;
  color: #15803d;
}

.vc-pill.inactive {
  background: #fee2e2;
  color: #b91c1c;
}

.vc-card-actions {
  display: grid;
  gap: 7px;
  min-width: 112px;
}

.vc-empty,
.vc-loading {
  padding: 30px;
  border: 1px dashed #cbd5e1;
  border-radius: 17px;
  color: #64748b;
  text-align: center;
}

@media (max-width: 1180px) {
  .vc-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 850px) {
  .vc-intro,
  .vc-panel-head,
  .vc-list-head {
    align-items: stretch;
    flex-direction: column;
  }

  .vc-grid-2,
  .vc-grid-3,
  .vc-service-grid {
    grid-template-columns: 1fr;
  }

  .vc-card {
    grid-template-columns: 1fr;
  }

  .vc-card-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .vc-toolbar input {
    min-width: 0;
  }
}

/* ===== SOURCE: voucher-report.css ===== */

/* SPRINT_7_5E_VOUCHER_AUDIT_QUOTA_FINANCE_REPORT */
.vr-panel{display:grid;gap:18px}.vr-head,.vr-box-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.vr-head h3,.vr-box-head h4{margin:4px 0;color:#0f2f69}.vr-head p{margin:6px 0 0;max-width:760px;color:#64748b;font-size:12px;line-height:1.5}.vr-actions{display:flex;gap:9px;flex-wrap:wrap}.vr-filter{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr)) minmax(220px,1.4fr) auto;gap:10px;align-items:end;padding:14px;border:1px solid #dbe5f1;border-radius:18px;background:#f8fbff}.vr-filter label{display:grid;gap:7px;color:#334155;font-size:12px;font-weight:800}.vr-filter input,.vr-filter select{width:100%;box-sizing:border-box;padding:10px 11px;border:1px solid #d8e1ee;border-radius:12px;background:#fff;color:#0f172a;font:inherit}.vr-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.vr-metric{min-height:104px;padding:15px;display:grid;align-content:center;gap:5px;border:1px solid #dbe5f1;border-radius:18px;background:linear-gradient(145deg,#fff,#f2f7ff)}.vr-metric span{color:#64748b;font-size:11px;font-weight:800}.vr-metric strong{color:#0f2f69;font-size:20px}.vr-metric small{color:#075bd8;font-weight:800}.vr-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:14px}.vr-box{padding:16px;border:1px solid #dbe5f1;border-radius:19px;background:#fbfdff}.vr-scroll{display:grid;gap:9px;max-height:430px;overflow:auto;padding-right:3px}.vr-quota-row,.vr-audit-row{padding:12px;border:1px solid #e2e8f0;border-radius:15px;background:#fff}.vr-quota-title{display:flex;justify-content:space-between;gap:12px}.vr-quota-title b,.vr-quota-title span{display:block}.vr-quota-title b{color:#075bd8}.vr-quota-title span{margin-top:2px;color:#64748b;font-size:11px}.vr-quota-title strong{color:#0f2f69;font-size:12px;white-space:nowrap}.vr-progress{height:7px;margin:10px 0 8px;overflow:hidden;border-radius:99px;background:#e8eef7}.vr-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#075bd8,#19a0f5)}.vr-meta{display:flex;flex-wrap:wrap;gap:5px}.vr-meta span{padding:4px 7px;border-radius:99px;background:#edf2f7;color:#475569;font-size:9px;font-weight:800}.vr-audit-row{display:grid;grid-template-columns:34px 1fr;gap:10px}.vr-audit-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#eaf3ff;color:#075bd8;font-weight:900}.vr-audit-row b,.vr-audit-row span,.vr-audit-row small{display:block}.vr-audit-row b{color:#0f2f69}.vr-audit-row span{margin-top:3px;color:#475569;font-size:11px}.vr-audit-row small{margin-top:3px;color:#94a3b8}.vr-table-wrap{overflow:auto;border:1px solid #e2e8f0;border-radius:15px}.vr-table{width:100%;min-width:1040px;border-collapse:collapse;background:#fff}.vr-table th,.vr-table td{padding:11px 12px;border-bottom:1px solid #edf2f7;text-align:left;vertical-align:top;font-size:11px}.vr-table th{position:sticky;top:0;z-index:1;background:#eef5ff;color:#0f2f69;font-weight:900}.vr-table td b,.vr-table td small{display:block}.vr-table td small{margin-top:3px;color:#64748b}.vr-discount{color:#dc2626;font-weight:900}.vr-status{display:inline-block;padding:5px 8px;border-radius:99px;font-size:9px;font-weight:900;white-space:nowrap}.vr-status.reserved{background:#fef3c7;color:#b45309}.vr-status.used{background:#dcfce7;color:#15803d}.vr-status.released{background:#dbeafe;color:#075bd8}.vr-status.cancelled{background:#fee2e2;color:#b91c1c}.vr-pagination{margin-top:12px;display:flex;align-items:center;justify-content:flex-end;gap:10px}.vr-pagination span{color:#64748b;font-size:11px;font-weight:800}@media(max-width:1320px){.vr-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.vr-filter{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.vr-grid,.vr-filter,.vr-metrics{grid-template-columns:1fr}.vr-head,.vr-box-head{align-items:stretch;flex-direction:column}.vr-pagination{justify-content:space-between}}

/* ===== SOURCE: jet-foundation.css ===== */
/* JET-1.0A3 — red brand foundation */
:root {
  --jet-red-950: #3b0508;
  --jet-red-900: #5f080d;
  --jet-red-800: #8f1017;
  --jet-red-700: #d71920;
  --jet-red-600: #ef3d45;
  --jet-red-100: #fff0f1;
}

/* Force the brand identity across legacy blue-brand components. */
.primary-button,
.au-primary,
.cm-primary,
.fm-primary,
.mt-primary,
.vc-primary,
.sa-primary,
.pr-primary,
.pp-primary,
.uw-primary {
  background: linear-gradient(135deg, var(--jet-red-700), var(--jet-red-600)) !important;
  border-color: var(--jet-red-700) !important;
  color: #fff !important;
}

.nav.active,
.brand-mark,
.avatar {
  background: linear-gradient(135deg, var(--jet-red-700), #f45d64) !important;
}

.eyebrow,
a,
.soft-button {
  color: var(--jet-red-700);
}

body,
.app-shell {
  background-color: #fff7f8;
}

/* These mixed public/admin backend modules will be tenant-generalized in
   JET-1.0B. Hide their controls now to prevent a misleading 404 workflow. */
[data-driver-ops-page],
[data-fm-tab="withdrawals"],
#fm-withdrawal-panel {
  display: none !important;
}

/* BEGIN JET PINK LOGIN */

/* Panel kiri login: merah muda premium */
.login-panel {
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(
      circle at 10% 5%,
      rgba(255, 255, 255, 0.88),
      transparent 24rem
    ),
    linear-gradient(
      145deg,
      #fff7fa 0%,
      #ffe4ee 42%,
      #fbc4d8 100%
    ) !important;
}

/* Lapisan dekorasi halus */
.login-panel::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 360px;
  height: 360px;
  left: -170px;
  bottom: -190px;
  border-radius: 50%;
  background: rgba(219, 39, 119, 0.08);
  box-shadow:
    0 0 0 55px rgba(244, 114, 182, 0.05),
    0 0 0 110px rgba(251, 207, 232, 0.07);
  pointer-events: none;
}

/* Judul dan tulisan panel kiri */
.login-panel .brand-row h1,
.login-panel .login-copy h2,
.login-panel .login-form label {
  color: #4a102a !important;
}

.login-panel .login-copy p,
.login-panel .connection {
  color: #865067 !important;
}

.login-panel .eyebrow {
  color: #be185d !important;
}

.login-panel .secure-pill {
  color: #be185d !important;
  background: rgba(255, 255, 255, 0.72) !important;
  border: 1px solid rgba(190, 24, 93, 0.14);
}

/* Logo login */
.login-panel .brand-mark {
  background:
    linear-gradient(
      145deg,
      #db2777,
      #fb7185
    ) !important;
  box-shadow:
    0 14px 32px rgba(190, 24, 93, 0.25) !important;
}

/* Input login */
.login-panel .login-form input {
  color: #4a102a !important;
  background: rgba(255, 255, 255, 0.92) !important;
  border-color: #f1b7cc !important;
  box-shadow: 0 8px 24px rgba(157, 23, 77, 0.05);
}

.login-panel .login-form input:focus {
  background: #fff !important;
  border-color: #db2777 !important;
  box-shadow:
    0 0 0 4px rgba(219, 39, 119, 0.12),
    0 10px 28px rgba(157, 23, 77, 0.08) !important;
}

.login-panel .login-form input::placeholder {
  color: #9b7383;
}

/* Tombol tampil/tutup kata sandi */
.login-panel .password-wrap button {
  color: #be185d !important;
}

/* Tombol login tetap merah JET */
.login-panel .primary-button {
  background:
    linear-gradient(
      135deg,
      #d71920,
      #f43f5e
    ) !important;
  box-shadow:
    0 16px 34px rgba(215, 25, 32, 0.24) !important;
}

/* Warna dasar luar kartu login */
body:has(.login-shell:not(.hidden)) {
  background:
    radial-gradient(
      circle at 8% 8%,
      rgba(244, 114, 182, 0.18),
      transparent 30rem
    ),
    radial-gradient(
      circle at 92% 90%,
      rgba(215, 25, 32, 0.12),
      transparent 28rem
    ),
    #fff7fa !important;
}

/* END JET PINK LOGIN */

/* BEGIN JET RED UNIFY */

/* Sidebar dan navigasi */
.sidebar {
  background:
    radial-gradient(circle at 20% 0%, rgba(239,61,69,.30), transparent 20rem),
    linear-gradient(180deg, #4a0408, #8f1017) !important;
}

.nav.active,
.nav.active span,
.nav.active small,
.nav.active i,
.nav.active svg {
  color: #ffffff !important;
  fill: currentColor !important;
  opacity: 1 !important;
}

.nav.active {
  background: linear-gradient(135deg, #ef2b33, #f45d64) !important;
  box-shadow: 0 12px 28px rgba(95, 8, 13, 0.20) !important;
}

/* Judul agar tidak gelap dan lebih terbaca */
.topbar h1,
.content h1,
.content h2,
.content h3,
.panel-head h3,
.panel h2,
.panel h3,
.hero h2 {
  color: #4a0408 !important;
}

/* Link dan aksen umum */
a,
.soft-button,
.eyebrow {
  color: #d71920 !important;
}

/* Tombol utama dan tombol biru lain */
.primary-button,
button.primary-button,
button[class*="primary"],
a[class*="primary"],
.cm-primary,
.fm-primary,
.mt-primary,
.vc-primary,
.sa-primary,
.pr-primary,
.pp-primary,
.uw-primary,
.au-primary {
  background: linear-gradient(135deg, #d71920, #f43f5e) !important;
  border-color: #d71920 !important;
  color: #ffffff !important;
  box-shadow: 0 12px 30px rgba(215, 25, 32, 0.20) !important;
}

/* Tab aktif / segment aktif */
.tab.active,
.tabs .active,
.segment .active,
button.active:not(.nav),
[aria-selected="true"] {
  background: linear-gradient(135deg, #d71920, #f43f5e) !important;
  color: #ffffff !important;
  border-color: #d71920 !important;
}

/* Logo, avatar, badge utama */
.brand-mark,
.avatar,
.metric-icon,
.activity-type {
  background: linear-gradient(135deg, #d71920, #f45d64) !important;
  color: #ffffff !important;
}

/* Hero / kartu header merah */
.hero,
.revenue-primary {
  background:
    radial-gradient(circle at 90% -20%, rgba(255,255,255,.20), transparent 18rem),
    linear-gradient(135deg, #7d070d, #ef2b33) !important;
  color: #ffffff !important;
}

/* Progress status layanan jadi merah */
.fill {
  background: linear-gradient(90deg, #d71920, #f43f5e) !important;
}

.track {
  background: #f7d7db !important;
}

/* Chip / pill netral jangan kebiruan */
.neutral-pill,
.operation-meta span,
.periods,
.activity-status,
.scope-badge,
.sidebar-scope,
.user-chip,
.api-status {
  background: #fff3f4 !important;
  color: #8f1017 !important;
  border-color: #f3c8ce !important;
}

.api-status small,
.user-chip small,
.sidebar-scope small,
.sidebar-scope span {
  color: #865067 !important;
}

/* Tab periode aktif */
.period.active {
  color: #d71920 !important;
  background: #ffffff !important;
  box-shadow: 0 5px 14px rgba(95, 8, 13, 0.09) !important;
}

/* Input dan select sedikit dihangatkan */
input,
select,
textarea {
  border-color: #f0cfd4 !important;
  background: #fffdfd !important;
}

input:focus,
select:focus,
textarea:focus {
  border-color: #ef3d45 !important;
  box-shadow: 0 0 0 4px rgba(239, 61, 69, 0.10) !important;
}

/* Tombol reset / sekunder tetap netral tapi hangat */
.soft-button,
button[type="button"] {
  border-color: #f0cfd4 !important;
}

/* Preview biru pada Iklan Slide dibuat merah */
.preview-card,
.slide-preview,
.slide-preview-card,
[data-slide-preview],
[data-preview-card] {
  background: linear-gradient(135deg, #9f0d15, #ef2b33) !important;
  color: #ffffff !important;
}

/* Card fallback / informasi samping dibuat senada */
.panel,
.metric-card,
.revenue-item {
  box-shadow: 0 12px 34px rgba(95, 8, 13, 0.08) !important;
}

/* Beberapa teks agar kontras */
.metric-card strong,
.revenue-item strong,
.activity-main b,
.activity-location b,
.panel strong {
  color: #4a0408 !important;
}

/* Dashboard/menu aktif terbaca jelas */
.nav.active * {
  color: #ffffff !important;
}

/* END JET RED UNIFY */

/* BEGIN JET LIGHT BANNER TITLES */

/*
 * Judul yang berada di atas background merah wajib putih.
 * Override aturan global .content h1/h2/h3 dari tema sebelumnya.
 */
.hero h1,
.hero h2,
.hero h3,
.om-intro h1,
.om-intro h2,
.om-intro h3,
.pm-intro h1,
.pm-intro h2,
.pm-intro h3,
.cm-intro h1,
.cm-intro h2,
.cm-intro h3,
.fm-intro h1,
.fm-intro h2,
.fm-intro h3 {
  color: #ffffff !important;
  text-shadow:
    0 2px 4px rgba(59, 5, 8, 0.18) !important;
}

/* Label kecil pada banner merah */
.hero .eyebrow,
.om-intro .eyebrow,
.pm-intro .eyebrow,
.cm-intro .eyebrow,
.fm-intro .eyebrow {
  color: #ffe4e8 !important;
  text-shadow: none !important;
}

/* Deskripsi banner dibuat lebih terang */
.hero p,
.om-intro p,
.pm-intro p,
.cm-intro p,
.fm-intro p {
  color: rgba(255, 255, 255, 0.88) !important;
}

/* Badge jumlah dan scope pada banner */
.om-total,
.pm-total,
.cm-scope-badge,
.fm-scope-badge {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.14) !important;
  border-color: rgba(255, 255, 255, 0.24) !important;
}

/*
 * Dashboard:
 * judul Admin Nasional JET dan keterangannya.
 */
.hero #scope-description {
  color: rgba(255, 255, 255, 0.88) !important;
}

/*
 * Kotak API tetap putih sehingga tulisannya merah gelap,
 * bukan putih.
 */
.hero .api-status {
  background: rgba(255, 255, 255, 0.94) !important;
  border-color: rgba(255, 255, 255, 0.72) !important;
}

.hero .api-status b {
  color: #8f1017 !important;
}

.hero .api-status small {
  color: #9b5960 !important;
}

/*
 * Judul pada panel dengan background putih tetap merah gelap,
 * bukan putih.
 */
.sa-intro h2,
.sa-panel h3,
.vc-intro h2,
.vc-panel h3,
.vr-head h3,
.vr-box-head h4,
.dop-intro h2,
.uw-card h3 {
  color: #5f080d !important;
}

/* Judul standar halaman pada topbar */
.topbar h1 {
  color: #4a0408 !important;
}

/* END JET LIGHT BANNER TITLES */

/* BEGIN JET WHITE REVENUE VALUE */

/*
 * Kartu merah pendapatan utama:
 * angka Rp 0 dan teks di dalamnya dibuat terang/putih.
 */
.revenue-primary,
.revenue-primary * {
  color: #ffffff !important;
}

.revenue-primary .metric-value,
.revenue-primary .value,
.revenue-primary .amount,
.revenue-primary strong,
.revenue-primary b,
.revenue-primary h2,
.revenue-primary h3,
.revenue-primary h4 {
  color: #ffffff !important;
  text-shadow: 0 2px 8px rgba(90, 8, 12, 0.16) !important;
}

/* Label kecil dan teks bawah tetap putih lembut */
.revenue-primary p,
.revenue-primary small,
.revenue-primary span,
.revenue-primary .subtext,
.revenue-primary .caption {
  color: rgba(255, 255, 255, 0.92) !important;
}

/* Kalau ada class angka besar lain */
.revenue-primary [class*="value"],
.revenue-primary [class*="amount"],
.revenue-primary [class*="total"] {
  color: #ffffff !important;
}

/* END JET WHITE REVENUE VALUE */

/* BEGIN JET FINAL REMOVE BLUE */

/*
 * Semua tombol aksi utama di halaman customer/driver/merchant
 * dibuat merah penuh.
 */
.pm-page .primary-button,
.pm-page button.primary-button,
.pm-page button[class*="primary"],
.pm-page a[class*="primary"],
.pm-page .pm-primary,
.pm-page .pm-action,
.pm-page .pm-action-button,
.pm-page .pm-toolbar button,
.pm-page .pm-toolbar a,
.pm-page .pm-create-actions button,
.pm-page .pm-create-actions a,
.pm-page .pm-filter-actions button:first-child,
.pm-page .pm-header-actions button,
.pm-page .pm-header-actions a,
.pm-page .partner-actions button,
.pm-page .partner-actions a,
.cm-primary,
.pr-primary,
button.cm-primary,
button.pr-primary {
  background: linear-gradient(135deg, #d71920, #f43f5e) !important;
  border-color: #d71920 !important;
  color: #ffffff !important;
  box-shadow: 0 12px 28px rgba(95, 8, 13, 0.18) !important;
}

/*
 * Tombol dengan background biru solid/gradient yang lolos
 * dipaksa merah pada panel customer-driver-merchant.
 */
.pm-page button[style*="blue"],
.pm-page a[style*="blue"],
.pm-page button[style*="#2563eb"],
.pm-page a[style*="#2563eb"] {
  background: linear-gradient(135deg, #d71920, #f43f5e) !important;
  color: #ffffff !important;
  border-color: #d71920 !important;
}

/* Tombol reset/sekunder tetap netral hangat */
.pm-page .secondary-button,
.pm-page button.secondary-button,
.pm-page .pm-filter-actions button:last-child,
.pm-page button[type="reset"] {
  background: #fffafa !important;
  border-color: #f2c5cb !important;
  color: #7f1016 !important;
  box-shadow: none !important;
}

/* Tab aktif customer/driver/merchant */
.pm-page .tab.active,
.pm-page .tabs .active,
.pm-page .pm-tabs .active,
.pm-page [aria-selected="true"] {
  background: linear-gradient(135deg, #d71920, #f43f5e) !important;
  color: #ffffff !important;
  border-color: #d71920 !important;
}

/* Teks placeholder/empty-state dibuat hangat, bukan kebiruan */
.pm-page .empty-state,
.pm-page .empty-state p,
.pm-page .empty-message,
.pm-page .table-empty,
.pm-page .table-empty td,
.pm-page .no-data,
.pm-page .no-data-message {
  color: #8f5f65 !important;
}

/* Judul dan label di panel putih tetap gelap hangat */
.pm-page h2,
.pm-page h3,
.pm-page h4,
.pm-page strong,
.pm-page label {
  color: #4a0408 !important;
}

/* Input focus agar merah */
.pm-page input:focus,
.pm-page select:focus,
.pm-page textarea:focus {
  border-color: #ef3d45 !important;
  box-shadow: 0 0 0 4px rgba(239, 61, 69, 0.10) !important;
}

/*
 * Safety net global:
 * komponen tombol biru lain yang masih lolos diseragamkan merah.
 */
button[class*="blue"],
a[class*="blue"],
[class*="btn-blue"],
[class*="button-blue"] {
  background: linear-gradient(135deg, #d71920, #f43f5e) !important;
  border-color: #d71920 !important;
  color: #ffffff !important;
}

/* END JET FINAL REMOVE BLUE */

/* BEGIN JET EXACT PARTNER RED */

/*
 * Selector asli tombol tambah Customer, Driver, dan Merchant.
 */
.pr2-toolbar .pr2-button,
button.pr2-button,
.pm-tabs #pr-open {
  background:
    linear-gradient(
      135deg,
      #d71920,
      #f43f5e
    ) !important;

  border-color: #d71920 !important;
  color: #ffffff !important;

  box-shadow:
    0 10px 25px
    rgba(215, 25, 32, 0.22) !important;
}

/* Tab aktif Customer / Driver / Merchant */
.pm-tab.active {
  background:
    linear-gradient(
      135deg,
      #d71920,
      #f43f5e
    ) !important;

  color: #ffffff !important;
  border-color: #d71920 !important;

  box-shadow:
    0 8px 20px
    rgba(215, 25, 32, 0.20) !important;
}

/* Tombol Terapkan */
.pm-apply,
.pm-action.primary,
button.pm-apply {
  background:
    linear-gradient(
      135deg,
      #d71920,
      #f43f5e
    ) !important;

  border: 0 !important;
  color: #ffffff !important;

  box-shadow:
    0 9px 22px
    rgba(215, 25, 32, 0.20) !important;
}

/* Tombol simpan pada formulir pendaftaran */
.pr2-save {
  background:
    linear-gradient(
      135deg,
      #d71920,
      #f43f5e
    ) !important;

  border-color: #d71920 !important;
  color: #ffffff !important;
}

/* Tombol reset dan batal */
.pm-reset,
.pr2-cancel {
  background: #fffafa !important;
  border-color: #f0cfd4 !important;
  color: #7e3037 !important;
  box-shadow: none !important;
}

/* Fokus input dibuat merah */
.pm-filter input:focus,
.pm-filter select:focus,
.pm-control select:focus,
.pm-control textarea:focus,
.pr2-field input:focus,
.pr2-field select:focus,
.pr2-field textarea:focus {
  border-color: #ef3d45 !important;

  box-shadow:
    0 0 0 4px
    rgba(239, 61, 69, 0.11) !important;
}

/* Area kosong jangan terlihat kebiruan */
.pm-loading,
.pm-empty {
  color: #8f6669 !important;
}

/* Header dan formulir modal pendaftaran */
.pr2-head h2,
.pr2-field label {
  color: #5f080d !important;
}

.pr2-close {
  background: #fff1f2 !important;
  color: #d71920 !important;
}

/* END JET EXACT PARTNER RED */

/* BEGIN JET SLIDE RED OVERRIDE */

/* Badge scope di kanan atas: Provinsi Sulawesi Selatan */
.sa-scope-badge,
.sa-chip,
.sa-region-badge,
.sa-page .scope-badge,
.sa-page .region-badge {
  background: #fff1f2 !important;
  color: #c1121f !important;
  border: 1px solid #f3c7cd !important;
}

/* Link/tombol kecil seperti Reset / Perbarui */
.sa-reset,
.sa-refresh,
.sa-page .link-button,
.sa-page .text-button,
.sa-page .ghost-link,
.sa-page a[class*="refresh"],
.sa-page a[class*="reset"],
.sa-page button[class*="refresh"],
.sa-page button[class*="reset"] {
  color: #d71920 !important;
}

/* Chip hasil fallback */
.sa-preview-pill,
.sa-preview-badge,
.sa-fallback-chip,
.sa-page .preview-pill,
.sa-page .fallback-chip,
.sa-page [class*="fallback"] {
  background: #fff1f2 !important;
  color: #c1121f !important;
  border: 1px solid #f3c7cd !important;
}

/* Kotak preview iklan customer yang masih biru */
.sa-preview-card,
.sa-slide-preview,
.sa-page .preview-card,
.sa-page .slide-preview,
.sa-page [class*="preview-card"],
.sa-page [class*="slide-preview"] {
  background: linear-gradient(135deg, #9f0d15, #ef2b33) !important;
  color: #ffffff !important;
  border-color: #d71920 !important;
  box-shadow: 0 14px 32px rgba(95, 8, 13, 0.14) !important;
}

/* Semua teks di dalam preview card jadi putih */
.sa-preview-card *,
.sa-slide-preview *,
.sa-page .preview-card *,
.sa-page .slide-preview *,
.sa-page [class*="preview-card"] *,
.sa-page [class*="slide-preview"] * {
  color: #ffffff !important;
}

/* Tombol utama tetap merah */
.sa-primary,
.sa-page .primary-button,
.sa-page button.primary-button,
.sa-page button[class*="primary"],
.sa-page a[class*="primary"] {
  background: linear-gradient(135deg, #d71920, #f43f5e) !important;
  border-color: #d71920 !important;
  color: #ffffff !important;
  box-shadow: 0 12px 28px rgba(95, 8, 13, 0.18) !important;
}

/* Fokus input di halaman slide dibuat merah */
.sa-page input:focus,
.sa-page select:focus,
.sa-page textarea:focus {
  border-color: #ef3d45 !important;
  box-shadow: 0 0 0 4px rgba(239, 61, 69, 0.10) !important;
}

/* Kotak upload yang mungkin masih kebiruan */
.sa-upload,
.sa-dropzone,
.sa-page .upload-box,
.sa-page .dropzone {
  background: #fff8f8 !important;
  border-color: #f0cfd4 !important;
  color: #7e3037 !important;
}

/* END JET SLIDE RED OVERRIDE */

/* BEGIN JET SLIDE EXACT RED */

/* Badge scope */
#sa-scope-badge,
.sa-scope-badge {
  color: #c1121f !important;
  background: #fff1f2 !important;
  border-color: #f3c7cd !important;
}

/* Reset dan Perbarui */
#sa-reset-button,
#sa-preview-refresh,
.sa-link-button {
  color: #d71920 !important;
  background: transparent !important;
}

/* Hover link */
#sa-reset-button:hover,
#sa-preview-refresh:hover,
.sa-link-button:hover {
  color: #8f1017 !important;
  background: #fff1f2 !important;
}

/* Chip hasil fallback */
#slide-ads-page [class*="fallback"],
#slide-ads-page [id*="fallback"],
#slide-ads-page [class*="source"],
#slide-ads-page [id*="source"] {
  color: #c1121f !important;
  background: #fff1f2 !important;
  border-color: #f3c7cd !important;
}

/* Preview iklan efektif */
#slide-ads-page [class*="effective-card"],
#slide-ads-page [class*="preview-card"],
#slide-ads-page [class*="preview-banner"],
#slide-ads-page [id*="effective-card"],
#slide-ads-page [id*="preview-card"],
#slide-ads-page [id*="preview-banner"] {
  color: #ffffff !important;
  background:
    linear-gradient(
      135deg,
      #8f1017,
      #ef2b33
    ) !important;
  border-color: #d71920 !important;
  box-shadow:
    0 14px 32px
    rgba(95, 8, 13, 0.16) !important;
}

/* Semua tulisan di kartu preview */
#slide-ads-page [class*="effective-card"] *,
#slide-ads-page [class*="preview-card"] *,
#slide-ads-page [class*="preview-banner"] *,
#slide-ads-page [id*="effective-card"] *,
#slide-ads-page [id*="preview-card"] *,
#slide-ads-page [id*="preview-banner"] * {
  color: #ffffff !important;
}

/* Tombol utama */
#sa-new-button,
#sa-submit,
.sa-button.sa-primary {
  color: #ffffff !important;
  background:
    linear-gradient(
      135deg,
      #d71920,
      #f43f5e
    ) !important;
  border-color: #d71920 !important;
}

/* Area unggah */
#slide-ads-page .sa-upload,
#slide-ads-page .sa-dropzone,
#slide-ads-page [class*="upload"] {
  color: #7e3037 !important;
  background: #fff8f8 !important;
  border-color: #f0cfd4 !important;
}

/* END JET SLIDE EXACT RED */


/* JET_ADMIN_SAFETY_MENU_VISIBLE_1_8F4A1 */
html body #app-view .sidebar nav [data-driver-ops-page] {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* ===== SOURCE: admin-users-lite.css ===== */
/*
 * JET Admin - Kelola Admin Table Lite R2
 * CSS-only, tanpa JavaScript tambahan dan tanpa MutationObserver.
 */

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

.workspace,
.workspace > main,
.workspace .content,
#admin-users-page {
  min-width: 0 !important;
  max-width: 100% !important;
}

#admin-users-page .au-panel {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box;
}

#admin-users-page .au-table {
  display: table !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
}

#admin-users-page .au-table thead {
  display: table-header-group !important;
}

#admin-users-page .au-table tbody {
  display: table-row-group !important;
}

#admin-users-page .au-table tr {
  display: table-row !important;
  height: auto !important;
  min-height: 0 !important;
}

#admin-users-page .au-table th,
#admin-users-page .au-table td {
  display: table-cell !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  padding: 13px 9px !important;
  box-sizing: border-box !important;
  vertical-align: top !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  line-height: 1.35 !important;
}

#admin-users-page .au-table th:nth-child(1),
#admin-users-page .au-table td:nth-child(1) { width: 20% !important; }

#admin-users-page .au-table th:nth-child(2),
#admin-users-page .au-table td:nth-child(2) { width: 10% !important; }

#admin-users-page .au-table th:nth-child(3),
#admin-users-page .au-table td:nth-child(3) { width: 10% !important; }

#admin-users-page .au-table th:nth-child(4),
#admin-users-page .au-table td:nth-child(4) { width: 27% !important; }

#admin-users-page .au-table th:nth-child(5),
#admin-users-page .au-table td:nth-child(5) { width: 8% !important; }

#admin-users-page .au-table th:nth-child(6),
#admin-users-page .au-table td:nth-child(6) { width: 10% !important; }

#admin-users-page .au-table th:nth-child(7),
#admin-users-page .au-table td:nth-child(7) { width: 15% !important; }

#admin-users-page .au-table td.au-row-actions {
  display: table-cell !important;
  position: static !important;
  overflow: visible !important;
  text-align: center !important;
}

#admin-users-page .au-row-actions > button,
#admin-users-page .au-row-actions > a,
#admin-users-page .au-row-actions button,
#admin-users-page .au-row-actions a {
  display: block !important;
  position: static !important;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 0 6px 0 !important;
  padding: 7px 6px !important;
  box-sizing: border-box !important;
  transform: none !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  line-height: 1.2 !important;
  font-size: 11px !important;
  text-align: center !important;
}

#admin-users-page .au-row-actions > button:last-child,
#admin-users-page .au-row-actions > a:last-child {
  margin-bottom: 0 !important;
}

#admin-users-page .au-table td:first-child strong,
#admin-users-page .au-table td:first-child b {
  display: block !important;
  margin-bottom: 2px !important;
  line-height: 1.25 !important;
}

#admin-users-page .au-table td:nth-child(4) {
  line-height: 1.5 !important;
}

@media (max-width: 1050px) {
  #admin-users-page .au-panel {
    overflow-x: auto !important;
  }

  #admin-users-page .au-table {
    min-width: 900px !important;
  }
}

/* ===== SOURCE: gps-region-guard/style.css ===== */
/* JET_ADMIN_DRIVER_1_8B1R2_GPS_GUARD_UI */

.jgr-panel {
  display: grid !important;
  grid-template-columns:
    minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 16px 24px !important;

  width: 100% !important;
  margin: 16px 0 !important;
  padding: 20px 22px !important;

  border:
    1px solid
    rgba(214, 36, 55, 0.20) !important;
  border-radius: 20px !important;

  background:
    linear-gradient(
      135deg,
      #ffffff 0%,
      #fff5f6 100%
    ) !important;

  box-shadow:
    0 12px 32px
    rgba(112, 15, 27, 0.09) !important;

  box-sizing: border-box !important;
}

.jgr-panel[hidden] {
  display: none !important;
}

.jgr-copy {
  min-width: 0 !important;
}

.jgr-eyebrow {
  display: block !important;
  margin: 0 0 6px !important;

  color: #c51d31 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
}

.jgr-title {
  margin: 0 !important;

  color: #3b0a10 !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}

.jgr-description {
  max-width: 850px !important;
  margin: 8px 0 0 !important;

  color: #5f4a4e !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
}

.jgr-meta {
  margin: 8px 0 0 !important;

  color: #806b6f !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
}

.jgr-control {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  min-width: 170px !important;
}

.jgr-status {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 92px !important;
  height: 34px !important;
  padding: 0 14px !important;

  border-radius: 999px !important;

  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0.04em !important;
}

.jgr-status.is-on {
  color: #126137 !important;
  background: #dcfce7 !important;
  border: 1px solid #a7e8bd !important;
}

.jgr-status.is-off {
  color: #a01825 !important;
  background: #fee2e2 !important;
  border: 1px solid #fecaca !important;
}

button.jgr-switch {
  position: relative !important;
  display: block !important;

  width: 58px !important;
  height: 32px !important;
  min-width: 58px !important;
  min-height: 32px !important;
  max-width: 58px !important;
  max-height: 32px !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 999px !important;

  background: #c8b9bc !important;
  box-shadow:
    inset 0 0 0 1px
    rgba(70, 20, 28, 0.10) !important;

  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;

  transform: none !important;
  transition:
    background 0.2s ease !important;
}

button.jgr-switch::after {
  content: "" !important;

  position: absolute !important;
  top: 4px !important;
  left: 4px !important;

  width: 24px !important;
  height: 24px !important;

  border-radius: 50% !important;
  background: #ffffff !important;

  box-shadow:
    0 2px 8px
    rgba(0, 0, 0, 0.22) !important;

  transform: translateX(0) !important;
  transition:
    transform 0.2s ease !important;
}

button.jgr-switch[aria-checked="true"] {
  background:
    linear-gradient(
      135deg,
      #b80e24,
      #ef334f
    ) !important;
}

button.jgr-switch[aria-checked="true"]::after {
  transform:
    translateX(26px) !important;
}

button.jgr-switch:disabled {
  cursor: not-allowed !important;
  opacity: 0.55 !important;
}

button.jgr-switch:focus-visible {
  outline:
    3px solid
    rgba(239, 51, 79, 0.25) !important;
  outline-offset: 3px !important;
}

.jgr-message {
  grid-column: 1 / -1 !important;

  min-height: 18px !important;
  margin: -3px 0 0 !important;

  color: #166534 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.jgr-message.is-error {
  color: #b91c1c !important;
}

@media (max-width: 760px) {
  .jgr-panel {
    grid-template-columns:
      minmax(0, 1fr) !important;
  }

  .jgr-control {
    justify-content:
      space-between !important;
    min-width: 0 !important;
  }
}

/* ===== SOURCE: driver-job-button/style.css ===== */
/* JET_ADMIN_1_8A9R4_DRIVER_JOB_RED_SAVE_BUTTON */

.driver-job-card
  button[type="submit"],
.driver-job-card
  .driver-job-save,
.driver-job-card
  [data-save-driver-jobs] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 48px !important;
  padding: 0 18px !important;
  margin: 10px 0 0 !important;

  border: 1px solid
    #ea2f49 !important;
  border-radius: 12px !important;

  background:
    linear-gradient(
      135deg,
      #e81535 0%,
      #f23855 100%
    ) !important;

  color: #ffffff !important;

  font-family: inherit !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-decoration: none !important;

  box-shadow:
    0 10px 22px
    rgba(224, 24, 54, 0.20) !important;

  cursor: pointer !important;

  appearance: none !important;
  -webkit-appearance: none !important;

  transition:
    transform 0.16s ease,
    box-shadow 0.16s ease,
    filter 0.16s ease !important;
}

.driver-job-card
  button[type="submit"]:hover,
.driver-job-card
  .driver-job-save:hover,
.driver-job-card
  [data-save-driver-jobs]:hover {
  filter: brightness(1.03) !important;
  transform:
    translateY(-1px) !important;

  box-shadow:
    0 13px 26px
    rgba(224, 24, 54, 0.25) !important;
}

.driver-job-card
  button[type="submit"]:active,
.driver-job-card
  .driver-job-save:active,
.driver-job-card
  [data-save-driver-jobs]:active {
  transform:
    translateY(0) !important;

  box-shadow:
    0 7px 15px
    rgba(224, 24, 54, 0.18) !important;
}

.driver-job-card
  button[type="submit"]:focus-visible,
.driver-job-card
  .driver-job-save:focus-visible,
.driver-job-card
  [data-save-driver-jobs]:focus-visible {
  outline:
    3px solid
    rgba(238, 43, 73, 0.24) !important;
  outline-offset: 3px !important;
}

.driver-job-card
  button[type="submit"]:disabled,
.driver-job-card
  .driver-job-save:disabled,
.driver-job-card
  [data-save-driver-jobs]:disabled {
  cursor: not-allowed !important;
  opacity: 0.58 !important;
  filter: grayscale(0.20) !important;
  transform: none !important;
  box-shadow: none !important;
}

@media (max-width: 640px) {
  .driver-job-card
    button[type="submit"],
  .driver-job-card
    .driver-job-save,
  .driver-job-card
    [data-save-driver-jobs] {
    width: 100% !important;
  }
}

/* ===== SOURCE: driver-profile-photo/style.css ===== */
/* JET_DRIVER_PROFILE_1_8C1_UI */

.jet-driver-list-avatar,
.jet-driver-profile-avatar,
.jet-verification-avatar {
  align-items: center;
  background: #fff0f1;
  border: 1px solid #f3c4c8;
  border-radius: 50%;
  color: #a50f18;
  display: inline-flex;
  flex: 0 0 auto;
  font-weight: 900;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

.jet-driver-list-avatar {
  height: 42px;
  margin-right: 10px;
  width: 42px;
}

.jet-driver-profile-avatar {
  height: 112px;
  width: 112px;
}

.jet-verification-avatar {
  height: 64px;
  width: 64px;
}

.jet-driver-list-avatar img,
.jet-driver-profile-avatar img,
.jet-verification-avatar img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.jet-driver-list-avatar.is-loading,
.jet-driver-profile-avatar.is-loading,
.jet-verification-avatar.is-loading {
  animation: jet-profile-pulse 1.1s ease-in-out infinite;
}

#pm-table .pm-cell:has(.jet-driver-list-avatar) {
  align-items: center;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
}

#pm-table .pm-cell:has(.jet-driver-list-avatar) b,
#pm-table .pm-cell:has(.jet-driver-list-avatar) small {
  grid-column: 2;
}

.jet-driver-profile-card {
  border: 1px solid #f0c6c9 !important;
  background:
    linear-gradient(135deg, #fffafa, #fff3f4) !important;
}

.jet-driver-profile-head {
  align-items: center;
  display: flex;
  gap: 24px;
  justify-content: space-between;
}

.jet-driver-profile-head h4 {
  margin: 4px 0 8px;
}

.jet-driver-profile-head p {
  color: #79565a;
  line-height: 1.55;
  margin: 0;
  max-width: 680px;
}

.jet-driver-profile-eyebrow {
  color: #b3121b;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
}

.jet-driver-profile-actions {
  align-items: end;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
}

.jet-driver-profile-picker {
  display: grid;
  gap: 7px;
  min-width: min(100%, 360px);
}

.jet-driver-profile-picker span {
  color: #6d4549;
  font-size: 13px;
  font-weight: 800;
}

.jet-driver-profile-picker input {
  background: #fff;
  border: 1px solid #edc3c7;
  border-radius: 12px;
  padding: 10px;
  width: 100%;
}

.jet-driver-profile-message {
  font-size: 13px;
  font-weight: 800;
  margin-top: 12px;
  min-height: 20px;
}

.jet-driver-profile-message.is-success {
  color: #07834f;
}

.jet-driver-profile-message.is-error {
  color: #bd1823;
}

.jet-verification-person {
  align-items: center;
  display: flex;
  gap: 14px;
  min-width: 0;
}

.jet-verification-official-photo {
  align-items: center;
  background: linear-gradient(135deg, #fff8f8, #fff0f1);
  border: 1px solid #f1c8cb;
  border-radius: 18px;
  display: flex;
  gap: 16px;
  margin-bottom: 18px;
  padding: 16px;
}

.jet-verification-official-photo > div {
  display: grid;
  gap: 4px;
}

.jet-verification-official-photo span {
  color: #ad111a;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
}

.jet-verification-official-photo strong {
  color: #3f171a;
  font-size: 17px;
}

.jet-verification-official-photo small {
  color: #76555a;
  line-height: 1.45;
}

@keyframes jet-profile-pulse {
  0%,
  100% {
    opacity: .55;
  }

  50% {
    opacity: 1;
  }
}

@media (max-width: 760px) {
  .jet-driver-profile-head {
    align-items: flex-start;
    flex-direction: column-reverse;
  }

  .jet-driver-profile-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .jet-driver-profile-save {
    width: 100%;
  }

  .registration-card {
    grid-template-columns: 1fr !important;
  }

  .jet-verification-person {
    align-items: flex-start;
  }
}

/* ===== SOURCE: jet-support-center.css ===== */
/* Keep Support Center visible for authorized JET Admin roles. */
[data-support-center-page] { display: flex !important; }
/* JET_ADMIN_SUPPORT_CENTER_WEB_1_8F5A */
.jsc-overlay {
  position: fixed;
  inset: 0;
  z-index: 100000;
  background: rgba(31, 8, 10, 0.76);
  overflow: auto;
  padding: 20px;
}
.jsc-overlay.hidden { display: none !important; }
.jsc-shell {
  max-width: 1320px;
  min-height: calc(100vh - 40px);
  margin: 0 auto;
  background: #fffafa;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 30px 90px rgba(48, 5, 8, 0.38);
}
.jsc-head {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 24px 28px;
  color: white;
  background: linear-gradient(135deg, #7f1d1d, #dc2626);
}
.jsc-head h2 { margin: 4px 0; font-size: 30px; }
.jsc-head p { margin: 0; color: #fee2e2; }
.jsc-head-actions { display: flex; gap: 8px; align-items: flex-start; }
.jsc-head button,
.jsc-tabs button,
.jsc-detail button {
  border: 0;
  border-radius: 12px;
  padding: 10px 14px;
  cursor: pointer;
}
.jsc-tabs {
  display: flex;
  gap: 8px;
  padding: 14px 20px;
  border-bottom: 1px solid #fecaca;
  background: white;
}
.jsc-tabs button.active {
  background: #dc2626;
  color: white;
}
.jsc-status {
  padding: 9px 20px;
  background: #ecfdf5;
  color: #166534;
  font-weight: 700;
}
.jsc-status.error {
  background: #fef2f2;
  color: #991b1b;
}
.jsc-layout {
  display: grid;
  grid-template-columns: 340px minmax(0, 1fr);
  min-height: 650px;
}
.jsc-list {
  border-right: 1px solid #fecaca;
  background: #fff7f7;
  padding: 12px;
  overflow: auto;
}
.jsc-item {
  width: 100%;
  display: grid;
  text-align: left;
  gap: 4px;
  margin-bottom: 8px;
  border: 1px solid #fecaca;
  background: white;
  border-radius: 14px;
  padding: 13px;
  cursor: pointer;
}
.jsc-item.active {
  border-color: #dc2626;
  box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.12);
}
.jsc-item span {
  color: #7f1d1d;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.jsc-item small { color: #78716c; }
.jsc-detail {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 18px;
}
.jsc-detail-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid #fecaca;
  padding-bottom: 14px;
}
.jsc-detail-head h3 { margin: 0 0 5px; }
.jsc-detail-head p { margin: 0; color: #78716c; }
.jsc-detail-actions { display: flex; gap: 8px; }
.jsc-detail-actions button,
.jsc-reply button {
  background: #dc2626;
  color: white;
}
.jsc-messages {
  flex: 1;
  min-height: 380px;
  max-height: 520px;
  overflow: auto;
  padding: 18px 0;
}
.jsc-bubble {
  max-width: 74%;
  margin-bottom: 10px;
  padding: 12px 14px;
  border-radius: 16px;
}
.jsc-bubble.driver {
  margin-right: auto;
  background: #f3f4f6;
}
.jsc-bubble.admin {
  margin-left: auto;
  background: #fee2e2;
}
.jsc-bubble p { margin: 5px 0; white-space: pre-wrap; }
.jsc-bubble small { color: #78716c; }
.jsc-reply {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  border-top: 1px solid #fecaca;
  padding-top: 14px;
}
.jsc-reply textarea,
.jsc-detail select {
  border: 1px solid #fca5a5;
  border-radius: 12px;
  padding: 11px;
  font: inherit;
}
.jsc-ticket-body {
  margin: 16px 0;
  border: 1px solid #fecaca;
  border-radius: 14px;
  padding: 14px;
  background: white;
}
.jsc-ticket-body small { display: block; color: #78716c; margin-top: 6px; }
.jsc-empty {
  color: #78716c;
  text-align: center;
  padding: 44px 18px;
}
@media (max-width: 900px) {
  .jsc-overlay { padding: 0; }
  .jsc-shell { border-radius: 0; min-height: 100vh; }
  .jsc-layout { grid-template-columns: 1fr; }
  .jsc-list { border-right: 0; border-bottom: 1px solid #fecaca; max-height: 260px; }
}
/* ===== SOURCE: sidebar-continuous-r2.css ===== */
/*
 * JET Admin Sidebar Continuous R2
 * Memaksa latar merah tetap penuh dari atas sampai bawah viewport.
 */

@media (min-width: 901px) {
  html,
  body {
    min-height: 100% !important;
  }

  html body #app-view.app-shell {
    --jet-sidebar-width: 250px;

    position: relative !important;
    isolation: isolate !important;
    min-height: 100vh !important;
    align-items: stretch !important;
  }

  /*
   * Lapisan merah independen.
   * Tidak bergantung pada tinggi nav, menu, atau sidebar.
   */
  html body #app-view.app-shell::before {
    content: "" !important;

    position: fixed !important;
    z-index: 0 !important;

    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    width: var(--jet-sidebar-width) !important;
    height: 100vh !important;

    pointer-events: none !important;

    background:
      radial-gradient(
        circle at 20% 0%,
        rgba(239, 61, 69, 0.34),
        transparent 20rem
      ),
      linear-gradient(
        180deg,
        #5f080d 0%,
        #7e0b12 48%,
        #980d17 100%
      ) !important;
  }

  html body #app-view.app-shell > aside.sidebar {
    position: sticky !important;
    z-index: 2 !important;

    top: 0 !important;
    align-self: start !important;

    width: var(--jet-sidebar-width) !important;
    min-width: var(--jet-sidebar-width) !important;

    min-height: 100vh !important;
    height: 100vh !important;
    max-height: 100vh !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;

    box-sizing: border-box !important;

    /*
     * Background berasal dari lapisan tetap di atas.
     */
    background: transparent !important;
    border-right: 0 !important;

    color: #ffffff !important;

    scrollbar-width: thin;
    scrollbar-color:
      rgba(255, 255, 255, 0.38)
      transparent;
  }

  html body #app-view.app-shell > .workspace {
    position: relative !important;
    z-index: 1 !important;
    min-width: 0 !important;
  }

  html body #app-view .sidebar::-webkit-scrollbar {
    width: 6px;
  }

  html body #app-view .sidebar::-webkit-scrollbar-track {
    background: transparent;
  }

  html body #app-view .sidebar::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.38);
  }

  html body #app-view .sidebar-brand,
  html body #app-view .sidebar-brand *,
  html body #app-view .sidebar-brand b,
  html body #app-view .sidebar-brand span {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }

  html body #app-view .sidebar-brand span {
    opacity: 0.82 !important;
  }

  /*
   * Semua menu normal: putih terang.
   */
  html body #app-view .sidebar nav .nav:not(.active),
  html body #app-view .sidebar nav button.nav:not(.active),
  html body #app-view .sidebar [data-finance-page]:not(.active),
  html body #app-view .sidebar [data-admin-users-page]:not(.active),
  html body #app-view .sidebar [data-order-page]:not(.active),
  html body #app-view .sidebar [data-partner-page]:not(.active),
  html body #app-view .sidebar [data-config-page]:not(.active),
  html body #app-view .sidebar [data-driver-ops-page]:not(.active) {
    color: rgba(255, 255, 255, 0.94) !important;
    -webkit-text-fill-color:
      rgba(255, 255, 255, 0.94) !important;

    background: transparent !important;
    opacity: 1 !important;
    filter: none !important;
  }

  html body #app-view .sidebar nav .nav:not(.active) *,
  html body #app-view .sidebar [data-finance-page]:not(.active) *,
  html body #app-view .sidebar [data-admin-users-page]:not(.active) *,
  html body #app-view .sidebar [data-order-page]:not(.active) *,
  html body #app-view .sidebar [data-partner-page]:not(.active) *,
  html body #app-view .sidebar [data-config-page]:not(.active) *,
  html body #app-view .sidebar [data-driver-ops-page]:not(.active) * {
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
    fill: currentColor !important;
    stroke: currentColor !important;
  }

  html body #app-view .sidebar nav .nav:not(.active):hover {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    background:
      rgba(255, 255, 255, 0.13) !important;

    transform: translateX(2px);
  }

  /*
   * Menu aktif: kotak terang dan tulisan merah.
   */
  html body #app-view .sidebar nav .nav.active,
  html body #app-view .sidebar button.nav.active {
    color: #a30f19 !important;
    -webkit-text-fill-color: #a30f19 !important;

    background:
      linear-gradient(
        135deg,
        #ffffff 0%,
        #fff0f1 100%
      ) !important;

    box-shadow:
      0 12px 28px rgba(46, 0, 4, 0.23) !important;

    opacity: 1 !important;
  }

  html body #app-view .sidebar nav .nav.active * {
    color: #a30f19 !important;
    -webkit-text-fill-color: #a30f19 !important;
    fill: currentColor !important;
    stroke: currentColor !important;
  }

  /*
   * Menu terkunci tetap terlihat, tetapi sedikit redup.
   */
  html body #app-view .sidebar .nav.locked:not(.active),
  html body #app-view .sidebar .nav.b4a-locked:not(.active),
  html body #app-view .sidebar .nav[aria-disabled="true"]:not(.active) {
    color: rgba(255, 255, 255, 0.76) !important;
    -webkit-text-fill-color:
      rgba(255, 255, 255, 0.76) !important;

    opacity: 0.76 !important;
  }

  /*
   * Kotak Scope tetap terang, tetapi berada di atas dasar merah.
   */
  html body #app-view .sidebar-scope {
    position: relative !important;
    z-index: 3 !important;

    flex: 0 0 auto !important;
    margin-top: auto !important;

    border:
      1px solid rgba(255, 255, 255, 0.74) !important;

    background:
      linear-gradient(
        145deg,
        #ffffff 0%,
        #fff0f1 100%
      ) !important;

    box-shadow:
      0 14px 32px rgba(46, 0, 4, 0.22) !important;
  }

  html body #app-view .sidebar-scope small {
    color: #87505a !important;
    -webkit-text-fill-color: #87505a !important;
  }

  html body #app-view .sidebar-scope b {
    color: #931019 !important;
    -webkit-text-fill-color: #931019 !important;
  }

  html body #app-view .sidebar-scope span {
    color: #8a5a62 !important;
    -webkit-text-fill-color: #8a5a62 !important;
  }
}

/* ===== JET ADMIN WEB V2 OVERRIDES ===== */
/* JET Admin Web V2 1.0E1 — visual foundation and lightweight dashboard */
:root {
  --jet-red-950: #56070b;
  --jet-red-900: #780b11;
  --jet-red-800: #981017;
  --jet-red-700: #b9151d;
  --jet-red-600: #d71920;
  --jet-red-500: #eb2d35;
  --jet-red-100: #ffe4e6;
  --jet-red-50: #fff4f5;
  --jet-ink: #171719;
  --jet-muted: #6f7077;
  --jet-line: #ececef;
  --jet-soft: #f7f7f8;
  --jet-white: #ffffff;
  --jet-success: #17834f;
  --jet-warning: #a35b00;
  --jet-radius-sm: 10px;
  --jet-radius: 16px;
  --jet-radius-lg: 22px;
  --jet-shadow: 0 14px 40px rgba(54, 10, 13, .08);
  --jet-shadow-soft: 0 6px 20px rgba(36, 24, 25, .06);

  /* Redirect legacy blue tokens to the JET red system. */
  --blue: var(--jet-red-600);
  --blue2: var(--jet-red-800);
  --blueSoft: var(--jet-red-50);
  --ink: var(--jet-ink);
  --muted: var(--jet-muted);
  --line: var(--jet-line);
  --bg: var(--jet-soft);
  --red: var(--jet-red-600);
  --redSoft: var(--jet-red-50);
  --shadow: var(--jet-shadow);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  background: var(--jet-soft);
  color: var(--jet-ink);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  text-rendering: optimizeLegibility;
}
button, input, select, textarea { font: inherit; }
button { -webkit-tap-highlight-color: transparent; }
.hidden, [hidden] { display: none !important; }

/* Login */
.login-shell {
  min-height: 100vh;
  display: grid;
  grid-template-columns: minmax(380px, 520px) minmax(0, 1fr);
  background: #fff;
}
.login-panel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(34px, 6vw, 78px);
  border-right: 1px solid var(--jet-line);
  background: #fff;
}
.brand-row { display: flex; align-items: center; gap: 14px; }
.brand-row h1 { margin: 1px 0 0; font-size: 22px; letter-spacing: -.03em; }
.brand-mark {
  display: grid;
  grid-template-columns: repeat(3, 6px);
  align-items: end;
  gap: 3px;
  width: 44px;
  height: 44px;
  padding: 10px;
  border-radius: 14px;
  background: linear-gradient(145deg, var(--jet-red-500), var(--jet-red-900));
  box-shadow: 0 12px 26px rgba(183, 21, 29, .22);
}
.brand-mark i { display: block; border-radius: 4px; background: #fff; }
.brand-mark i:nth-child(1) { height: 12px; }
.brand-mark i:nth-child(2) { height: 20px; }
.brand-mark i:nth-child(3) { height: 15px; }
.brand-mark.small { width: 40px; height: 40px; padding: 9px; border: 1px solid rgba(255,255,255,.18); box-shadow: none; }
.eyebrow { color: var(--jet-red-600); font-size: 11px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.login-copy { margin: 58px 0 28px; }
.secure-pill, .neutral-pill, .scope-badge {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
}
.secure-pill { background: var(--jet-red-50); color: var(--jet-red-700); }
.login-copy h2 { max-width: 480px; margin: 18px 0 10px; font-size: clamp(34px, 4vw, 52px); line-height: 1.04; letter-spacing: -.055em; }
.login-copy p { max-width: 480px; margin: 0; color: var(--jet-muted); font-size: 15px; }
.login-form { display: grid; gap: 16px; }
.login-form label, .content label { display: grid; gap: 7px; margin: 0; }
.login-form label > span, .content label > span { color: #4f5056; font-size: 12px; font-weight: 750; }
input, select, textarea {
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid #dedee3;
  border-radius: var(--jet-radius-sm);
  outline: none;
  background: #fff;
  color: var(--jet-ink);
  transition: border-color .16s ease, box-shadow .16s ease;
}
textarea { min-height: 104px; resize: vertical; }
input:focus, select:focus, textarea:focus { border-color: var(--jet-red-500); box-shadow: 0 0 0 3px rgba(215, 25, 32, .10); }
.password-wrap { display: grid; grid-template-columns: 1fr auto; border: 1px solid #dedee3; border-radius: var(--jet-radius-sm); overflow: hidden; }
.password-wrap:focus-within { border-color: var(--jet-red-500); box-shadow: 0 0 0 3px rgba(215, 25, 32, .10); }
.password-wrap input { border: 0; border-radius: 0; box-shadow: none !important; }
.password-wrap button { border: 0; padding: 0 14px; background: #fff; color: var(--jet-red-700); font-weight: 800; cursor: pointer; }
.primary-button, .soft-button, .logout-button,
.om-apply, .pm-apply, .cfg-primary, .fm-primary, .rf-primary,
.dp-primary, .sa-primary, .vc-primary, .dop-primary, .au-primary {
  border: 0;
  border-radius: var(--jet-radius-sm);
  cursor: pointer;
  font-weight: 800;
}
.primary-button {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  background: linear-gradient(135deg, var(--jet-red-600), var(--jet-red-900));
  color: #fff;
  box-shadow: 0 12px 24px rgba(183, 21, 29, .20);
}
.form-error { min-height: 20px; margin: 0; color: var(--jet-red-700); font-size: 12px; }
.connection { margin-top: 22px; color: var(--jet-muted); font-size: 12px; }
.connection i, .api-status i { display: inline-block; width: 8px; height: 8px; margin-right: 6px; border-radius: 50%; background: var(--jet-success); box-shadow: 0 0 0 4px rgba(23,131,79,.12); }
.login-visual {
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
  padding: 50px;
  background:
    radial-gradient(circle at 75% 20%, rgba(255,255,255,.17), transparent 24%),
    linear-gradient(145deg, var(--jet-red-700), var(--jet-red-950));
  color: #fff;
}
.grid-lines { position: absolute; inset: 0; opacity: .12; background-image: linear-gradient(rgba(255,255,255,.5) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.5) 1px, transparent 1px); background-size: 48px 48px; }
.glass-card { position: absolute; border: 1px solid rgba(255,255,255,.20); border-radius: 20px; background: rgba(255,255,255,.10); box-shadow: 0 20px 60px rgba(48,0,4,.24); backdrop-filter: blur(8px); }
.main-card { width: min(62%, 520px); padding: 32px; }
.main-card small, .main-card strong, .main-card span { display: block; }
.main-card strong { margin: 12px 0 4px; font-size: clamp(28px, 4vw, 50px); letter-spacing: -.05em; }
.main-card span { color: rgba(255,255,255,.72); }
.live-card { top: 18%; right: 10%; padding: 14px 18px; }
.live-card i { display: inline-block; width: 8px; height: 8px; margin-right: 7px; border-radius: 50%; background: #fff; }
.region-card { left: 12%; bottom: 16%; padding: 17px 20px; }
.region-card b, .region-card span { display: block; }
.region-card span { margin-top: 3px; color: rgba(255,255,255,.70); font-size: 12px; }

/* Main shell */
.app-shell {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 276px minmax(0, 1fr);
  background: var(--jet-soft);
}
.sidebar {
  position: sticky;
  top: 0;
  z-index: 60;
  height: 100vh;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  padding: 20px 14px 16px;
  overflow: hidden;
  border: 0;
  background:
    radial-gradient(circle at 20% 5%, rgba(255,255,255,.12), transparent 26%),
    linear-gradient(180deg, var(--jet-red-700), var(--jet-red-950));
  color: #fff;
  box-shadow: 10px 0 34px rgba(70, 6, 10, .10);
}
.sidebar-brand { display: flex; align-items: center; gap: 12px; padding: 2px 10px 18px; border-bottom: 1px solid rgba(255,255,255,.13); }
.sidebar-brand b, .sidebar-brand span { display: block; }
.sidebar-brand b { color: #fff; font-size: 18px; letter-spacing: -.02em; }
.sidebar-brand span { margin-top: 1px; color: rgba(255,255,255,.68); font-size: 11px; }
.sidebar-scroll { flex: 1; min-height: 0; margin: 10px -4px 10px 0; padding-right: 4px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.28) transparent; }
.sidebar-scroll::-webkit-scrollbar { width: 5px; }
.sidebar-scroll::-webkit-scrollbar-thumb { border-radius: 20px; background: rgba(255,255,255,.25); }
.sidebar nav { display: grid; gap: 15px; margin: 0; }
.nav-group { display: grid; gap: 4px; }
.nav-group-title { padding: 0 10px 4px; color: rgba(255,255,255,.48); font-size: 9px; font-weight: 850; letter-spacing: .16em; text-transform: uppercase; }
.sidebar .nav {
  width: 100%;
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 8px 10px;
  border: 1px solid transparent;
  border-radius: 11px;
  background: transparent;
  color: rgba(255,255,255,.78);
  text-align: left;
  font-weight: 690;
  cursor: pointer;
  transition: background .14s ease, color .14s ease, transform .14s ease;
}
.sidebar .nav:hover { background: rgba(255,255,255,.10); color: #fff; transform: translateX(2px); }
.sidebar .nav.active { border-color: rgba(255,255,255,.72); background: #fff; color: var(--jet-red-800); box-shadow: 0 10px 22px rgba(57,0,4,.18); }
.sidebar .nav:disabled { opacity: .35; cursor: not-allowed; transform: none; }
.nav-icon { width: 28px; height: 28px; display: grid; place-items: center; flex: 0 0 28px; border-radius: 8px; background: rgba(255,255,255,.10); color: inherit; font-size: 13px; }
.sidebar .nav.active .nav-icon { background: var(--jet-red-50); }
.sidebar-scope { padding: 13px; border: 1px solid rgba(255,255,255,.14); border-radius: 13px; background: rgba(255,255,255,.08); }
.sidebar-scope small, .sidebar-scope b, .sidebar-scope span { display: block; }
.sidebar-scope small { color: rgba(255,255,255,.48); font-size: 9px; font-weight: 850; letter-spacing: .13em; }
.sidebar-scope b { margin-top: 5px; color: #fff; font-size: 13px; }
.sidebar-scope span { margin-top: 2px; color: rgba(255,255,255,.66); font-size: 10px; line-height: 1.35; }
.sidebar-backdrop { display: none; position: fixed; inset: 0; z-index: 55; background: rgba(35, 7, 9, .48); backdrop-filter: blur(2px); }

.workspace { min-width: 0; }
.topbar {
  position: sticky;
  top: 0;
  z-index: 45;
  min-height: 76px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 13px clamp(18px, 3vw, 34px);
  border: 0;
  border-bottom: 1px solid var(--jet-line);
  background: rgba(255,255,255,.94);
  backdrop-filter: blur(14px);
}
.topbar-title { min-width: 0; display: flex; align-items: center; gap: 12px; }
.topbar-title > div { min-width: 0; }
.topbar h1 { margin: 1px 0 0; overflow: hidden; color: var(--jet-ink); font-size: 23px; letter-spacing: -.035em; text-overflow: ellipsis; white-space: nowrap; }
.mobile-menu-button { display: none; width: 40px; height: 40px; border: 1px solid var(--jet-line); border-radius: 10px; background: #fff; color: var(--jet-red-700); cursor: pointer; }
.top-actions { display: flex; align-items: center; gap: 10px; }
.soft-button { min-height: 40px; padding: 0 13px; border: 1px solid #eadadd; background: #fff; color: var(--jet-red-700); }
.soft-button:hover { background: var(--jet-red-50); }
.user-chip { min-height: 44px; display: flex; align-items: center; gap: 9px; padding: 5px 11px 5px 5px; border: 1px solid var(--jet-line); border-radius: 13px; background: #fff; }
.avatar { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 9px; background: var(--jet-red-50); color: var(--jet-red-700); font-size: 11px; font-weight: 900; }
.user-chip b, .user-chip small { display: block; }
.user-chip b { font-size: 12px; }
.user-chip small { margin-top: 1px; color: var(--jet-muted); font-size: 10px; }
.logout-button { min-height: 40px; padding: 0 13px; background: var(--jet-red-700); color: #fff; }
.content { width: 100%; max-width: 1680px; margin: 0 auto; padding: clamp(18px, 2.7vw, 34px); }

/* Dashboard */
.hero {
  position: relative;
  overflow: hidden;
  min-height: 154px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: clamp(22px, 3.3vw, 38px);
  border: 0;
  border-radius: var(--jet-radius-lg);
  background:
    radial-gradient(circle at 88% 22%, rgba(255,255,255,.18), transparent 22%),
    linear-gradient(135deg, var(--jet-red-600), var(--jet-red-900));
  color: #fff;
  box-shadow: 0 18px 42px rgba(140, 12, 18, .18);
}
.hero::after { content: ""; position: absolute; right: -70px; bottom: -120px; width: 280px; height: 280px; border: 42px solid rgba(255,255,255,.07); border-radius: 50%; }
.hero > * { position: relative; z-index: 1; }
.hero .scope-badge { background: rgba(255,255,255,.14); color: #fff; }
.hero h2 { margin: 12px 0 5px; color: #fff; font-size: clamp(24px, 3vw, 36px); letter-spacing: -.045em; }
.hero p { max-width: 720px; margin: 0; color: rgba(255,255,255,.76); }
.api-status { min-width: 190px; display: flex; align-items: center; gap: 9px; padding: 12px 14px; border: 1px solid rgba(255,255,255,.17); border-radius: 13px; background: rgba(255,255,255,.10); }
.api-status i { margin: 0; background: #fff; box-shadow: 0 0 0 4px rgba(255,255,255,.14); }
.api-status b, .api-status small { display: block; }
.api-status b { color: #fff; font-size: 12px; }
.api-status small { margin-top: 2px; color: rgba(255,255,255,.68); font-size: 10px; }
.metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-top: 18px; }
.metric-card {
  position: relative;
  overflow: hidden;
  min-height: 128px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 17px;
  border: 1px solid var(--jet-line);
  border-radius: var(--jet-radius);
  background: #fff;
  box-shadow: var(--jet-shadow-soft);
}
.metric-card::after { content: ""; position: absolute; right: -24px; bottom: -34px; width: 84px; height: 84px; border-radius: 50%; background: var(--jet-red-50); }
.metric-head { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 10px; color: var(--jet-muted); font-size: 11px; font-weight: 780; }
.metric-icon { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; background: var(--jet-red-50); color: var(--jet-red-700); font-size: 11px; font-weight: 900; }
.metric-card strong { position: relative; z-index: 1; display: block; margin-top: 15px; color: var(--jet-ink); font-size: clamp(24px, 2.2vw, 31px); line-height: 1; letter-spacing: -.045em; }
.metric-card small { position: relative; z-index: 1; display: block; margin-top: 7px; color: var(--jet-muted); font-size: 10px; }
.metric-card.v2-benefit-card { cursor: pointer; }
.metric-card.v2-benefit-card:hover { border-color: #e4c9cc; transform: translateY(-1px); }
.dashboard-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 16px; }
.panel {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--jet-line);
  border-radius: var(--jet-radius);
  background: #fff;
  box-shadow: var(--jet-shadow-soft);
}
.panel-head { min-height: 66px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 17px; border-bottom: 1px solid var(--jet-line); background: #fff; }
.panel-head h3 { margin: 2px 0 0; color: var(--jet-ink); font-size: 16px; letter-spacing: -.02em; }
.neutral-pill { background: var(--jet-soft); color: var(--jet-muted); }
.periods { display: flex; gap: 5px; padding: 3px; border-radius: 10px; background: var(--jet-soft); }
.period { min-height: 30px; padding: 0 10px; border: 0; border-radius: 8px; background: transparent; color: var(--jet-muted); font-size: 10px; font-weight: 800; cursor: pointer; box-shadow: none; }
.period.active { background: #fff; color: var(--jet-red-700); box-shadow: 0 2px 8px rgba(20,20,22,.07); }
#revenue-content, #operations-content, .v2-chart-body { padding: 17px; }
.revenue-primary { padding: 17px; border-radius: 13px; background: linear-gradient(135deg, var(--jet-red-50), #fff); }
.revenue-primary span, .revenue-primary strong, .revenue-primary small { display: block; }
.revenue-primary span { color: var(--jet-red-700); font-size: 10px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.revenue-primary strong { margin-top: 8px; font-size: clamp(25px, 3vw, 38px); letter-spacing: -.05em; }
.revenue-primary small { margin-top: 5px; color: var(--jet-muted); }
.revenue-split { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; margin-top: 10px; }
.revenue-item { padding: 12px; border: 1px solid var(--jet-line); border-radius: 11px; }
.revenue-item span, .revenue-item strong { display: block; }
.revenue-item span { color: var(--jet-muted); font-size: 9px; font-weight: 820; }
.revenue-item strong { margin-top: 5px; font-size: 13px; }
.operations { display: grid; gap: 15px; }
.operation-title { display: flex; justify-content: space-between; gap: 12px; color: var(--jet-muted); font-size: 11px; }
.operation-title span:first-child { color: var(--jet-ink); font-weight: 800; }
.track { height: 7px; margin: 7px 0; overflow: hidden; border-radius: 99px; background: #f0e7e8; }
.fill { height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--jet-red-500), var(--jet-red-800)); }
.operation-meta { display: flex; flex-wrap: wrap; gap: 7px 12px; color: var(--jet-muted); font-size: 9px; }
.activity-panel { margin-top: 16px; }
.activity-row { display: grid; grid-template-columns: 68px minmax(120px,.6fr) minmax(220px,1.4fr) 120px 155px; align-items: center; gap: 12px; padding: 12px 17px; border-bottom: 1px solid var(--jet-line); }
.activity-row:last-child { border-bottom: 0; }
.activity-type { width: max-content; padding: 5px 8px; border-radius: 7px; background: var(--jet-red-50); color: var(--jet-red-700); font-size: 9px; font-weight: 900; }
.activity-main b, .activity-main small, .activity-location b, .activity-location small { display: block; }
.activity-main small, .activity-location small { margin-top: 2px; color: var(--jet-muted); font-size: 10px; }
.activity-location b { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.activity-status { color: var(--jet-red-700); font-size: 10px; font-weight: 800; }
.activity-time { color: var(--jet-muted); font-size: 10px; }
.loading, .empty { min-height: 140px; display: grid; place-items: center; padding: 24px; color: var(--jet-muted); text-align: center; }

/* Native lightweight charts */
.v2-chart-panel { min-height: 300px; }
.v2-chart-body { min-height: 230px; }
.v2-chart-empty { min-height: 190px; display: grid; place-items: center; color: var(--jet-muted); font-size: 12px; }
.v2-bars { display: grid; gap: 14px; }
.v2-bar-row { display: grid; grid-template-columns: minmax(90px, .7fr) minmax(140px, 1.4fr) auto; align-items: center; gap: 11px; }
.v2-bar-row span { overflow: hidden; font-size: 11px; font-weight: 720; text-overflow: ellipsis; white-space: nowrap; }
.v2-bar-row b { min-width: 34px; color: var(--jet-red-700); font-size: 11px; text-align: right; }
.v2-bar-row progress { width: 100%; height: 9px; appearance: none; border: 0; border-radius: 99px; overflow: hidden; background: #f1e8e9; }
.v2-bar-row progress::-webkit-progress-bar { border-radius: 99px; background: #f1e8e9; }
.v2-bar-row progress::-webkit-progress-value { border-radius: 99px; background: linear-gradient(90deg, var(--jet-red-500), var(--jet-red-800)); }
.v2-bar-row progress::-moz-progress-bar { border-radius: 99px; background: linear-gradient(90deg, var(--jet-red-500), var(--jet-red-800)); }
.v2-donut-layout { min-height: 190px; display: grid; grid-template-columns: 150px minmax(0,1fr); align-items: center; gap: 20px; }
.v2-donut { width: 148px; height: 148px; transform: rotate(-90deg); }
.v2-donut-bg { fill: none; stroke: #f1e8e9; stroke-width: 14; }
.v2-donut-segment { fill: none; stroke-width: 14; stroke-linecap: butt; }
.v2-donut-center { position: relative; width: 148px; height: 148px; }
.v2-donut-center svg { position: absolute; inset: 0; }
.v2-donut-label { position: absolute; inset: 31px; display: grid; place-items: center; align-content: center; border-radius: 50%; background: #fff; text-align: center; }
.v2-donut-label b { font-size: 16px; letter-spacing: -.03em; }
.v2-donut-label small { color: var(--jet-muted); font-size: 9px; }
.v2-legend { display: grid; gap: 9px; }
.v2-legend-row { display: grid; grid-template-columns: 9px minmax(0,1fr) auto; align-items: center; gap: 8px; }
.v2-legend-row i { width: 9px; height: 9px; border-radius: 3px; background: var(--legend-color, var(--jet-red-600)); }
.v2-legend-row span { color: var(--jet-muted); font-size: 10px; }
.v2-legend-row b { font-size: 10px; }
.v2-chart-note { margin: 15px 0 0; padding-top: 12px; border-top: 1px solid var(--jet-line); color: var(--jet-muted); font-size: 10px; }

/* All management pages: one visual language */
#order-management-page, #partner-management-page, #config-management-page,
#slide-ads-page, #voucher-management-page, #finance-management-page,
#driver-operations-page, #driver-pension-page, #referral-management-page,
#admin-users-page {
  color: var(--jet-ink);
}
.om-intro, .pm-intro, .cfg-intro, .sa-intro, .vc-intro, .fm-intro,
.dop-intro, .dp-hero, .rf-hero, .au-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 15px;
  padding: 21px;
  border: 1px solid var(--jet-line);
  border-radius: var(--jet-radius);
  background: #fff;
  box-shadow: var(--jet-shadow-soft);
}
.om-intro h2, .pm-intro h2, .cfg-intro h2, .sa-intro h2, .vc-intro h2,
.fm-intro h2, .dop-intro h2, .dp-hero h2, .rf-hero h2, .au-header h2 {
  margin: 3px 0 4px;
  color: var(--jet-ink);
  font-size: clamp(21px, 2.4vw, 28px);
  letter-spacing: -.04em;
}
.om-intro p, .pm-intro p, .cfg-intro p, .sa-intro p, .vc-intro p,
.fm-intro p, .dop-intro p, .dp-hero p, .rf-hero p, .au-header p {
  max-width: 760px;
  margin: 0;
  color: var(--jet-muted);
  font-size: 12px;
}
.om-tabs, .pm-tabs, .cfg-tabs, .fm-tabs, .rf-view-tabs, .dp-tabs, .sa-tabs, .vc-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 13px;
  padding: 5px;
  border: 1px solid var(--jet-line);
  border-radius: 12px;
  background: #fff;
}
.om-tab, .pm-tab, .cfg-tab, .fm-tab, .rf-view-tab, .dp-tab, .sa-tab, .vc-tab {
  min-height: 36px;
  padding: 0 13px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: var(--jet-muted);
  font-size: 11px;
  font-weight: 780;
  cursor: pointer;
}
.om-tab.active, .pm-tab.active, .cfg-tab.active, .fm-tab.active,
.rf-view-tab.active, .dp-tab.active, .sa-tab.active, .vc-tab.active {
  background: var(--jet-red-700);
  color: #fff;
}
.om-filter, .pm-filter, .cfg-filter, .fm-filter, .rf-filter, .dp-filters,
.sa-filter, .vc-filter, .dop-filter {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 10px;
  margin-bottom: 13px;
  padding: 15px;
  border: 1px solid var(--jet-line);
  border-radius: var(--jet-radius);
  background: #fff;
  box-shadow: var(--jet-shadow-soft);
}
.om-filter-actions, .pm-filter-actions, .cfg-actions, .fm-actions, .rf-actions,
.dp-filter-actions, .sa-actions, .vc-actions, .dop-actions {
  display: flex;
  align-items: end;
  gap: 7px;
}
.om-apply, .pm-apply, .cfg-primary, .fm-primary, .rf-primary, .dp-primary,
.sa-primary, .vc-primary, .dop-primary, .au-primary {
  min-height: 40px;
  padding: 0 13px;
  background: var(--jet-red-700) !important;
  color: #fff !important;
}
.om-reset, .pm-reset, .cfg-secondary, .fm-secondary, .rf-secondary, .dp-secondary,
.sa-secondary, .vc-secondary, .dop-secondary, .au-secondary {
  min-height: 40px;
  padding: 0 13px;
  border: 1px solid #eadadd !important;
  border-radius: var(--jet-radius-sm);
  background: #fff !important;
  color: var(--jet-red-700) !important;
  font-weight: 780;
  cursor: pointer;
}
.om-panel, .pm-panel, .cfg-panel, .fm-panel, .rf-panel, .dp-panel,
.sa-panel, .vc-panel, .dop-panel, .au-panel, .mt-panel, .uw-panel,
.cm-card, .rf-card, .dp-card {
  overflow: hidden;
  border: 1px solid var(--jet-line) !important;
  border-radius: var(--jet-radius) !important;
  background: #fff !important;
  box-shadow: var(--jet-shadow-soft) !important;
}
.om-table-wrap, .pm-table-wrap, .cfg-table-wrap, .fm-table-wrap,
.rf-table-wrap, .dp-table-wrap, .sa-table-wrap, .vc-table-wrap,
.dop-table-wrap, .au-panel { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; }
th, td { padding: 12px 14px; border-bottom: 1px solid var(--jet-line); text-align: left; vertical-align: middle; white-space: nowrap; }
th { background: #fafafb !important; color: var(--jet-muted) !important; font-size: 9px !important; font-weight: 850 !important; letter-spacing: .07em; text-transform: uppercase; }
td { color: #343438; font-size: 11px; }
tbody tr:hover { background: #fffbfb; }
.badge, [class*="-badge"], [class*="-pill"] { border-radius: 999px; }
.om-pagination, .pm-pagination, .cfg-pagination, .fm-pagination,
.rf-pagination, .dp-pagination, .sa-pagination, .vc-pagination, .dop-pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 14px;
  border-top: 1px solid var(--jet-line);
}

/* Referral and pension get prominent but restrained red accents. */
.rf-gate.active, .dp-pill.active { background: #e9f7ef !important; color: var(--jet-success) !important; }
.rf-gate.inactive, .dp-pill.inactive, .dp-pill.foundation { background: var(--jet-red-50) !important; color: var(--jet-red-700) !important; }
.rf-summary-grid, .dp-summary-grid, .fm-summary-grid, .dop-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 12px;
  margin-bottom: 14px;
}
.rf-summary-grid > *, .dp-summary-grid > *, .fm-summary-grid > *, .dop-summary > * {
  min-width: 0;
  padding: 15px !important;
  border: 1px solid var(--jet-line) !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: var(--jet-shadow-soft) !important;
}
.rf-summary-grid strong, .dp-summary-grid strong, .fm-summary-grid strong, .dop-summary strong { color: var(--jet-red-800) !important; }
.rf-notice, .dp-notice, .fm-notice, .dop-notice { border-radius: 12px !important; }

/* Dialogs, toasts and utilities */
.modal-bg, [class*="modal-backdrop"], [class*="dialog-backdrop"] { background: rgba(36, 7, 9, .58) !important; backdrop-filter: blur(3px); }
.modal, [class$="-modal"], [class*=" modal"] { border-radius: var(--jet-radius-lg) !important; }
.toast { position: fixed; right: 18px; bottom: 18px; top: auto; z-index: 300; max-width: min(380px, calc(100vw - 36px)); padding: 12px 15px; border-radius: 12px; background: #242427; color: #fff; box-shadow: var(--jet-shadow); }
.toast.show { display: block; }
.toast.error { background: var(--jet-red-800); }
button:focus-visible, a:focus-visible { outline: 3px solid rgba(215,25,32,.24); outline-offset: 2px; }

@media (max-width: 1240px) {
  .metric-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .rf-summary-grid, .dp-summary-grid, .fm-summary-grid, .dop-summary { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 980px) {
  .app-shell { grid-template-columns: 1fr; }
  .sidebar { position: fixed; left: -294px; width: 276px; transition: left .18s ease; }
  .sidebar.open { left: 0; }
  .sidebar-backdrop.open { display: block; }
  .mobile-menu-button { display: grid; place-items: center; }
  .metric-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .dashboard-grid { grid-template-columns: 1fr; }
  .activity-row { grid-template-columns: 58px minmax(120px,.7fr) minmax(180px,1.3fr) 105px; }
  .activity-time { display: none; }
}
@media (max-width: 760px) {
  .login-shell { grid-template-columns: 1fr; }
  .login-panel { min-height: 100vh; padding: 30px 22px; }
  .login-visual { display: none; }
  .topbar { min-height: 68px; padding: 10px 12px; }
  .topbar .eyebrow, .soft-button span, .user-chip > div, .logout-button { display: none; }
  .soft-button { width: 40px; padding: 0; }
  .user-chip { padding: 4px; border: 0; }
  .content { padding: 14px 11px 28px; }
  .hero { min-height: 170px; align-items: flex-start; flex-direction: column; padding: 22px; }
  .api-status { min-width: 0; width: 100%; }
  .metric-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  .metric-card { min-height: 116px; padding: 14px; }
  .revenue-split { grid-template-columns: 1fr; }
  .panel-head { align-items: flex-start; flex-direction: column; }
  .periods { width: 100%; }
  .period { flex: 1; }
  .activity-row { grid-template-columns: 55px minmax(0,1fr) 96px; }
  .activity-location, .activity-time { display: none; }
  .v2-donut-layout { grid-template-columns: 1fr; justify-items: center; }
  .v2-legend { width: 100%; }
  .om-intro, .pm-intro, .cfg-intro, .sa-intro, .vc-intro, .fm-intro,
  .dop-intro, .dp-hero, .rf-hero, .au-header { flex-direction: column; padding: 17px; }
}
@media (max-width: 470px) {
  .metric-grid { grid-template-columns: 1fr; }
  .rf-summary-grid, .dp-summary-grid, .fm-summary-grid, .dop-summary { grid-template-columns: 1fr; }
  .topbar h1 { font-size: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}
.v2-legend-color-1 { background: #981017 !important; }
.v2-legend-color-2 { background: #d71920 !important; }
.v2-legend-color-3 { background: #f36a70 !important; }
.v2-legend-color-4 { background: #780b11 !important; }
body.v2-nav-open { overflow: hidden; }

/* =====================================================================
   JET Admin Web V2 1.0E1C — management title contrast hotfix
   Resolves legacy !important white text colliding with V2 white cards.
   ===================================================================== */

#order-management-page .om-intro,
#partner-management-page .pm-intro,
#config-management-page .cfg-intro,
#slide-ads-page .sa-intro,
#voucher-management-page .vc-intro,
#finance-management-page .fm-intro,
#driver-operations-page .dop-intro,
#driver-pension-page .dp-hero,
#referral-management-page .rf-hero,
#admin-users-page .au-header {
  min-height: 0 !important;
  color: var(--jet-ink, #2b1416) !important;
  background:
    linear-gradient(135deg, #fff7f8 0%, #ffffff 54%, #fff9fa 100%) !important;
  border: 1px solid var(--jet-line, #f1dfe1) !important;
  border-left: 5px solid var(--jet-red-600, #d71920) !important;
  box-shadow: 0 12px 34px rgba(95, 8, 13, 0.08) !important;
}

#order-management-page .om-intro h1,
#order-management-page .om-intro h2,
#order-management-page .om-intro h3,
#partner-management-page .pm-intro h1,
#partner-management-page .pm-intro h2,
#partner-management-page .pm-intro h3,
#config-management-page .cfg-intro h1,
#config-management-page .cfg-intro h2,
#config-management-page .cfg-intro h3,
#slide-ads-page .sa-intro h1,
#slide-ads-page .sa-intro h2,
#slide-ads-page .sa-intro h3,
#voucher-management-page .vc-intro h1,
#voucher-management-page .vc-intro h2,
#voucher-management-page .vc-intro h3,
#finance-management-page .fm-intro h1,
#finance-management-page .fm-intro h2,
#finance-management-page .fm-intro h3,
#driver-operations-page .dop-intro h1,
#driver-operations-page .dop-intro h2,
#driver-operations-page .dop-intro h3,
#driver-pension-page .dp-hero h1,
#driver-pension-page .dp-hero h2,
#driver-pension-page .dp-hero h3,
#referral-management-page .rf-hero h1,
#referral-management-page .rf-hero h2,
#referral-management-page .rf-hero h3,
#admin-users-page .au-header h1,
#admin-users-page .au-header h2,
#admin-users-page .au-header h3 {
  color: var(--jet-red-950, #4a0408) !important;
  text-shadow: none !important;
}

#order-management-page .om-intro .eyebrow,
#partner-management-page .pm-intro .eyebrow,
#config-management-page .cfg-intro .eyebrow,
#slide-ads-page .sa-intro .eyebrow,
#voucher-management-page .vc-intro .eyebrow,
#finance-management-page .fm-intro .eyebrow,
#driver-operations-page .dop-intro .eyebrow,
#driver-pension-page .dp-hero .eyebrow,
#referral-management-page .rf-hero .eyebrow,
#admin-users-page .au-header .eyebrow {
  color: var(--jet-red-600, #d71920) !important;
  text-shadow: none !important;
}

#order-management-page .om-intro p,
#partner-management-page .pm-intro p,
#config-management-page .cfg-intro p,
#slide-ads-page .sa-intro p,
#voucher-management-page .vc-intro p,
#finance-management-page .fm-intro p,
#driver-operations-page .dop-intro p,
#driver-pension-page .dp-hero p,
#referral-management-page .rf-hero p,
#admin-users-page .au-header p {
  color: var(--jet-muted, #7e6669) !important;
  text-shadow: none !important;
  line-height: 1.55 !important;
}

#order-management-page .om-total,
#partner-management-page .pm-total,
#config-management-page .cm-scope-badge,
#finance-management-page .fm-scope-badge,
#driver-pension-page .dp-pill,
#referral-management-page .rf-pill {
  color: var(--jet-red-800, #8f1017) !important;
  background: var(--jet-red-100, #fff0f1) !important;
  border: 1px solid #ffd5d9 !important;
  text-shadow: none !important;
}

@media (max-width: 700px) {
  #order-management-page .om-intro,
  #partner-management-page .pm-intro,
  #config-management-page .cfg-intro,
  #slide-ads-page .sa-intro,
  #voucher-management-page .vc-intro,
  #finance-management-page .fm-intro,
  #driver-operations-page .dop-intro,
  #driver-pension-page .dp-hero,
  #referral-management-page .rf-hero,
  #admin-users-page .au-header {
    align-items: stretch !important;
    flex-direction: column !important;
  }
}

/* END JET Admin Web V2 1.0E1C */

/* =====================================================================
   JET Admin Web V2 1.0E1E — Referral text visibility fix
   Resolves V2 generic white-card rules overriding legacy dark-card colors.
   ===================================================================== */

/* Summary cards: V2 changed the background to white but legacy text stayed
   white. Apply explicit readable colors with a restrained JET accent. */
html body #referral-management-page .rf-summary .rf-card {
  position: relative !important;
  min-height: 118px !important;
  padding: 17px 18px !important;
  color: var(--jet-ink, #2b1416) !important;
  background:
    linear-gradient(145deg, #ffffff 0%, #fff8f9 100%) !important;
  border: 1px solid var(--jet-line, #f1dfe1) !important;
  border-top: 3px solid var(--jet-red-600, #d71920) !important;
  box-shadow: 0 10px 28px rgba(95, 8, 13, 0.07) !important;
}

html body #referral-management-page .rf-summary .rf-card span {
  color: #6f5a5d !important;
  opacity: 1 !important;
  font-weight: 750 !important;
  letter-spacing: .01em !important;
}

html body #referral-management-page .rf-summary .rf-card strong {
  color: var(--jet-red-800, #8f1017) !important;
  opacity: 1 !important;
  font-weight: 900 !important;
  text-shadow: none !important;
}

html body #referral-management-page .rf-summary .rf-card small {
  color: #7e6669 !important;
  opacity: 1 !important;
  font-weight: 560 !important;
}

/* Main Referral view tabs. The generic V2 active background is red, so all
   text inside the active tab must be forced to white. */
html body #referral-management-page .rf-view-tab.active,
html body #referral-management-page .rf-view-tab.active b,
html body #referral-management-page .rf-view-tab.active small,
html body #referral-management-page .rf-view-tab.active
  > span:last-child {
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html body #referral-management-page .rf-view-tab.active small {
  color: rgba(255, 255, 255, .92) !important;
  font-weight: 600 !important;
}

html body #referral-management-page .rf-view-tab:not(.active) b {
  color: var(--jet-red-950, #4a0408) !important;
}

html body #referral-management-page .rf-view-tab:not(.active) small {
  color: #6f5a5d !important;
  opacity: 1 !important;
  font-weight: 560 !important;
}

/* Customer / Driver program selector. */
html body #referral-management-page .rf-tab.active,
html body #referral-management-page .rf-tab.active span,
html body #referral-management-page .rf-tab.active small {
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html body #referral-management-page .rf-tab.active small {
  color: rgba(255, 255, 255, .92) !important;
  font-weight: 600 !important;
}

html body #referral-management-page .rf-tab:not(.active) span {
  color: var(--jet-red-950, #4a0408) !important;
}

html body #referral-management-page .rf-tab:not(.active) small {
  color: #6f5a5d !important;
  opacity: 1 !important;
  font-weight: 560 !important;
}

/* General Referral page helper text should never inherit white or very low
   opacity from an older component theme. */
html body #referral-management-page .rf-program-switcher p,
html body #referral-management-page .rf-card-heading p,
html body #referral-management-page .rf-field small,
html body #referral-management-page .rf-current-program small,
html body #referral-management-page .rf-save-description,
html body #referral-management-page .rf-chip-group small {
  color: #715f62 !important;
  opacity: 1 !important;
}

html body #referral-management-page .rf-section-kicker,
html body #referral-management-page .rf-eyebrow {
  color: var(--jet-red-600, #d71920) !important;
  opacity: 1 !important;
}

@media (max-width: 700px) {
  html body #referral-management-page .rf-summary .rf-card {
    min-height: 104px !important;
  }
}

/* END JET Admin Web V2 1.0E1E */

/* =====================================================================
   JET Admin Web V2 1.0E1G
   Driver Operations / Safety text visibility and emergency-card fix.
   ===================================================================== */

/* Generic V2 summary rules force every card to white. The emergency card
   must remain red because its inherited text is intentionally white. */
html body #driver-operations-page
  .dop-summary .dop-stat.emergency {
  color: #ffffff !important;
  background:
    linear-gradient(135deg, #7b0710 0%, #c4101b 58%, #ef3349 100%)
    !important;
  border: 1px solid #b90e18 !important;
  border-top: 3px solid #ff6574 !important;
  box-shadow: 0 14px 32px rgba(166, 10, 21, .22) !important;
}

html body #driver-operations-page
  .dop-summary .dop-stat.emergency small,
html body #driver-operations-page
  .dop-summary .dop-stat.emergency strong {
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html body #driver-operations-page
  .dop-summary .dop-stat.emergency small {
  font-weight: 800 !important;
}

/* Normal KPI cards use explicit dark text on white surfaces. */
html body #driver-operations-page
  .dop-summary .dop-stat:not(.emergency) {
  color: var(--jet-ink, #2b1416) !important;
  background:
    linear-gradient(145deg, #ffffff 0%, #fffafb 100%)
    !important;
  border: 1px solid var(--jet-line, #f1dfe1) !important;
  border-top: 3px solid #f2a3aa !important;
}

html body #driver-operations-page
  .dop-summary .dop-stat:not(.emergency) small {
  color: #5f5966 !important;
  opacity: 1 !important;
  font-weight: 760 !important;
}

html body #driver-operations-page
  .dop-summary .dop-stat:not(.emergency) strong {
  color: var(--jet-red-800, #8f1017) !important;
  opacity: 1 !important;
  font-weight: 920 !important;
  text-shadow: none !important;
}

/* Panel headings and descriptions. */
html body #driver-operations-page .dop-panel,
html body #driver-operations-page .dop-panel h3,
html body #driver-operations-page .dop-panel h4,
html body #driver-operations-page .dop-panel b,
html body #driver-operations-page .dop-panel strong {
  color: var(--jet-red-950, #4a0408) !important;
}

html body #driver-operations-page
  .dop-panel .panel-head .eyebrow {
  color: var(--jet-red-600, #d71920) !important;
  opacity: 1 !important;
}

html body #driver-operations-page .dop-panel p,
html body #driver-operations-page .dop-panel small,
html body #driver-operations-page .dop-empty {
  color: #6e5e62 !important;
  opacity: 1 !important;
}

/* Broadcast form. */
html body #driver-operations-page .dop-form label,
html body #driver-operations-page .dop-form label > span {
  color: #392c30 !important;
  opacity: 1 !important;
  font-weight: 730 !important;
}

html body #driver-operations-page .dop-form input,
html body #driver-operations-page .dop-form select,
html body #driver-operations-page .dop-form textarea,
html body #driver-operations-page #dop-document-status {
  color: #2d2427 !important;
  background: #ffffff !important;
  border-color: #edcdd1 !important;
  opacity: 1 !important;
}

html body #driver-operations-page .dop-form input::placeholder,
html body #driver-operations-page .dop-form textarea::placeholder {
  color: #97878b !important;
  opacity: 1 !important;
}

/* Incident / safety cards. */
html body #driver-operations-page .dop-incident-card {
  color: #302326 !important;
  background: #ffffff !important;
}

html body #driver-operations-page
  .dop-incident-card.status-emergency {
  background:
    linear-gradient(145deg, #ffffff 0%, #fff1f3 100%)
    !important;
}

html body #driver-operations-page .dop-incident-card h4 {
  color: var(--jet-red-950, #4a0408) !important;
}

html body #driver-operations-page .dop-incident-card p {
  color: #57464a !important;
  opacity: 1 !important;
}

html body #driver-operations-page .dop-incident-meta,
html body #driver-operations-page .dop-incident-head time {
  color: #745f64 !important;
  opacity: 1 !important;
}

/* Buttons and badges must retain their own semantic color. */
html body #driver-operations-page .dop-action {
  color: var(--jet-red-800, #8f1017) !important;
  background: #ffffff !important;
  border-color: #e9c7cb !important;
}

html body #driver-operations-page .dop-action.approve {
  color: #047857 !important;
  border-color: #a7f3d0 !important;
}

html body #driver-operations-page .dop-action.reject {
  color: #b91c1c !important;
  border-color: #fecaca !important;
}

html body #driver-operations-page .dop-primary {
  color: #ffffff !important;
  background: var(--jet-red-700, #b90e18) !important;
}

/* Tables and modal details. */
html body #driver-operations-page .dop-table td {
  color: #382d30 !important;
}

html body #driver-operations-page .dop-table th {
  color: #66575b !important;
}

html body #driver-operations-page .dop-safety-description small,
html body #driver-operations-page .dop-safety-route small,
html body #driver-operations-page .dop-safety-detail-grid small {
  color: #746166 !important;
  opacity: 1 !important;
}

html body #driver-operations-page .dop-safety-description p,
html body #driver-operations-page .dop-safety-route p,
html body #driver-operations-page .dop-safety-detail-grid strong {
  color: #38282c !important;
  opacity: 1 !important;
}

/* Sidebar navigation needs enough scroll space above the fixed scope card. */
html body .sidebar .sidebar-nav {
  padding-bottom: 150px !important;
}

/* END JET Admin Web V2 1.0E1G */

/* INDIEGO 9.0B2B — Verification Center */

.iv-nav-badge {
  min-width: 22px;
  height: 22px;
  margin-left: auto;
  padding: 0 7px;
  border-radius: 999px;
  color: #fff;
  background: #e41d27;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
  line-height: 22px;
  text-align: center;
}

.sidebar .nav.active .iv-nav-badge {
  color: #b31219;
  background: #fff;
}

#jet-verification-page {
  display: grid;
  gap: 18px;
}

#jet-verification-page.hidden {
  display: none;
}

.iv-intro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  min-height: 172px;
  padding: 30px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 24px;
  color: #fff;
  background:
    radial-gradient(circle at 90% 15%, rgba(229, 29, 39, .28), transparent 22rem),
    linear-gradient(135deg, #050505 0%, #111 48%, #50080c 78%, #820c12 100%);
  box-shadow: 0 18px 42px rgba(34, 7, 9, .17);
}

.iv-intro h2 {
  margin: 8px 0 10px;
  color: #fff !important;
  font-size: clamp(25px, 3vw, 36px);
}

.iv-intro p {
  max-width: 760px;
  margin: 0;
  color: rgba(255, 255, 255, .76);
  line-height: 1.65;
}

.iv-intro .eyebrow {
  color: #ff6269;
}

.iv-total {
  flex: 0 0 auto;
  padding: 13px 18px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 999px;
  color: #fff;
  background: rgba(255, 255, 255, .12);
  font-size: 13px;
  font-weight: 900;
}

.iv-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.iv-summary-card {
  display: grid;
  gap: 8px;
  padding: 22px;
  border: 1px solid #e1e2e7;
  border-radius: 20px;
  color: #17171a;
  background: #fff;
  box-shadow: 0 10px 28px rgba(29, 30, 36, .06);
  text-align: left;
  cursor: pointer;
}

.iv-summary-card:hover {
  border-color: rgba(215, 25, 32, .30);
  transform: translateY(-1px);
}

.iv-summary-card span {
  color: #5f6068;
  font-size: 13px;
  font-weight: 800;
}

.iv-summary-card strong {
  color: #151519;
  font-size: 34px;
}

.iv-summary-card small {
  color: #797a82;
}

.iv-toolbar {
  display: grid;
  gap: 14px;
}

.iv-tabs {
  display: inline-flex;
  width: fit-content;
  gap: 4px;
  padding: 5px;
  border: 1px solid #e1e2e7;
  border-radius: 15px;
  background: #f4f4f6;
}

.iv-tab {
  padding: 11px 22px;
  border: 0;
  border-radius: 11px;
  color: #606169;
  background: transparent;
  font-weight: 900;
  cursor: pointer;
}

.iv-tab.active {
  color: #fff;
  background: linear-gradient(135deg, #080808, #3a090c 65%, #b41118);
  box-shadow: 0 8px 18px rgba(84, 9, 13, .18);
}

.iv-filter {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(190px, 260px) auto auto;
  gap: 12px;
  align-items: end;
  padding: 18px;
  border: 1px solid #e1e2e7;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 10px 26px rgba(29, 30, 36, .05);
}

.iv-filter label {
  display: grid;
  gap: 7px;
}

.iv-filter label span,
.iv-modal-actions label span {
  color: #3e3f45;
  font-size: 12px;
  font-weight: 850;
}

.iv-filter input,
.iv-filter select,
.iv-modal-actions textarea {
  min-height: 48px;
  padding: 0 14px;
  border: 1px solid #dedfe5;
  border-radius: 13px;
  color: #17171a;
  background: #fff;
  outline: none;
}

.iv-modal-actions textarea {
  width: 100%;
  min-height: 82px;
  padding: 12px 14px;
  resize: vertical;
}

.iv-filter input:focus,
.iv-filter select:focus,
.iv-modal-actions textarea:focus {
  border-color: #c3161d;
  box-shadow: 0 0 0 4px rgba(215, 25, 32, .10);
}

.iv-primary,
.iv-secondary,
.iv-danger,
.iv-detail,
.iv-pagination button {
  min-height: 44px;
  padding: 0 17px;
  border-radius: 12px;
  font-weight: 900;
  cursor: pointer;
}

.iv-primary {
  border: 0;
  color: #fff;
  background: linear-gradient(135deg, #b31017, #ec2630);
  box-shadow: 0 9px 20px rgba(196, 18, 26, .18);
}

.iv-secondary {
  border: 1px solid #dedfe5;
  color: #24252a;
  background: #fff;
}

.iv-danger {
  border: 1px solid rgba(180, 16, 23, .22);
  color: #b31017;
  background: #fff5f5;
}

.iv-primary:disabled,
.iv-secondary:disabled,
.iv-danger:disabled,
.iv-pagination button:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.iv-panel {
  overflow: hidden;
  border: 1px solid #e1e2e7;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(29, 30, 36, .06);
}

.iv-table-wrap {
  min-height: 240px;
  overflow-x: auto;
}

.iv-table-wrap table {
  width: 100%;
  border-collapse: collapse;
}

.iv-table-wrap th {
  padding: 15px 16px;
  border-bottom: 1px solid #e3e4e9;
  color: #696a72;
  background: #f7f7f9;
  font-size: 11px;
  letter-spacing: .04em;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
}

.iv-table-wrap td {
  padding: 16px;
  border-bottom: 1px solid #e7e8ec;
  color: #222329;
  background: #fff;
  vertical-align: top;
}

.iv-table-wrap tr:last-child td {
  border-bottom: 0;
}

.iv-table-wrap tbody tr:hover td {
  background: #fafafb;
}

.iv-table-wrap td b,
.iv-table-wrap td small {
  display: block;
}

.iv-table-wrap td b {
  margin-bottom: 5px;
  font-size: 13px;
}

.iv-table-wrap td small {
  max-width: 290px;
  color: #777881;
  font-size: 11px;
  line-height: 1.5;
}

.iv-status {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
}

.iv-status.pending {
  color: #8a5b00;
  background: #fff3cf;
}

.iv-status.approved {
  color: #087a48;
  background: #dff8ec;
}

.iv-status.rejected {
  color: #b0131b;
  background: #ffe3e5;
}

.iv-actions-cell {
  text-align: right;
}

.iv-detail {
  border: 1px solid #d9e1ff;
  color: #164fd8;
  background: #f4f7ff;
}

.iv-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 14px 16px;
  border-top: 1px solid #e3e4e9;
  color: #6d6e76;
  font-size: 12px;
}

.iv-pagination > div {
  display: flex;
  gap: 8px;
}

.iv-pagination button {
  min-height: 38px;
  border: 1px solid #dedfe5;
  color: #24252a;
  background: #fff;
}

.iv-empty,
.iv-loading,
.iv-error {
  display: grid;
  min-height: 240px;
  place-items: center;
  padding: 30px;
  color: #74757e;
  text-align: center;
}

.iv-error {
  color: #b31017;
}

.iv-modal {
  position: fixed;
  z-index: 1200;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(5, 5, 6, .72);
  backdrop-filter: blur(6px);
}

.iv-modal[hidden] {
  display: none;
}

.iv-modal-card {
  width: min(980px, 100%);
  max-height: calc(100vh - 48px);
  overflow: auto;
  border: 1px solid #e1e2e7;
  border-radius: 24px;
  color: #17171a;
  background: #fff;
  box-shadow: 0 30px 80px rgba(0, 0, 0, .32);
}

.iv-modal-head {
  position: sticky;
  z-index: 2;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 20px 22px;
  border-bottom: 1px solid #e3e4e9;
  background: rgba(255, 255, 255, .97);
  backdrop-filter: blur(8px);
}

.iv-modal-head small {
  color: #d71920;
  font-weight: 900;
  letter-spacing: .12em;
}

.iv-modal-head h2 {
  margin: 5px 0 0;
  color: #17171a;
}

.iv-modal-head button {
  width: 42px;
  height: 42px;
  border: 1px solid #dedfe5;
  border-radius: 12px;
  color: #292a30;
  background: #fff;
  font-size: 24px;
  cursor: pointer;
}

.iv-modal-content {
  padding: 22px;
}

.iv-detail-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 22px;
  border-radius: 18px;
  color: #fff;
  background:
    radial-gradient(circle at 90% 10%, rgba(215, 25, 32, .25), transparent 16rem),
    linear-gradient(135deg, #050505, #600a0f);
}

.iv-detail-hero small {
  color: #ff686e;
  font-weight: 900;
  letter-spacing: .1em;
}

.iv-detail-hero h3 {
  margin: 7px 0;
  color: #fff !important;
  font-size: 26px;
}

.iv-detail-hero p {
  margin: 0;
  color: rgba(255, 255, 255, .75);
}

.iv-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 14px;
}

.iv-detail-card {
  padding: 18px;
  border: 1px solid #e1e2e7;
  border-radius: 17px;
  background: #fff;
}

.iv-detail-card.full {
  grid-column: 1 / -1;
}

.iv-detail-card h4 {
  margin: 0 0 14px;
  color: #17171a;
}

.iv-detail-row {
  display: grid;
  grid-template-columns: minmax(110px, .7fr) minmax(0, 1.3fr);
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px dashed #e2e3e7;
}

.iv-detail-row:last-child {
  border-bottom: 0;
}

.iv-detail-row span {
  color: #74757d;
  font-size: 12px;
}

.iv-detail-row b {
  color: #202126;
  font-size: 12px;
  overflow-wrap: anywhere;
}

.iv-review-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-bottom: 14px;
}

.iv-review-summary span {
  padding: 8px 11px;
  border-radius: 999px;
  color: #5d5e65;
  background: #f2f2f5;
  font-size: 11px;
  font-weight: 850;
}

.iv-documents {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.iv-documents article {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  padding: 14px;
  border: 1px solid #e1e2e7;
  border-radius: 14px;
  background: #fafafb;
}

.iv-documents article small,
.iv-documents article p {
  color: #74757d;
  font-size: 11px;
}

.iv-documents article p {
  grid-column: 1 / -1;
  margin: 0;
}

.iv-document-empty {
  padding: 18px;
  border: 1px dashed #d9dae0;
  border-radius: 14px;
  color: #70717a;
  background: #fafafb;
  line-height: 1.6;
}

.iv-description {
  margin: 0;
  color: #606169;
  line-height: 1.7;
}

.iv-modal-actions {
  position: sticky;
  bottom: 0;
  display: grid;
  gap: 14px;
  padding: 18px 22px;
  border-top: 1px solid #e3e4e9;
  background: rgba(255, 255, 255, .98);
  backdrop-filter: blur(8px);
}

.iv-modal-actions label {
  display: grid;
  gap: 7px;
}

.iv-modal-actions > div {
  display: flex;
  justify-content: flex-end;
  gap: 9px;
}

body.iv-locked {
  overflow: hidden;
}

@media (max-width: 980px) {
  .iv-filter {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .iv-detail-grid {
    grid-template-columns: 1fr;
  }

  .iv-detail-card.full {
    grid-column: auto;
  }
}

@media (max-width: 680px) {
  .iv-intro {
    align-items: flex-start;
    flex-direction: column;
  }

  .iv-summary,
  .iv-filter,
  .iv-documents {
    grid-template-columns: 1fr;
  }

  .iv-modal {
    padding: 10px;
  }

  .iv-modal-card {
    max-height: calc(100vh - 20px);
    border-radius: 18px;
  }

  .iv-modal-actions > div {
    display: grid;
    grid-template-columns: 1fr;
  }

  .iv-detail-row {
    grid-template-columns: 1fr;
  }
}
/* ========================================================================
   INDIEGO 9.0B2F2 — DRIVER DOCUMENT PHOTO REVIEW
   ======================================================================== */

.iv-document-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 14px;
}

.iv-document-section-head h4 {
  margin-bottom: 6px;
}

.iv-document-section-head p {
  max-width: 700px;
  margin: 0;
  color: #6f7078;
  line-height: 1.55;
}

.iv-document-ready {
  flex: 0 0 auto;
  padding: 9px 12px;
  border-radius: 999px;
  color: #895b00;
  background: #fff4dc;
  font-size: 11px;
  font-weight: 900;
}

.iv-document-ready.ready {
  color: #087a48;
  background: #dff8ec;
}

.iv-review-summary span.danger {
  color: #b0131b;
  background: #ffe3e5;
}

.iv-document-review-grid {
  display: grid;
  grid-template-columns:
    repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.iv-document-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #e1e2e7;
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 9px 24px rgba(29, 30, 36, .05);
}

.iv-document-card.approved {
  border-color: rgba(8, 122, 72, .28);
}

.iv-document-card.rejected {
  border-color: rgba(176, 19, 27, .30);
}

.iv-document-preview {
  position: relative;
  display: grid;
  width: 100%;
  min-height: 230px;
  padding: 0;
  overflow: hidden;
  place-items: center;
  border: 0;
  border-bottom: 1px solid #e1e2e7;
  background:
    linear-gradient(135deg, #f1f1f4, #fafafb);
  cursor: zoom-in;
}

.iv-document-preview img {
  width: 100%;
  height: 280px;
  object-fit: contain;
  background: #111;
}

.iv-image-loading {
  padding: 18px;
  color: #74757d;
  font-size: 12px;
  text-align: center;
}

.iv-image-loading.error {
  color: #b0131b;
}

.iv-document-info {
  display: grid;
  gap: 12px;
  padding: 15px;
}

.iv-document-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.iv-document-head small {
  color: #d71920;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
}

.iv-document-head h5 {
  margin: 4px 0 0;
  color: #17171a;
  font-size: 15px;
}

.iv-document-number {
  margin: 0 !important;
  color: #666770 !important;
  font-size: 12px;
}

.iv-document-info label {
  display: grid;
  gap: 7px;
}

.iv-document-info label span {
  color: #3f4047;
  font-size: 11px;
  font-weight: 850;
}

.iv-document-info textarea {
  width: 100%;
  min-height: 72px;
  padding: 10px 11px;
  resize: vertical;
  border: 1px solid #dedfe5;
  border-radius: 11px;
  color: #17171a;
  background: #fff;
  outline: none;
}

.iv-document-info textarea:focus {
  border-color: #c3161d;
  box-shadow: 0 0 0 4px rgba(215, 25, 32, .10);
}

.iv-document-actions {
  display: grid;
  grid-template-columns:
    repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.iv-document-actions button {
  min-height: 39px;
  padding: 0 8px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 900;
  cursor: pointer;
}

.iv-doc-pending {
  border: 1px solid #dedfe5;
  color: #5d5e65;
  background: #fff;
}

.iv-doc-reject {
  border: 1px solid rgba(176, 19, 27, .20);
  color: #b0131b;
  background: #fff2f3;
}

.iv-doc-approve {
  border: 1px solid rgba(8, 122, 72, .18);
  color: #087a48;
  background: #e8f7ef;
}

.iv-document-reviewed {
  color: #777881;
  font-size: 10px;
}

.iv-modal-actions button:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.iv-image-viewer {
  position: fixed;
  z-index: 1600;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 18px;
  background: rgba(0, 0, 0, .88);
  backdrop-filter: blur(8px);
}

.iv-image-viewer[hidden] {
  display: none;
}

.iv-image-viewer > section {
  display: grid;
  width: min(1100px, 100%);
  max-height: calc(100vh - 36px);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 20px;
  background: #090909;
  box-shadow: 0 30px 90px rgba(0, 0, 0, .55);
}

.iv-image-viewer header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 16px;
  color: #fff;
  background:
    linear-gradient(135deg, #050505, #610a0f);
}

.iv-image-viewer header h3 {
  margin: 0;
  color: #fff !important;
}

.iv-image-viewer header button {
  width: 40px;
  height: 40px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 11px;
  color: #fff;
  background: rgba(255, 255, 255, .08);
  font-size: 23px;
  cursor: pointer;
}

.iv-image-viewer > section > div {
  min-height: 0;
  overflow: auto;
  background: #111;
}

.iv-image-viewer img {
  display: block;
  max-width: 100%;
  min-height: 300px;
  max-height: calc(100vh - 120px);
  margin: auto;
  object-fit: contain;
}

@media (max-width: 820px) {
  .iv-document-review-grid {
    grid-template-columns: 1fr;
  }

  .iv-document-section-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .iv-document-actions {
    grid-template-columns: 1fr;
  }
}

/* ========================================================================
   INDIEGO 9.0B2F4 — MERCHANT LOGO, BANNER & LOCATION REVIEW
   ======================================================================== */

.iv-merchant-media-grid {
  display: grid;
  grid-template-columns:
    repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.iv-merchant-media-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #e1e2e7;
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 9px 24px rgba(29, 30, 36, .05);
}

.iv-merchant-media-card.valid {
  border-color: rgba(8, 122, 72, .26);
}

.iv-merchant-media-card.invalid {
  border-color: rgba(176, 19, 27, .24);
}

.iv-merchant-media-preview {
  position: relative;
  display: grid;
  width: 100%;
  min-height: 230px;
  padding: 0;
  overflow: hidden;
  place-items: center;
  border: 0;
  border-bottom: 1px solid #e1e2e7;
  background:
    linear-gradient(135deg, #f1f1f4, #fafafb);
  cursor: zoom-in;
}

.iv-merchant-media-preview:disabled {
  cursor: default;
}

.iv-merchant-media-preview img {
  width: 100%;
  height: 280px;
  object-fit: contain;
  background: #111;
}

.iv-merchant-media-preview.broken::after {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 20px;
  color: #b0131b;
  background: #fff3f4;
  content:
    "Gambar tidak dapat ditampilkan";
  font-size: 12px;
  font-weight: 850;
  text-align: center;
}

.iv-merchant-media-empty {
  color: #777881;
  font-size: 12px;
  font-weight: 750;
}

.iv-merchant-media-info {
  display: grid;
  grid-template-columns:
    minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  padding: 15px;
}

.iv-merchant-media-info small,
.iv-merchant-media-info h5,
.iv-merchant-media-info p {
  margin: 0;
}

.iv-merchant-media-info > div small {
  color: #d71920;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
}

.iv-merchant-media-info h5 {
  margin-top: 4px;
  color: #17171a;
  font-size: 15px;
}

.iv-merchant-media-info p {
  grid-column: 1 / -1;
  color: #666770;
  line-height: 1.5;
}

.iv-merchant-media-info > small {
  grid-column: 1 / -1;
  color: #777881;
}

.iv-media-status {
  display: inline-flex;
  min-height: 27px;
  align-items: center;
  padding: 0 9px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 900;
}

.iv-media-status.valid {
  color: #087a48;
  background: #dff8ec;
}

.iv-media-status.invalid {
  color: #b0131b;
  background: #ffe3e5;
}

.iv-media-status.missing {
  color: #895b00;
  background: #fff4dc;
}

.iv-merchant-location {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 15px;
  border: 1px solid #e1e2e7;
  border-radius: 14px;
  background: #fafafb;
}

.iv-merchant-location.valid {
  border-color: rgba(8, 122, 72, .22);
  background: #f2fbf7;
}

.iv-location-marker {
  display: grid;
  width: 42px;
  height: 42px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 13px;
  color: #fff;
  background:
    linear-gradient(135deg, #080808, #9d0e15);
  font-size: 22px;
  font-weight: 900;
}

.iv-merchant-location b,
.iv-merchant-location small {
  display: block;
}

.iv-merchant-location small {
  margin-top: 5px;
  color: #6f7078;
}

.iv-map-link {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  margin-top: 12px;
  padding: 0 13px;
  border: 1px solid #dedfe5;
  border-radius: 11px;
  color: #222329;
  background: #fff;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
}

.iv-map-link:hover {
  border-color: rgba(215, 25, 32, .30);
  color: #b31017;
}

@media (max-width: 820px) {
  .iv-merchant-media-grid {
    grid-template-columns: 1fr;
  }
}


/* =====================================================================
   JET Admin Web V2 1.0H2 — Driver & Merchant Verification Parity
   INDIEGO workflow, JET red-white identity.
   ===================================================================== */

#jet-verification-page {
  width: 100%;
  gap: 18px;
}

#jet-verification-page .iv-intro {
  color: #ffffff !important;
  background:
    radial-gradient(
      circle at 92% 12%,
      rgba(255, 255, 255, .18),
      transparent 30%
    ),
    linear-gradient(
      135deg,
      #69070e 0%,
      #a80d17 52%,
      #e9283d 100%
    ) !important;
  border: 1px solid rgba(150, 7, 17, .24) !important;
  box-shadow: 0 18px 42px rgba(112, 7, 15, .18) !important;
}

#jet-verification-page .iv-intro h2,
#jet-verification-page .iv-intro p,
#jet-verification-page .iv-intro .eyebrow {
  text-shadow: none !important;
}

#jet-verification-page .iv-intro .eyebrow {
  color: #ffd5d9 !important;
}

#jet-verification-page .iv-tab.active {
  color: #ffffff !important;
  background:
    linear-gradient(
      135deg,
      #8d0913,
      #c41120 62%,
      #f0354e
    ) !important;
}

#jet-verification-page .iv-summary-card {
  border-top: 3px solid #dd2636 !important;
  box-shadow: 0 10px 28px rgba(95, 8, 13, .07) !important;
}

#jet-verification-page .iv-summary-card strong {
  color: #8f1017 !important;
}

#jet-verification-page .iv-detail {
  color: #9f101a !important;
  background: #fff4f5 !important;
  border-color: #f0cbd0 !important;
}

#jet-verification-page .iv-detail:hover {
  color: #ffffff !important;
  background: #b90e18 !important;
  border-color: #b90e18 !important;
}

.iv-modal .iv-detail-hero {
  background:
    radial-gradient(
      circle at 90% 10%,
      rgba(255, 255, 255, .16),
      transparent 30%
    ),
    linear-gradient(
      135deg,
      #64070d,
      #a50d17 58%,
      #e4293e
    ) !important;
}

.iv-modal .iv-detail-hero small {
  color: #ffd0d5 !important;
}

.iv-modal .iv-primary {
  color: #ffffff !important;
  background:
    linear-gradient(
      135deg,
      #a80d17,
      #ed3047
    ) !important;
}

.iv-modal .iv-image-viewer header {
  background:
    linear-gradient(
      90deg,
      #65070e,
      #a90d18
    ) !important;
}

#jet-verification-page .iv-filter label span,
.iv-modal .iv-modal-actions label span,
.iv-modal .iv-document-info label span {
  color: #3c2d31 !important;
  opacity: 1 !important;
}

#jet-verification-page .iv-filter input,
#jet-verification-page .iv-filter select,
.iv-modal .iv-modal-actions textarea,
.iv-modal .iv-document-info textarea {
  color: #2d2225 !important;
  background: #ffffff !important;
  opacity: 1 !important;
}

#jet-verification-page .iv-table-wrap th {
  color: #67575b !important;
}

#jet-verification-page .iv-table-wrap td,
#jet-verification-page .iv-table-wrap td b {
  color: #322629 !important;
}

#jet-verification-page .iv-table-wrap td small {
  color: #756367 !important;
  opacity: 1 !important;
}

.iv-modal .iv-detail-row span,
.iv-modal .iv-documents article small,
.iv-modal .iv-documents article p,
.iv-modal .iv-description,
.iv-modal .iv-document-reviewed {
  color: #705f63 !important;
  opacity: 1 !important;
}

.iv-modal .iv-detail-row b,
.iv-modal .iv-document-head h5 {
  color: #2e2225 !important;
}

@media (max-width: 720px) {
  #jet-verification-page .iv-toolbar {
    gap: 12px;
  }

  .iv-modal .iv-modal-card {
    width: min(100%, 760px);
    border-radius: 20px 20px 0 0;
  }
}

/* END JET Admin Web V2 1.0H2 */