/* === dark-emerald-override === */
:root{
  --bg:#040706 !important;
  --bg2:#0c1711 !important;
  --card:#0d1411 !important;
  --line:#173126 !important;
  --line2:#1f8f62 !important;
  --text:#edf8f1 !important;
  --muted:#9fc9b1 !important;
  --glow:0 18px 48px rgba(0,0,0,.35), 0 0 0 1px rgba(47,185,128,.12) !important;
}
html,body{
  background:
    radial-gradient(circle at 14% 0%, rgba(49,204,142,.16), transparent 28%),
    radial-gradient(circle at 85% 8%, rgba(19,115,78,.18), transparent 26%),
    linear-gradient(135deg,#020403 0%, #08100c 48%, #040706 100%) !important;
  color:var(--text) !important;
}
body, body.login-locked{
  color:var(--text) !important;
  background:
    radial-gradient(circle at 16% 0%, rgba(49,204,142,.14), transparent 28%),
    linear-gradient(135deg,#020403 0%, #08100c 48%, #040706 100%) !important;
}
#loginScreen{
  background:
    radial-gradient(circle at 18% 16%, rgba(49,204,142,.20), transparent 24%),
    linear-gradient(120deg, rgba(2,5,4,.96) 0 42%, rgba(8,17,13,.96) 42% 100%) !important;
}
#loginScreen::before{
  opacity:.12 !important;
  background:
    linear-gradient(90deg, transparent 0 54px, rgba(152,255,209,.16) 55px 56px),
    linear-gradient(180deg, transparent 0 54px, rgba(152,255,209,.13) 55px 56px) !important;
}
#loginScreen::after{display:block !important; opacity:1 !important;}
.login-shell{justify-content:flex-end !important;}
.login-box{
  background:linear-gradient(180deg, rgba(9,17,13,.96), rgba(5,10,8,.98)) !important;
  border:1px solid rgba(47,185,128,.18) !important;
  color:var(--text) !important;
  box-shadow:0 28px 72px rgba(0,0,0,.45), 0 0 0 1px rgba(47,185,128,.08) !important;
}
.login-box::before{
  background:linear-gradient(90deg,#0c120f,#20b97b,#9ff3cc,#20b97b,#0c120f) !important;
}
.login-mark{
  background:radial-gradient(circle at 35% 28%, rgba(74,230,166,.18), rgba(9,20,15,.95) 56%, rgba(3,8,6,.98) 100%) !important;
  border:1px solid rgba(47,185,128,.18) !important;
  box-shadow:0 18px 36px rgba(0,0,0,.30) !important;
}
.login-mark img{filter:drop-shadow(0 0 14px rgba(74,230,166,.18)) !important;}
.login-box-top h3,
.login-field label{color:var(--text) !important;}
.login-input-wrap span{color:#89efbf !important;}
.login-box input{
  background:linear-gradient(180deg,#09110d,#060b09) !important;
  color:#f4fff8 !important;
  border:1px solid rgba(47,185,128,.22) !important;
}
.login-box input:focus{
  border-color:#67e7ab !important;
  box-shadow:0 0 0 4px rgba(74,230,166,.12) !important;
}
.login-submit{
  color:#03120b !important;
  background:linear-gradient(135deg,#b8ffd8 0%, #52d99a 38%, #1f8f62 100%) !important;
  box-shadow:0 16px 32px rgba(31,143,98,.26) !important;
}
#loginError{color:#ff8c9b !important;}
.wrap > .panel{
  background:linear-gradient(180deg,#070d0a,#040706) !important;
  box-shadow:0 30px 90px rgba(0,0,0,.38) !important;
}
.topbar{
  background:
    radial-gradient(circle at 30% 0%, rgba(49,204,142,.16), transparent 30%),
    linear-gradient(180deg,#06110d 0%, #020403 100%) !important;
  box-shadow:inset -1px 0 0 rgba(152,255,209,.07) !important;
}
.topbar > div::before{
  color:#eafff1 !important;
  background:rgba(255,255,255,.05) !important;
  border:1px solid rgba(152,255,209,.10) !important;
}
.topbar > div::after{
  color:#cff8df !important;
  background:rgba(255,255,255,.04) !important;
  border:1px solid rgba(152,255,209,.08) !important;
}
.title-glow{color:#f5fff9 !important; -webkit-text-fill-color:#f5fff9 !important;}
.logout-btn{
  background:rgba(255,255,255,.05) !important;
  border:1px solid rgba(255,255,255,.10) !important;
}
.grid{background:transparent !important;}
.card,
.panel-title-box,
.alerts-box{
  background:linear-gradient(180deg,#0d1511,#090f0c) !important;
  border:1px solid rgba(47,185,128,.14) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.24) !important;
}
.card::before{
  background:linear-gradient(180deg,#9ff3cc,#1f8f62) !important;
}
.card h2,
.panel-title-box h2,
.alerts-box h2,
label,
.item,
.item div,
.note,
.undo-text,
.status,
.sub,
.inv-count,
.panel-title-note,
.alerts-box-note,
.alert-pill strong,
.alert-pill small,
.card p,
.meta,
.record-status,
.pager-info{
  color:var(--text) !important;
}
.card p,
.note,
.inv-count,
.panel-title-note,
.alerts-box-note,
.item .meta,
.sub,
.pager-info,
.alert-pill small{color:#9fc9b1 !important;}
input,textarea,
.panel-title-input,
.inventory-search,
.product-option,
.item,
.alert-pill,
.products-fixed-note,
.status,
.undo-bar{
  background:#0a120e !important;
  border-color:rgba(47,185,128,.18) !important;
  color:#effff5 !important;
}
.inventory-search input,
input,
textarea,
.panel-title-input{background:#0a120e !important; color:#effff5 !important;}
input:focus,textarea:focus,.panel-title-input:focus{
  border-color:#67e7ab !important;
  box-shadow:0 0 0 3px rgba(74,230,166,.10), inset 0 0 0 1px rgba(74,230,166,.08) !important;
}
.btn-primary,
.pager-btn.is-active{
  color:#03120b !important;
  background:linear-gradient(135deg,#b8ffd8 0%, #52d99a 38%, #1f8f62 100%) !important;
  box-shadow:0 12px 28px rgba(31,143,98,.24) !important;
}
.btn-dark{
  background:linear-gradient(180deg,#0a130f,#060b09) !important;
  border:1px solid rgba(47,185,128,.16) !important;
  color:#edf8f1 !important;
}
.btn-ghost{
  background:transparent !important;
  border:1px solid rgba(152,255,209,.16) !important;
  color:#eafff1 !important;
}
.products-fixed-note,.status,.undo-bar,.alert-pill,.item,.product-option,.inventory-search{box-shadow:none !important;}
body::-webkit-scrollbar-track{background:#06100c !important;}
body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#52d99a,#1f8f62) !important; border:2px solid #06100c !important;}
html{scrollbar-color:#52d99a #06100c !important;}
@media (max-width: 680px){
  #loginScreen{background:linear-gradient(180deg,#040706 0 28%, #09110d 28% 100%) !important;}
  .wrap > .panel{background:linear-gradient(180deg,#070d0a,#040706) !important;}
  .topbar{background:linear-gradient(180deg,#06110d 0%, #020403 100%) !important;}
}

/* === panel-title-camion-center === */
.login-box-top{ text-align:center !important; }
.login-box-top h3{
  text-align:center !important;
  width:100% !important;
  margin:0 auto !important;
}
.topbar > div{
  align-items:center !important;
  text-align:center !important;
}
.title{
  width:100% !important;
  text-align:center !important;
  margin:10px auto 8px !important;
}
.title-glow{
  display:block !important;
  text-align:center !important;
}
.topbar > div::before{
  align-self:center !important;
}
.topbar > div::after{
  text-align:center !important;
}
.logout-btn{
  margin-top:10px !important;
}

/* === login-perfect-center-override === */
body.login-locked #loginScreen{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:100vh !important;
  padding:0 !important;
}
.login-shell{
  width:100% !important;
  max-width:none !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  margin:0 auto !important;
}
.login-box{
  margin:0 auto !important;
  transform:none !important;
}
body.login-locked{
  overflow:hidden !important;
}
@media (max-width:680px){
  #loginScreen{
    padding:16px !important;
  }
  .login-shell{
    justify-content:center !important;
  }
}

/* === login-hide-final-fix === */
#loginScreen.hidden{display:none !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important;}

/* === lupa-pc-4k-fix === */
.desktop-zoom-ui{
  z-index:1000000 !important;
}
.desktop-zoom-title{
  color:#eef5ff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.2px;
  margin-right:2px;
  white-space:nowrap;
}
.desktop-zoom-range{
  width:180px !important;
}
.page,
.page *{
  text-rendering:geometricPrecision;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.page img{
  image-rendering:auto;
}
@media (max-width:768px), (hover:none), (pointer:coarse){
  .desktop-zoom-ui,
  .desktop-zoom-ui.show{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
}
@media print{
  .desktop-zoom-ui,
  .desktop-zoom-ui.show{
    display:none !important;
  }
}

/* === repair-full-certificate-zoom === */
@media (max-width: 768px), (hover:none), (pointer:coarse){
  .desktop-zoom-ui{display:none !important; opacity:0 !important; visibility:hidden !important;}
}
@media print{
  .desktop-zoom-ui{display:none !important;}
}

/* === sp-final-v12-panel-theme === */
  html, body {
    background:
      radial-gradient(circle at 12% 0%, rgba(52, 211, 153, .22), transparent 34%),
      radial-gradient(circle at 92% 16%, rgba(6, 78, 59, .32), transparent 34%),
      linear-gradient(135deg, #000000 0%, #010806 34%, #03130d 62%, #020403 100%) !important;
  }

  body {
    color: #ecfff4;
  }

  body.logged-in .brand-logo,
  body.logged-in .login-logo,
  body.logged-in .side-logo,
  body.logged-in .panel-logo,
  body.logged-in .sidebar-logo {
    display: none !important;
  }

  .card,
  .panel,
  .box,
  section,
  aside,
  .inventory,
  .inventory-panel {
    background: linear-gradient(145deg, rgba(1, 10, 7, .96), rgba(4, 25, 16, .92)) !important;
    border-color: rgba(52, 211, 153, .28) !important;
    box-shadow: 0 22px 70px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(110, 231, 183, .08) !important;
  }

  input,
  select,
  textarea {
    background: rgba(1, 11, 7, .88) !important;
    border-color: rgba(52, 211, 153, .25) !important;
    color: #ecfff4 !important;
  }

  input:focus,
  select:focus,
  textarea:focus {
    border-color: rgba(110, 231, 183, .75) !important;
    box-shadow: 0 0 0 3px rgba(52, 211, 153, .14) !important;
    outline: none !important;
  }

  button {
    transition: transform .15s ease, filter .15s ease, box-shadow .15s ease;
  }

  button:hover {
    filter: brightness(1.08);
  }

  .btn-danger,
  button.danger,
  [data-action="delete"],
  [data-action="remove"] {
    background: linear-gradient(135deg, #991b1b, #ef4444) !important;
    color: #fff !important;
  }

  .btn-info,
  button.info,
  [data-action="open"] {
    background: linear-gradient(135deg, #075985, #38bdf8) !important;
    color: #eaffff !important;
  }

  .btn-success,
  button.success,
  [data-action="save"],
  [data-action="publish"] {
    background: linear-gradient(135deg, #047857, #34d399) !important;
    color: #03140b !important;
  }

  @media (max-width: 768px) {
    body {
      overflow-x: hidden !important;
    }

    .card,
    .panel,
    .box,
    section,
    aside {
      border-radius: 22px !important;
    }

    input,
    select,
    textarea,
    button {
      font-size: 16px !important;
    }
  }