/* TFNUYSP 2026 interface refresh. Loaded last on purpose. */
:root {
  --tfn-bg: #070910;
  --tfn-panel: rgba(14, 18, 29, .94);
  --tfn-panel-2: #101522;
  --tfn-line: #283148;
  --tfn-text: #f7f8fc;
  --tfn-muted: #8f9ab3;
  --tfn-cyan: #27d9d0;
  --tfn-green: #30d99b;
  --tfn-warm: #ff8a65;
  --tfn-pink: #f27a9e;
}

/* Customer background */
body.customer-portal {
  position: relative;
  isolation: isolate;
  background: #070910 !important;
  color: var(--tfn-text);
}
.customer-backdrop-art {
  position: fixed;
  inset: 0;
  z-index: -2;
  overflow: hidden;
  pointer-events: none;
  background:
    radial-gradient(ellipse 62% 52% at -2% 8%, rgba(155, 74, 56, .46), transparent 68%),
    radial-gradient(ellipse 40% 55% at 101% 94%, rgba(91, 40, 72, .34), transparent 72%),
    repeating-linear-gradient(132deg, rgba(224, 112, 77, .14) 0 1px, transparent 1px 31px),
    linear-gradient(120deg, #080a11 0%, #070911 58%, #0b0b14 100%);
}
.customer-backdrop-art::before {
  content: "";
  position: absolute;
  right: -155px;
  top: 72px;
  width: 550px;
  height: 550px;
  opacity: .5;
  border: 1px solid rgba(255, 133, 94, .36);
  border-radius: 50%;
  box-shadow: 0 0 0 65px rgba(255,255,255,.012), 0 0 0 66px rgba(255,133,94,.14), 0 0 0 132px rgba(255,255,255,.008), 0 0 0 133px rgba(242,122,158,.12);
}
.customer-backdrop-art::after {
  content: "";
  position: absolute;
  right: 72px;
  top: 290px;
  width: 72px;
  height: 72px;
  border: 13px solid #151b29;
  border-radius: 24px;
  background: linear-gradient(145deg, #ff9568, #e06683);
  box-shadow: 0 0 0 1px rgba(255,140,101,.55), 0 0 70px rgba(255,120,89,.38);
  transform: rotate(45deg);
}
.customer-backdrop-art > i,
.customer-backdrop-art > b {
  position: absolute;
  right: 68px;
  top: 286px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
}
.customer-backdrop-art > i { box-shadow: 0 -175px 0 -38px rgba(255,136,93,.72), 0 175px 0 -38px rgba(255,136,93,.45), 175px 0 0 -38px rgba(236,116,151,.58), -175px 0 0 -38px rgba(255,136,93,.44); }
.customer-backdrop-art > b { box-shadow: 124px -124px 0 -38px rgba(255,136,93,.45), -124px 124px 0 -38px rgba(236,116,151,.4), 124px 124px 0 -38px rgba(255,136,93,.34), -124px -124px 0 -38px rgba(255,136,93,.46); transform: rotate(18deg); }

/* One-piece capsule navbar */
.customer-navbar-frame {
  padding: 14px 18px 8px;
  background: linear-gradient(180deg, rgba(7,9,16,.95), rgba(7,9,16,.15));
  backdrop-filter: blur(10px);
}
.customer-navbar {
  width: min(1360px, 100%);
  min-height: 68px;
  margin: 0 auto;
  padding: 9px 11px 9px 16px;
  display: grid;
  grid-template-columns: auto minmax(360px, 1fr) auto;
  align-items: center;
  gap: 16px;
  border: 1px solid rgba(62, 73, 99, .7);
  border-radius: 20px;
  background: rgba(12, 16, 27, .92);
  box-shadow: 0 22px 55px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.035);
}
.customer-brand {
  padding: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 0;
  background: transparent;
  color: #fff;
  text-align: left;
  cursor: pointer;
}
.customer-brand-mark { width: 38px; height: 38px; display: grid; place-items: center; }
.customer-brand-mark img { width: 34px; height: 34px; object-fit: contain; filter: drop-shadow(0 0 13px rgba(39,217,208,.34)); }
.customer-brand strong { display: block; font-size: 14px; font-weight: 850; letter-spacing: -.01em; }
.customer-brand small { display: block; margin-top: 2px; color: #77839d; font-size: 9px; font-weight: 650; }
.customer-navbar .customer-primary-nav {
  width: max-content;
  max-width: 100%;
  margin: 0 auto;
  padding: 4px;
  display: flex;
  align-items: center;
  gap: 2px;
  overflow-x: auto;
  border: 1px solid #242d41;
  border-radius: 14px;
  background: #111624;
}
.customer-navbar .nav-tab:not(.hidden) {
  min-height: 38px;
  padding: 0 12px;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 7px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  color: #9aa5bc !important;
  font-size: 11px;
  font-weight: 750;
  white-space: nowrap;
  cursor: pointer;
  transition: .2s ease;
}
.customer-navbar .nav-tab i { color: #707d98; transition: .2s ease; }
.customer-navbar .nav-tab:hover { color: #fff !important; background: rgba(255,255,255,.045); }
.customer-navbar .nav-tab.active {
  color: #fff !important;
  border-color: rgba(70, 232, 208, .34);
  background: linear-gradient(115deg, #20bfae, #28d6c7);
  box-shadow: 0 7px 22px rgba(39,217,208,.25);
}
.customer-navbar .nav-tab.active i { color: #fff; }
.customer-navbar-actions,
.customer-auth-guest { display: flex; align-items: center; gap: 8px; }
.customer-store-cta,
.customer-icon-action,
.customer-register-action {
  min-height: 38px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid #2a344a;
  border-radius: 11px;
  background: #121826;
  color: #aeb8cb;
  font-size: 11px;
  font-weight: 750;
  white-space: nowrap;
  cursor: pointer;
}
.customer-store-cta {
  border-color: rgba(65,235,210,.45);
  background: linear-gradient(120deg, #18bda9, #22d0c2);
  color: #fff;
  box-shadow: 0 7px 24px rgba(33,210,192,.22);
}
.customer-register-action { border-color: rgba(255,131,102,.42); color: #ffd3c6; }
.customer-icon-action:hover,.customer-register-action:hover { border-color: #53617d; color: #fff; }
.customer-navbar .ui-controls { gap: 6px; }
.customer-navbar .ui-pop-btn,.customer-navbar .ui-theme-btn { height: 38px; min-width: 38px; border-radius: 11px; background: #121826; border-color: #2a344a; }
.customer-profile-trigger { min-height: 40px; display:flex; align-items:center; gap:8px; padding:4px 9px 4px 5px; border:1px solid #2a344a; border-radius:12px; background:#121826; color:#fff; cursor:pointer; }
.customer-profile-trigger > span:first-child { width:30px; height:30px; display:grid; place-items:center; border-radius:9px; background:linear-gradient(135deg,var(--tfn-cyan),#536df0); color:#071016; font-weight:900; }
.customer-profile-copy { max-width: 112px; text-align:left; }
.customer-profile-copy b,.customer-profile-copy small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.customer-profile-copy b { font-size:10px; }.customer-profile-copy small { margin-top:2px; color:#7fe6dc; font-size:8px; }
.customer-profile-menu { position:absolute; right:0; top:calc(100% + 7px); width:245px; padding:8px; border:1px solid #2a344a; border-radius:15px; background:#0e1420; box-shadow:0 24px 60px rgba(0,0,0,.55); }
.customer-profile-menu a,.customer-profile-menu button { width:100%; padding:10px; display:flex; align-items:center; gap:9px; border:0; border-radius:9px; background:transparent; color:#b5bfd3; font-size:11px; text-align:left; cursor:pointer; }
.customer-profile-menu a:hover,.customer-profile-menu button:hover { background:#171f2f; color:#fff; }
.customer-profile-email { padding:7px 10px 10px; margin-bottom:4px; border-bottom:1px solid #242d41; }
.customer-profile-email small,.customer-profile-email b { display:block; overflow:hidden; text-overflow:ellipsis; }.customer-profile-email small{color:#71809b;font-size:9px}.customer-profile-email b{margin-top:2px;color:#7fe6dc;font-size:10px}

/* Customer cards and tool screens */
.customer-portal #view-store > div:first-child,
.customer-tool-card,
.delivery-modal-shell {
  border-color: rgba(86, 72, 73, .8) !important;
  background: linear-gradient(145deg, rgba(16, 20, 32, .96), rgba(10, 13, 22, .98)) !important;
  box-shadow: 0 28px 80px rgba(0,0,0,.36) !important;
}
.customer-portal #view-store > div:first-child::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(125deg, rgba(255,123,87,.10), transparent 46%, rgba(226,91,141,.07));
}
.customer-tool-view { width: min(100%, 1040px); }
.customer-tool-hero { position:relative; z-index:1; }
.customer-tool-hero h2 { font-size: clamp(1.8rem, 4vw, 2.7rem) !important; }
.customer-tool-kicker { border-color: rgba(255,134,98,.34); background: rgba(255,134,98,.09); color:#ff9e79; }
.customer-tool-card { overflow:hidden; border-radius: 26px !important; }
.customer-tool-card::before { inset:0 20% auto !important; height:1px !important; background:linear-gradient(90deg,transparent,var(--tfn-warm),var(--tfn-pink),transparent) !important; }
.customer-tool-card::after { content:""; position:absolute; width:210px; height:210px; right:-105px; top:-115px; border-radius:50%; background:rgba(255,128,92,.07); box-shadow:0 0 0 28px rgba(242,122,158,.025); pointer-events:none; }
.verify-tool-card input,.status-tool-card input { min-height:56px; padding-left:16px; border-radius:13px; border-color:#30394f; background:#0a0f19; }
.customer-tool-card #btn-verify-submit,.customer-tool-card #status-check-btn { min-height:54px; border-color:rgba(255,170,134,.45); background:linear-gradient(105deg,#ff8b61,#ef7897); color:#fff; box-shadow:0 14px 34px rgba(232,105,119,.2); }
.status-tool-view > .w-full,.verify-tool-view > .w-full { margin-inline:auto; }
.status-result-card { margin-top:20px; padding:14px 16px; display:flex; align-items:flex-start; gap:10px; border:1px solid; border-radius:14px; font-size:12px; line-height:1.55; }
.status-result-card > i { margin-top:2px; }
.status-result-card.is-success { border-color:rgba(48,217,155,.32); background:rgba(48,217,155,.08); color:#6be7b8; }
.status-result-card.is-warning { border-color:rgba(255,173,83,.32); background:rgba(255,173,83,.08); color:#ffc276; }
.status-result-card.is-error { border-color:rgba(255,102,128,.32); background:rgba(255,102,128,.08); color:#ff8ca0; }
.customer-trust-row b { color:inherit; font-weight:600; }

/* Delivery result: clear two-column console */
.delivery-modal-backdrop { background:rgba(3,5,10,.91) !important; }
.delivery-modal-shell { max-width:900px !important; padding:28px !important; border-radius:26px !important; }
.delivery-modal-heading h3 { font-size:clamp(1.35rem,3vw,2rem) !important; letter-spacing:-.035em; }
.delivery-success-badge { border-color:rgba(48,217,155,.36); background:rgba(48,217,155,.1); color:#70e9bd; }
.delivery-credentials-card,.delivery-message-box { border-color:#2b354d !important; background:#080d16 !important; }
.delivery-credentials-card { border-radius:18px !important; }
.delivery-field-value { background:#111827 !important; }
.delivery-message-box { border-radius:14px !important; color:#dbe5ff !important; box-shadow:inset 0 0 28px rgba(0,0,0,.2); }
.delivery-actions > button:first-child { background:linear-gradient(105deg,#29c8d3,#3287e5) !important; color:#041018 !important; }
.delivery-actions > button:last-child { background:linear-gradient(105deg,#2ed394,#22b96f) !important; color:#04130d !important; }

/* Admin architecture */
body.admin-panel { background:#070a10 !important; }
body.admin-panel .admin-shell { background:radial-gradient(circle at 77% -10%,rgba(62,104,123,.16),transparent 34%),linear-gradient(135deg,#070a10,#090c14 60%,#0c0b12) !important; }
body.admin-panel .arena-sidebar { width:264px; padding:18px 15px; border-right-color:#242c3d; background:linear-gradient(180deg,rgba(11,15,24,.985),rgba(7,10,17,.99)); }
body.admin-panel .arena-brand { min-height:78px; padding:8px 10px 18px; flex-direction:column; justify-content:center; gap:7px; border-bottom:1px solid #20283a; text-align:center; }
body.admin-panel .arena-brand-logo { width:44px; height:30px; object-fit:contain; filter:drop-shadow(0 0 12px rgba(39,217,208,.32)); }
body.admin-panel .arena-brand strong { font-size:15px; letter-spacing:.14em; }
body.admin-panel .arena-primary-modules { margin-top:12px; }
body.admin-panel .arena-nav-group > p { margin:0 0 7px; padding:0 11px; color:#59657e; font-size:9px; letter-spacing:.17em; }
body.admin-panel .arena-nav-group button { min-height:42px; margin:2px 0; padding:0 12px; border:1px solid transparent; border-radius:11px; font-size:12px; }
body.admin-panel .arena-nav-group button.active { border-color:rgba(39,217,208,.22); background:linear-gradient(90deg,rgba(39,217,208,.15),rgba(39,217,208,.035)); box-shadow:inset 3px 0 var(--tfn-cyan); }
body.admin-panel .arena-nav-group button.active::before { display:none; }
body.admin-panel .arena-nav-group button.active > i { color:var(--tfn-cyan); }
.arena-secondary { margin:4px 0 12px; }
.arena-secondary summary { padding:9px 11px; display:flex; align-items:center; justify-content:space-between; border-radius:10px; color:#6f7b94; font-size:10px; font-weight:750; cursor:pointer; list-style:none; }
.arena-secondary summary::-webkit-details-marker { display:none; }
.arena-secondary summary:hover { background:#101623; color:#b9c2d5; }
.arena-secondary summary i { transition:transform .2s ease; }.arena-secondary[open] summary i{transform:rotate(180deg)}
.arena-secondary .arena-nav-group { margin:4px 0 0; }
body.admin-panel .arena-system { border-color:rgba(48,217,155,.18); background:rgba(48,217,155,.045); }
body.admin-panel .arena-topbar { height:70px; margin-left:264px; padding:0 26px; border-bottom-color:#242c3d; background:rgba(8,11,18,.86); }
body.admin-panel .arena-main { width:calc(100% - 264px) !important; margin-left:264px !important; padding:28px 30px 50px !important; }
body.admin-panel .arena-main > .admin-view { width:min(100%,1460px); }
body.admin-panel .arena-search { height:40px; border-radius:12px; background:#0d131f; }
body.admin-panel .arena-icon-btn,body.admin-panel .arena-avatar { width:40px; height:40px; border-radius:12px; }
body.admin-panel .arena-logout { border:1px solid rgba(255,102,128,.28); background:rgba(255,102,128,.08); color:#ff728b; }
body.admin-panel .arena-logout:hover { border-color:rgba(255,102,128,.55); background:rgba(255,102,128,.14); color:#ff93a5; }
body.admin-panel .admin-view [class*="bg-[#10121d]"],
body.admin-panel .admin-view [class*="bg-[#111521]"],
body.admin-panel .admin-view [class*="bg-[#11131c]"] { border-color:#273047 !important; background:linear-gradient(145deg,rgba(16,21,34,.98),rgba(10,14,23,.98)) !important; box-shadow:0 20px 50px rgba(0,0,0,.18) !important; }
body.admin-panel .admin-view input:not([type="checkbox"]):not([type="radio"]),
body.admin-panel .admin-view select,
body.admin-panel .admin-view textarea { border-color:#2a344b !important; background:#0a0f19 !important; border-radius:12px !important; }
body.admin-panel .admin-view input:focus,body.admin-panel .admin-view select:focus,body.admin-panel .admin-view textarea:focus { border-color:rgba(39,217,208,.65) !important; box-shadow:0 0 0 3px rgba(39,217,208,.09); outline:0; }
body.admin-panel .ui-screen-title { font-size:clamp(1.35rem,2vw,1.8rem); letter-spacing:-.03em; }
.usd-rate-meta { margin-top:8px; display:flex; align-items:center; gap:6px; color:#51ddb0; font-size:10px; }
.usd-rate-meta.is-stale { color:#ffbd6b; }.rate-attribution{color:#68758f;font-size:9px}.rate-attribution a{color:#8291ad;text-decoration:underline}

@media (max-width: 1180px) {
  .customer-navbar { grid-template-columns:auto minmax(300px,1fr) auto; gap:10px; }
  .customer-navbar .nav-tab:not(.hidden) { padding-inline:9px; }
  .customer-navbar .nav-tab span { display:none; }
  .customer-navbar .nav-tab.active span { display:inline; }
  .customer-store-cta span,.customer-icon-action span,.customer-register-action { display:none; }
  .customer-icon-action,.customer-store-cta { width:38px; padding:0; }
}
@media (max-width: 767px) {
  .customer-backdrop-art::before,.customer-backdrop-art::after,.customer-backdrop-art > i,.customer-backdrop-art > b { opacity:.35; transform:scale(.65); transform-origin:center; right:-60px; }
  .customer-navbar-frame { padding:8px 8px 5px; }
  .customer-navbar { min-height:0; padding:8px; grid-template-columns:1fr auto; gap:8px; border-radius:16px; }
  .customer-brand-mark { width:30px;height:30px}.customer-brand-mark img{width:28px;height:28px}.customer-brand strong{font-size:12px}.customer-brand small{font-size:8px}
  .customer-navbar .customer-primary-nav { grid-column:1/-1; grid-row:2; width:100%; margin:0; justify-content:flex-start; border-radius:11px; }
  .customer-navbar .nav-tab:not(.hidden){min-height:36px;padding:0 11px}.customer-navbar .nav-tab span,.customer-navbar .nav-tab.active span{display:inline}
  .customer-navbar-actions { justify-content:flex-end; gap:5px; }
  .customer-navbar .ui-controls{gap:4px}.customer-navbar .ui-pop:first-child{display:none}.customer-navbar .ui-pop-btn,.customer-navbar .ui-theme-btn{height:34px;min-width:34px}.customer-navbar .ui-pop-btn{padding:0 7px}.customer-navbar .ui-caret{display:none}
  .customer-register-action { display:none; }.customer-icon-action{width:34px;min-height:34px}.customer-store-cta{width:34px;min-height:34px}
  .customer-profile-copy,.customer-profile-trigger > i{display:none}.customer-profile-trigger{padding:2px}
  .customer-tool-view { min-height:calc(100vh - 155px) !important; padding:26px 12px 38px !important; }
  .customer-tool-card { padding:20px 15px !important; border-radius:20px !important; }
  .delivery-modal-shell { padding:22px 15px 26px !important; }
  body.admin-panel .arena-sidebar { width:min(88vw,310px); }
  body.admin-panel .arena-topbar { margin-left:0; height:60px; padding:0 12px; }
  body.admin-panel .arena-main { width:100% !important; margin-left:0 !important; padding:18px 12px 92px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .customer-navbar *, .customer-tool-card *, .delivery-modal-shell * { scroll-behavior:auto !important; animation-duration:.01ms !important; transition-duration:.01ms !important; }
}

/* 2026.09 refinement: one palette for every surface in both themes */
:root {
  --tfn-surface-0:#070a11;
  --tfn-surface-1:#0d131e;
  --tfn-surface-2:#121a28;
  --tfn-surface-3:#172132;
  --tfn-border:#29364d;
  --tfn-border-soft:#202b3e;
  --tfn-copy:#f5f7fb;
  --tfn-copy-soft:#9ba8bf;
  --tfn-shadow:0 24px 70px rgba(0,0,0,.38);
}
html[data-theme="light"] {
  --tfn-surface-0:#eef2f7;
  --tfn-surface-1:#ffffff;
  --tfn-surface-2:#f5f7fb;
  --tfn-surface-3:#e9eef6;
  --tfn-border:#cbd5e3;
  --tfn-border-soft:#dbe2ec;
  --tfn-copy:#172033;
  --tfn-copy-soft:#5f6e84;
  --tfn-shadow:0 24px 60px rgba(34,48,72,.13);
}

body.customer-portal,
body.admin-panel { color:var(--tfn-copy) !important; }
body.customer-portal :is(.customer-navbar,.customer-tool-card,.delivery-modal-shell,.delivery-credentials-card,.delivery-message-box),
body.admin-panel :is(.arena-sidebar,.arena-topbar,.admin-view > div,.node-card,.key-vault-card,.replacement-account-card) {
  color:var(--tfn-copy);
}
body.customer-portal :is(input,textarea,select),
body.admin-panel .admin-view :is(input,textarea,select) {
  color:var(--tfn-copy) !important;
  caret-color:var(--tfn-cyan);
}
body.customer-portal :is(input,textarea,select)::placeholder,
body.admin-panel .admin-view :is(input,textarea)::placeholder { color:var(--tfn-copy-soft) !important; opacity:.72; }

/* Responsive navigation: fixed grid, no tracks, arrows or horizontal movement. */
.customer-navbar { min-width:0; }
.customer-navbar > * { min-width:0; }
.customer-navbar .customer-primary-nav {
  width:100%;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  overflow:visible;
  scrollbar-width:none;
}
.customer-navbar .customer-primary-nav::-webkit-scrollbar { display:none;width:0;height:0; }
.customer-navbar .nav-tab { width:100%; min-width:0 !important; justify-content:center; padding-inline:8px !important; }
.customer-navbar .nav-tab.active { box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 5px 14px rgba(39,217,208,.14); }

/* Delivery cockpit */
.delivery-modal-shell { display:block !important; overflow-x:hidden; }
.delivery-modal-shell::before {
  content:""; position:absolute; inset:0 0 auto; height:3px;
  background:linear-gradient(90deg,transparent,#22d3c5,#5d8cff,#f27a9e,transparent);
}
.delivery-progress-row { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:18px; }
.delivery-progress {
  width:min(100%,560px); margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); position:relative;
}
.delivery-progress::before { content:""; position:absolute; z-index:0; top:18px; left:16%; right:16%; height:1px; background:linear-gradient(90deg,#30d99b,#30d99b 64%,var(--tfn-border)); }
.delivery-progress span { position:relative; z-index:1; display:grid; justify-items:center; gap:5px; color:var(--tfn-copy-soft); font-size:9px; letter-spacing:.08em; text-transform:uppercase; }
.delivery-progress span > i { width:36px; height:36px; display:grid; place-items:center; border:1px solid var(--tfn-border); border-radius:50%; background:var(--tfn-surface-2); color:var(--tfn-copy-soft); }
.delivery-progress span.is-complete > i { border-color:rgba(48,217,155,.45); background:rgba(48,217,155,.12); color:#46dfa8; box-shadow:0 0 20px rgba(48,217,155,.12); }
.delivery-language-switch { padding:4px; display:flex;align-items:center;gap:3px;border:1px solid var(--tfn-border);border-radius:12px;background:var(--tfn-surface-0); }
.delivery-language-switch small { padding:0 7px;color:var(--tfn-copy-soft);font-size:8px;font-weight:800;letter-spacing:.1em; }
.delivery-language-switch button { min-width:31px;height:27px;padding:0 7px!important;border:0;border-radius:8px!important;background:transparent!important;color:var(--tfn-copy-soft)!important;font-size:9px!important;font-weight:800!important;cursor:pointer;box-shadow:none!important; }
.delivery-language-switch button:is(.is-active,.bg-gradient-to-r) { background:linear-gradient(115deg,#1ecabd,#3797e9)!important;color:#fff!important; }
.delivery-content-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); grid-auto-rows:minmax(0,1fr); gap:18px; align-items:stretch; }
.delivery-content-grid > * { min-width:0; height:100%; margin:0 !important; }
.delivery-credentials-card { padding:20px !important; background:linear-gradient(160deg,var(--tfn-surface-2),var(--tfn-surface-1)) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.03); }
.delivery-credentials-card > div { border-color:var(--tfn-border-soft) !important; }
.delivery-field-value { min-height:44px; display:flex; align-items:center; background:var(--tfn-surface-0) !important; border-color:var(--tfn-border) !important; }
.delivery-security-row { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:10px; padding:11px !important; border:1px solid rgba(93,140,255,.25) !important; border-radius:13px; background:rgba(93,140,255,.07); }
.delivery-security-icon { width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:rgba(93,140,255,.15);color:#83a6ff; }
.delivery-security-row b,.delivery-security-row small { display:block; }.delivery-security-row b{font-size:9px;color:#83a6ff;letter-spacing:.08em}.delivery-security-row small{margin-top:2px;color:var(--tfn-copy-soft);font-size:9px}.delivery-security-row > i{color:#43dba4}
.delivery-message-panel { display:flex; flex-direction:column; min-height:100%; }
.delivery-message-box { flex:1 1 auto; height:0; min-height:310px; max-height:none !important; padding:16px !important; background:var(--tfn-surface-0) !important; border-color:var(--tfn-border) !important; color:var(--tfn-copy) !important; }
.delivery-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.delivery-actions > button { min-height:50px; margin:0 !important; border-radius:14px !important; }
body.admin-panel .admin-module button.bg-gradient-to-r { color:#06111a !important; font-weight:850 !important; }

/* Admin module shells */
body.admin-panel .admin-module { --module-accent:39,217,208; }
body.admin-panel .admin-module-keys { --module-accent:167,139,250; }
body.admin-panel .admin-module-telafi { --module-accent:48,217,155; }
body.admin-panel .admin-module > div {
  border-color:var(--tfn-border) !important;
  background:linear-gradient(155deg,color-mix(in srgb,var(--tfn-surface-2) 94%,transparent),var(--tfn-surface-1)) !important;
  box-shadow:var(--tfn-shadow) !important;
}
body.admin-panel .admin-module > div:first-child { position:relative; overflow:hidden; }
body.admin-panel .admin-module > div:first-child::before {
  content:""; position:absolute; inset:0 auto 0 0; width:3px;
  background:rgb(var(--module-accent)); box-shadow:0 0 24px rgba(var(--module-accent),.45);
}
.admin-module-toolbar { min-height:64px; padding:10px 12px !important; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.admin-module-search { width:min(100%,560px); min-height:42px; padding:0 14px; display:flex; align-items:center; gap:10px; border:1px solid var(--tfn-border); border-radius:13px; background:var(--tfn-surface-0); color:var(--tfn-copy-soft); }
.admin-module-search:focus-within { border-color:rgba(var(--module-accent),.6); box-shadow:0 0 0 3px rgba(var(--module-accent),.09); }
body.admin-panel .admin-module-search input { width:100%; min-height:38px; padding:0 !important; border:0 !important; background:transparent !important; box-shadow:none !important; }
.admin-toolbar-status { display:flex;align-items:center;gap:7px;white-space:nowrap;color:#55deb2;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em }.admin-toolbar-status i{width:7px;height:7px;border-radius:50%;background:#30d99b;box-shadow:0 0 0 5px rgba(48,217,155,.1);animation:tfnLivePulse 1.8s infinite}.admin-toolbar-status.is-purple{color:#bca9ff}.admin-toolbar-status.is-purple i{background:#a78bfa;box-shadow:0 0 0 5px rgba(167,139,250,.1)}
@keyframes tfnLivePulse{50%{box-shadow:0 0 0 8px transparent}}

.admin-upload-zone { padding:16px; border:1px solid var(--tfn-border); border-radius:16px; background:linear-gradient(160deg,rgba(39,217,208,.035),transparent 52%); }
.admin-format-chips { margin:0 0 10px; display:flex; flex-wrap:wrap; gap:6px; }
.admin-format-chips span { padding:5px 8px; display:inline-flex;align-items:center;gap:5px;border:1px solid var(--tfn-border);border-radius:999px;background:var(--tfn-surface-2);color:var(--tfn-copy-soft);font-size:9px;font-weight:750 }.admin-format-chips i{color:var(--tfn-cyan)}
.admin-code-editor { min-height:230px; display:grid; grid-template-columns:42px minmax(0,1fr); overflow:hidden; border:1px solid var(--tfn-border); border-radius:14px; background:#070b12; box-shadow:inset 0 1px 0 rgba(255,255,255,.025); }
.admin-code-lines { max-height:260px; overflow:hidden; padding:15px 10px 15px 0; border-right:1px solid var(--tfn-border-soft); background:#0a0f18; color:#48566d; font:500 11px/1.72 'JetBrains Mono',monospace; text-align:right; user-select:none; white-space:pre; }
body.admin-panel .admin-code-editor textarea { min-height:230px; margin:0; padding:15px 16px !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; font:500 11px/1.72 'JetBrains Mono',monospace; white-space:pre; overflow:auto; }
body.admin-panel .stock-port-card { border-color:var(--tfn-border) !important; background:linear-gradient(145deg,var(--tfn-surface-2),var(--tfn-surface-1)) !important; }
body.admin-panel .stock-port-card { min-height:62px; padding:11px 13px !important; border-radius:13px !important; }
body.admin-panel .stock-port-card .w-4.h-4 { width:7px !important;height:7px !important;border:0 !important;background:#39465a;border-radius:50%;box-shadow:none; }
body.admin-panel .stock-port-card .port-radio-dot { display:none; }
body.admin-panel .stock-port-card:hover { transform:translateX(2px); border-color:rgba(39,217,208,.35) !important; box-shadow:0 10px 24px rgba(0,0,0,.14); }
body.admin-panel .stock-port-card.active-cyan { border-color:rgba(39,217,208,.42) !important; background:linear-gradient(90deg,rgba(39,217,208,.085),var(--tfn-surface-1)) !important; box-shadow:inset 2px 0 #27d9d0; }
body.admin-panel .stock-port-card.active-cyan .w-4.h-4 { background:#27d9d0;box-shadow:0 0 0 5px rgba(39,217,208,.08); }
.admin-module-inject > div { border-radius:20px !important; box-shadow:0 20px 60px rgba(0,0,0,.22) !important; }
.admin-module-inject #inject-product-tabs { padding:4px; width:max-content; max-width:100%; border:1px solid var(--tfn-border); border-radius:12px; background:var(--tfn-surface-0); }
.admin-module-inject .stock-product-tab { min-height:34px; padding:0 13px !important; border:0 !important; border-radius:9px !important; background:transparent !important; color:var(--tfn-copy-soft)!important; box-shadow:none!important; }
.admin-module-inject .stock-product-tab.bg-cyan-500 { background:rgba(39,217,208,.12)!important;color:#64e7dc!important;box-shadow:inset 0 0 0 1px rgba(39,217,208,.25)!important; }
.admin-module-inject button.bg-gradient-to-r { position:relative;overflow:hidden;min-height:49px;border:1px solid rgba(81,203,255,.3);border-radius:13px!important;background:linear-gradient(105deg,#21c4d0,#4978f2)!important;box-shadow:0 13px 32px rgba(48,139,224,.18)!important; }
.admin-module-inject button.bg-gradient-to-r::after { content:"";position:absolute;inset:0;transform:translateX(-120%);background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);animation:tfnButtonSheen 3.4s ease-in-out infinite; }
@keyframes tfnButtonSheen{55%,100%{transform:translateX(120%)}}
.inventory-node-card,.key-vault-card,.replacement-account-card { position:relative; overflow:hidden; border-color:var(--tfn-border) !important; background:linear-gradient(150deg,var(--tfn-surface-2),var(--tfn-surface-1)) !important; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.inventory-node-card::before,.key-vault-card::before,.replacement-account-card::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,rgba(var(--module-accent),.9),transparent 70%)}
.inventory-node-card:hover,.key-vault-card:hover,.replacement-account-card:hover{transform:translateY(-2px);border-color:rgba(var(--module-accent),.46)!important;box-shadow:0 16px 34px rgba(0,0,0,.2)}
#key-summary-stats { flex-wrap:wrap; border-color:var(--tfn-border) !important; background:var(--tfn-surface-0) !important; }
#telafi-ready-list,#telafi-used-list { scrollbar-color:rgba(48,217,155,.4) transparent; }

/* Complete light theme coverage for the refreshed areas. */
html[data-theme="light"] body.customer-portal { background:#eef2f7 !important; }
html[data-theme="light"] .customer-backdrop-art { background:radial-gradient(ellipse 55% 48% at 0 4%,rgba(255,145,108,.22),transparent 70%),radial-gradient(ellipse 40% 45% at 100% 100%,rgba(213,111,151,.13),transparent 72%),repeating-linear-gradient(132deg,rgba(176,104,82,.08) 0 1px,transparent 1px 31px),#eef2f7; }
html[data-theme="light"] .customer-navbar-frame { background:linear-gradient(180deg,rgba(238,242,247,.96),rgba(238,242,247,.5)); }
html[data-theme="light"] .customer-navbar { border-color:#cad4e2; background:rgba(255,255,255,.92); box-shadow:0 18px 50px rgba(42,57,81,.12); }
html[data-theme="light"] .customer-brand strong,html[data-theme="light"] .customer-navbar .nav-tab:hover { color:#172033 !important; }
html[data-theme="light"] .customer-navbar .customer-primary-nav,html[data-theme="light"] .customer-store-cta,html[data-theme="light"] .customer-icon-action,html[data-theme="light"] .customer-register-action,html[data-theme="light"] .customer-profile-trigger { border-color:#d4dce8; background:#f5f7fb; color:#536278; }
html[data-theme="light"] .customer-navbar .nav-tab { color:#536278 !important; }
html[data-theme="light"] .customer-navbar .nav-tab.active,html[data-theme="light"] .customer-store-cta { border-color:#10a998; background:linear-gradient(115deg,#17b8a8,#27cfc0); color:#fff !important; }
html[data-theme="light"] body.customer-portal :is(.customer-tool-card,.delivery-modal-shell,.delivery-credentials-card) { border-color:#cbd5e3 !important; background:linear-gradient(145deg,#fff,#f7f9fc) !important; color:#172033 !important; box-shadow:var(--tfn-shadow) !important; }
html[data-theme="light"] body.customer-portal :is(.text-white,.delivery-modal-heading h3,.delivery-field-value) { color:#172033 !important; }
html[data-theme="light"] body.customer-portal :is(.verify-tool-card input,.status-tool-card input,.delivery-field-value,.delivery-message-box) { border-color:#ccd6e4 !important; background:#f1f4f8 !important; }
html[data-theme="light"] body.admin-panel { background:#edf1f6 !important; }
html[data-theme="light"] body.admin-panel .admin-shell { background:radial-gradient(circle at 75% 0,rgba(39,217,208,.08),transparent 35%),#edf1f6 !important; }
html[data-theme="light"] body.admin-panel .arena-sidebar,html[data-theme="light"] body.admin-panel .arena-topbar { border-color:#d2dae6; background:rgba(255,255,255,.94); }
html[data-theme="light"] body.admin-panel :is(.arena-brand strong,.arena-breadcrumb strong,.ui-screen-title,.admin-view .text-white,.admin-view h3,.admin-view h4) { color:#172033 !important; }
html[data-theme="light"] body.admin-panel .arena-nav-group button { color:#526177; }
html[data-theme="light"] body.admin-panel .arena-nav-group button:hover { background:#edf2f7; color:#172033; }
html[data-theme="light"] body.admin-panel .admin-module > div { border-color:#cbd5e3 !important; background:linear-gradient(155deg,#fff,#f6f8fb) !important; box-shadow:var(--tfn-shadow) !important; }
html[data-theme="light"] body.admin-panel .admin-module :is(.node-card,.key-vault-card,.replacement-account-card,.stock-port-card) { border-color:#d4dce7 !important; background:linear-gradient(150deg,#fff,#f4f7fa) !important; color:#172033 !important; }
html[data-theme="light"] body.admin-panel .admin-view :is(input,textarea,select),html[data-theme="light"] .admin-module-search { border-color:#cbd5e3 !important; background:#f2f5f9 !important; color:#172033 !important; }
html[data-theme="light"] body.admin-panel .admin-view table :is(th,td) { border-color:#dbe2ec !important; color:#263248; }
html[data-theme="light"] body.admin-panel .admin-view thead th { background:#edf2f7; color:#5b687d; }

@media (max-width:1024px) {
  .customer-navbar { grid-template-columns:minmax(0,1fr) auto; }
  .customer-navbar .customer-primary-nav { grid-column:1/-1; grid-row:2; width:100%; margin:0; }
  .customer-navbar .nav-tab span,.customer-navbar .nav-tab.active span { display:inline; }
}
@media (max-width:720px) {
  .customer-navbar .customer-primary-nav { grid-template-columns:repeat(3,minmax(0,1fr)); gap:3px; }
  .customer-navbar .nav-tab:not(.hidden) { min-height:34px; font-size:9px; }
  .delivery-progress-row { grid-template-columns:1fr; gap:12px; }
  .delivery-language-switch { width:max-content; margin:0 auto; }
  .delivery-content-grid,.delivery-actions { grid-template-columns:1fr; grid-auto-rows:auto; }
  .delivery-message-box { min-height:230px; }
  .admin-module-toolbar { align-items:stretch; flex-direction:column; }
  .admin-module-search { width:100%; }
  .admin-toolbar-status { padding:3px 4px 0; }
  .admin-upload-zone { padding:13px; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   MARKA MASKOTU
   ---------------------------------------------------------------------------
   Görseller assets/mascot-{hero,verify,delivery,support}.webp — beyaz zemini
   kaldırılmış, şeffaf WebP. Koyu zemine doğrudan oturur.
   ═══════════════════════════════════════════════════════════════════════════ */
@keyframes mascotFloat {
  0%, 100% { transform: translate3d(0, 0, 0) rotate(-1.2deg); }
  50%      { transform: translate3d(0, -14px, 0) rotate(1.2deg); }
}
@keyframes mascotPop {
  0%   { transform: scale(.35) rotate(-14deg); opacity: 0; }
  55%  { transform: scale(1.14) rotate(5deg);  opacity: 1; }
  75%  { transform: scale(.95) rotate(-2deg); }
  100% { transform: scale(1) rotate(0); opacity: 1; }
}
@keyframes mascotGlow {
  0%, 100% { opacity: .65; transform: scale(.94); }
  50%      { opacity: 1;   transform: scale(1.06); }
}
@keyframes mascotBubbleIn {
  from { opacity: 0; transform: translate3d(-8px, 0, 0) scale(.96); }
  to   { opacity: 1; transform: none; }
}
@keyframes mascotNudge {
  0%, 100% { transform: translate3d(0, 0, 0) rotate(0); }
  25%      { transform: translate3d(0, -6px, 0) rotate(-4deg); }
  75%      { transform: translate3d(0, -6px, 0) rotate(4deg); }
}

.mascot-stage { position: relative; display: grid; place-items: center; pointer-events: none; }
.mascot-img {
  position: relative; z-index: 1;
  display: block; width: 100%; height: auto; max-width: 100%;
  user-select: none; -webkit-user-drag: none;
  filter: drop-shadow(0 18px 26px rgba(0, 0, 0, .5));
  /* Görseldeki zemin gölgesi şeffaflaştırınca açık bir leke olarak kalıyor;
     alt kenar yumuşakça silinir. */
  -webkit-mask-image: linear-gradient(to bottom, #000 0, #000 86%, transparent 99%);
          mask-image: linear-gradient(to bottom, #000 0, #000 86%, transparent 99%);
}
.mascot-floating { animation: mascotFloat 6s ease-in-out infinite; will-change: transform; }

/* Arkadaki neon aura */
.mascot-ambient-glow {
  position: absolute; inset: 10%; z-index: 0; border-radius: 50%;
  background: radial-gradient(circle,
    rgba(34, 211, 238, .42) 0%, rgba(139, 92, 246, .30) 42%, rgba(139, 92, 246, 0) 70%);
  filter: blur(26px);
  animation: mascotGlow 5s ease-in-out infinite;
}

/* ── Hero ────────────────────────────────────────────────────────────────── */
.hero-mascot-layout {
  position: relative; z-index: 1;
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(220px, 360px);
  align-items: center; gap: 28px;
}
.mascot-stage-hero { width: 100%; max-width: 360px; justify-self: end; margin: -18px -6px -26px 0; }

/* ── Kod doğrulama / hesap durumu: maskot + konuşma balonu ───────────────── */
.mascot-guide {
  position: relative; z-index: 1;
  width: 100%; max-width: 42rem; margin: -8px auto 14px;
  display: flex; align-items: center; gap: 6px;
}
.mascot-stage-guide { flex: 0 0 auto; width: 132px; }
.mascot-speech-bubble {
  position: relative; flex: 1 1 auto; min-width: 0; margin: 0;
  padding: 13px 16px; border-radius: 16px;
  background: linear-gradient(135deg, rgba(20, 28, 46, .78), rgba(14, 19, 32, .78));
  border: 1px solid rgba(34, 211, 238, .34);
  box-shadow: 0 14px 34px -18px rgba(34, 211, 238, .55), inset 0 1px 0 rgba(255, 255, 255, .05);
  -webkit-backdrop-filter: blur(14px) saturate(1.3); backdrop-filter: blur(14px) saturate(1.3);
  color: #e6ecfb; font-size: 13.5px; font-weight: 600; line-height: 1.5;
  animation: mascotBubbleIn .45s cubic-bezier(.22, .61, .36, 1) both;
  transition: border-color .25s ease, box-shadow .25s ease, color .25s ease;
}
/* Balonun maskota bakan kuyruğu */
.mascot-speech-bubble::before {
  content: ""; position: absolute; left: -7px; top: 50%;
  width: 13px; height: 13px; margin-top: -6.5px;
  background: rgba(18, 25, 42, .92);
  border-left: 1px solid rgba(34, 211, 238, .34);
  border-bottom: 1px solid rgba(34, 211, 238, .34);
  transform: rotate(45deg); border-radius: 0 0 0 3px;
  transition: border-color .25s ease;
}
/* Durumlar — ui.js data-mascot-state yazar */
.mascot-guide[data-mascot-state="checking"] .mascot-speech-bubble,
.mascot-guide[data-mascot-state="checking"] .mascot-speech-bubble::before { border-color: rgba(251, 191, 36, .5); }
.mascot-guide[data-mascot-state="checking"] .mascot-speech-bubble { color: #fde68a; box-shadow: 0 14px 34px -18px rgba(251, 191, 36, .6); }
.mascot-guide[data-mascot-state="checking"] .mascot-floating { animation: mascotNudge .9s ease-in-out infinite; }
.mascot-guide[data-mascot-state="error"] .mascot-speech-bubble,
.mascot-guide[data-mascot-state="error"] .mascot-speech-bubble::before { border-color: rgba(248, 113, 113, .55); }
.mascot-guide[data-mascot-state="error"] .mascot-speech-bubble { color: #fecaca; box-shadow: 0 14px 34px -18px rgba(248, 113, 113, .6); }
.mascot-guide[data-mascot-state="success"] .mascot-speech-bubble,
.mascot-guide[data-mascot-state="success"] .mascot-speech-bubble::before { border-color: rgba(52, 211, 153, .55); }
.mascot-guide[data-mascot-state="success"] .mascot-speech-bubble { color: #a7f3d0; box-shadow: 0 14px 34px -18px rgba(52, 211, 153, .6); }

/* ── Teslimat penceresi: kutlama maskotu ─────────────────────────────────── */
body.customer-portal .dlv-mascot { flex: 0 0 auto; width: 108px; margin: -16px 0 -14px; }
body.customer-portal .dlv-mascot .mascot-ambient-glow {
  background: radial-gradient(circle, rgba(52, 211, 153, .5) 0%, rgba(34, 211, 238, .25) 45%, transparent 70%);
}
.dlv-mascot .mascot-img.is-popping { animation: mascotPop .8s cubic-bezier(.34, 1.56, .64, 1) both; }

/* ── Destek ──────────────────────────────────────────────────────────────── */
.mascot-stage-support { width: 168px; margin: -6px auto 2px; }
.support-drawer-mascot {
  width: 46px !important; height: 46px; flex: 0 0 auto; margin: -10px 0 -8px -6px;
  filter: drop-shadow(0 6px 10px rgba(0, 0, 0, .5));
  -webkit-mask-image: none; mask-image: none;
}
/* Yüzen düğme: daire içinde maskotun yüzü */
#support-toggle-btn { overflow: hidden; padding: 0; position: relative; }
.support-fab-face { position: absolute; inset: 0; border-radius: 50%; overflow: hidden; display: block; }
.support-fab-face img {
  position: absolute; left: 50%; top: 50%;
  width: 250%; max-width: none; height: auto;
  transform: translate(-51%, -31%);          /* kadraj: yüz + kulaklık */
}
#support-toggle-btn:hover .support-fab-face img { animation: mascotNudge .8s ease-in-out; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ── Mobil: taşma yok, en fazla 190px ────────────────────────────────────── */
@media (max-width: 1023px) {
  .hero-mascot-layout { grid-template-columns: minmax(0, 1fr) minmax(180px, 260px); gap: 16px; }
}
@media (max-width: 767px) {
  .hero-mascot-layout { grid-template-columns: minmax(0, 1fr); gap: 4px; }
  .mascot-stage-hero { order: -1; max-width: 190px; justify-self: center; margin: -8px auto -6px; }
  .mascot-guide { flex-direction: column; gap: 10px; margin-top: 0; text-align: center; }
  .mascot-stage-guide { width: 128px; max-width: 190px; }
  .mascot-speech-bubble { width: 100%; font-size: 13px; }
  /* Dikey dizilimde kuyruk yukarı bakar */
  .mascot-speech-bubble::before {
    left: 50%; top: -7px; margin: 0 0 0 -6.5px;
    border: 0; border-left: 1px solid rgba(34, 211, 238, .34); border-top: 1px solid rgba(34, 211, 238, .34);
    border-radius: 3px 0 0 0;
  }
  .mascot-stage-support { width: 140px; max-width: 190px; }
  body.customer-portal .dlv-mascot { width: 68px; margin: -8px 0; }
  .mascot-ambient-glow { filter: blur(18px); }
}
@media (max-width: 420px) {
  body.customer-portal .dlv-mascot { display: none; }
}

/* ── Hareketi azalt ──────────────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  html:not(.fx-force-motion) .mascot-floating,
  html:not(.fx-force-motion) .mascot-ambient-glow,
  html:not(.fx-force-motion) .mascot-speech-bubble,
  html:not(.fx-force-motion) .dlv-mascot .mascot-img.is-popping { animation: none !important; }
}

/* ── Gündüz teması ───────────────────────────────────────────────────────── */
html[data-theme="light"] .mascot-speech-bubble {
  background: rgba(255, 255, 255, .86); color: #172033;
  border-color: rgba(8, 145, 178, .4); box-shadow: 0 14px 30px -18px rgba(8, 145, 178, .5);
}
html[data-theme="light"] .mascot-speech-bubble::before { background: #fff; border-color: rgba(8, 145, 178, .4); }
html[data-theme="light"] .mascot-ambient-glow { opacity: .55; }