/* SALES_READY_100_VISUAL_APP_REVISION_HOURLY_02_LOCK
   Purpose: hourly continuation UI layer for DEPO SİSTEMLERİ.
   Scope: real Flask/Jinja screens, premium WMS SaaS visual polish, no fake live evidence.
*/
:root{
  --dsh02-navy-980:#041329;
  --dsh02-navy-950:#061a3a;
  --dsh02-navy-900:#08234d;
  --dsh02-blue-700:#0f55d8;
  --dsh02-blue-600:#1263ff;
  --dsh02-blue-500:#2f7cff;
  --dsh02-cyan-500:#19a7ce;
  --dsh02-green-600:#16a34a;
  --dsh02-amber-500:#f59e0b;
  --dsh02-red-500:#ef4444;
  --dsh02-bg:#f5f7fb;
  --dsh02-surface:#ffffff;
  --dsh02-surface-soft:#f8fafc;
  --dsh02-border:#e3e9f4;
  --dsh02-text:#0f1f3d;
  --dsh02-muted:#64748b;
  --dsh02-card-radius:18px;
  --dsh02-control-radius:12px;
  --dsh02-shadow:0 18px 48px rgba(15,31,61,.08);
  --dsh02-shadow-tight:0 10px 24px rgba(15,31,61,.08);
  --dsh02-focus:0 0 0 4px rgba(18,99,255,.18);
}
html[data-visual-app-revision-hourly-02-lock="true"]{background:var(--dsh02-bg);}
body.visual-app-revision-hourly-02-lock{background:var(--dsh02-bg);color:var(--dsh02-text);text-rendering:optimizeLegibility;}
.visual-app-revision-hourly-02-lock .app-shell,
.visual-app-revision-hourly-02-lock .depo-shell,
.visual-app-revision-hourly-02-lock [data-layout-template]{background:linear-gradient(180deg,#f7f9fd 0%,#eef3fa 100%);}
.visual-app-revision-hourly-02-lock .sidebar,
.visual-app-revision-hourly-02-lock .workspace-sidebar,
.visual-app-revision-hourly-02-lock [data-sidebar],
.visual-app-revision-hourly-02-lock aside{background:linear-gradient(180deg,var(--dsh02-navy-950),var(--dsh02-navy-900));border-right:1px solid rgba(255,255,255,.08);box-shadow:18px 0 42px rgba(6,26,58,.16);}
.visual-app-revision-hourly-02-lock .sidebar a,
.visual-app-revision-hourly-02-lock .workspace-sidebar a,
.visual-app-revision-hourly-02-lock aside a{border-radius:12px;color:rgba(255,255,255,.82);transition:background .18s ease,color .18s ease,transform .18s ease;}
.visual-app-revision-hourly-02-lock .sidebar a:hover,
.visual-app-revision-hourly-02-lock .workspace-sidebar a:hover,
.visual-app-revision-hourly-02-lock aside a:hover{background:rgba(255,255,255,.08);color:#fff;transform:translateX(2px);}
.visual-app-revision-hourly-02-lock .sidebar .active,
.visual-app-revision-hourly-02-lock .workspace-sidebar .active,
.visual-app-revision-hourly-02-lock aside .active,
.visual-app-revision-hourly-02-lock [aria-current="page"]{background:linear-gradient(135deg,var(--dsh02-blue-600),#4a8cff);color:#fff;box-shadow:0 14px 30px rgba(18,99,255,.24);}
.visual-app-revision-hourly-02-lock .topbar,
.visual-app-revision-hourly-02-lock .workspace-topbar,
.visual-app-revision-hourly-02-lock header[data-topbar]{background:rgba(255,255,255,.86);backdrop-filter:blur(16px);border-bottom:1px solid var(--dsh02-border);box-shadow:0 12px 30px rgba(15,31,61,.04);}
.visual-app-revision-hourly-02-lock .page-header,
.visual-app-revision-hourly-02-lock .hero,
.visual-app-revision-hourly-02-lock .public-hero{border-radius:24px;background:linear-gradient(135deg,var(--dsh02-navy-950) 0%,var(--dsh02-navy-900) 48%,#0e3b80 100%);color:white;box-shadow:var(--dsh02-shadow);overflow:hidden;}
.visual-app-revision-hourly-02-lock .public-hero .btn,
.visual-app-revision-hourly-02-lock .hero .btn{border-radius:14px;font-weight:800;}
.visual-app-revision-hourly-02-lock .card,
.visual-app-revision-hourly-02-lock .panel,
.visual-app-revision-hourly-02-lock .metric-card,
.visual-app-revision-hourly-02-lock .kpi-card,
.visual-app-revision-hourly-02-lock .dashboard-card,
.visual-app-revision-hourly-02-lock .table-card,
.visual-app-revision-hourly-02-lock .form-card{background:var(--dsh02-surface);border:1px solid var(--dsh02-border);border-radius:var(--dsh02-card-radius);box-shadow:var(--dsh02-shadow-tight);}
.visual-app-revision-hourly-02-lock .kpi-card,
.visual-app-revision-hourly-02-lock .metric-card{position:relative;overflow:hidden;}
.visual-app-revision-hourly-02-lock .kpi-card:before,
.visual-app-revision-hourly-02-lock .metric-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--dsh02-blue-600),var(--dsh02-cyan-500));opacity:.92;}
.visual-app-revision-hourly-02-lock h1,.visual-app-revision-hourly-02-lock h2,.visual-app-revision-hourly-02-lock h3{letter-spacing:-.025em;color:inherit;}
.visual-app-revision-hourly-02-lock .table,
.visual-app-revision-hourly-02-lock table{border-collapse:separate;border-spacing:0;width:100%;background:#fff;border-radius:16px;overflow:hidden;}
.visual-app-revision-hourly-02-lock thead th{background:#f1f5fb;color:#334155;font-size:12px;letter-spacing:.04em;text-transform:uppercase;font-weight:800;border-bottom:1px solid var(--dsh02-border);}
.visual-app-revision-hourly-02-lock tbody tr{transition:background .14s ease,box-shadow .14s ease;}
.visual-app-revision-hourly-02-lock tbody tr:hover{background:#f8fbff;}
.visual-app-revision-hourly-02-lock td,.visual-app-revision-hourly-02-lock th{padding:13px 14px;border-bottom:1px solid #edf2f7;}
.visual-app-revision-hourly-02-lock input,
.visual-app-revision-hourly-02-lock select,
.visual-app-revision-hourly-02-lock textarea,
.visual-app-revision-hourly-02-lock .form-control{border:1px solid var(--dsh02-border);border-radius:var(--dsh02-control-radius);background:#fff;color:var(--dsh02-text);box-shadow:0 1px 0 rgba(15,31,61,.02);}
.visual-app-revision-hourly-02-lock input:focus,
.visual-app-revision-hourly-02-lock select:focus,
.visual-app-revision-hourly-02-lock textarea:focus,
.visual-app-revision-hourly-02-lock button:focus-visible,
.visual-app-revision-hourly-02-lock a:focus-visible{outline:none;box-shadow:var(--dsh02-focus);border-color:var(--dsh02-blue-500);}
.visual-app-revision-hourly-02-lock .btn-primary,
.visual-app-revision-hourly-02-lock .button-primary,
.visual-app-revision-hourly-02-lock button[type="submit"]{background:linear-gradient(135deg,var(--dsh02-blue-600),var(--dsh02-blue-500));border:0;color:#fff;border-radius:var(--dsh02-control-radius);box-shadow:0 14px 30px rgba(18,99,255,.22);font-weight:800;}
.visual-app-revision-hourly-02-lock .badge,
.visual-app-revision-hourly-02-lock .chip,
.visual-app-revision-hourly-02-lock .status-pill{border-radius:999px;font-weight:800;letter-spacing:.01em;padding:.35rem .7rem;border:1px solid transparent;}
.visual-app-revision-hourly-02-lock .badge-success,.visual-app-revision-hourly-02-lock .status-success{background:#ecfdf3;color:#087f40;border-color:#bbf7d0;}
.visual-app-revision-hourly-02-lock .badge-warning,.visual-app-revision-hourly-02-lock .status-warning{background:#fffbeb;color:#a16207;border-color:#fde68a;}
.visual-app-revision-hourly-02-lock .badge-danger,.visual-app-revision-hourly-02-lock .status-danger{background:#fef2f2;color:#b91c1c;border-color:#fecaca;}
.visual-app-revision-hourly-02-lock .badge-info,.visual-app-revision-hourly-02-lock .status-info{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe;}
.visual-app-revision-hourly-02-lock .empty-state,
.visual-app-revision-hourly-02-lock .loading-state,
.visual-app-revision-hourly-02-lock .error-state{border:1px dashed #cbd5e1;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fafc);padding:28px;text-align:center;color:var(--dsh02-muted);}
.visual-app-revision-hourly-02-lock .drawer,
.visual-app-revision-hourly-02-lock .side-panel,
.visual-app-revision-hourly-02-lock [data-drawer]{background:#fff;border-left:1px solid var(--dsh02-border);box-shadow:-24px 0 60px rgba(15,31,61,.14);}
.visual-app-revision-hourly-02-lock .warehouse-map,
.visual-app-revision-hourly-02-lock .location-grid{background:linear-gradient(180deg,#fff,#f6f9ff);border:1px solid var(--dsh02-border);border-radius:18px;}
.visual-app-revision-hourly-02-lock .location-cell{border-radius:8px;min-height:22px;background:#e0f2fe;border:1px solid rgba(18,99,255,.12);}
.visual-app-revision-hourly-02-lock .location-cell.is-empty{background:#dcfce7;}
.visual-app-revision-hourly-02-lock .location-cell.is-warning{background:#fef3c7;}
.visual-app-revision-hourly-02-lock .location-cell.is-danger{background:#fee2e2;}
.visual-app-revision-hourly-02-lock .picking-card,
.visual-app-revision-hourly-02-lock .shipment-card{border-left:4px solid var(--dsh02-blue-600);}
.visual-app-revision-hourly-02-lock .audit-row{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:12px;}
.visual-app-revision-hourly-02-lock .chart-card svg,
.visual-app-revision-hourly-02-lock .analytics-card svg{max-width:100%;height:auto;}
@media (max-width:1024px){
  .visual-app-revision-hourly-02-lock .dashboard-grid,
  .visual-app-revision-hourly-02-lock .kpi-grid,
  .visual-app-revision-hourly-02-lock .cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .visual-app-revision-hourly-02-lock .sidebar,.visual-app-revision-hourly-02-lock aside{max-width:280px;}
}
@media (max-width:720px){
  .visual-app-revision-hourly-02-lock .dashboard-grid,
  .visual-app-revision-hourly-02-lock .kpi-grid,
  .visual-app-revision-hourly-02-lock .cards-grid{grid-template-columns:1fr!important;}
  .visual-app-revision-hourly-02-lock table,.visual-app-revision-hourly-02-lock thead,.visual-app-revision-hourly-02-lock tbody,.visual-app-revision-hourly-02-lock th,.visual-app-revision-hourly-02-lock td,.visual-app-revision-hourly-02-lock tr{display:block;}
  .visual-app-revision-hourly-02-lock thead{display:none;}
  .visual-app-revision-hourly-02-lock tbody tr{margin:0 0 12px;border:1px solid var(--dsh02-border);border-radius:16px;background:#fff;box-shadow:var(--dsh02-shadow-tight);overflow:hidden;}
  .visual-app-revision-hourly-02-lock td{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid #eef2f7;}
  .visual-app-revision-hourly-02-lock td:before{content:attr(data-label);font-weight:800;color:#475569;}
  .visual-app-revision-hourly-02-lock .drawer,.visual-app-revision-hourly-02-lock .side-panel{position:static!important;width:auto!important;box-shadow:var(--dsh02-shadow-tight);border-radius:18px;border:1px solid var(--dsh02-border);}
}
@media (prefers-reduced-motion:reduce){
  .visual-app-revision-hourly-02-lock *{animation:none!important;transition:none!important;scroll-behavior:auto!important;}
}