/*
  GEA Enterprise Theme Engine M8.5B1
  LOCK: Enterprise UI Unification
  Rule: UI tokens, spacing, typography, buttons, cards, tables, forms, hero and grid are SSOT here.
  This file is visual only. It does not post, spend, publish, execute, alter credentials or change revenue logic.
*/
:root{
  --gea-font: "Segoe UI", Arial, Helvetica, sans-serif;
  --gea-primary:#06172f;
  --gea-primary-2:#0b2244;
  --gea-primary-3:#123f86;
  --gea-accent:#f5b800;
  --gea-accent-2:#ffe28a;
  --gea-text:#07111f;
  --gea-text-2:#1f3654;
  --gea-muted:#52677f;
  --gea-surface:#ffffff;
  --gea-surface-2:#f8fbff;
  --gea-border:#dbeafe;
  --gea-danger:#b00020;
  --gea-success:#087a36;
  --gea-warning:#c35a00;
  --gea-info:#2563eb;
  --gea-radius-xl:28px;
  --gea-radius-lg:22px;
  --gea-radius-md:15px;
  --gea-shadow:0 22px 60px rgba(2,18,45,.13);
  --gea-shadow-soft:0 10px 28px rgba(2,18,45,.08);
  --gea-page-max:1180px;
}
*{box-sizing:border-box}
html,body{min-height:100%}
body{
  margin:0!important;
  font-family:var(--gea-font)!important;
  color:var(--gea-text)!important;
  background:
    radial-gradient(circle at 12% 9%,rgba(245,184,0,.16),transparent 30%),
    radial-gradient(circle at 90% 18%,rgba(37,99,235,.14),transparent 28%),
    linear-gradient(135deg,#fffaf0 0%,#f6fbff 45%,#eef6ff 100%)!important;
  line-height:1.6!important;
  overflow-x:hidden;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background-image:linear-gradient(rgba(6,23,47,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(6,23,47,.035) 1px,transparent 1px);
  background-size:42px 42px;
  z-index:-1;
}
a{color:var(--gea-info);font-weight:800;text-decoration:none}
a:hover{filter:brightness(1.05);text-decoration:none}
.top,header.top,.gea-topbar,.admin-topbar{
  min-height:28px;
  padding:6px 0!important;
  background:linear-gradient(90deg,var(--gea-primary) 0%,var(--gea-primary-2) 55%,var(--gea-primary) 100%)!important;
  border-bottom:3px solid var(--gea-accent)!important;
  color:#fff!important;
  box-shadow:0 10px 34px rgba(2,18,45,.18)!important;
}
.top .brand,.brand,.gea-brand{
  color:var(--gea-accent-2)!important;
  font-size:13px!important;
  font-weight:1000!important;
  letter-spacing:2px!important;
}
.wrap,.gea-wrap,.gea-page,.container,main.wrap,.gea-mac-wrap{
  width:min(var(--gea-page-max),calc(100vw - 56px))!important;
  max-width:var(--gea-page-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:30px 0 48px!important;
}
.hero,.gea-hero,.page-hero,.gateway-hero,.gea-mac-hero{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,var(--gea-primary) 0%,#0d3470 58%,var(--gea-primary-3) 100%)!important;
  color:#fff!important;
  border:1px solid rgba(245,184,0,.28)!important;
  border-radius:var(--gea-radius-xl)!important;
  padding:34px 38px!important;
  box-shadow:var(--gea-shadow)!important;
  margin:0 0 24px!important;
}
.hero:after,.gea-hero:after,.page-hero:after,.gea-mac-hero:after{
  content:"";
  position:absolute;
  right:28px;
  top:24px;
  width:140px;
  height:140px;
  background:url('/assets/img/gondang-coffee-official-logo.png') center/contain no-repeat;
  opacity:.14;
  pointer-events:none;
  filter:drop-shadow(0 0 28px rgba(255,211,106,.55));
}
.hero h1,.gea-hero h1,.page-hero h1,.gea-mac-hero h1{
  color:#fff!important;
  font-size:clamp(36px,4vw,58px)!important;
  line-height:1.04!important;
  letter-spacing:-1.2px!important;
  margin:16px 0 12px!important;
  max-width:900px;
}
h1,h2,h3{font-weight:1000!important;letter-spacing:-.4px!important}
.card h1,.gea-card h1,.gea-mac-card h1{color:var(--gea-primary)!important;font-size:clamp(42px,4vw,64px)!important;line-height:1!important;text-shadow:none!important;margin:16px 0!important}
h2,h3,.card h2,.card h3,.gea-card h2,.gea-card h3,.gea-mac-card h2,.gea-mac-card h3{color:var(--gea-primary)!important;margin-top:0!important}
p,.small,.muted,td,li{color:var(--gea-text-2)!important;opacity:1!important}
.hero p,.gea-hero p,.page-hero p,.gea-mac-hero p{color:#f8fbff!important;max-width:930px!important;font-size:16px!important}
.pill,.gea-pill,.badge-soft,.gea-mac-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  background:linear-gradient(135deg,#fff4bc,var(--gea-accent))!important;
  color:#06172f!important;
  border:1px solid rgba(245,184,0,.45)!important;
  border-radius:999px!important;
  padding:8px 13px!important;
  font-size:12px!important;
  font-weight:1000!important;
  letter-spacing:.45px!important;
}
.grid,.gea-grid,.gea-mac-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(235px,1fr))!important;gap:18px!important;align-items:stretch!important;margin:18px 0 0!important}
.grid2,.gea-grid-2{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))!important;gap:18px!important;align-items:stretch!important;margin:18px 0 0!important}
.grid3,.gea-grid-3,.gea-mac-grid3{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:18px!important;align-items:stretch!important;margin:18px 0 0!important}
.grid4,.gea-grid-4,.status-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:18px!important;align-items:stretch!important;margin:18px 0 0!important}
.card,.gea-card,.metric-card,.status-card,section.card,div.card,.gea-mac-card{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(248,252,255,.96))!important;
  color:var(--gea-text)!important;
  border:1px solid rgba(14,89,166,.18)!important;
  border-radius:var(--gea-radius-lg)!important;
  padding:22px!important;
  margin-top:0!important;
  box-shadow:var(--gea-shadow-soft)!important;
  min-height:118px!important;
  backdrop-filter:blur(12px);
}
.card:before,.gea-card:before,.metric-card:before,.status-card:before,.gea-mac-card:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(135deg,rgba(245,184,0,.08),transparent 42%,rgba(37,99,235,.06));
}
.card > *,.gea-card > *,.metric-card > *,.status-card > *,.gea-mac-card > *{position:relative;z-index:1}
.metric,.gea-metric,.kpi-value,.stat-value,.big,.score,.gea-mac-metric b{
  display:block!important;
  color:var(--gea-primary)!important;
  font-size:clamp(28px,2.4vw,42px)!important;
  font-weight:1000!important;
  letter-spacing:-.8px!important;
  line-height:1.05!important;
  text-shadow:none!important;
  margin-top:8px!important;
}
.btn,a.btn,button,.gea-btn,.gea-mac-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:44px!important;
  border:0!important;
  border-radius:13px!important;
  padding:11px 17px!important;
  margin:6px 6px 0 0!important;
  font-weight:1000!important;
  color:var(--gea-primary)!important;
  background:linear-gradient(135deg,var(--gea-accent-2),var(--gea-accent))!important;
  box-shadow:0 12px 26px rgba(217,165,32,.20)!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
.btn.dark,.gea-btn.dark,.gea-mac-btn:not(.gold){background:linear-gradient(135deg,var(--gea-primary),var(--gea-primary-3))!important;color:#fff!important;box-shadow:0 12px 26px rgba(6,23,47,.22)!important}
.btn.blue,.btn.info,.gea-btn.info{background:linear-gradient(135deg,#60a5fa,#2563eb)!important;color:#fff!important}
.btn.gold,.gea-btn.gold,.gea-mac-btn.gold{background:linear-gradient(135deg,var(--gea-accent-2),var(--gea-accent))!important;color:var(--gea-primary)!important}
.ok,.ready,.success,.gea-mac-ok{color:var(--gea-success)!important;font-weight:1000!important}.bad,.failed,.danger,.gea-mac-bad{color:var(--gea-danger)!important;font-weight:1000!important}.warn,.warning{color:var(--gea-warning)!important;font-weight:1000!important}
input,select,textarea,.input,.textarea{background:#fff!important;color:var(--gea-text)!important;border:1px solid #bad7ff!important;border-radius:13px!important;padding:12px 13px!important;max-width:100%}
input:focus,select:focus,textarea:focus{outline:3px solid rgba(37,99,235,.16)!important;border-color:#2563eb!important}
table,.table,.gea-mac-table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;background:#fff!important;border-radius:17px!important;overflow:hidden!important;box-shadow:var(--gea-shadow-soft)!important;font-size:13px!important}
th{background:#f1f7ff!important;color:var(--gea-primary-2)!important;font-weight:1000!important}td{color:var(--gea-text-2)!important}th,td{padding:12px 13px!important;border-bottom:1px solid #e5efff!important;text-align:left!important}
pre,code,.code,.mono,.json,.log{background:#07172d!important;color:#eaf6ff!important;border:1px solid rgba(96,165,250,.22)!important;border-radius:13px!important;padding:10px 12px!important;white-space:pre-wrap!important;word-break:break-word!important;overflow:auto!important}
.gea-mac-scroll{overflow:auto!important}
.gea-ui-lock-notice{margin-top:18px!important;border-left:5px solid var(--gea-accent)!important}
.footer,.gea-footer{color:var(--gea-muted)!important;text-align:center!important;padding:26px 0!important}
@media(max-width:900px){
  .wrap,.gea-wrap,.gea-page,.container,main.wrap,.gea-mac-wrap{width:min(100% - 28px,100%)!important;padding:20px 0 38px!important}
  .hero,.gea-hero,.page-hero,.gea-mac-hero{padding:28px 22px!important}
  .hero:after,.gea-hero:after,.page-hero:after,.gea-mac-hero:after{display:none!important}
  .btn,a.btn,button,.gea-btn,.gea-mac-btn{width:100%;margin:6px 0 0!important}
}


/* M8.5B1-R3 Enterprise Visibility Guard
   Purpose: recover legacy pages that still contain old inline dark panels while M0-M8 pages are being normalized.
   This does not change business logic, credentials, database, posting, spending, or execution behaviour. */
.hero:after,.gea-hero:after,.page-hero:after,.gea-mac-hero:after{
  opacity:1!important;
  width:96px!important;
  height:96px!important;
  right:28px!important;
  top:28px!important;
  background-color:rgba(255,255,255,.86)!important;
  border:1px solid rgba(255,255,255,.55)!important;
  border-radius:16px!important;
  box-shadow:0 18px 42px rgba(0,0,0,.22)!important;
}
.box,.legacy-box,.dark-box{
  background:linear-gradient(135deg,var(--gea-primary),var(--gea-primary-2))!important;
  color:#fff!important;
  border:1px solid rgba(245,184,0,.18)!important;
  border-radius:var(--gea-radius-lg)!important;
  box-shadow:var(--gea-shadow-soft)!important;
}
.box h1,.box h2,.box h3,.box h4,.box p,.box b,.box span,.box div,.box td,.box th,
.legacy-box h1,.legacy-box h2,.legacy-box h3,.legacy-box p,.legacy-box b,.legacy-box span,.legacy-box div,
.dark-box h1,.dark-box h2,.dark-box h3,.dark-box p,.dark-box b,.dark-box span,.dark-box div{
  color:#fff!important;
  opacity:1!important;
}
.box .ok,.legacy-box .ok,.dark-box .ok{color:#36d678!important}
.box .warn,.legacy-box .warn,.dark-box .warn{color:#ffb020!important}
.box .bad,.legacy-box .bad,.dark-box .bad{color:#ff6b88!important}
.box .btn,.legacy-box .btn,.dark-box .btn{color:var(--gea-primary)!important;background:linear-gradient(135deg,var(--gea-accent-2),var(--gea-accent))!important}
.gea-mac-hero,.hero,.gea-hero,.page-hero{padding-right:168px!important}
.gea-mac-hero .gea-mac-btn,.hero .btn,.gea-hero .gea-btn,.page-hero .btn{
  min-height:42px!important;
  line-height:1.15!important;
  vertical-align:middle!important;
  white-space:nowrap!important;
}
.gea-mac-card h1,.card h1,.metric b,.gea-mac-metric b{
  color:var(--gea-primary)!important;
  text-shadow:none!important;
}
@media(max-width:900px){.gea-mac-hero,.hero,.gea-hero,.page-hero{padding-right:22px!important}}