/* Uzay Panel — professional UI layer. Loaded last; no functional selectors/IDs changed. */
:root{
  --bg:#0b1120;
  --rail:#0d1526;
  --card:#111a2b;
  --elev:#172236;
  --line:#25334a;
  --line2:#33445f;
  --txt:#f8fafc;
  --dim:#cbd5e1;
  --mute:#8fa1b8;
  --shadow:0 14px 34px rgba(0,0,0,.26);
  --r:14px;
  --r-sm:10px;
}
/* Admin + kullanıcı paneli aynı tema (tek accent) */
body.app,
body.up{
  --accent:#22c55e;
  --accent-2:#86efac;
  --accent-bg:#0b2f22;
  --accent-line:#166534;
}
html,body{
  background:var(--bg)!important;
  color:var(--txt);
  letter-spacing:-.005em;
}
body.app,body.up{min-height:100vh}
aside{
  width:272px!important;
  background:var(--rail)!important;
  border-right:1px solid var(--line)!important;
  box-shadow:8px 0 28px rgba(0,0,0,.14);
}
.brand{
  min-height:88px;
  padding:16px 18px!important;
  gap:12px!important;
  border-bottom:1px solid var(--line)!important;
}
.mark-img{
  width:52px!important;
  height:52px!important;
  padding:5px!important;
  border-radius:13px!important;
  background:#fff!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 5px 15px rgba(0,0,0,.18)!important;
}
.brand h1{font-size:15px!important;font-weight:700!important;letter-spacing:-.02em}
.brand small{font-size:11px!important;color:var(--mute)!important}
aside nav{padding:14px 10px 18px!important;gap:3px!important}
.nav-l{
  padding:16px 11px 7px!important;
  color:#6f839f!important;
  font-size:10px!important;
  letter-spacing:.13em!important;
  font-weight:700!important;
}
aside nav button{
  min-height:42px;
  padding:10px 12px!important;
  border-radius:9px!important;
  color:#aebdd0!important;
  font-size:13px!important;
  font-weight:600!important;
  transition:background .16s ease,color .16s ease,transform .16s ease!important;
}
aside nav button svg{width:17px!important;height:17px!important;opacity:.72}
aside nav button:hover{
  background:#152238!important;
  color:#f8fafc!important;
  transform:translateX(1px);
}
aside nav button.on{
  background:color-mix(in srgb,var(--accent) 14%,#111b2d)!important;
  color:var(--accent-2)!important;
  box-shadow:inset 3px 0 0 var(--accent);
}
.foot{
  border-top:1px solid var(--line)!important;
  background:#0b1322!important;
  color:var(--mute)!important;
}
.wrap{min-width:0;background:var(--bg)!important}
.topbar{
  min-height:66px!important;
  padding:10px 20px!important;
  background:rgba(11,17,32,.94)!important;
  border-bottom:1px solid var(--line)!important;
  box-shadow:0 5px 18px rgba(0,0,0,.12)!important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.crumb{font-size:14px!important;font-weight:700!important;color:#f1f5f9!important}
.crumb span{font-size:11px!important;font-weight:500!important;color:var(--mute)!important}
.search,input,select,textarea{
  background:#0d1728!important;
  border:1px solid var(--line)!important;
  border-radius:9px!important;
  color:var(--txt)!important;
  box-shadow:none!important;
  transition:border-color .16s ease,box-shadow .16s ease!important;
}
input:focus,select:focus,textarea:focus,.search:focus{
  outline:none!important;
  border-color:color-mix(in srgb,var(--accent) 70%,#fff 0%)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)!important;
}
input::placeholder,textarea::placeholder{color:#64748b!important}
main{padding:22px!important}
.panel{animation:none!important}
.ph{
  margin:0 0 16px!important;
  padding:0 1px!important;
  align-items:flex-start!important;
}
.ph h2{
  margin:0 0 4px!important;
  font-size:20px!important;
  line-height:1.25!important;
  font-weight:750!important;
  letter-spacing:-.025em!important;
}
.ph p{margin:0!important;color:var(--mute)!important;max-width:760px}
.card,.box,.stat,.kpi,.tile,.widget,.gate-card,
.panel-card,.summary-card,.domain-card,.site-card{
  background:var(--card)!important;
  border:1px solid var(--line)!important;
  border-radius:var(--r)!important;
  box-shadow:0 5px 18px rgba(0,0,0,.14)!important;
}
.card,.box,.widget,.panel-card,.summary-card{padding:16px!important}
.grid{gap:14px!important}
.banner{
  border:1px solid var(--line)!important;
  border-radius:11px!important;
  background:#0f1b2d!important;
  box-shadow:none!important;
}
.btn,button.btn{
  min-height:36px;
  border-radius:9px!important;
  border:1px solid var(--line2)!important;
  background:#17243a!important;
  color:#e5edf7!important;
  padding:8px 13px!important;
  font-weight:650!important;
  box-shadow:none!important;
  transition:background .15s ease,border-color .15s ease,transform .15s ease!important;
}
.btn:hover,button.btn:hover{
  background:#20314d!important;
  border-color:#405574!important;
  transform:translateY(-1px);
}
.btn.acc,.btn.ok,.btn.primary{
  background:var(--accent)!important;
  color:#04110b!important;
  border-color:transparent!important;
}
body.up .btn.acc,body.up .btn.primary{color:#06131c!important}
.btn.bad,.btn.danger{background:#3a1822!important;border-color:#7f1d2d!important;color:#fecdd3!important}
.btn.sky{background:#102e45!important;border-color:#075985!important;color:#bae6fd!important}
.pill,.badge,.tag{
  border-radius:999px!important;
  border:1px solid var(--line)!important;
  background:#111d30!important;
  color:#c7d6e8!important;
  font-weight:650!important;
  box-shadow:none!important;
}
table{
  width:100%;
  border-collapse:separate!important;
  border-spacing:0!important;
  background:var(--card)!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  overflow:hidden;
}
thead th{
  position:sticky;
  top:0;
  z-index:1;
  background:#131e31!important;
  color:#9fb0c6!important;
  font-size:10px!important;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:750!important;
  border-bottom:1px solid var(--line2)!important;
}
th,td{padding:10px 12px!important;border-bottom:1px solid rgba(51,68,95,.58)!important;vertical-align:middle}
tbody tr:last-child td{border-bottom:0!important}
tbody tr:hover td{background:#142038!important}
code,pre,.mono{
  font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace!important;
  background:#08111f!important;
  border-color:var(--line)!important;
}
hr{border:0;border-top:1px solid var(--line)!important}
.top-actions{gap:8px!important}
.lang-bar{
  background:#0e192b!important;
  border:1px solid var(--line)!important;
  border-radius:9px!important;
  padding:3px!important;
}
.lang-bar button{
  min-width:34px!important;
  min-height:28px!important;
  border-radius:6px!important;
  color:var(--mute)!important;
}
.lang-bar button.on,.lang-bar button:hover{background:#1a2941!important;color:#fff!important}
.clock{color:var(--mute)!important;font-variant-numeric:tabular-nums}
#gate{
  background:var(--bg)!important;
}
.gate-card{
  width:min(440px,calc(100vw - 28px))!important;
  padding:28px!important;
}
.gate-card h2{font-size:22px!important;letter-spacing:-.025em!important}
.gate-card p{color:var(--mute)!important}
label{color:#c4d0df!important;font-size:12px!important;font-weight:650!important}
.err{color:#fda4af!important}
a{color:var(--accent-2)}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#0b1220}
::-webkit-scrollbar-thumb{background:#33445f;border:2px solid #0b1220;border-radius:10px}
::-webkit-scrollbar-thumb:hover{background:#455b7a}
@media(max-width:1180px){
  aside{width:240px!important}
  main{padding:18px!important}
}
@media(max-width:820px){
  aside{box-shadow:12px 0 32px rgba(0,0,0,.35)}
  .topbar{padding:9px 12px!important}
  main{padding:14px!important}
  .search{min-width:0!important}
  .top-actions{gap:6px!important}
}
@media(max-width:560px){
  main{padding:10px!important}
  .ph h2{font-size:18px!important}
  .card,.box,.widget,.panel-card,.summary-card{padding:12px!important}
  th,td{padding:9px 10px!important}
  .gate-card{padding:20px!important}
}
/* Bulk commerce + install */
.batch-card{overflow:visible}
.cart-plan{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:9px}
.cart-tld{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;background:#0d1728;border:1px solid var(--line);border-radius:10px}
.cart-tld span{display:flex;flex-direction:column;gap:2px;font-weight:700}
.cart-tld small{color:var(--mute);font-size:10px;font-weight:500}
.cart-tld input{width:72px!important;min-width:72px;text-align:center}
.batch-tools{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:12px;align-items:end}
.batch-pick-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding:10px;background:#0d1728;border:1px solid var(--line);border-radius:11px;max-height:190px;overflow:auto}
.batch-pick{display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:#111d30;cursor:pointer;min-width:180px}
.batch-pick input{width:auto!important;margin:0}
.batch-pick span{display:flex;flex-direction:column;min-width:0}
.batch-pick b{font-size:12px;overflow:hidden;text-overflow:ellipsis}
.batch-pick small{font-size:10px;color:var(--mute)}
.batch-table select,.batch-table input{min-width:135px;width:100%}
.batch-table td:first-child{min-width:155px}
#batch-status{padding:9px 11px;background:#0d1728;border:1px solid var(--line);border-radius:9px}
@media(max-width:900px){
  .batch-tools{grid-template-columns:1fr}
  .batch-table{min-width:980px}
  .cart-plan{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .cart-plan{grid-template-columns:1fr}
  .batch-pick{min-width:100%;width:100%}
}

/* Stock visibility */
#tld-board{display:flex!important;flex-wrap:wrap;gap:9px!important}
#tld-board .tld-card.stock-band{
  min-width:132px;
  padding:11px 13px!important;
  border:1px solid #3a455a!important;
  border-radius:10px!important;
  background:#101a2b!important;
  cursor:pointer;
}
#tld-board .tld-card.stock-band b{font-size:15px!important}
#tld-board .stock-hot{
  display:block;
  margin-top:4px;
  color:#ff5b68!important;
  font-weight:800!important;
  letter-spacing:.02em;
  text-shadow:0 0 12px rgba(255,91,104,.18);
}
.domain-stock{
  display:inline-flex;
  align-items:center;
  margin-left:8px;
  padding:3px 7px;
  border-radius:999px;
  background:rgba(239,68,68,.12);
  border:1px solid rgba(248,113,113,.36);
  color:#ff6b75;
  font-size:10px;
  font-weight:800;
  letter-spacing:.06em;
  vertical-align:middle;
}

/* Admin live stock + batch runtime */
.admin-stock-board{display:flex;flex-wrap:wrap;gap:9px}
.admin-stock-band{
  display:grid;
  grid-template-columns:auto auto;
  grid-template-areas:"tld stock" "price price";
  align-items:center;
  gap:3px 12px;
  min-width:132px;
  padding:10px 12px;
  background:#101a2b;
  border:1px solid #3a455a;
  border-radius:10px;
  color:var(--txt);
  cursor:pointer;
  text-align:left;
}
.admin-stock-band:hover{border-color:#64748b;background:#142238}
.admin-stock-band b{grid-area:tld;font-size:15px}
.admin-stock-band .stock-num{
  grid-area:stock;
  color:#ff5b68;
  font-size:12px;
  font-weight:850;
  letter-spacing:.05em;
  justify-self:end;
}
.admin-stock-band small{grid-area:price;color:var(--mute);font-size:10px}
.admin-runtime{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.admin-runtime span{
  display:inline-flex;gap:5px;align-items:center;
  padding:6px 9px;border:1px solid var(--line);border-radius:999px;
  background:#0d1728;color:var(--mute);font-size:11px;
}
.admin-runtime b{color:var(--txt);font-size:12px}
.bad-txt,.bad-txt b{color:#fb7185!important}

/* Stock visibility */
#tld-board{display:flex!important;flex-wrap:wrap!important;gap:10px!important}
#tld-board .tld-card.stock-band{
  min-width:150px!important;
  padding:11px 14px!important;
  border:1px solid #7f1d1d!important;
  background:linear-gradient(180deg,#201019,#160c12)!important;
  border-radius:10px!important;
  box-shadow:inset 0 0 0 1px rgba(248,113,113,.07)!important;
  cursor:pointer;
}
#tld-board .tld-card.stock-band b{font-size:16px!important;color:#fff!important}
#tld-board .tld-card.stock-band em{color:#cbd5e1!important;font-size:11px!important}
#tld-board .tld-card .stock-hot{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  margin-top:5px!important;
  padding:3px 8px!important;
  border-radius:999px!important;
  background:#7f1d1d!important;
  border:1px solid #ef4444!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
}
#tld-board .tld-card.on{outline:2px solid #ef4444!important;outline-offset:2px!important}
.domain-stock{
  display:inline-flex;
  margin-left:8px;
  padding:2px 7px;
  border-radius:999px;
  background:#7f1d1d;
  border:1px solid #ef4444;
  color:#fff;
  font-size:9px;
  font-weight:850;
  letter-spacing:.04em;
  vertical-align:middle;
  white-space:nowrap;
}

/* Final domain cart cards */
.cart-plan{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;
  gap:12px!important;
}
.cart-tld-card{
  display:grid;
  gap:10px;
  padding:13px 14px;
  background:#101a2b;
  border:1px solid #35445d;
  border-radius:12px;
  box-shadow:0 5px 16px rgba(0,0,0,.12);
}
.cart-tld-card.has-stock{border-color:#5f2530;background:linear-gradient(180deg,#171725,#121827)}
.cart-tld-card.no-stock{opacity:.48;filter:saturate(.55)}
.cart-tld-head,.cart-tld-meta,.cart-qty{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cart-tld-head b{font-size:17px;color:#fff;letter-spacing:-.02em}
.cart-stock{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:72px;
  padding:4px 9px;
  border-radius:999px;
  background:#7f1d1d;
  border:1px solid #ef4444;
  color:#fff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.05em;
}
.no-stock .cart-stock{background:#31171b;border-color:#63303a;color:#c4a1a7}
.cart-tld-meta{
  color:var(--mute);
  font-size:11px;
  padding-top:1px;
  border-top:1px solid rgba(51,68,95,.55);
}
.cart-tld-meta strong{color:#fff;font-size:12px}
.cart-qty span{font-size:11px;color:#cbd5e1;font-weight:700}
.cart-qty input{
  width:74px!important;
  min-width:74px!important;
  height:34px!important;
  text-align:center;
  font-weight:800;
  border-color:#4a5870!important;
  background:#0a1322!important;
}
.cart-qty input:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px rgba(239,68,68,.12)!important}
@media(max-width:620px){.cart-plan{grid-template-columns:1fr!important}}

.sitebot-list{display:flex;flex-direction:column;gap:6px;max-height:280px;overflow:auto}
.sitebot-row{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:8px 10px;border:1px solid var(--line,#243044);border-radius:10px;
  background:#0d1728;
}
.sitebot-host{
  font-family:ui-monospace,Consolas,monospace;font-size:13px;line-height:1.4;
  color:#e8eef8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;
  text-transform:none;letter-spacing:0;
}
.sitebot-btn{
  flex:0 0 auto;padding:4px 10px!important;min-height:28px;font-size:11px!important;
  letter-spacing:.04em;text-transform:lowercase;
}

/* —— Full mobile shell (admin + user) —— */
.nav-scrim{
  display:none;position:fixed;inset:0;z-index:40;
  background:rgba(2,6,14,.62);backdrop-filter:blur(2px);
}
body.nav-open{overflow:hidden}
body.nav-open .nav-scrim{display:block}
.nav-toggle{
  display:none!important;min-width:44px;min-height:40px;padding:8px 12px!important;
  font-weight:800;letter-spacing:.02em;
}
@media(max-width:960px){
  .nav-toggle{display:inline-flex!important;align-items:center;justify-content:center}
  body.up,body.app{display:block;min-height:100dvh}
  aside#aside,aside{
    position:fixed!important;left:0;top:0;bottom:0;width:min(86vw,300px)!important;
    height:100dvh!important;transform:translateX(-105%);
    transition:transform .22s ease;z-index:50;box-shadow:none;
  }
  aside#aside.open,aside.open{transform:none;box-shadow:18px 0 40px rgba(0,0,0,.45)}
  .wrap{width:100%;min-width:0;padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))}
  .topbar{
    position:sticky;top:0;z-index:30;
    display:flex!important;flex-wrap:wrap;align-items:center;gap:8px!important;
    padding:10px 12px!important;
    padding-top:calc(10px + env(safe-area-inset-top,0px))!important;
    background:rgba(8,12,20,.92)!important;backdrop-filter:blur(10px);
    border-bottom:1px solid var(--line)!important;
  }
  .topbar .crumb{flex:1;min-width:0;font-size:15px!important}
  .topbar .search{order:5;width:100%!important;min-width:0!important;flex:1 1 100%}
  .top-actions{
    width:100%;display:flex;flex-wrap:wrap;gap:6px!important;align-items:center;
  }
  .top-actions .clock,.top-actions .pill{display:none}
  main{padding:12px!important;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))!important}
  .ph{flex-direction:column;align-items:stretch!important;gap:8px}
  .ph h2{font-size:20px!important;line-height:1.25}
  .metrics,.m-grid,#metrics,.srv-grid,.admin-stock-board,.flag-board,#tld-board{
    grid-template-columns:1fr 1fr!important;
  }
  .metrics .m,.m{min-width:0}
  .row,.actions,.tb-group,.chip-row,.toolbar-card{
    display:flex!important;flex-wrap:wrap!important;gap:8px!important;
  }
  .two > *,.three > *,.layout > *,.layout3 > *{min-width:0}
  .row > div{flex:1 1 100%;min-width:0}
  .actions .btn,.tb-group .btn,.chip-row .btn{flex:1 1 auto;min-height:42px}
  .btn.lg{width:100%;min-height:48px}
  .tbl-wrap{overflow:auto;-webkit-overflow-scrolling:touch;border-radius:12px}
  table{min-width:640px}
  .card,.box,.widget,.panel-card,.summary-card,.toolbar-card{border-radius:14px!important}
  .device-row{grid-template-columns:1fr!important;gap:14px!important}
  .device.phone,.device.desk{max-width:100%!important;margin:0 auto}
  .live-frame,iframe.live-frame{width:100%!important;min-height:62vh;border-radius:12px}
  .gate-card{width:min(100%,420px);margin:24px auto;padding:22px!important}
  .sitebot-list{max-height:none}
  .cart-plan{grid-template-columns:1fr!important}
  .batch-tools{grid-template-columns:1fr!important}
  label{margin-top:8px}
  input,select,textarea{font-size:16px!important;min-height:44px}
  textarea{min-height:120px}
}
@media(max-width:560px){
  .metrics,.m-grid,#metrics,.srv-grid,.admin-stock-board,.flag-board{
    grid-template-columns:1fr!important;
  }
  #tld-board{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}
  #tld-board .tld-card.stock-band{min-width:0;width:100%}
  .top-actions .lang-bar{margin-left:auto}
  .ph h2{font-size:18px!important}
  main{padding:10px!important}
  .acct{font-size:12px}
}