/* SALES_READY_100_VISUAL_REAL_UI_APPLIED_LOCK · gerçek template UI polish layer
   Bu katman mevcut depo-v3 ve önceki visual premium katmanlarını bozmadan üstte çalışır.
   Amaç: login, public landing, dashboard, tablo, form, stok/picking, rapor ve audit ekranlarında gerçek DOM üzerinde premium WMS görünümü.
*/
:root{
  --vrui-ink:#0f172a;
  --vrui-muted:#64748b;
  --vrui-bg:#f6f8fb;
  --vrui-surface:#ffffff;
  --vrui-surface-2:#f8fafc;
  --vrui-border:rgba(15,23,42,.10);
  --vrui-line:rgba(15,23,42,.08);
  --vrui-primary:#1d4ed8;
  --vrui-primary-2:#2563eb;
  --vrui-primary-soft:#dbeafe;
  --vrui-success:#059669;
  --vrui-warning:#d97706;
  --vrui-danger:#dc2626;
  --vrui-info:#0284c7;
  --vrui-sidebar:#0b1220;
  --vrui-sidebar-2:#111827;
  --vrui-radius-xl:28px;
  --vrui-radius-lg:20px;
  --vrui-radius-md:14px;
  --vrui-shadow:0 24px 70px rgba(15,23,42,.12);
  --vrui-shadow-soft:0 14px 34px rgba(15,23,42,.08);
  --vrui-focus:0 0 0 4px rgba(37,99,235,.22);
}
html[data-ui-system="depo-v3"]{background:var(--vrui-bg);}
body.visual-real-ui-applied-lock{
  color:var(--vrui-ink);
  background:
    radial-gradient(circle at 14% -10%, rgba(37,99,235,.16), transparent 28rem),
    radial-gradient(circle at 92% 4%, rgba(14,165,233,.12), transparent 22rem),
    linear-gradient(180deg,#f8fafc 0%,#eef3f9 100%);
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
.visual-real-ui-applied-lock .skip-link:focus{position:fixed;z-index:9999;top:16px;left:16px;background:#fff;color:var(--vrui-primary);padding:10px 14px;border-radius:12px;box-shadow:var(--vrui-shadow);}
.visual-real-ui-applied-lock .layout{background:transparent;}
.visual-real-ui-applied-lock .page-shell,
.visual-real-ui-applied-lock .clean-core-page-scope{max-width:1480px;margin-inline:auto;}
.visual-real-ui-applied-lock .section-card,
.visual-real-ui-applied-lock .card,
.visual-real-ui-applied-lock .glass,
.visual-real-ui-applied-lock .metric-card,
.visual-real-ui-applied-lock .stat-card,
.visual-real-ui-applied-lock .dashboard-core-action-card,
.visual-real-ui-applied-lock .governance-command-card-v433,
.visual-real-ui-applied-lock .ops-command-card-v434,
.visual-real-ui-applied-lock .public-section-v706,
.visual-real-ui-applied-lock .brand-login-panel{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.88));
  border:1px solid var(--vrui-border);
  box-shadow:var(--vrui-shadow-soft);
  border-radius:var(--vrui-radius-lg);
  backdrop-filter:blur(12px);
}
.visual-real-ui-applied-lock .page-hero,
.visual-real-ui-applied-lock .premium-hero-panel,
.visual-real-ui-applied-lock .aurora-r6-command-hero,
.visual-real-ui-applied-lock .public-hero-v706,
.visual-real-ui-applied-lock .login-layout-v706{
  position:relative;overflow:hidden;border-radius:var(--vrui-radius-xl);
  background:
    linear-gradient(135deg,rgba(15,23,42,.98),rgba(30,64,175,.90)),
    radial-gradient(circle at right top,rgba(56,189,248,.26),transparent 24rem);
  color:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:var(--vrui-shadow);
}
.visual-real-ui-applied-lock .page-hero::after,
.visual-real-ui-applied-lock .aurora-r6-command-hero::after,
.visual-real-ui-applied-lock .public-hero-v706::after,
.visual-real-ui-applied-lock .login-layout-v706::after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.20;
  background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);
  background-size:44px 44px;mask-image:linear-gradient(90deg,transparent,black 18%,black 76%,transparent);
}
.visual-real-ui-applied-lock .page-hero > *,
.visual-real-ui-applied-lock .aurora-r6-command-hero > *,
.visual-real-ui-applied-lock .public-hero-v706 > *,
.visual-real-ui-applied-lock .login-layout-v706 > *{position:relative;z-index:1;}
.visual-real-ui-applied-lock .hero-kicker,
.visual-real-ui-applied-lock .eyebrow{
  color:#60a5fa;letter-spacing:.12em;text-transform:uppercase;font-weight:800;font-size:.72rem;
}
.visual-real-ui-applied-lock h1,
.visual-real-ui-applied-lock h2,
.visual-real-ui-applied-lock h3{letter-spacing:-.035em;}
.visual-real-ui-applied-lock .muted{color:var(--vrui-muted);}
.visual-real-ui-applied-lock .page-hero .muted,
.visual-real-ui-applied-lock .public-hero-v706 .muted,
.visual-real-ui-applied-lock .login-layout-v706 .muted,
.visual-real-ui-applied-lock .aurora-r6-command-hero .hero-sub{color:rgba(226,232,240,.86)!important;}
.visual-real-ui-applied-lock .btn,
.visual-real-ui-applied-lock button.btn,
.visual-real-ui-applied-lock a.btn{
  border-radius:999px;font-weight:800;letter-spacing:-.01em;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;
}
.visual-real-ui-applied-lock .btn:hover{transform:translateY(-1px);}
.visual-real-ui-applied-lock .btn.primary,
.visual-real-ui-applied-lock .btn-primary{
  background:linear-gradient(135deg,var(--vrui-primary),var(--vrui-primary-2));color:#fff;border-color:transparent;box-shadow:0 12px 26px rgba(37,99,235,.28);
}
.visual-real-ui-applied-lock .btn.secondary{background:#fff;color:var(--vrui-primary);border:1px solid rgba(37,99,235,.22);}
.visual-real-ui-applied-lock .btn.ghost,.visual-real-ui-applied-lock .btn.tertiary{background:rgba(255,255,255,.08);border:1px solid rgba(148,163,184,.24);}
.visual-real-ui-applied-lock a:focus-visible,
.visual-real-ui-applied-lock button:focus-visible,
.visual-real-ui-applied-lock input:focus-visible,
.visual-real-ui-applied-lock select:focus-visible,
.visual-real-ui-applied-lock textarea:focus-visible{outline:none;box-shadow:var(--vrui-focus);}
.visual-real-ui-applied-lock .sidebar{
  background:linear-gradient(180deg,var(--vrui-sidebar),var(--vrui-sidebar-2));border-right:1px solid rgba(255,255,255,.08);box-shadow:18px 0 50px rgba(15,23,42,.24);
}
.visual-real-ui-applied-lock .sidebar-brand-head{padding:18px 16px 14px;border-bottom:1px solid rgba(255,255,255,.08);}
.visual-real-ui-applied-lock .sidebar-brand-logo{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:18px;box-shadow:inset 0 1px rgba(255,255,255,.12);}
.visual-real-ui-applied-lock .sidebar-brand-copy strong{color:#fff;}
.visual-real-ui-applied-lock .sidebar-brand-copy small,
.visual-real-ui-applied-lock .sidebar-brand-note{color:rgba(226,232,240,.72);}
.visual-real-ui-applied-lock .snav-title{color:#93c5fd;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:900;}
.visual-real-ui-applied-lock .snav a,
.visual-real-ui-applied-lock .snav button{border-radius:14px;color:rgba(241,245,249,.86);}
.visual-real-ui-applied-lock .snav a:hover,
.visual-real-ui-applied-lock .snav a[aria-current="page"],
.visual-real-ui-applied-lock .snav .active{background:rgba(37,99,235,.28);color:#fff;}
.visual-real-ui-applied-lock .topbar,
.visual-real-ui-applied-lock .shell-header-v705{background:rgba(255,255,255,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--vrui-border);}
.visual-real-ui-applied-lock .dashboard-command-metrics-v707,
.visual-real-ui-applied-lock .metric-grid,
.visual-real-ui-applied-lock .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;}
.visual-real-ui-applied-lock .metric-card,
.visual-real-ui-applied-lock .premium-kpi-v707,
.visual-real-ui-applied-lock .stat-card{padding:18px;position:relative;overflow:hidden;}
.visual-real-ui-applied-lock .metric-card::before,
.visual-real-ui-applied-lock .premium-kpi-v707::before,
.visual-real-ui-applied-lock .stat-card::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--vrui-primary),#38bdf8);}
.visual-real-ui-applied-lock .metric-card strong,
.visual-real-ui-applied-lock .metric-value,
.visual-real-ui-applied-lock .stat-card strong{font-size:clamp(1.55rem,3vw,2.45rem);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.055em;}
.visual-real-ui-applied-lock .tone-danger::before,.visual-real-ui-applied-lock .danger::before{background:linear-gradient(90deg,var(--vrui-danger),#fb7185);}
.visual-real-ui-applied-lock .tone-warn::before,.visual-real-ui-applied-lock .warn::before{background:linear-gradient(90deg,var(--vrui-warning),#fbbf24);}
.visual-real-ui-applied-lock .tone-ok::before,.visual-real-ui-applied-lock .ok::before{background:linear-gradient(90deg,var(--vrui-success),#34d399);}
.visual-real-ui-applied-lock .badge,
.visual-real-ui-applied-lock .chip,
.visual-real-ui-applied-lock .filter-chip{
  border-radius:999px;padding:.35rem .7rem;border:1px solid var(--vrui-border);background:var(--vrui-surface-2);font-weight:800;font-size:.78rem;color:var(--vrui-ink);
}
.visual-real-ui-applied-lock .badge.ok{background:#ecfdf5;color:#065f46;border-color:#a7f3d0;}
.visual-real-ui-applied-lock .badge.warn{background:#fffbeb;color:#92400e;border-color:#fde68a;}
.visual-real-ui-applied-lock .badge.error,.visual-real-ui-applied-lock .badge.danger{background:#fef2f2;color:#991b1b;border-color:#fecaca;}
.visual-real-ui-applied-lock .table-wrap,
.visual-real-ui-applied-lock .table-stage-v431{overflow:hidden;border-radius:var(--vrui-radius-lg);border:1px solid var(--vrui-border);background:#fff;box-shadow:var(--vrui-shadow-soft);}
.visual-real-ui-applied-lock table{border-collapse:separate;border-spacing:0;width:100%;}
.visual-real-ui-applied-lock thead th{position:sticky;top:0;background:#f8fafc;color:#334155;font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;border-bottom:1px solid var(--vrui-border);z-index:2;}
.visual-real-ui-applied-lock tbody td{border-bottom:1px solid var(--vrui-line);vertical-align:middle;}
.visual-real-ui-applied-lock tbody tr:hover{background:#f8fbff;}
.visual-real-ui-applied-lock tbody tr:last-child td{border-bottom:0;}
.visual-real-ui-applied-lock input,
.visual-real-ui-applied-lock select,
.visual-real-ui-applied-lock textarea{
  border:1px solid rgba(148,163,184,.42);border-radius:14px;background:#fff;color:var(--vrui-ink);min-height:42px;padding:.68rem .82rem;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.visual-real-ui-applied-lock input:hover,
.visual-real-ui-applied-lock select:hover,
.visual-real-ui-applied-lock textarea:hover{border-color:rgba(37,99,235,.46);}
.visual-real-ui-applied-lock .form-field label,
.visual-real-ui-applied-lock form label{font-weight:800;color:#334155;}
.visual-real-ui-applied-lock .form-help,.visual-real-ui-applied-lock .section-sub{color:var(--vrui-muted);}
.visual-real-ui-applied-lock .flash,
.visual-real-ui-applied-lock .alert{border-radius:18px;border:1px solid var(--vrui-border);box-shadow:var(--vrui-shadow-soft);}
.visual-real-ui-applied-lock .flash.success,.visual-real-ui-applied-lock .alert.success{background:#ecfdf5;color:#065f46;border-color:#a7f3d0;}
.visual-real-ui-applied-lock .flash.error,.visual-real-ui-applied-lock .alert.error{background:#fef2f2;color:#991b1b;border-color:#fecaca;}
.visual-real-ui-applied-lock .alert.warn{background:#fffbeb;color:#92400e;border-color:#fde68a;}
.visual-real-ui-applied-lock .inventory-stack-v432 .stack-card,
.visual-real-ui-applied-lock .mobile-stack-list .stack-card{border-radius:18px;border:1px solid var(--vrui-border);background:#fff;box-shadow:var(--vrui-shadow-soft);}
.visual-real-ui-applied-lock .aurora-r6-order-lane,
.visual-real-ui-applied-lock .aurora-r6-station-card,
.visual-real-ui-applied-lock .aurora-r6-ticket{border-radius:20px;border:1px solid var(--vrui-border);background:#fff;box-shadow:var(--vrui-shadow-soft);}
.visual-real-ui-applied-lock .aurora-r6-ticket .ticket-top strong{font-variant-numeric:tabular-nums;}
.visual-real-ui-applied-lock .public-card-grid-v706 article,
.visual-real-ui-applied-lock .corp-plan-card{border-radius:22px;border:1px solid var(--vrui-border);background:#fff;box-shadow:var(--vrui-shadow-soft);}
.visual-real-ui-applied-lock .brand-login-panel{color:var(--vrui-ink);}
.visual-real-ui-applied-lock .brand-login-panel .muted{color:var(--vrui-muted)!important;}
.visual-real-ui-applied-lock .login-benefits-v706 span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:.4rem .7rem;}
.visual-real-ui-applied-lock .login-preview-v706{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);border-radius:22px;}
.visual-real-ui-applied-lock [data-screen-standard],
.visual-real-ui-applied-lock [data-dashboard-command-center]{scroll-margin-top:96px;}
.visual-real-ui-applied-lock .visual-real-ui-live-chip{position:fixed;right:18px;bottom:18px;z-index:40;border:1px solid rgba(37,99,235,.22);background:rgba(255,255,255,.88);backdrop-filter:blur(14px);color:#1e3a8a;border-radius:999px;padding:.55rem .85rem;font-weight:900;box-shadow:var(--vrui-shadow-soft);}
@media (max-width: 920px){
  .visual-real-ui-applied-lock .dashboard-command-metrics-v707,.visual-real-ui-applied-lock .metric-grid,.visual-real-ui-applied-lock .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .visual-real-ui-applied-lock .page-hero,.visual-real-ui-applied-lock .public-hero-v706,.visual-real-ui-applied-lock .login-layout-v706{border-radius:22px;}
  .visual-real-ui-applied-lock .hero-actions{display:flex;overflow:auto;gap:10px;padding-bottom:4px;}
  .visual-real-ui-applied-lock .table-wrap{box-shadow:none;}
}
@media (max-width: 680px){
  .visual-real-ui-applied-lock .dashboard-command-metrics-v707,.visual-real-ui-applied-lock .metric-grid,.visual-real-ui-applied-lock .stats-grid{grid-template-columns:1fr;}
  .visual-real-ui-applied-lock table.responsive-stack thead{display:none;}
  .visual-real-ui-applied-lock table.responsive-stack tr{display:block;margin:0 0 12px;border:1px solid var(--vrui-border);border-radius:18px;background:#fff;box-shadow:var(--vrui-shadow-soft);overflow:hidden;}
  .visual-real-ui-applied-lock table.responsive-stack td{display:grid;grid-template-columns:42% 1fr;gap:12px;border-bottom:1px solid var(--vrui-line);padding:12px 14px;}
  .visual-real-ui-applied-lock table.responsive-stack td::before{content:attr(data-label);font-weight:900;color:var(--vrui-muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;}
  .visual-real-ui-applied-lock .visual-real-ui-live-chip{position:static;margin:14px auto 0;width:max-content;}
}
@media (prefers-reduced-motion: reduce){
  .visual-real-ui-applied-lock *, .visual-real-ui-applied-lock *::before, .visual-real-ui-applied-lock *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important;}
}