body{background:linear-gradient(135deg,#0b1220 0%, #1f2937 35%, #111827 100%);color:#e5e7eb}

.page-admin{background:radial-gradient(810px 540px at 8% 0%, rgba(120,130,255,.22), transparent 55%),radial-gradient(810px 540px at 92% 10%, rgba(0,220,255,.14), transparent 55%),linear-gradient(180deg,#0b1220,#111827) !important;}
.topbar{box-shadow:0 6px 24px rgba(0,0,0,.25);background:rgba(15,23,42,.82);backdrop-filter:blur(7.2px);border-bottom:0.9px solid rgba(255,255,255,.08)}
.panel{background:rgba(17,24,39,.85);backdrop-filter:blur(7.2px);border:0.9px solid rgba(255,255,255,.10)}
.pill,.icon-btn{background:rgba(17,24,39,.8);border:0.9px solid rgba(255,255,255,.12);color:#e5e7eb}
.pill:hover,.icon-btn:hover{filter:brightness(1.08)}


.btn-pos{background:linear-gradient(135deg,#3b82f6,#2563eb)}
.btn-parcali{background:linear-gradient(135deg,#f59e0b,#d97706)}
.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626)}

.toast-bar{background:rgba(255,255,255,.08)}
.toast-bar span{background:linear-gradient(90deg,#22c55e,#3b82f6,#f59e0b)}

#pdisc,
input#pdisc,
.form-control#pdisc{
  width:34.2px !important;
  min-width:34.2px !important;
  max-width:34.2px !important;
  height:19.8px !important;
  min-height:19.8px !important;
  padding:0 1.8px !important;
  font-size:9.9px !important;
  line-height:19.8px !important;
  box-sizing:border-box !important;
  display:inline-block !important;
}





#pdisc::after{
  content:"₺";
}







.disc-wrap{
  display:inline-flex;
  align-items:center;
  gap:3.6px;
}

#discount{
  width:34.2px !important;
  min-width:34.2px !important;
  max-width:34.2px !important;
  height:19.8px !important;
  padding:0 1.8px !important;
  font-size:9.9px !important;
  line-height:19.8px !important;
  text-align:right;
  box-sizing:border-box;
  display:inline-block !important;
}

.disc-currency{
  font-size:11.7px;
  font-weight:600;
  user-select:none;
}




#discount{
  font-size:10.8px !important;
}


.disc-wrap{
  gap:7.2px !important;
}

.disc-currency{
  font-size:12.6px !important;
}




.disc-label{
  font-size:10.8px;
  font-weight:600;
  margin-bottom:1.8px;
}







.disc-label{
  font-size:12.6px !important;   
  font-weight:600;
  text-align:right;
  width:100%;
}


.disc-wrap{
  justify-content:flex-end !important;
}


.disc-currency{
  font-size:12.6px !important;
}


.disc-block #discount,
.disc-block input#discount,
input#discount{
  width:72px !important;
  min-width:72px !important;
  max-width:72px !important;
  height:30.6px !important;
  min-height:30.6px !important;
  padding:3.6px 7.2px !important;
  font-size:14.4px !important;
  font-weight:600;
  line-height:30.6px !important;
  text-align:right;
  box-sizing:border-box !important;
}


input#discount::placeholder{
  font-size:14.4px;
  opacity:0.6;
}



#partialModal .partial-grid > div{ min-width:0; }
#partialModal .partial-grid input{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  height:30.6px !important;
  padding:6.3px 7.2px !important;
  box-sizing:border-box !important;
  text-align:center !important;
  font-size:12.6px !important;
}
#partialModal .partial-grid input::placeholder{ text-align:center; opacity:.65; }
#partialModal .partial-grid label small{
  width:100%;
  text-align:center;
  display:block;
  margin-bottom:3.6px;
  opacity:.85;
}



#partialModal .partial-grid input#pcredit{
  height:34.2px !important;
  font-size:13.5px !important;
}

#partialModal #pcustWrap input#pcust{
  width:100% !important;
  height:34.2px !important;
  font-size:13.5px !important;
  padding:8.1px 9px !important;
  box-sizing:border-box !important;
}

#partialModal #pcustWrap label,
#partialModal #pcustWrap small{
  text-align:center;
  display:block;
}



#partialModal .pcust-wrap{
  max-height:0;
  opacity:0;
  transform: translateY(-3.6px);
  overflow:hidden;
  transition: max-height .22s ease, opacity .22s ease, transform .22s ease;
}
#partialModal .pcust-wrap.open{
  max-height:108px;
  opacity:1;
  transform: translateY(0);
}


#partialModal .partial-grid input{
  height:34.2px !important;
  font-size:13.5px !important;
}
#partialModal .partial-grid input#pdisc{
  height:34.2px !important;
  font-size:13.5px !important;
}




/* theme3: CANLI (gradient + canlı butonlar) */
body{
  background:
    radial-gradient(1200px 800px at 15% 10%, rgba(59,130,246,.28), transparent 55%),
    radial-gradient(900px 700px at 85% 15%, rgba(236,72,153,.22), transparent 55%),
    radial-gradient(900px 700px at 70% 85%, rgba(34,197,94,.16), transparent 55%),
    linear-gradient(135deg,#090b1f 0%, #14103a 35%, #081b2f 100%);
  color:#e5e7eb;
}

.topbar{
  background:rgba(8,12,28,.72);
  backdrop-filter:blur(8px);
  border-bottom:0.9px solid rgba(255,255,255,.10);
}

.brand{color:#ffffff}

.panel{
  background:rgba(10,14,32,.72);
  backdrop-filter:blur(8px);
  border:0.9px solid rgba(255,255,255,.12);
}

.pill,.icon-btn{
  background:rgba(10,14,32,.65);
  border:0.9px solid rgba(255,255,255,.14);
  color:#e5e7eb;
}
.pill:hover,.icon-btn:hover{filter:brightness(1.10)}

.btn-pos{background:linear-gradient(135deg,#38bdf8,#2563eb)}
.btn-parcali{background:linear-gradient(135deg,#f59e0b,#ec4899)}
.btn-danger{background:linear-gradient(135deg,#fb7185,#dc2626)}

.toast-bar{background:rgba(255,255,255,.08)}
.toast-bar span{background:linear-gradient(90deg,#22c55e,#38bdf8,#ec4899,#f59e0b)}

input, select, textarea{
  background:rgba(10,14,32,.62);
  border:0.9px solid rgba(255,255,255,.14);
  color:#e5e7eb;
}
input::placeholder{color:rgba(229,231,235,.55)}


/* Appearance page: panels a bit more transparent */
.page-appearance .panel{background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.04)) !important;}

/* Dashboard panels: slightly more transparent ONLY on dashboard (theme3 only) */
body.page-dashboard .dashboard-grid .panel,
body.page-dashboard .dashboard-grid .panel.card,
body.page-dashboard .dashboard-grid .panel.card.dashboard-span{
  background: rgba(17,24,39,.55) !important;
  border-color: rgba(255,255,255,.10) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Dashboard cards: extra transparency (theme3 only) */
.page-dashboard .panel{
  background: rgba(17,24,39,.58) !important;
  border-color: rgba(255,255,255,.10);
}


/* === Dashboard: make cards more transparent ONLY when theme3 (canlı) is active === */
body.page-dashboard .dashboard-grid .panel,
body.page-dashboard .dashboard-grid .panel.card,
body.page-dashboard .dashboard-grid .panel.card.dashboard-span,
body.page-dashboard .dashboard-grid .panel.card *{
  /* Keep text readable; background only on the panel itself */
}
body.page-dashboard .dashboard-grid .panel,
body.page-dashboard .dashboard-grid .panel.card,
body.page-dashboard .dashboard-grid .panel.card.dashboard-span{
  background: rgba(17,24,39,.38) !important;
  border-color: rgba(255,255,255,.10) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}


/* ===== PREMIUM GLASS: Dashboard cards (only dashboard) ===== */
.page-dashboard{
  position: relative;
}
.page-dashboard::before{
  content:"";
  position: fixed;
  inset: 0;
  pointer-events: none;
  /* soft glow layers */
  background:
    radial-gradient(900px 500px at 18% 22%, rgba(0, 200, 255, 0.10), transparent 60%),
    radial-gradient(800px 480px at 78% 30%, rgba(160, 90, 255, 0.10), transparent 62%),
    radial-gradient(900px 520px at 55% 82%, rgba(0, 255, 170, 0.06), transparent 64%);
  filter: blur(0px);
  opacity: 1;
  z-index: -1;
}

.page-dashboard .dashboard-grid{
  position: relative;
  z-index: 1;
}

.page-dashboard .dashboard-grid .panel.card{
  position: relative;
  background:
    radial-gradient(180px 140px at 12% 10%, rgba(255,255,255,0.22), transparent 62%),
    radial-gradient(220px 160px at 90% 92%, rgba(0,200,255,0.10), transparent 66%),
    linear-gradient(135deg, rgba(255,255,255,0.10), rgba(255,255,255,0.03)) !important;
  backdrop-filter: blur(18px) saturate(150%);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
  border: 1px solid rgba(255,255,255,0.16);
  box-shadow:
    0 14px 44px rgba(0,0,0,0.55),
    inset 0 1px 0 rgba(255,255,255,0.10);
  border-radius: 18px;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  overflow: hidden;
}


/* corner glass sparkle (specular highlights) */
.page-dashboard .dashboard-grid .panel.card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(140px 110px at 10% 8%, rgba(255,255,255,0.38), transparent 62%),
    radial-gradient(120px 100px at 92% 16%, rgba(255,255,255,0.18), transparent 64%),
    radial-gradient(160px 120px at 88% 92%, rgba(255,255,255,0.14), transparent 66%);
  opacity: .70;
  mix-blend-mode: screen;
}

/* subtle edge light */
.page-dashboard .dashboard-grid .panel.card::after{
  content:"";
  position:absolute;
  inset:-2px;
  background: radial-gradient(600px 260px at 22% 18%, rgba(255,255,255,0.16), transparent 55%);
  opacity:.40;
  pointer-events:none;
  mix-blend-mode: screen;
}
.page-dashboard .dashboard-grid .panel.card:hover{
  transform: translateY(-5px);
  border-color: rgba(255,255,255,0.24);
  box-shadow:
    0 18px 58px rgba(0,0,0,0.66),
    0 0 22px rgba(0, 200, 255, 0.14),
    inset 0 1px 0 rgba(255,255,255,0.14);
}

.page-dashboard .dashboard-grid .panel.card h3{
  text-shadow:
    0 2px 14px rgba(0,0,0,0.55),
    0 0 18px rgba(0, 200, 255, 0.12);
  letter-spacing: .2px;
}

/* make dashboard pills slightly glassy */
.page-dashboard .dashboard-grid .panel.card .pill{
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.16);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 10px 26px rgba(0,0,0,0.30);
}
.page-dashboard .dashboard-grid .panel.card .pill:hover{
  background: rgba(255,255,255,0.12);
  border-color: rgba(255,255,255,0.24);
  box-shadow: 0 14px 32px rgba(0,0,0,0.38);
}


/* ===== ULTRA GLASS (dashboard only) - robust selectors (panel/panel-card/panel.card) ===== */
body.page-dashboard .dashboard-grid .panel,
body.page-dashboard .dashboard-grid .panel.card,
body.page-dashboard .dashboard-grid .panel-card{
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  background:
    radial-gradient(180px 140px at 12% 10%, rgba(255,255,255,0.22), transparent 62%),
    radial-gradient(220px 160px at 90% 92%, rgba(0,200,255,0.10), transparent 66%),
    linear-gradient(145deg, rgba(255,255,255,0.10), rgba(255,255,255,0.03)) !important;
  backdrop-filter: blur(22px) saturate(160%);
  -webkit-backdrop-filter: blur(22px) saturate(160%);
  border: 1px solid rgba(255,255,255,0.18) !important;
  box-shadow:
    0 18px 56px rgba(0,0,0,0.62),
    0 6px 18px rgba(0,0,0,0.40),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* corner sparkle highlights */
body.page-dashboard .dashboard-grid .panel::before,
body.page-dashboard .dashboard-grid .panel.card::before,
body.page-dashboard .dashboard-grid .panel-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(150px 120px at 10% 8%, rgba(255,255,255,0.42), transparent 62%),
    radial-gradient(130px 110px at 92% 14%, rgba(255,255,255,0.20), transparent 64%),
    radial-gradient(170px 130px at 88% 92%, rgba(255,255,255,0.16), transparent 66%);
  opacity: .75;
  mix-blend-mode: screen;
}

/* edge light + soft rim */
body.page-dashboard .dashboard-grid .panel::after,
body.page-dashboard .dashboard-grid .panel.card::after,
body.page-dashboard .dashboard-grid .panel-card::after{
  content:"";
  position:absolute;
  inset:-2px;
  pointer-events:none;
  background:
    radial-gradient(700px 280px at 22% 18%, rgba(255,255,255,0.16), transparent 55%),
    radial-gradient(420px 220px at 80% 78%, rgba(0,200,255,0.10), transparent 60%);
  opacity:.55;
  mix-blend-mode: screen;
}

body.page-dashboard .dashboard-grid .panel:hover,
body.page-dashboard .dashboard-grid .panel.card:hover,
body.page-dashboard .dashboard-grid .panel-card:hover{
  transform: translateY(-6px) scale(1.012);
  box-shadow:
    0 26px 70px rgba(0,0,0,0.70),
    0 0 26px rgba(0,200,255,0.22),
    inset 0 1px 0 rgba(255,255,255,0.15);
}

/* ===== Dashboard (Live theme3) - improve header/text readability on glass ===== */
body.page-dashboard .dashboard-grid .panel h1,
body.page-dashboard .dashboard-grid .panel h2,
body.page-dashboard .dashboard-grid .panel h3,
body.page-dashboard .dashboard-grid .panel .panel-title,
body.page-dashboard .dashboard-grid .panel .card-title,
body.page-dashboard .dashboard-grid .panel .title,
body.page-dashboard .dashboard-grid .panel-card h1,
body.page-dashboard .dashboard-grid .panel-card h2,
body.page-dashboard .dashboard-grid .panel-card h3,
body.page-dashboard .dashboard-grid .panel-card .panel-title,
body.page-dashboard .dashboard-grid .panel-card .card-title,
body.page-dashboard .dashboard-grid .panel-card .title{
  color: rgba(255,255,255,0.96) !important;
  text-shadow:
    0 2px 14px rgba(0,0,0,0.70),
    0 1px 0 rgba(0,0,0,0.45);
}

/* secondary text inside cards */
body.page-dashboard .dashboard-grid .panel p,
body.page-dashboard .dashboard-grid .panel .sub,
body.page-dashboard .dashboard-grid .panel .sub-lbl,
body.page-dashboard .dashboard-grid .panel .muted,
body.page-dashboard .dashboard-grid .panel small,
body.page-dashboard .dashboard-grid .panel-card p,
body.page-dashboard .dashboard-grid .panel-card .sub,
body.page-dashboard .dashboard-grid .panel-card .sub-lbl,
body.page-dashboard .dashboard-grid .panel-card .muted,
body.page-dashboard .dashboard-grid .panel-card small{
  color: rgba(255,255,255,0.86) !important;
  text-shadow: 0 1px 10px rgba(0,0,0,0.55);
}

/* add a subtle dark veil behind top area to boost contrast without killing glass */
body.page-dashboard .dashboard-grid .panel::marker{ content: none; } /* no-op safety */
body.page-dashboard .dashboard-grid .panel::before,
body.page-dashboard .dashboard-grid .panel.card::before,
body.page-dashboard .dashboard-grid .panel-card::before{
  opacity: 0.92; /* keep corner sparkle but avoid washing out text */
}


/* ===== DASHBOARD ULTRA GLASS (ROBUST THEME3-ONLY SELECTORS) ===== */
/* Some pages may miss page-dashboard scoping or load order; this forces the style only when theme3 is active. */
body.theme-theme3 .dashboard-grid .panel,
body.theme-theme3 .dashboard-grid .panel.card,
body.theme-theme3 .dashboard-grid .panel-card{
  background: linear-gradient(145deg, rgba(255,255,255,0.10), rgba(255,255,255,0.03)) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  backdrop-filter: blur(22px) saturate(160%);
  -webkit-backdrop-filter: blur(22px) saturate(160%);
  box-shadow:
    0 15px 45px rgba(0,0,0,0.55),
    0 4px 12px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12) !important;
  border-radius: 18px !important;
  overflow: hidden;
  /* restore any accidental compacting */
  padding: 14px 16px !important;
  min-height: 132px; /* prevents "short" look without breaking layout */
}

/* Corner sparkle / glass highlight */
body.theme-theme3 .dashboard-grid .panel::before,
body.theme-theme3 .dashboard-grid .panel.card::before,
body.theme-theme3 .dashboard-grid .panel-card::before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:inherit;
  background:
    radial-gradient(120px 80px at 12% 18%, rgba(255,255,255,0.22), transparent 60%),
    radial-gradient(160px 90px at 88% 20%, rgba(0,200,255,0.18), transparent 62%),
    radial-gradient(220px 140px at 20% 90%, rgba(255,255,255,0.10), transparent 70%);
  pointer-events:none;
  opacity:.95;
}

/* Headings: ice-blue, no white glow wash */
body.theme-theme3 .dashboard-grid .panel h3,
body.theme-theme3 .dashboard-grid .panel-card h3{
  color:#dff4ff !important;
  text-shadow: 0 3px 8px rgba(0,0,0,0.88) !important;
  filter:none !important;
}



/* ===== GLASS ON SITE SETTINGS (THEME3 ONLY) ===== */
/* Applies to Site Settings panels/cards which may not live inside .dashboard-grid */
body.theme-theme3.page-admin.page-site-settings .panel,
body.theme-theme3.page-admin.page-site-settings .card,
body.theme-theme3.page-admin.page-site-settings .settings-card,
body.theme-theme3.page-admin.page-site-settings .settings-panel{
  background: linear-gradient(145deg, rgba(255,255,255,0.10), rgba(255,255,255,0.03)) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  backdrop-filter: blur(22px) saturate(160%);
  -webkit-backdrop-filter: blur(22px) saturate(160%);
  box-shadow:
    0 15px 45px rgba(0,0,0,0.55),
    0 4px 12px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12) !important;
  border-radius: 18px !important;
}

/* Readability for headings in site settings */
body.theme-theme3.page-admin.page-site-settings h1,
body.theme-theme3.page-admin.page-site-settings h2,
body.theme-theme3.page-admin.page-site-settings h3{
  color:#dff4ff !important;
  text-shadow: 0 3px 8px rgba(0,0,0,0.88) !important;
}



/* ===== THEME3 ADMIN PANEL GLASS (APPLIES TO ALL .panel/.panel.card IN ADMIN) ===== */
body.theme-theme3.page-admin .panel,
body.theme-theme3.page-admin .panel.card{
  background: linear-gradient(145deg, rgba(255,255,255,0.10), rgba(255,255,255,0.03)) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  backdrop-filter: blur(22px) saturate(160%);
  -webkit-backdrop-filter: blur(22px) saturate(160%);
  box-shadow:
    0 15px 45px rgba(0,0,0,0.55),
    0 4px 12px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12) !important;
  border-radius: 18px !important;
}



/* Ensure dashboard-span also gets glass (Theme3 only) */
body.theme-theme3.page-admin .panel.card.dashboard-span{
  background: linear-gradient(145deg, rgba(255,255,255,0.10), rgba(255,255,255,0.03)) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  backdrop-filter: blur(22px) saturate(160%);
  -webkit-backdrop-filter: blur(22px) saturate(160%);
  box-shadow:
    0 15px 45px rgba(0,0,0,0.55),
    0 4px 12px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12) !important;
}



/* ===== DASHBOARD-SPAN CARD GLOW (THEME3 ONLY) ===== */
body.theme-theme3.page-admin .panel.card.dashboard-span{
  position: relative;
}
body.theme-theme3.page-admin .panel.card.dashboard-span::after{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:inherit;
  background: radial-gradient(200px 120px at 20% 20%, rgba(0,200,255,0.22), transparent 65%);
  pointer-events:none;
  filter: blur(14px);
  opacity:.9;
}