/* ============================================================
   CNCmood Studio v11 — Template consistency fixes
   - Theme tokens apply to admin sidebar/dropdowns and custom-order
   - Removes legacy hard-coded brown/white overrides
   - Keeps mobile layout compact
   ============================================================ */

/* ---------- Premium ---------- */
html[data-studio-template="premium"]{
  --primary:#9a5d22;
  --primary-light:#d58a3a;
  --gold:#f0c98f;
  --bg:#17100b;
  --bg-light:#24160d;
  --text:#f0e4d2;
  --muted:#b9a28a;
  --card-bg:rgba(38,23,13,.78);
  --card-border:rgba(213,138,58,.34);
  --table-border:#4b2f1b;
  --input-bg:rgba(20,11,6,.92);
  --input-border:#5a381e;
  --header-bg:rgba(18,10,5,.92);
  --footer-bg:rgba(13,7,4,.96);
  --glass-bg:rgba(255,255,255,.055);
  --glass-border:rgba(240,201,143,.18);
}
html[data-studio-template="premium"] body{
  background:var(--bg)!important;
  color:var(--text)!important;
}
html[data-studio-template="premium"] .admin-sidebar,
html[data-studio-template="premium"] .admin-content .card,
html[data-studio-template="premium"] .pro-panel{
  background:linear-gradient(145deg,rgba(52,31,16,.86),rgba(24,14,8,.94))!important;
  border-color:var(--card-border)!important;
}
html[data-studio-template="premium"] .admin-sidebar a{
  color:var(--text)!important;
  background:rgba(255,255,255,.025)!important;
}
html[data-studio-template="premium"] .admin-sidebar a.active,
html[data-studio-template="premium"] .admin-sidebar a:hover{
  color:#fff!important;
  background:linear-gradient(90deg,rgba(213,138,58,.24),rgba(213,138,58,.08))!important;
  border-color:rgba(213,138,58,.35)!important;
}

/* ---------- Black Titanium ---------- */
html[data-studio-template="titanium"]{
  --primary:#5c6670;
  --primary-light:#b9c4cf;
  --gold:#eef3f7;
  --bg:#080b0f;
  --bg-light:#11161c;
  --text:#edf2f6;
  --muted:#9aa6b2;
  --card-bg:rgba(18,23,29,.88);
  --card-border:rgba(185,196,207,.24);
  --table-border:#2b343e;
  --input-bg:rgba(8,11,15,.94);
  --input-border:#3b4651;
  --header-bg:rgba(7,10,14,.94);
  --footer-bg:rgba(5,8,11,.97);
  --glass-bg:rgba(255,255,255,.045);
  --glass-border:rgba(185,196,207,.17);
  --shadow-color:rgba(0,0,0,.86);
}
html[data-studio-template="titanium"] body{
  background:
    radial-gradient(circle at 78% 8%,rgba(185,196,207,.08),transparent 28%),
    linear-gradient(135deg,#070a0e,#0b0f14 55%,#07090c)!important;
  color:var(--text)!important;
}
html[data-studio-template="titanium"] header{
  border-bottom:1px solid rgba(185,196,207,.25)!important;
  box-shadow:0 8px 30px rgba(0,0,0,.55)!important;
}
html[data-studio-template="titanium"] .admin-sidebar{
  background:linear-gradient(145deg,rgba(20,25,31,.96),rgba(9,12,16,.97))!important;
  border:1px solid rgba(185,196,207,.28)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.42)!important;
}
html[data-studio-template="titanium"] .admin-sidebar h3{
  color:#e9eef3!important;
}
html[data-studio-template="titanium"] .admin-sidebar a{
  color:#dbe2e8!important;
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012))!important;
  border:1px solid rgba(185,196,207,.10)!important;
}
html[data-studio-template="titanium"] .admin-sidebar a i{
  color:#b9c4cf!important;
}
html[data-studio-template="titanium"] .admin-sidebar a.active,
html[data-studio-template="titanium"] .admin-sidebar a:hover{
  color:#fff!important;
  background:linear-gradient(145deg,rgba(185,196,207,.18),rgba(185,196,207,.06))!important;
  border-color:rgba(220,228,235,.34)!important;
  box-shadow:inset 0 0 22px rgba(185,196,207,.05),0 8px 22px rgba(0,0,0,.22)!important;
}
html[data-studio-template="titanium"] .admin-sidebar a.active i,
html[data-studio-template="titanium"] .admin-sidebar a:hover i{
  color:#f5f8fa!important;
}
html[data-studio-template="titanium"] .admin-content,
html[data-studio-template="titanium"] .admin-content h2,
html[data-studio-template="titanium"] .admin-content h3{
  color:var(--text);
}
html[data-studio-template="titanium"] .admin-content select,
html[data-studio-template="titanium"] .pro-panel select,
html[data-studio-template="titanium"] .form-group select{
  background:#11161c!important;
  color:#edf2f6!important;
  border-color:#3b4651!important;
}
html[data-studio-template="titanium"] .admin-content select option,
html[data-studio-template="titanium"] .pro-panel select option,
html[data-studio-template="titanium"] .form-group select option{
  background:#11161c!important;
  color:#edf2f6!important;
}
html[data-studio-template="titanium"] .btn{
  background:linear-gradient(135deg,#596570,#c4ced7)!important;
  color:#0a0d11!important;
  box-shadow:0 8px 24px rgba(185,196,207,.18)!important;
}
html[data-studio-template="titanium"] .btn:hover{
  box-shadow:0 10px 30px rgba(185,196,207,.28)!important;
}
html[data-studio-template="titanium"] .custom-order-link{
  align-self:center!important;
  width:auto!important;
  max-width:220px!important;
  padding:5px 11px!important;
  border-radius:14px!important;
  border:1px solid rgba(210,220,228,.34)!important;
  background:linear-gradient(135deg,#202830,#3d4852)!important;
  color:#f3f6f8!important;
  font-size:.78rem!important;
  line-height:1.4!important;
  box-shadow:0 7px 20px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.10)!important;
}
html[data-studio-template="titanium"] .custom-order-link i{
  color:#e8eef3!important;
}
html[data-studio-template="titanium"] .custom-order-link:hover{
  transform:translateY(-1px)!important;
  border-color:#c9d3dc!important;
}

/* ---------- Cyber CNC ---------- */
html[data-studio-template="cyber"]{
  --primary:#6d4cff;
  --primary-light:#39d9ff;
  --gold:#a8f1ff;
  --bg:#070916;
  --bg-light:#0e1226;
  --text:#eafcff;
  --muted:#8ca4b7;
  --card-bg:rgba(12,17,37,.84);
  --card-border:rgba(57,217,255,.24);
  --table-border:#1b2c49;
  --input-bg:rgba(5,8,20,.94);
  --input-border:#29415f;
  --header-bg:rgba(5,8,20,.94);
  --footer-bg:rgba(4,6,15,.97);
}
html[data-studio-template="cyber"] body{
  background:
    radial-gradient(circle at 75% 10%,rgba(57,217,255,.10),transparent 27%),
    radial-gradient(circle at 15% 75%,rgba(125,70,255,.10),transparent 30%),
    #070916!important;
  color:var(--text)!important;
}
html[data-studio-template="cyber"] .admin-sidebar{
  background:linear-gradient(145deg,rgba(13,20,43,.96),rgba(7,10,24,.98))!important;
  border:1px solid rgba(57,217,255,.28)!important;
}
html[data-studio-template="cyber"] .admin-sidebar a{
  color:#dffaff!important;
  background:linear-gradient(145deg,rgba(57,217,255,.045),rgba(125,70,255,.035))!important;
  border:1px solid rgba(57,217,255,.10)!important;
}
html[data-studio-template="cyber"] .admin-sidebar a.active,
html[data-studio-template="cyber"] .admin-sidebar a:hover{
  color:#fff!important;
  background:linear-gradient(90deg,rgba(57,217,255,.16),rgba(125,70,255,.13))!important;
  border-color:rgba(57,217,255,.40)!important;
  box-shadow:0 0 22px rgba(57,217,255,.10)!important;
}
html[data-studio-template="cyber"] .admin-sidebar a i{
  color:#69e5ff!important;
}
html[data-studio-template="cyber"] .admin-content select,
html[data-studio-template="cyber"] .pro-panel select,
html[data-studio-template="cyber"] .form-group select{
  background:#0c1124!important;
  color:#eafcff!important;
  border-color:#29415f!important;
}
html[data-studio-template="cyber"] .admin-content select option,
html[data-studio-template="cyber"] .pro-panel select option,
html[data-studio-template="cyber"] .form-group select option{
  background:#0c1124!important;
  color:#eafcff!important;
}
html[data-studio-template="cyber"] .custom-order-link{
  align-self:center!important;
  width:auto!important;
  max-width:220px!important;
  padding:5px 11px!important;
  border-radius:14px!important;
  border:1px solid rgba(57,217,255,.45)!important;
  background:linear-gradient(135deg,#111936,#182454)!important;
  color:#eafcff!important;
  font-size:.78rem!important;
  line-height:1.4!important;
  box-shadow:0 0 18px rgba(57,217,255,.10)!important;
}
html[data-studio-template="cyber"] .custom-order-link i{
  color:#63e7ff!important;
}

/* ---------- Compact mobile navigation ---------- */
@media(max-width:768px){
  .nav-links .custom-order-link{
    align-self:center!important;
    width:auto!important;
    min-width:0!important;
    max-width:220px!important;
    margin:2px auto!important;
    padding:5px 11px!important;
    font-size:.78rem!important;
  }
}

/* ---------- Shared: remove legacy hard-coded white custom-order styling ---------- */
html[data-studio-template] .custom-order-link{
  box-sizing:border-box!important;
}

/* ===== Extracted from inline block 3: <style id="cncmood-cart-frame-fix-v14"> ===== */