/* WS GROUP THEME v3 - Mobile First + Desktop Responsive */
:root{--ws-black:#0f1115;--ws-black2:#151922;--ws-card:#ffffff;--ws-card-dark:#1b1e24;--ws-gold:#d4af37;--ws-gold2:#e6c766;--ws-text:#202632;--ws-muted:#6b7280;--ws-soft:#f5f6f8;--ws-line:#e6e8ee;--ws-green:#22c55e;--ws-blue:#3b82f6;--ws-red:#ef4444;--ws-orange:#f59e0b;--radius:18px;--shadow:0 14px 35px rgba(15,17,21,.10);--sidebar:286px;--sidebar-mini:84px;--bottom:76px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#f7f8fb 0%,#eef1f6 100%);color:var(--ws-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:15px;line-height:1.45}a{color:inherit}img{max-width:100%;height:auto}.container{width:auto;max-width:none}.app-main{min-height:100vh;padding:22px 24px 34px;margin-left:var(--sidebar);transition:margin .22s ease}.sidebar-collapsed .app-main{margin-left:var(--sidebar-mini)}.ws-mobile-topbar{display:none}.sidebar-backdrop{display:none}.sidebar-modern{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:linear-gradient(180deg,#090a0d 0%,#141820 100%);color:#fff;z-index:1000;box-shadow:10px 0 30px rgba(0,0,0,.25);display:flex;flex-direction:column;transition:width .22s ease,transform .25s ease}.sidebar-head-actions{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 0}.sidebar-toggle,.sidebar-close,.mobile-menu-toggle{border:0;background:rgba(255,255,255,.08);color:#fff;border-radius:13px;width:42px;height:42px;font-size:22px;cursor:pointer}.sidebar-close{display:none}.side-brand{display:flex;align-items:center;gap:12px;padding:14px 18px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.side-logo{width:54px;height:54px;object-fit:contain;border-radius:14px}.side-brand strong{font-size:22px;letter-spacing:1px;line-height:1}.side-brand strong span,.brand-gold,.mobile-brand-mini span{color:var(--ws-gold)}.side-brand small,.side-user-card small{display:block;color:#b8bdc8;font-size:11px;text-transform:uppercase;letter-spacing:.8px;margin-top:3px}.side-user-card{display:flex;align-items:center;gap:10px;margin:12px 14px;padding:12px;border:1px solid rgba(212,175,55,.18);background:rgba(255,255,255,.05);border-radius:16px}.avatar-mini{width:38px;height:38px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,var(--ws-gold),#fff0a6);color:#111}.side-menu{padding:6px 12px 18px;overflow:auto;flex:1}.menu-module{display:flex;align-items:center;gap:8px;margin:12px 4px 6px;padding:10px 11px;border-radius:12px;color:#f8fafc;font-size:12px;font-weight:800;letter-spacing:.8px;cursor:pointer;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}.menu-module.module-crm{border-color:rgba(59,130,246,.22)}.menu-module.module-erp{border-color:rgba(212,175,55,.28)}.menu-module.module-management{border-color:rgba(34,197,94,.24)}.menu-module.module-admin{border-color:rgba(239,68,68,.22)}.menu-caret{color:var(--ws-gold);font-size:15px}.menu-module-body{display:none}.menu-module-body.show{display:block}.side-menu a{display:flex;align-items:center;min-height:38px;gap:8px;padding:9px 12px;margin:3px 0;text-decoration:none;border-radius:12px;color:#e5e7eb;font-weight:650;font-size:14px;transition:.15s}.side-menu a:hover{background:rgba(255,255,255,.08);color:#fff}.side-menu a.active{background:linear-gradient(135deg,var(--ws-gold),#f3d66b);color:#111;box-shadow:0 8px 22px rgba(212,175,55,.22)}.sidebar-submenu{margin-left:15px;padding-left:8px;border-left:1px dashed rgba(255,255,255,.14)}.logout-link{color:#ff6b6b!important;margin-top:12px!important}.side-footer{padding:12px 18px 16px;color:#89909d;font-size:12px;border-top:1px solid rgba(255,255,255,.08)}.sidebar-collapsed .sidebar-modern{width:var(--sidebar-mini)}.sidebar-collapsed .side-brand div,.sidebar-collapsed .side-user-card div,.sidebar-collapsed .menu-module-label,.sidebar-collapsed .menu-caret,.sidebar-collapsed .side-menu a{font-size:0}.sidebar-collapsed .side-brand{justify-content:center;padding-left:10px;padding-right:10px}.sidebar-collapsed .side-logo{width:48px;height:48px}.sidebar-collapsed .side-user-card{justify-content:center;margin:10px}.sidebar-collapsed .side-menu a{justify-content:center;padding:11px}.sidebar-collapsed .side-menu a::first-letter{font-size:18px}.modern-header{background:radial-gradient(circle at top right,rgba(212,175,55,.22),transparent 35%),linear-gradient(135deg,#090a0d 0%,#171b23 100%);color:#fff;border-radius:0 0 0 0;box-shadow:var(--shadow);border-bottom:4px solid var(--ws-gold);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;margin:-22px -24px 24px}.brand-left{display:flex;align-items:center;gap:15px}.header-logo{width:80px;height:80px;object-fit:contain}.brand-divider{width:1px;height:58px;background:rgba(212,175,55,.55)}.modern-header h1{margin:0;font-size:37px;letter-spacing:10px;line-height:.95}.brand-white{color:#fff}.modern-header p{margin:4px 0 0}.subtitle{letter-spacing:4px;font-weight:800}.tagline{color:var(--ws-gold2);text-transform:uppercase;letter-spacing:3px}.header-badge{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:10px 13px;border-radius:14px;text-align:right}.header-badge span{display:block;font-weight:800}.header-badge small{color:#cfd3dc}.page-title-row{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--ws-line);border-radius:var(--radius);padding:22px 24px;margin:0 0 18px;box-shadow:0 8px 28px rgba(15,17,21,.06)}.page-title-row h2{font-size:30px;margin:0 0 6px;color:#121826}.note,.muted,small{color:var(--ws-muted)}.card,.box,.panel,.section,.hrd-section,.ws-card{background:#fff;border:1px solid var(--ws-line);border-radius:var(--radius);box-shadow:0 8px 28px rgba(15,17,21,.06);padding:18px;margin:16px 0}.dashboard-grid,.ws-dashboard-grid,.stats-grid,.hrd-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin:16px 0}.dashboard-card,.stat-card,.hrd-card,.summary-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#171b23,#0f1115);color:#fff;border-radius:18px;padding:18px;box-shadow:var(--shadow);border:1px solid rgba(212,175,55,.14)}.dashboard-card::after,.stat-card::after,.hrd-card::after{content:"";position:absolute;right:-30px;top:-30px;width:90px;height:90px;border-radius:50%;background:rgba(212,175,55,.16)}.dashboard-card span,.stat-card span,.hrd-card span{display:block;color:#d1d5db;font-size:13px}.dashboard-card b,.stat-card b,.hrd-card b{display:block;font-size:30px;margin-top:8px}.hrd-card.ok,.stat-card.ok{background:linear-gradient(135deg,#166534,#22c55e)}.hrd-card.warn,.stat-card.warn{background:linear-gradient(135deg,#a16207,#facc15);color:#111}.hrd-card.danger,.stat-card.danger{background:linear-gradient(135deg,#991b1b,#ef4444)}.quick-actions,.action-bar,.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:14px 0}.quick-actions a,.btn,button.btn,input[type=submit],.button,.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:14px;padding:11px 16px;text-decoration:none;cursor:pointer;background:linear-gradient(135deg,var(--ws-gold),#f2d56b);color:#111;font-weight:800;box-shadow:0 7px 18px rgba(212,175,55,.25)}.btn-dark{background:#111!important;color:#fff!important}.btn-secondary,.btn-light{background:#fff!important;color:#111!important;border:1px solid var(--ws-line)!important;box-shadow:none!important}.btn-danger{background:linear-gradient(135deg,#dc2626,#ef4444)!important;color:#fff!important}.btn-success{background:linear-gradient(135deg,#16a34a,#22c55e)!important;color:#fff!important}.filter-bar,.ws-filter-bar,form.filter-bar{display:flex;align-items:end;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid var(--ws-line);border-radius:18px;padding:14px;box-shadow:0 8px 24px rgba(15,17,21,.05)}label{font-weight:700;font-size:13px;color:#374151}input,select,textarea{width:100%;border:1px solid #d7dbe3;border-radius:13px;padding:11px 12px;background:#fff;color:#111;outline:none;font:inherit}input:focus,select:focus,textarea:focus{border-color:var(--ws-gold);box-shadow:0 0 0 3px rgba(212,175,55,.16)}table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 22px rgba(15,17,21,.05);border:1px solid var(--ws-line)}th{background:#0f1115;color:#f8fafc;text-transform:none;font-size:12px;letter-spacing:.03em;font-weight:600}th,td{padding:13px 14px;border-bottom:1px solid #edf0f5;text-align:left;vertical-align:top}tr:last-child td{border-bottom:0}.table-wrap,.table-responsive{overflow:auto;border-radius:18px}.badge,.status,.label{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800;background:#eef2ff;color:#3730a3}.status-deal,.badge-success,.status-selesai{background:#dcfce7;color:#166534}.status-pending,.status-proses,.status-followup{background:#fef3c7;color:#92400e}.status-tidak-aktif,.badge-danger{background:#fee2e2;color:#991b1b}.bottom-nav-v3{display:none}.footer-brand{text-align:center;color:#7b8190;font-size:12px;padding:12px 12px 22px;margin-left:var(--sidebar)}.sidebar-collapsed ~ .footer-brand{margin-left:var(--sidebar-mini)}@media(max-width:900px){body{font-size:14px;background:#f5f6f8;padding-bottom:calc(var(--bottom) + env(safe-area-inset-bottom))}.ws-mobile-topbar{position:sticky;top:0;z-index:950;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 13px;background:rgba(15,17,21,.96);backdrop-filter:blur(14px);color:#fff;box-shadow:0 8px 26px rgba(0,0,0,.16)}.mobile-brand-mini strong{font-size:18px;letter-spacing:.8px}.mobile-brand-mini small{display:block;color:#c9ced7;font-size:10px;letter-spacing:.7px}.mobile-profile-dot{width:40px;height:40px;border-radius:999px;background:rgba(255,255,255,.08);display:grid;place-items:center;text-decoration:none}.app-main,.sidebar-collapsed .app-main{margin-left:0;padding:12px 12px 20px}.modern-header{display:none}.page-title-row{margin:12px 0 14px;padding:18px;border-radius:24px}.page-title-row h2{font-size:27px}.page-title-row .note{font-size:16px;line-height:1.28}.sidebar-modern,.sidebar-collapsed .sidebar-modern{width:min(86vw,330px);transform:translateX(-110%);transition:transform .26s ease}.sidebar-open .sidebar-modern{transform:translateX(0)}.sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:990;opacity:0;pointer-events:none;transition:.2s}.sidebar-open .sidebar-backdrop{opacity:1;pointer-events:auto}.sidebar-close{display:inline-flex;align-items:center;justify-content:center}.sidebar-toggle{display:none}.side-brand div,.side-user-card div,.menu-module-label,.menu-caret,.side-menu a{font-size:inherit}.sidebar-collapsed .side-brand div,.sidebar-collapsed .side-user-card div,.sidebar-collapsed .menu-module-label,.sidebar-collapsed .menu-caret,.sidebar-collapsed .side-menu a{font-size:inherit}.bottom-nav-v3{position:fixed;left:0;right:0;bottom:0;z-index:940;display:grid;grid-template-columns:repeat(5,1fr);gap:0;background:rgba(12,14,18,.97);border-top:1px solid rgba(212,175,55,.22);padding:8px 6px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -12px 28px rgba(0,0,0,.22)}.bottom-nav-v3 a,.bottom-nav-v3 button{border:0;background:transparent;color:#e5e7eb;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;border-radius:14px;font:inherit}.bottom-nav-v3 span{font-size:20px;line-height:1}.bottom-nav-v3 b{font-size:10px}.bottom-nav-v3 .active,.bottom-nav-v3 a:hover,.bottom-nav-v3 button:hover{color:var(--ws-gold);background:rgba(212,175,55,.09)}.footer-brand{display:none}.dashboard-grid,.ws-dashboard-grid,.stats-grid,.hrd-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dashboard-card,.stat-card,.hrd-card,.summary-card{padding:15px;border-radius:16px}.dashboard-card b,.stat-card b,.hrd-card b{font-size:25px}.quick-actions,.action-bar,.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.quick-actions a,.btn,button.btn,input[type=submit],.button{width:100%;min-height:44px;padding:10px 11px}.filter-bar,.ws-filter-bar,form.filter-bar{display:grid;grid-template-columns:1fr;gap:10px}.card,.box,.panel,.section,.hrd-section,.ws-card{border-radius:20px;padding:15px;margin:12px 0}.ws-responsive-table{display:block;background:transparent;border:0;box-shadow:none;overflow:visible}.ws-responsive-table thead{display:none}.ws-responsive-table tbody{display:grid;gap:12px}.ws-responsive-table tr{display:block;background:#fff;border:1px solid var(--ws-line);border-radius:20px;box-shadow:0 8px 24px rgba(15,17,21,.06);padding:12px;margin:0}.ws-responsive-table td{display:flex;justify-content:space-between;gap:14px;border:0!important;padding:8px 4px;text-align:right;min-height:32px}.ws-responsive-table td::before{content:attr(data-label);text-align:left;color:#6b7280;font-weight:800;text-transform:uppercase;font-size:11px;letter-spacing:.4px;min-width:98px}.ws-responsive-table td:first-child{font-size:18px;font-weight:900;color:#111}.ws-responsive-table td:first-child::before{font-size:11px}.table-wrap,.table-responsive{overflow:visible}.header-logo{width:58px;height:58px}.hrd-two,.two-col,.grid-2{grid-template-columns:1fr!important}.hide-mobile{display:none!important}}@media(max-width:430px){.dashboard-grid,.ws-dashboard-grid,.stats-grid,.hrd-grid{grid-template-columns:1fr 1fr}.page-title-row h2{font-size:25px}.quick-actions,.action-bar,.actions{grid-template-columns:1fr 1fr}.ws-responsive-table td{font-size:13px}.ws-responsive-table td::before{min-width:88px}.btn{font-size:13px}}@media(min-width:901px){.show-mobile{display:none!important}.hide-desktop{display:none!important}}


/* =========================================================
   WS GROUP THEME v3.1 REFINED - Mobile table lebih halus
   Fokus: tulisan tabel/card mobile tidak saling bertabrakan,
   nilai panjang otomatis turun baris, aksi rapi, form lebih lembut.
   ========================================================= */
body.ws-theme-executive_light{
  --ws-radius-sm:12px;
  --ws-radius-md:16px;
  --ws-radius-lg:22px;
  --ws-shadow-soft:0 10px 28px rgba(15,17,21,.07);
}

.table-scroll,.table-wrap,.table-responsive{
  border-radius:var(--ws-radius-lg)!important;
  background:#fff!important;
  border:1px solid #e8ebf2!important;
  box-shadow:var(--ws-shadow-soft)!important;
}

.crm-table,.list-table,.service-table,table{
  font-size:14px!important;
  line-height:1.45!important;
}

.crm-table th,.list-table th,.service-table th,table th{
  background:#0f1115!important;
  color:#f8fafc!important;
  font-weight:600!important;
  text-transform:none!important;
  white-space:nowrap!important;
  font-size:12px!important;
  letter-spacing:.03em!important;
  padding:12px 14px!important;
  vertical-align:middle!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  -webkit-font-smoothing:antialiased;
}

.crm-table td,.list-table td,.service-table td,table td{
  font-size:14px!important;
  line-height:1.45!important;
  padding:13px 14px!important;
  vertical-align:middle!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
}

.crm-table td a:not(.wa):not(.edit):not(.fu):not(.history):not(.crm-friendly-del),.list-table td a:not(.wa):not(.edit):not(.fu):not(.history):not(.crm-friendly-del),table td a:not(.wa):not(.edit):not(.fu):not(.history):not(.crm-friendly-del){
  font-weight:800!important;
  color:#111827!important;
  text-decoration:none!important;
}
table td a.mini.primary,.asr-table a.mini.primary{background:#111827!important;border-color:#111827!important;color:#fff!important}
table td a.mini.primary:hover,.asr-table a.mini.primary:hover{color:#f8fafc!important}
table td a.mini.gold,.asr-table a.mini.gold{background:#d4af37!important;border-color:#c59b23!important;color:#111827!important}
table td a.mini.banding,.asr-table a.mini.banding{background:#2563eb!important;border-color:#1d4ed8!important;color:#fff!important}

/* Tombol aksi gelap di tabel: teks putih (jangan ikut warna link emas). */
table td a.mini-btn,
table td button.mini-btn,
.asr-table a.mini-btn,
.ws-table td a.mini-btn,
.ws-sort-table td a.mini-btn,
body.app-shell table td a.mini-btn,
body.app-shell table td button.mini-btn{
  background:#111827!important;
  border-color:#111827!important;
  color:#fff!important;
}
table td a.mini-btn:hover,
table td button.mini-btn:hover,
.asr-table a.mini-btn:hover,
body.app-shell table td a.mini-btn:hover{
  color:#fff!important;
  filter:brightness(1.08);
}
table td a.mini-btn.gold,
table td button.mini-btn.gold,
.asr-table a.mini-btn.gold,
body.app-shell table td a.mini-btn.gold,
body.app-shell table td button.mini-btn.gold{
  background:#d4af37!important;
  border-color:#c59b23!important;
  color:#111827!important;
}
table td a.mini-btn.gold:hover,
table td button.mini-btn.gold:hover,
body.app-shell table td a.mini-btn.gold:hover{
  color:#111827!important;
}
table td a.mini-btn.light,
table td button.mini-btn.light,
body.app-shell table td a.mini-btn.light{
  background:#f8fafc!important;
  border:1px solid #d7dee8!important;
  color:#111827!important;
}
table td a.btn:not(.secondary):not(.btn-light):not(.btn-gold):not(.btn-simpan-ws),
table td button.btn:not(.secondary):not(.btn-light):not(.btn-gold):not(.btn-simpan-ws),
body.app-shell table td a.btn:not(.secondary):not(.btn-light):not(.btn-gold):not(.btn-simpan-ws){
  color:#fff!important;
}
table td a.btn:not(.secondary):not(.btn-light):not(.btn-gold):not(.btn-simpan-ws):hover,
table td button.btn:not(.secondary):not(.btn-light):not(.btn-gold):not(.btn-simpan-ws):hover{
  color:#fff!important;
}

.crm-table td a:hover:not(.btn):not(.mini-btn):not(.mini):not(.edit):not(.wa):not(.fu):not(.history):not(.crm-friendly-del),
.list-table td a:hover:not(.btn):not(.mini-btn):not(.mini):not(.edit):not(.wa):not(.fu):not(.history):not(.crm-friendly-del),
table td a:hover:not(.btn):not(.mini-btn):not(.mini):not(.edit):not(.wa):not(.fu):not(.history):not(.crm-friendly-del){
  color:#b8860b!important;
}

@media(max-width:900px){
  .app-main,.sidebar-collapsed .app-main{
    padding:12px 12px 22px!important;
  }

  .page-title-row{
    padding:18px 17px!important;
    box-shadow:0 8px 24px rgba(15,17,21,.06)!important;
  }

  .page-title-row h2{
    font-size:26px!important;
    line-height:1.12!important;
    letter-spacing:-.4px!important;
  }

  .page-title-row .note{
    font-size:14px!important;
    line-height:1.55!important;
    padding:11px 12px!important;
    border-radius:15px!important;
    margin-top:10px!important;
  }

  .topbar,.filter-panel,.list-filter-panel,.menu-page-card{
    margin-left:0!important;
    margin-right:0!important;
  }

  .topbar .btn,.topbar a.btn,.filter-panel .btn,.list-filter-panel .btn{
    width:100%!important;
    min-height:46px!important;
    border-radius:15px!important;
    font-size:14px!important;
  }

  .filter-grid,.list-filter-grid,.filter-bar,.ws-filter-bar,form.filter-bar{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  .filter-grid label,.list-filter-grid label{
    display:block!important;
    font-size:13px!important;
    font-weight:800!important;
    color:#374151!important;
  }

  input,select,textarea{
    min-height:44px!important;
    border-radius:14px!important;
    font-size:14px!important;
  }

  .table-scroll,.table-wrap,.table-responsive{
    overflow:visible!important;
    border:0!important;
    box-shadow:none!important;
    background:transparent!important;
  }

  table.ws-responsive-table,
  .crm-table.ws-responsive-table,
  .list-table.ws-responsive-table,
  .service-table.ws-responsive-table{
    display:block!important;
    width:100%!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:0!important;
    overflow:visible!important;
  }

  .ws-responsive-table thead{
    display:none!important;
  }

  .ws-responsive-table tbody{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:13px!important;
  }

  .ws-responsive-table tr{
    display:block!important;
    width:100%!important;
    background:#fff!important;
    border:1px solid #e7eaf1!important;
    border-radius:22px!important;
    box-shadow:0 10px 26px rgba(15,17,21,.07)!important;
    padding:14px!important;
    margin:0!important;
    overflow:hidden!important;
  }

  .ws-responsive-table tr:hover{
    box-shadow:0 14px 32px rgba(15,17,21,.10)!important;
  }

  .ws-responsive-table td{
    display:grid!important;
    grid-template-columns:minmax(92px,38%) minmax(0,1fr)!important;
    align-items:start!important;
    gap:10px!important;
    width:100%!important;
    min-height:unset!important;
    padding:8px 2px!important;
    border:0!important;
    border-bottom:1px dashed #edf0f5!important;
    text-align:left!important;
    background:transparent!important;
    color:#1f2937!important;
    font-size:13.5px!important;
    line-height:1.45!important;
    word-break:break-word!important;
    overflow-wrap:anywhere!important;
    white-space:normal!important;
  }

  .ws-responsive-table td:last-child{
    border-bottom:0!important;
    padding-bottom:2px!important;
  }

  .ws-responsive-table td::before{
    content:attr(data-label)!important;
    display:block!important;
    min-width:0!important;
    max-width:100%!important;
    text-align:left!important;
    color:#6b7280!important;
    font-size:10.5px!important;
    line-height:1.25!important;
    letter-spacing:.45px!important;
    font-weight:900!important;
    text-transform:uppercase!important;
    white-space:normal!important;
  }

  .ws-responsive-table td.cell-stack::before,
  .ws-responsive-table td.ws-mobile-status::before{
    grid-column:1!important;
    grid-row:1!important;
    align-self:start!important;
  }

  .ws-responsive-table td.cell-stack>*,
  .ws-responsive-table td.ws-mobile-status>*{
    grid-column:2!important;
    width:100%!important;
  }

  .ws-responsive-table td > *{
    max-width:100%!important;
  }

  .ws-responsive-table td strong{
    display:inline!important;
    font-weight:900!important;
    color:#111827!important;
  }

  .ws-responsive-table td small{
    display:block!important;
    margin-top:3px!important;
    color:#6b7280!important;
    font-size:12px!important;
    word-break:break-word!important;
    overflow-wrap:anywhere!important;
  }

  .ws-responsive-table td.ws-mobile-title,
  .ws-responsive-table td[data-label*="NAMA"],
  .ws-responsive-table td[data-label*="Nama"]{
    grid-template-columns:1fr!important;
    gap:4px!important;
    padding:5px 2px 10px!important;
  }

  .ws-responsive-table td.ws-mobile-title::before,
  .ws-responsive-table td[data-label*="NAMA"]::before,
  .ws-responsive-table td[data-label*="Nama"]::before{
    display:none!important;
  }

  .ws-responsive-table td.ws-mobile-title,
  .ws-responsive-table td[data-label*="NAMA"],
  .ws-responsive-table td[data-label*="Nama"]{
    font-size:16px!important;
    line-height:1.28!important;
    font-weight:900!important;
    color:#111827!important;
  }

  .ws-responsive-table td.ws-mobile-actions,
  .ws-responsive-table td[data-label*="AKSI"],
  .ws-responsive-table td[data-label*="Aksi"]{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:8px!important;
    padding-top:12px!important;
  }

  .ws-responsive-table td.ws-mobile-actions::before,
  .ws-responsive-table td[data-label*="AKSI"]::before,
  .ws-responsive-table td[data-label*="Aksi"]::before{
    flex-basis:100%!important;
  }

  .ws-responsive-table td.ws-mobile-actions a,
  .ws-responsive-table td[data-label*="AKSI"] a,
  .ws-responsive-table td[data-label*="Aksi"] a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:flex-start!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-height:36px!important;
    white-space:nowrap!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    padding:8px 12px!important;
    border-radius:12px!important;
    border:1px solid #e5e7eb!important;
    background:#fff!important;
    box-shadow:0 4px 12px rgba(15,17,21,.04)!important;
    font-size:13px!important;
  }
  .ws-responsive-table td.ws-mobile-actions a.mini.primary,
  .ws-responsive-table td[data-label*="AKSI"] a.mini.primary,
  .ws-responsive-table td[data-label*="Aksi"] a.mini.primary{
    background:#111827!important;
    border-color:#111827!important;
    color:#fff!important;
  }

  .ws-responsive-table .badge,
  .ws-responsive-table .status,
  .ws-responsive-table .label{
    justify-self:start!important;
    width:auto!important;
    white-space:nowrap!important;
    font-size:11.5px!important;
    padding:5px 9px!important;
  }

  .customer-list-table td[data-label="No"],
  .customer-list-table td[data-label="NO"],
  .customer-list-table td:first-child{
    position:absolute!important;
    right:18px!important;
    top:16px!important;
    display:block!important;
    width:auto!important;
    padding:0!important;
    border:0!important;
    font-size:13px!important;
    color:#9ca3af!important;
    font-weight:900!important;
  }

  .customer-list-table tr{
    position:relative!important;
    padding-top:16px!important;
  }

  .customer-list-table td:first-child::before{
    display:none!important;
  }

  .readonly-lock{
    display:inline-flex!important;
    align-items:center!important;
    min-height:34px!important;
    padding:7px 10px!important;
    border-radius:12px!important;
    background:#f3f4f6!important;
    color:#6b7280!important;
    font-weight:800!important;
  }
}

@media(max-width:430px){
  .ws-responsive-table tr{
    padding:13px!important;
    border-radius:20px!important;
  }
  .ws-responsive-table td{
    grid-template-columns:minmax(86px,36%) minmax(0,1fr)!important;
    gap:8px!important;
    font-size:13px!important;
  }
  .ws-responsive-table td::before{
    font-size:10px!important;
  }
}


/* WS Group clean refinement: tabel lebih rapi di desktop & mobile */
.table-responsive,.ws-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(15,17,21,.06)}
table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--ws-line);border-radius:16px;overflow:hidden}
th,td{padding:12px 14px;vertical-align:middle;border-bottom:1px solid var(--ws-line);font-size:14px;line-height:1.35;white-space:normal;word-break:normal}
th{background:#0f1115;color:#f8fafc;font-weight:600;text-align:left;white-space:nowrap;font-size:12px;letter-spacing:.03em;border-bottom:1px solid rgba(255,255,255,.08)}
tr:last-child td{border-bottom:0}
td .btn,td button,td a.btn{margin:2px 3px 2px 0;white-space:nowrap}
.badge,.status-badge{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}
input,select,textarea{max-width:100%;border-radius:12px;border:1px solid var(--ws-line);padding:10px 12px}
@media(max-width:768px){.app-main{padding:14px 12px 92px}.card,.ws-card{border-radius:16px}table{min-width:720px}th,td{padding:10px 11px;font-size:13px}.table-responsive,.ws-table-wrap{margin:0 -2px}.form-row,.row{gap:10px}}


/* Laporan lebih ringkas: hilangkan tampilan card besar dashboard di halaman laporan */
.cards.laporan-ringkas{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;
  gap:10px!important;
  margin:10px 0 14px!important;
}
.cards.laporan-ringkas .card{
  margin:0!important;
  padding:10px 12px!important;
  border-radius:14px!important;
  box-shadow:none!important;
  background:#fff!important;
  border:1px solid #e8ebf2!important;
}
.cards.laporan-ringkas .card span,
.cards.laporan-ringkas .card small{
  display:block!important;
  font-size:10px!important;
  line-height:1.25!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:.35px!important;
  color:#6b7280!important;
}
.cards.laporan-ringkas .card b{
  display:block!important;
  margin-top:4px!important;
  font-size:17px!important;
  line-height:1.2!important;
  color:#111827!important;
}
@media(max-width:900px){
  .cards.laporan-ringkas{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .cards.laporan-ringkas .card{padding:9px 10px!important;border-radius:13px!important}
  .cards.laporan-ringkas .card b{font-size:15px!important}
}
@media(max-width:430px){
  .cards.laporan-ringkas{grid-template-columns:1fr 1fr!important}
}

/* Standardisasi Tombol Simpan WS Group
   Aman: hanya berlaku untuk elemen yang diberi class .btn-simpan-ws.
   Template: <button class="btn-simpan-ws" type="submit"><i class="fa fa-check-circle"></i> SIMPAN</button>
*/
:root{
  --ws-btn-save-bg:#d4af37;
  --ws-btn-save-bg2:#f0d36a;
  --ws-btn-save-border:#b98b16;
  --ws-btn-save-text:#111111;
}
.btn-simpan-ws,
button.btn-simpan-ws,
a.btn-simpan-ws,
input.btn-simpan-ws[type="submit"]{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  min-width:170px !important;
  min-height:48px !important;
  padding:0 28px !important;
  border-radius:10px !important;
  border:1px solid var(--ws-btn-save-border) !important;
  background:linear-gradient(180deg,var(--ws-btn-save-bg2) 0%,var(--ws-btn-save-bg) 100%) !important;
  color:var(--ws-btn-save-text) !important;
  font-weight:900 !important;
  font-size:15px !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  letter-spacing:.45px !important;
  text-decoration:none !important;
  box-shadow:0 5px 14px rgba(17,24,39,.18) !important;
  cursor:pointer !important;
  opacity:1 !important;
  visibility:visible !important;
  transition:transform .15s ease,box-shadow .15s ease,filter .15s ease !important;
}
.btn-simpan-ws:hover{
  filter:brightness(1.04) !important;
  transform:translateY(-1px) !important;
  box-shadow:0 8px 18px rgba(17,24,39,.24) !important;
}
.btn-simpan-ws:active{
  transform:translateY(1px) !important;
  box-shadow:0 3px 8px rgba(0,0,0,.16) !important;
}
.btn-simpan-ws:disabled{
  background:#d1d5db !important;
  color:#6b7280 !important;
  border-color:#c5cad3 !important;
  box-shadow:none !important;
  cursor:not-allowed !important;
  transform:none !important;
}
.btn-simpan-ws .fa-check-circle,
.btn-simpan-ws .fas.fa-check-circle{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:18px !important;
  height:18px !important;
  font-style:normal !important;
  font-weight:900 !important;
  line-height:1 !important;
}
/* Fallback icon jika Font Awesome belum dimuat */
.btn-simpan-ws .fa-check-circle:before,
.btn-simpan-ws .fas.fa-check-circle:before{content:"\2713";}
/* Deal / Buat SPK tetap hijau dan hanya berlaku untuk tombol yang memang punya class ini */
.btn-deal-spk{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  min-height:42px !important;
  padding:11px 22px !important;
  border-radius:12px !important;
  background:linear-gradient(135deg,#22c55e,#16a34a) !important;
  color:#fff !important;
  border:1px solid #15803d !important;
  font-weight:900 !important;
  text-decoration:none !important;
  opacity:1 !important;
  visibility:visible !important;
}
.btn-estimasi-crm{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  min-height:42px !important;
  padding:11px 22px !important;
  border-radius:12px !important;
  background:linear-gradient(135deg,#f59e0b,#d4af37) !important;
  color:#111 !important;
  border:1px solid #b8860b !important;
  font-weight:900 !important;
  text-decoration:none !important;
  opacity:1 !important;
  visibility:visible !important;
}



/* Fix render tombol SIMPAN agar benar-benar tampak sebagai button gold.
   Dipasang dengan selector lebih spesifik supaya tidak tertimpa inline CSS per halaman. */
html body .btn-simpan-ws,
html body button.btn-simpan-ws,
html body a.btn-simpan-ws,
html body input.btn-simpan-ws[type="submit"],
html body .bottom-bar .btn-simpan-ws,
html body .window-actions .btn-simpan-ws,
html body .crm-actions-bar .btn-simpan-ws,
html body .form-actions .btn-simpan-ws,
html body .toolbar .btn-simpan-ws,
html body .btn-save-spk.btn-simpan-ws,
html body button.btn-save-spk.btn-simpan-ws{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  min-width:170px !important;
  width:auto !important;
  height:48px !important;
  min-height:48px !important;
  padding:0 28px !important;
  margin:0 !important;
  border:1px solid #b88a14 !important;
  border-radius:12px !important;
  background:linear-gradient(135deg,#f4d35e 0%,#d4af37 55%,#c79a24 100%) !important;
  color:#111827 !important;
  font-weight:900 !important;
  font-size:15px !important;
  line-height:1 !important;
  letter-spacing:.35px !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  box-shadow:0 8px 18px rgba(212,175,55,.30), 0 2px 5px rgba(17,24,39,.18) !important;
  cursor:pointer !important;
  opacity:1 !important;
  visibility:visible !important;
  overflow:visible !important;
  appearance:none !important;
  -webkit-appearance:none !important;
}
html body .btn-simpan-ws:hover,
html body .bottom-bar .btn-simpan-ws:hover,
html body .btn-save-spk.btn-simpan-ws:hover{
  background:linear-gradient(135deg,#ffe27a 0%,#ddb33f 55%,#c79a24 100%) !important;
  transform:translateY(-1px) !important;
  filter:none !important;
  box-shadow:0 10px 22px rgba(212,175,55,.38), 0 3px 8px rgba(17,24,39,.20) !important;
}
html body .btn-simpan-ws:active,
html body .bottom-bar .btn-simpan-ws:active,
html body .btn-save-spk.btn-simpan-ws:active{
  transform:translateY(1px) !important;
  box-shadow:0 4px 10px rgba(212,175,55,.25), 0 1px 3px rgba(17,24,39,.18) !important;
}
html body .btn-simpan-ws:disabled{
  background:#d1d5db !important;
  color:#6b7280 !important;
  border-color:#c5cad3 !important;
  box-shadow:none !important;
  cursor:not-allowed !important;
}
html body .btn-simpan-ws .fa,
html body .btn-simpan-ws .fas,
html body .btn-simpan-ws .fa-check-circle{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:18px !important;
  height:18px !important;
  color:#111827 !important;
  font-style:normal !important;
  font-weight:900 !important;
  line-height:1 !important;
}
html body .btn-simpan-ws .fa-check-circle:before,
html body .btn-simpan-ws .fas.fa-check-circle:before{content:"\2713" !important;}

/* Master Jabatan clean form */
.jabatan-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;align-items:start}
.jabatan-form-grid label.full{grid-column:1/-1}
.jabatan-form-grid select,.jabatan-form-grid input[readonly]{width:100%;border:1px solid #dfe5ef;border-radius:10px;padding:11px 12px;background:#fff;color:#0f172a}
.jabatan-form-grid input[readonly]{background:#f8fafc;color:#64748b}
.switchline{display:inline-flex!important;align-items:center;gap:10px;margin:14px 0 8px!important;font-weight:700;color:#0f172a}
.switchline input{position:absolute;opacity:0;pointer-events:none}
.switchline span{width:46px;height:24px;border-radius:999px;background:#cbd5e1;position:relative;display:inline-block;box-shadow:inset 0 1px 3px rgba(0,0,0,.18)}
.switchline span:before{content:'';position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.25);transition:.18s ease}
.switchline input:checked + span{background:#e7bd2f}
.switchline input:checked + span:before{transform:translateX(22px)}
.form-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}
@media(max-width:800px){.jabatan-form-grid{grid-template-columns:1fr}}




/* =========================================================
   Premium Login WS Group
   Tampilan login dibuat lebih modern tanpa mengubah proses autentikasi.
   ========================================================= */
body.login-page.ws-login-premium{
  min-height:100vh!important;
  display:grid!important;
  place-items:center!important;
  padding:28px!important;
  background:
    radial-gradient(circle at 14% 16%,rgba(229,196,90,.28),transparent 26rem),
    radial-gradient(circle at 88% 78%,rgba(255,255,255,.12),transparent 24rem),
    linear-gradient(135deg,#07080b 0%,#121722 46%,#2d230a 100%)!important;
  color:#111827!important;
  overflow-x:hidden!important;
}
body.login-page.ws-login-premium:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.75),transparent 86%);
}
.login-shell{
  position:relative;
  width:min(1060px,96vw);
  min-height:620px;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.78fr);
  gap:0;
  border:1px solid rgba(229,196,90,.28);
  border-radius:34px;
  overflow:hidden;
  background:rgba(255,255,255,.08);
  box-shadow:0 35px 90px rgba(0,0,0,.38);
  backdrop-filter:blur(18px);
}
.login-hero-panel{
  position:relative;
  overflow:hidden;
  padding:42px;
  color:#fff;
  background:
    radial-gradient(circle at 20% 12%,rgba(229,196,90,.34),transparent 20rem),
    linear-gradient(150deg,rgba(15,23,42,.95),rgba(18,24,34,.92) 58%,rgba(50,39,12,.92));
}
.login-hero-panel:after{
  content:"";
  position:absolute;
  width:320px;
  height:320px;
  right:-95px;
  bottom:-105px;
  border-radius:999px;
  border:1px solid rgba(229,196,90,.30);
  background:radial-gradient(circle,rgba(229,196,90,.16),transparent 62%);
}
.login-hero-glow{
  position:absolute;
  inset:auto auto 18% 10%;
  width:190px;
  height:190px;
  border-radius:999px;
  background:rgba(229,196,90,.16);
  filter:blur(38px);
}
.login-brand-large{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:18px;
}
.login-brand-large .login-logo-img{
  width:82px!important;
  height:82px!important;
  object-fit:contain!important;
  padding:8px!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.95)!important;
  border:1px solid rgba(229,196,90,.72)!important;
  box-shadow:0 18px 36px rgba(0,0,0,.28)!important;
}
.login-brand-large h1{
  margin:0;
  font-size:38px;
  line-height:.95;
  letter-spacing:.08em;
  font-weight:1000;
}
.login-brand-large h1 span{color:#e5c45a;}
.login-brand-large p{margin:8px 0 0;color:#dbe4ef;font-weight:850;letter-spacing:.12em;text-transform:uppercase;font-size:12px;}
.login-hero-copy{position:relative;z-index:1;margin-top:74px;max-width:520px;}
.login-badge{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(229,196,90,.42);
  background:rgba(229,196,90,.13);
  color:#f6d96d;
  font-size:12px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.login-hero-copy h2{margin:18px 0 12px;font-size:clamp(32px,4vw,50px);line-height:1.02;letter-spacing:-.04em;}
.login-hero-copy p{margin:0;color:#cbd5e1;font-size:16px;line-height:1.65;}
.login-feature-grid{position:absolute;z-index:1;left:42px;right:42px;bottom:42px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.login-feature-grid div{padding:14px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);}
.login-feature-grid b{display:block;color:#f6d96d;font-size:15px;letter-spacing:.04em;}
.login-feature-grid small{display:block;margin-top:4px;color:#cbd5e1;font-size:11px;line-height:1.35;}
.login-shell .login-box{
  width:auto!important;
  margin:0!important;
  padding:44px 40px!important;
  border:0!important;
  border-radius:0!important;
  border-top:0!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:none!important;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.login-card-head{display:flex;align-items:center;gap:14px;margin-bottom:26px;}
.login-logo-mobile{width:58px;height:58px;object-fit:contain;padding:6px;border-radius:18px;background:#fffaf0;border:1px solid #e5c45a;display:none;}
.login-kicker{display:block;color:#b88918;font-size:12px;font-weight:1000;letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px;}
.login-card-head h2{margin:0!important;color:#111827!important;font-size:30px!important;letter-spacing:-.03em!important;}
.login-card-head p{margin:6px 0 0;color:#64748b;font-weight:750;line-height:1.45;}
.login-form label{display:grid!important;gap:8px!important;margin:16px 0!important;color:#263241!important;font-weight:950!important;}
.login-input-wrap{position:relative;display:block;}
.login-input-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:16px;opacity:.72;z-index:1;}
.login-form .login-input-wrap input{
  width:100%!important;
  min-height:52px!important;
  padding:13px 14px 13px 46px!important;
  border-radius:16px!important;
  border:1px solid #d9d3c4!important;
  background:#fff!important;
  color:#111827!important;
  font-size:15px!important;
  outline:0!important;
  transition:.16s ease!important;
}
.login-form .login-input-wrap input:focus{border-color:#caa12e!important;box-shadow:0 0 0 4px rgba(202,161,46,.18)!important;}
.login-form .login-input-wrap input::placeholder{color:#98a2b3;}
.login-submit{
  width:100%!important;
  min-height:52px!important;
  margin-top:10px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#111827,#30260b)!important;
  color:#fff!important;
  border:1px solid #111827!important;
  font-weight:1000!important;
  letter-spacing:.02em!important;
  box-shadow:0 16px 30px rgba(17,24,39,.22)!important;
}
.login-submit:hover{transform:translateY(-1px)!important;filter:brightness(1.05)!important;}
.login-help{margin:18px 0 0!important;text-align:center!important;color:#667085!important;line-height:1.55!important;font-weight:700!important;}
.login-remember{display:flex!important;align-items:center!important;gap:10px!important;margin:4px 0 0!important;font-weight:800!important;color:#475467!important;}
.login-remember input[type=checkbox]{width:18px!important;height:18px!important;margin:0!important;accent-color:#111827;}
.alert-info{margin:0 0 14px!important;padding:12px 14px!important;border-radius:16px!important;background:#eff6ff!important;border:1px solid #bfdbfe!important;color:#1e40af!important;font-weight:800!important;}
.alert-error{margin:0 0 14px!important;padding:12px 14px!important;border-radius:16px!important;background:#fff1f2!important;border:1px solid #fecdd3!important;color:#9f1239!important;font-weight:900!important;}
@media(max-width:920px){
  body.login-page.ws-login-premium{padding:16px!important;}
  .login-shell{grid-template-columns:1fr;min-height:0;border-radius:26px;}
  .login-hero-panel{display:none;}
  .login-shell .login-box{padding:30px 24px!important;border-radius:26px!important;}
  .login-logo-mobile{display:block;}
}
@media(max-width:430px){
  .login-card-head{align-items:flex-start;}
  .login-card-head h2{font-size:26px!important;}
  .login-shell .login-box{padding:24px 18px!important;}
}

/* WS — Header tabel global: hitam minimal, tipografi modern */
body table thead th,
body thead th,
body .table-wrap table thead th,
body .table-responsive table thead th,
body .table-scroll table thead th,
body .sc-table thead th,
body .crm-table thead th,
body .list-table thead th,
body .service-table thead th,
body .rev520-table thead th,
body .rev333-table thead th,
body .rev407-table thead th,
body .fl-table thead th,
body .frf-table thead th,
body .foav-table thead th,
body .fopv-table thead th,
body .bank-table thead th,
body .scop-table thead th,
body .kpo-assign-table thead th,
body .assignment-table-ws thead th,
body .apm-lap-table thead th,
body .asr-table thead th,
body .asr663-table thead th,
body .asr-margin-table thead th,
body table > thead > tr > th {
  background: #0f1115 !important;
  color: #f8fafc !important;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  letter-spacing: 0.03em !important;
  text-transform: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body table tfoot th {
  background: #f8fafc !important;
  color: #334155 !important;
  font-weight: 700 !important;
  border-bottom: 0 !important;
  border-top: 2px solid #e5e7eb !important;
}