:root{--primary:#f97316;--button:#f97316;--app-bg:#111827;--panel:#1f2937;--panel2:#0f172a;--text:#f9fafb;--muted:#9ca3af;--line:#374151;--ok:#22c55e;--bad:#ef4444}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--app-bg);color:var(--text)}a{color:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:260px;background:#0b1220;border-right:1px solid var(--line);padding:18px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;margin-bottom:22px}.brand-mark{width:48px;height:48px;border-radius:14px;background:var(--primary);display:grid;place-items:center;font-weight:800}.brand small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.nav a{display:block;text-decoration:none;padding:11px 12px;border-radius:10px;margin:4px 0;color:#e5e7eb}.nav a:hover{background:var(--panel)}.content{flex:1;padding:22px}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;background:var(--panel2);border:1px solid var(--line);border-radius:16px;padding:16px 18px;margin-bottom:18px}.topbar h1{margin:0;font-size:24px}.userbox{text-align:right;color:#e5e7eb}.userbox small{color:var(--muted)}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:16px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.stat{background:#111827;border:1px solid var(--line);border-radius:14px;padding:18px}.stat b{font-size:28px;color:var(--primary)}table{width:100%;border-collapse:collapse;background:#111827;border-radius:12px;overflow:hidden}th,td{padding:10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#0b1220;color:#fbbf24}.btn,button,input[type=submit]{background:var(--button);color:#111827;font-weight:700;border:0;border-radius:10px;padding:9px 12px;text-decoration:none;display:inline-block;cursor:pointer}.btn.secondary{background:#374151;color:#fff}.btn.danger{background:#ef4444;color:#fff}.btn.ok{background:#22c55e;color:#052e16}input,select,textarea{width:100%;padding:10px;border-radius:10px;border:1px solid var(--line);background:#0b1220;color:#fff}label{display:block;margin:9px 0 5px;color:#d1d5db}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.flash{padding:12px 14px;border-radius:12px;margin-bottom:14px}.flash.ok{background:#052e16;color:#bbf7d0}.flash.err{background:#450a0a;color:#fecaca}.badge{display:inline-block;border-radius:999px;padding:4px 9px;background:#374151}.kds-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.order{background:#111827;border:2px solid var(--primary);border-radius:16px;padding:14px}.order h3{margin:0 0 8px}.items{margin:0;padding-left:18px}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,var(--primary),#111827 42%)}.login-card{width:min(420px,92vw);background:#0b1220;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 20px 80px #0008}.login-card h1{text-align:center;margin-top:0}.live{font-size:32px}.live .order{font-size:28px;text-align:center}@media(max-width:800px){.app-shell{display:block}.sidebar{width:auto;height:auto;position:relative}.content{padding:12px}.topbar{display:block}.userbox{text-align:left;margin-top:8px}table{font-size:13px}th,td{padding:7px}}
.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#334155;color:#fff;font-size:12px;font-weight:700}
.badge.warn{background:#f97316;color:#111827}

.brand-logo{width:46px;height:46px;object-fit:contain;border-radius:12px;background:#fff;padding:4px;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.company-logo-preview{max-height:90px;max-width:260px;background:#fff;border-radius:14px;padding:8px;border:1px solid rgba(255,255,255,.15)}
.company-dashboard{position:relative;min-height:120px}
.company-dashboard-logo{max-height:90px;max-width:220px;object-fit:contain;background:#fff;border-radius:16px;padding:8px;margin-bottom:10px;border:1px solid rgba(255,255,255,.12)}
.company-card{border-left:5px solid var(--primary)}
textarea{width:100%;border:1px solid rgba(255,255,255,.14);background:#0b1220;color:#e5e7eb;border-radius:12px;padding:10px;box-sizing:border-box}

.logo-box{margin:12px 0;padding:12px;border:1px solid #374151;border-radius:12px;background:#111827}
.company-logo-preview{max-width:220px;max-height:120px;display:block;margin:8px 0;border-radius:8px;background:#fff;padding:6px}
.mini-logo{max-width:54px;max-height:36px;border-radius:6px;background:#fff;padding:3px;margin-bottom:4px}
.brand-logo{max-width:38px;max-height:38px;border-radius:8px;background:#fff;padding:3px;object-fit:contain}

.subscription-alert{border-radius:14px;padding:14px 16px;margin-bottom:16px;border:2px solid #f97316;background:#451a03;color:#ffedd5;box-shadow:0 0 0 1px rgba(249,115,22,.25)}
.subscription-alert.subscription-warning{border-color:#f59e0b;background:#422006;color:#fef3c7}
.subscription-alert.subscription-expired,.subscription-alert.subscription-blocked{border-color:#ef4444;background:#450a0a;color:#fecaca;animation:pulseWarning 1.4s infinite alternate}
.subscription-block{border:3px solid #ef4444;background:#450a0a;color:#fecaca;border-radius:18px;padding:26px;margin:24px 0;box-shadow:0 0 40px rgba(239,68,68,.25)}
.subscription-block h2{margin-top:0;color:#fff}
.subscription-card.subscription-warning{border-left:6px solid #f59e0b}
.subscription-card.subscription-expired,.subscription-card.subscription-blocked{border-left:6px solid #ef4444;background:#2f1111}
.subscription-message{color:#fbbf24}
@keyframes pulseWarning{from{filter:brightness(1)}to{filter:brightness(1.18)}}

/* v2.8.4 — czytelna tabela uprawnień użytkownika */
.permission-location-block{
    margin:14px 0 18px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:14px;
    overflow:hidden;
    background:rgba(255,255,255,.035);
}
.permission-location-title{
    padding:12px 14px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.5px;
    background:rgba(249,115,22,.16);
    border-bottom:1px solid rgba(255,255,255,.1);
}
.permissions-matrix th,
.permissions-matrix td{
    text-align:center;
    vertical-align:middle;
}
.permissions-matrix th:first-child,
.permissions-matrix td:first-child{
    text-align:left;
    min-width:190px;
}
.permissions-matrix input[type="checkbox"],
.location-boxes input[type="checkbox"]{
    transform:scale(1.25);
    accent-color:#f97316;
}
.perm-help{
    padding:10px 12px;
    margin:10px 0;
    border-radius:12px;
    background:rgba(255,255,255,.06);
    color:#cbd5e1;
}
.perm-help.warn{
    background:rgba(245,158,11,.16);
    color:#fde68a;
}
.muted{opacity:.45;}


/* v2.8.8 — multi-location user roles */
.permission-location-block{
    margin:16px 0;
    border:1px solid rgba(255,255,255,.14);
    border-radius:12px;
    overflow:hidden;
    background:#0b1220;
}
.permission-location-title{
    padding:10px 12px;
    font-weight:900;
    background:rgba(120,70,45,.65);
    color:#fff;
    text-transform:uppercase;
}
.permissions-matrix{width:100%;}
.permissions-matrix th{color:#ffd400;text-align:center;}
.permissions-matrix th:first-child,.permissions-matrix td:first-child{text-align:left;}
.permissions-matrix td{text-align:center;}
.permissions-matrix input[type="checkbox"]{width:20px !important;height:20px !important;accent-color:#ff7a1a;}
.perm-help{margin:10px 0;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.06);}


/* V4.0.1 LOGO ONLY
   Tylko naprawa rozmiaru logo. Bez zmiany kolorystyki i layoutu. */

.brand-logo,
.sidebar .brand-logo,
.sidebar img.brand-logo,
.brand img.brand-logo{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    max-width:46px !important;
    min-height:46px !important;
    max-height:46px !important;
    object-fit:contain !important;
    display:block !important;
    border-radius:12px !important;
    background:#fff !important;
    padding:4px !important;
    box-sizing:border-box !important;
}

/* Awaryjnie: żaden obraz w brand/sidebar nie może rozepchnąć menu */
.sidebar .brand img,
.sidebar > img,
aside.sidebar img{
    max-width:46px !important;
    max-height:46px !important;
    width:46px !important;
    height:46px !important;
    object-fit:contain !important;
}

/* Logo w dashboardzie firmy — ograniczone, ale zostaje widoczne */
.company-dashboard-logo{
    max-width:140px !important;
    max-height:140px !important;
    width:auto !important;
    height:auto !important;
    object-fit:contain !important;
    display:block !important;
}

/* V4.3.12 — menu przewijane/chowane oraz grupowane dla admin/superadmin */
.menu-toggle{
    position:fixed;
    top:10px;
    left:10px;
    z-index:1001;
    width:auto !important;
    padding:8px 11px;
    border-radius:10px;
    box-shadow:0 10px 30px rgba(0,0,0,.25);
}
.sidebar{
    overflow-y:auto !important;
    overflow-x:hidden !important;
    scrollbar-width:thin;
    scrollbar-color:#6b7280 #0b1220;
}
.sidebar::-webkit-scrollbar{width:8px;}
.sidebar::-webkit-scrollbar-track{background:#0b1220;}
.sidebar::-webkit-scrollbar-thumb{background:#6b7280;border-radius:999px;}
.brand{padding-top:34px;}
.app-shell{transition:all .18s ease;}
.app-shell.menu-collapsed .sidebar{
    margin-left:-260px;
}
.nav-admin .menu-accordion{
    border:1px solid rgba(255,255,255,.08);
    border-radius:12px;
    margin:8px 0;
    background:rgba(255,255,255,.025);
    overflow:hidden;
}
.nav-admin .menu-accordion summary{
    list-style:none;
    cursor:pointer;
    padding:11px 12px;
    display:flex;
    align-items:center;
    gap:9px;
    font-weight:800;
    color:#f9fafb;
    user-select:none;
}
.nav-admin .menu-accordion summary::-webkit-details-marker{display:none;}
.nav-admin .menu-accordion summary::after{
    content:'›';
    margin-left:auto;
    transition:transform .18s ease;
    color:#fbbf24;
    font-size:20px;
    line-height:1;
}
.nav-admin .menu-accordion[open] summary::after{transform:rotate(90deg);}
.nav-admin .menu-accordion-body{
    padding:0 8px 8px;
}
.nav-admin .menu-accordion-body a{
    margin:3px 0;
    padding:9px 10px 9px 32px;
    font-size:14px;
}
.menu-icon{width:22px;text-align:center;display:inline-block;}
.menu-logout{margin-top:10px;border-top:1px solid rgba(255,255,255,.1);padding-top:8px;}
.nav-user .menu-group{
    border:1px solid rgba(255,255,255,.08);
    border-radius:12px;
    padding:8px;
    margin:9px 0;
    background:rgba(255,255,255,.025);
}
.nav-user .menu-title{
    padding:6px 8px;
    font-size:12px;
    color:#fbbf24;
    font-weight:900;
    letter-spacing:.7px;
}
.nav-user a{font-size:15px;}
@media(max-width:800px){
    .menu-toggle{top:8px;left:8px;}
    .brand{padding-top:42px;}
    .sidebar{
        position:fixed !important;
        top:0;
        left:0;
        bottom:0;
        width:min(86vw,300px) !important;
        height:100vh !important;
        z-index:1000;
        transform:translateX(0);
        transition:transform .18s ease;
        box-shadow:20px 0 50px rgba(0,0,0,.4);
    }
    .sidebar.is-hidden{transform:translateX(-105%);}
    .app-shell.menu-collapsed .sidebar{margin-left:0;}
    .content{padding-top:54px !important;}
}


/* V4.3.20 — wyraźna aktualna lokalizacja pod logo w menu */
.sidebar-location-badge{
    margin:-8px 0 18px;
    padding:10px 12px;
    border-radius:14px;
    background:linear-gradient(135deg, rgba(249,115,22,.24), rgba(251,191,36,.12));
    border:1px solid rgba(249,115,22,.65);
    box-shadow:0 0 0 1px rgba(255,255,255,.04) inset, 0 10px 24px rgba(0,0,0,.18);
}
.sidebar-location-label{
    font-size:11px;
    line-height:1;
    text-transform:uppercase;
    letter-spacing:.08em;
    color:#fbbf24;
    font-weight:900;
    margin-bottom:5px;
}
.sidebar-location-name{
    color:#fff;
    font-size:18px;
    line-height:1.1;
    font-weight:1000;
    text-shadow:0 1px 0 rgba(0,0,0,.35);
}
.sidebar-location-booth{
    margin-top:5px;
    color:#fde68a;
    font-size:12px;
    font-weight:800;
}
.menu-collapsed .sidebar-location-badge{display:none;}
@media(max-width:800px){
    .sidebar-location-badge{margin:0 0 14px;}
    .sidebar-location-name{font-size:16px;}
}


/* =========================
   ZAMIVO.PL DARK PREMIUM THEME
   Tylko warstwa wizualna — bez zmian logiki PHP.
========================= */
:root{
    --primary:#7c3aed !important;
    --button:#7c3aed !important;
    --app-bg:#070b14 !important;
    --panel:#111827 !important;
    --panel2:#0b1120 !important;
    --text:#f8fafc !important;
    --muted:#94a3b8 !important;
    --line:rgba(148,163,184,.18) !important;
    --ok:#22c55e !important;
    --bad:#ef4444 !important;
    --zamivo-blue:#38bdf8;
    --zamivo-violet:#7c3aed;
    --zamivo-indigo:#4f46e5;
}
body{
    background:
        radial-gradient(circle at 15% 0%, rgba(124,58,237,.20), transparent 34%),
        radial-gradient(circle at 90% 5%, rgba(56,189,248,.12), transparent 30%),
        linear-gradient(135deg,#070b14 0%,#0b1120 48%,#08111f 100%) !important;
    color:#f8fafc !important;
    font-family:Inter,Segoe UI,Arial,Helvetica,sans-serif !important;
}
.sidebar{
    background:rgba(8,13,26,.94) !important;
    border-right:1px solid rgba(148,163,184,.16) !important;
    box-shadow:18px 0 55px rgba(0,0,0,.30) !important;
    scrollbar-color:#7c3aed #0b1120 !important;
}
.content{background:transparent !important;}
.brand{gap:12px !important;margin-bottom:22px !important;align-items:center !important;}
.brand b{font-size:18px !important;letter-spacing:.15px !important;color:#fff !important;}
.brand small{color:#a5b4fc !important;}
.brand-logo.zamivo-system-logo,
.brand .zamivo-system-logo{
    width:150px !important;
    height:auto !important;
    min-width:150px !important;
    max-width:150px !important;
    max-height:54px !important;
    object-fit:contain !important;
    border-radius:0 !important;
    background:transparent !important;
    padding:0 !important;
    box-shadow:none !important;
}
.brand:has(.zamivo-system-logo) > div{display:none !important;}
.brand-mark{
    width:50px !important;height:50px !important;min-width:50px !important;
    border-radius:16px !important;
    background:linear-gradient(135deg,#8b5cf6 0%,#4f46e5 55%,#22d3ee 100%) !important;
    color:#fff !important;font-size:28px !important;font-weight:900 !important;
    box-shadow:0 14px 34px rgba(124,58,237,.36) !important;
}
.menu-toggle,.btn,button,input[type=submit]{
    background:linear-gradient(135deg,#7c3aed,#4f46e5) !important;
    color:#fff !important;
    border:1px solid rgba(255,255,255,.12) !important;
    box-shadow:0 10px 26px rgba(79,70,229,.26) !important;
}
.btn:hover,button:hover,input[type=submit]:hover,.menu-toggle:hover{filter:brightness(1.08);}
.btn.secondary{background:#1e293b !important;color:#e5e7eb !important;}
.btn.danger{background:linear-gradient(135deg,#ef4444,#b91c1c) !important;color:#fff !important;}
.btn.ok{background:linear-gradient(135deg,#22c55e,#15803d) !important;color:#fff !important;}
.topbar,.card,.stat,.order,.permission-location-block,.nav-admin .menu-accordion,.nav-user .menu-group{
    background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015)),rgba(15,23,42,.78) !important;
    border:1px solid rgba(148,163,184,.16) !important;
    box-shadow:0 18px 55px rgba(0,0,0,.22) !important;
    backdrop-filter:blur(12px);
}
.topbar,.card{border-radius:20px !important;}
.stat{border-radius:18px !important;position:relative;overflow:hidden;}
.stat::after{content:'';position:absolute;left:18px;right:18px;bottom:15px;height:2px;background:linear-gradient(90deg,transparent,#7c3aed,#38bdf8,transparent);opacity:.38;}
.stat b{color:#fff !important;font-size:30px !important;}
.nav a{color:#e5e7eb !important;transition:.15s ease !important;}
.nav a:hover{background:rgba(124,58,237,.18) !important;color:#fff !important;}
.nav-admin .menu-accordion summary{color:#f8fafc !important;}
.nav-admin .menu-accordion summary::after{color:#8b5cf6 !important;}
.nav-admin .menu-accordion[open] summary{background:linear-gradient(135deg,rgba(124,58,237,.28),rgba(37,99,235,.16)) !important;}
.nav-user .menu-title{color:#a78bfa !important;}
input,select,textarea{
    background:#0b1120 !important;
    border:1px solid rgba(148,163,184,.24) !important;
    color:#fff !important;
    border-radius:12px !important;
}
input:focus,select:focus,textarea:focus{outline:none !important;border-color:#7c3aed !important;box-shadow:0 0 0 3px rgba(124,58,237,.22) !important;}
label{color:#dbe4f0 !important;}
table{background:rgba(15,23,42,.82) !important;border:1px solid rgba(148,163,184,.16) !important;}
th{background:#0b1120 !important;color:#c4b5fd !important;}td{border-bottom:1px solid rgba(148,163,184,.12) !important;}
.badge{background:rgba(124,58,237,.18) !important;color:#ddd6fe !important;}.badge.warn{background:rgba(249,115,22,.16) !important;color:#fed7aa !important;}
.flash.ok{background:rgba(34,197,94,.13) !important;color:#bbf7d0 !important;}.flash.err{background:rgba(239,68,68,.13) !important;color:#fecaca !important;}
.sidebar-location-badge{background:linear-gradient(135deg,rgba(124,58,237,.20),rgba(56,189,248,.10)) !important;border:1px solid rgba(124,58,237,.35) !important;border-radius:16px !important;}
.sidebar-location-label{color:#a78bfa !important;}
.permission-location-title{background:linear-gradient(135deg,rgba(124,58,237,.28),rgba(56,189,248,.10)) !important;color:#fff !important;}
.permissions-matrix input[type="checkbox"],.location-boxes input[type="checkbox"]{accent-color:#7c3aed !important;}

/* LOGIN ZAMIVO */
.login-page.zamivo-login-page,
.login-page{
    min-height:100vh !important;
    display:grid !important;
    place-items:center !important;
    background:
        radial-gradient(circle at 18% 8%, rgba(124,58,237,.26), transparent 34%),
        radial-gradient(circle at 88% 12%, rgba(56,189,248,.14), transparent 32%),
        linear-gradient(135deg,#070b14 0%,#0b1120 54%,#08111f 100%) !important;
}
.login-card.zamivo-login-card,
.login-card{
    width:min(440px,92vw) !important;
    background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018)),rgba(15,23,42,.86) !important;
    border:1px solid rgba(148,163,184,.22) !important;
    border-radius:24px !important;
    padding:30px 28px !important;
    box-shadow:0 25px 90px rgba(0,0,0,.46),0 0 0 1px rgba(255,255,255,.03) inset !important;
    backdrop-filter:blur(14px) !important;
}
.login-logo-wrap{text-align:center;margin:0 0 24px;}
.login-logo{width:min(270px,76vw);height:auto;display:block;margin:0 auto 8px;}
.login-subtitle{color:#a5b4fc;font-size:14px;letter-spacing:.2px;}
.login-card h1{display:none !important;}
.login-card input{height:42px !important;}
.login-card button{width:100%;height:44px;border-radius:13px !important;font-size:15px !important;}
.demo-login-info{text-align:center;margin:18px 0 0;color:#cbd5e1;}
.demo-login-info small{color:#cbd5e1;font-weight:700;}
@media(max-width:800px){.brand-logo.zamivo-system-logo,.brand .zamivo-system-logo{width:140px !important;min-width:140px !important}.login-card{padding:24px 20px !important}}

/* =========================================================
   ZAMIVO UI v2 — ETAP 1: globalny motyw dark premium
   Zakres: login, sidebar, topbar, karty, formularze, tabele
========================================================= */
:root{
    --z-bg:#050b1a;
    --z-bg2:#081126;
    --z-panel:rgba(11,19,43,.78);
    --z-panel-solid:#0b132b;
    --z-panel-soft:rgba(15,23,42,.82);
    --z-line:rgba(148,163,184,.18);
    --z-text:#f8fafc;
    --z-muted:#94a3b8;
    --z-purple:#8b5cf6;
    --z-blue:#2563eb;
    --z-cyan:#06b6d4;
    --z-green:#22c55e;
    --z-orange:#f59e0b;
    --z-red:#ef4444;
    --z-radius:22px;
    --z-shadow:0 24px 80px rgba(0,0,0,.42);
    --primary:#8b5cf6;
    --button:#8b5cf6;
    --app-bg:#050b1a;
}

html{background:var(--z-bg)}
body:not(.tv-body){
    background:
        radial-gradient(circle at 12% 8%, rgba(139,92,246,.28), transparent 34%),
        radial-gradient(circle at 88% 12%, rgba(6,182,212,.16), transparent 32%),
        radial-gradient(circle at 48% 100%, rgba(37,99,235,.18), transparent 36%),
        linear-gradient(135deg,#050b1a 0%,#070d20 45%,#0b1024 100%) !important;
    color:var(--z-text) !important;
    font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}
body:not(.tv-body)::before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    background-image:
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
    background-size:42px 42px;
    mask-image:radial-gradient(circle at top, #000 0%, transparent 76%);
    z-index:0;
}

.app-shell{position:relative;z-index:1;min-height:100vh}
.sidebar{
    background:linear-gradient(180deg,rgba(8,13,30,.96),rgba(7,11,24,.94)) !important;
    border-right:1px solid rgba(148,163,184,.14) !important;
    box-shadow:22px 0 80px rgba(0,0,0,.34) !important;
    backdrop-filter:blur(18px);
}
.content{background:transparent!important;color:var(--z-text)!important}

.brand{
    gap:14px!important;
    padding:18px 16px!important;
    border-bottom:1px solid rgba(148,163,184,.12);
}
.brand b{font-size:18px!important;letter-spacing:.1px;color:#fff!important;white-space:nowrap}
.brand small{display:block!important;color:#93c5fd!important;font-size:11px!important;margin-top:2px!important;white-space:nowrap}
.brand-icon-v2{
    width:50px;height:50px;min-width:50px;
    border-radius:16px;
    display:grid;place-items:center;
    color:#fff;font-size:30px;font-weight:950;
    background:linear-gradient(135deg,var(--z-purple),var(--z-blue) 55%,var(--z-cyan));
    box-shadow:0 0 28px rgba(139,92,246,.42), 0 12px 30px rgba(0,0,0,.28);
}
.zamivo-system-logo,.brand-logo{
    width:auto!important;height:auto!important;max-width:158px!important;max-height:54px!important;object-fit:contain!important;
    border-radius:14px!important;background:rgba(255,255,255,.04)!important;padding:4px!important;
}

.topbar,.card,.stat,.order,.ticket,.permission-location-block,.nav-admin .menu-accordion,.nav-user .menu-group{
    background:linear-gradient(180deg,rgba(15,23,42,.78),rgba(11,19,43,.70)) !important;
    border:1px solid var(--z-line) !important;
    border-radius:var(--z-radius) !important;
    box-shadow:var(--z-shadow) !important;
    backdrop-filter:blur(18px);
    color:var(--z-text)!important;
}
.topbar{margin-bottom:18px!important;align-items:center!important}
.topbar h1{font-size:clamp(22px,2.4vw,34px)!important;color:#fff!important;letter-spacing:-.03em!important}
.card h1,.card h2,.card h3{color:#fff!important;letter-spacing:-.02em}
p,small,.muted{color:var(--z-muted)!important}

.nav a{
    color:#e5e7eb!important;
    border:1px solid transparent!important;
    border-radius:14px!important;
    transition:transform .15s ease, background .15s ease, border-color .15s ease;
}
.nav a:hover{
    transform:translateX(2px);
    background:linear-gradient(135deg,rgba(139,92,246,.22),rgba(6,182,212,.10))!important;
    border-color:rgba(139,92,246,.32)!important;
    color:#fff!important;
}
.nav-admin .menu-accordion summary{
    color:#f8fafc!important;
    border-radius:14px!important;
}
.nav-admin .menu-accordion[open] summary{
    background:linear-gradient(135deg,rgba(139,92,246,.24),rgba(37,99,235,.13))!important;
}
.menu-title{color:#93c5fd!important;letter-spacing:.08em;font-size:11px!important}
.logout-link{background:rgba(239,68,68,.14)!important;color:#fecaca!important;border-color:rgba(239,68,68,.22)!important}

.sidebar-location-badge{
    background:linear-gradient(135deg,rgba(139,92,246,.18),rgba(6,182,212,.09))!important;
    border:1px solid rgba(139,92,246,.30)!important;
    border-radius:18px!important;
    box-shadow:0 12px 34px rgba(0,0,0,.22);
}
.sidebar-location-label{color:#93c5fd!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.08em}
.sidebar-location-name{color:#fff!important;font-weight:800!important}
.sidebar-location-booth{color:var(--z-muted)!important}

.btn,button,input[type=submit],.menu-toggle{
    border:1px solid rgba(255,255,255,.13)!important;
    border-radius:14px!important;
    background:linear-gradient(135deg,var(--z-purple),var(--z-blue) 58%,var(--z-cyan))!important;
    color:#fff!important;
    font-weight:800!important;
    box-shadow:0 14px 34px rgba(37,99,235,.24), 0 0 22px rgba(139,92,246,.14)!important;
}
.btn:hover,button:hover,input[type=submit]:hover,.menu-toggle:hover{filter:brightness(1.08);transform:translateY(-1px)}
.btn.secondary,.btn.gray,button.secondary{background:rgba(148,163,184,.14)!important;color:#e5e7eb!important;border-color:rgba(148,163,184,.24)!important;box-shadow:none!important}
.btn.red,.danger,button.danger{background:linear-gradient(135deg,#ef4444,#f97316)!important;color:#fff!important}

input,select,textarea{
    background:rgba(2,6,23,.62)!important;
    border:1px solid rgba(148,163,184,.22)!important;
    color:#fff!important;
    border-radius:14px!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
input:focus,select:focus,textarea:focus{
    outline:none!important;
    border-color:rgba(139,92,246,.72)!important;
    box-shadow:0 0 0 4px rgba(139,92,246,.18), 0 0 24px rgba(6,182,212,.08)!important;
}
label{color:#dbeafe!important}
::placeholder{color:#64748b!important}

.table-wrap{border-radius:18px;overflow:auto;border:1px solid rgba(148,163,184,.14)}
table{background:rgba(11,19,43,.74)!important;color:var(--z-text)!important;border-color:rgba(148,163,184,.15)!important}
th{background:rgba(2,6,23,.82)!important;color:#bfdbfe!important;border-color:rgba(148,163,184,.13)!important}
td{border-color:rgba(148,163,184,.12)!important;color:#e5e7eb!important}
tr:hover td{background:rgba(139,92,246,.06)!important}
.badge{background:rgba(139,92,246,.18)!important;color:#ddd6fe!important;border:1px solid rgba(139,92,246,.25)!important}
.flash,.alert{border-radius:16px!important;border:1px solid rgba(148,163,184,.18)!important;background:rgba(15,23,42,.78)!important;color:#e5e7eb!important}
.flash.ok,.ok{background:rgba(34,197,94,.12)!important;border-color:rgba(34,197,94,.25)!important;color:#bbf7d0!important}
.flash.err,.err{background:rgba(239,68,68,.12)!important;border-color:rgba(239,68,68,.25)!important;color:#fecaca!important}

/* Login v2 */
.login-page.login-v2{
    min-height:100vh;
    display:grid;
    place-items:center;
    overflow:hidden;
    padding:22px;
}
.login-orb{position:fixed;border-radius:999px;filter:blur(14px);pointer-events:none;opacity:.72}
.login-orb-a{width:360px;height:360px;left:-90px;top:-90px;background:radial-gradient(circle,rgba(139,92,246,.38),transparent 68%)}
.login-orb-b{width:420px;height:420px;right:-120px;bottom:-120px;background:radial-gradient(circle,rgba(6,182,212,.24),transparent 70%)}
.login-card-v2{
    width:min(430px,94vw)!important;
    padding:34px 30px 24px!important;
    border-radius:30px!important;
    background:linear-gradient(180deg,rgba(15,23,42,.82),rgba(8,13,30,.74))!important;
    border:1px solid rgba(148,163,184,.18)!important;
    box-shadow:0 30px 100px rgba(0,0,0,.48), 0 0 60px rgba(139,92,246,.14)!important;
    backdrop-filter:blur(22px);
    position:relative;z-index:2;
}
.zamivo-wordmark{
    text-align:center;
    font-weight:950;
    letter-spacing:-.06em;
    line-height:1;
    font-size:clamp(44px,11vw,64px);
    white-space:nowrap;
    color:#fff;
    text-shadow:0 0 28px rgba(139,92,246,.20);
}
.zamivo-wordmark span{
    background:linear-gradient(90deg,#fff,#dbeafe 48%,#a5b4fc);
    -webkit-background-clip:text;background-clip:text;color:transparent;
}
.zamivo-wordmark em{
    font-style:normal;
    color:#22d3ee;
    letter-spacing:-.065em;
}
.login-subtitle{text-align:center;color:#93c5fd!important;margin-top:10px;margin-bottom:24px;font-weight:700;letter-spacing:.02em}
.login-form-v2 label{display:block;margin:14px 0 7px;font-size:13px;font-weight:800;color:#bfdbfe!important}
.login-form-v2 input{height:48px!important;margin:0!important;padding:0 14px!important}
.password-wrap{position:relative}.password-wrap input{padding-right:56px!important}.password-toggle{position:absolute!important;right:6px;top:6px;height:36px!important;width:42px!important;padding:0!important;border-radius:12px!important;background:rgba(148,163,184,.12)!important;box-shadow:none!important}
.login-submit-v2{width:100%;height:50px;margin-top:20px;font-size:16px!important}
.demo-card-v2{margin-top:18px;padding:13px 14px;border-radius:18px;background:rgba(2,6,23,.42);border:1px solid rgba(148,163,184,.14);color:#cbd5e1;text-align:center;font-size:13px}
.demo-card-v2 code{color:#67e8f9;background:rgba(6,182,212,.08);padding:2px 6px;border-radius:8px}
.build-info{margin-top:14px;text-align:center;color:#64748b;font-size:11px;letter-spacing:.08em;text-transform:uppercase}

@media(max-width:800px){
    .sidebar{box-shadow:16px 0 50px rgba(0,0,0,.35)!important}
    .topbar,.card{border-radius:18px!important}
    .brand b{font-size:16px!important}.brand small{font-size:10px!important}.brand-icon-v2{width:44px;height:44px;min-width:44px;font-size:26px;border-radius:14px}
}
@media(max-width:460px){
    .login-card-v2{padding:28px 20px 20px!important;border-radius:24px!important}
    .zamivo-wordmark{font-size:clamp(38px,14vw,50px)}
    .login-subtitle{font-size:13px}
}


/* =========================
   ZAMIVO LOGIN PREMIUM 2026.06
   tylko warstwa wizualna logowania
========================= */
body.login-v2{
    background:
        radial-gradient(circle at 18% 48%, rgba(217,70,239,.42), transparent 28%),
        radial-gradient(circle at 82% 48%, rgba(14,165,233,.34), transparent 28%),
        radial-gradient(circle at 50% 10%, rgba(124,58,237,.22), transparent 34%),
        linear-gradient(135deg,#08051f 0%,#06101f 52%,#020617 100%)!important;
}
body.login-v2::before,
body.login-v2::after{
    content:"";
    position:fixed;
    inset:auto;
    width:42vw;
    height:42vw;
    min-width:360px;
    min-height:360px;
    border-radius:50%;
    pointer-events:none;
    opacity:.45;
    filter:blur(.2px);
    z-index:0;
}
body.login-v2::before{
    left:-12vw;
    bottom:-10vw;
    border:2px solid rgba(217,70,239,.42);
    box-shadow:0 0 70px rgba(217,70,239,.28), inset 0 0 50px rgba(217,70,239,.08);
}
body.login-v2::after{
    right:-12vw;
    bottom:-12vw;
    border:2px solid rgba(14,165,233,.42);
    box-shadow:0 0 75px rgba(14,165,233,.26), inset 0 0 50px rgba(14,165,233,.08);
}
.login-page.login-v2{
    padding:28px!important;
    background-image:
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px)!important;
    background-size:42px 42px!important;
}
.login-orb-a{width:560px!important;height:560px!important;left:-170px!important;top:20%!important;background:radial-gradient(circle,rgba(217,70,239,.30),transparent 66%)!important;filter:blur(18px)!important}
.login-orb-b{width:560px!important;height:560px!important;right:-190px!important;bottom:12%!important;background:radial-gradient(circle,rgba(14,165,233,.25),transparent 68%)!important;filter:blur(18px)!important}
.login-card-v2{
    width:min(760px,94vw)!important;
    padding:44px 70px 34px!important;
    border-radius:34px!important;
    background:linear-gradient(180deg,rgba(17,25,45,.82),rgba(5,11,26,.78))!important;
    border:1px solid rgba(148,163,184,.24)!important;
    box-shadow:
        0 36px 120px rgba(0,0,0,.58),
        0 0 0 1px rgba(139,92,246,.22),
        -14px -14px 70px rgba(217,70,239,.12),
        14px 14px 70px rgba(6,182,212,.12)!important;
    backdrop-filter:blur(24px);
}
.login-card-v2::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    padding:1px;
    background:linear-gradient(135deg,rgba(217,70,239,.58),rgba(148,163,184,.08) 45%,rgba(6,182,212,.54));
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    pointer-events:none;
}
.login-logo-wrap{margin-bottom:34px!important;text-align:center!important}
.zamivo-wordmark{
    font-size:clamp(72px,8.8vw,124px)!important;
    letter-spacing:-.085em!important;
    text-align:center!important;
    white-space:nowrap!important;
    text-shadow:0 12px 34px rgba(0,0,0,.35),0 0 38px rgba(139,92,246,.22)!important;
}
.zamivo-wordmark span{
    background:linear-gradient(180deg,#fff 0%,#f8fafc 58%,#c7d2fe 100%)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    color:transparent!important;
}
.zamivo-wordmark span::first-letter{
    background:linear-gradient(135deg,#d946ef 0%,#7c3aed 44%,#22d3ee 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
}
.zamivo-wordmark em{
    font-size:.78em!important;
    letter-spacing:-.09em!important;
    background:linear-gradient(180deg,#a78bfa 0%,#22d3ee 72%)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    color:transparent!important;
}
.login-subtitle{
    margin-top:14px!important;
    margin-bottom:0!important;
    font-size:18px!important;
    color:#c4b5fd!important;
    letter-spacing:.16em!important;
    font-weight:700!important;
    text-shadow:0 0 18px rgba(139,92,246,.20)!important;
}
.login-subtitle::first-letter{color:#e9d5ff}
.login-form-v2 label{
    font-size:18px!important;
    margin:20px 0 10px!important;
    color:#f8fafc!important;
    text-shadow:0 0 16px rgba(139,92,246,.18);
}
.login-form-v2 input{
    height:56px!important;
    border-radius:16px!important;
    padding:0 20px!important;
    font-size:19px!important;
    background:rgba(2,6,23,.54)!important;
    border:1px solid rgba(139,92,246,.45)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 0 1px rgba(6,182,212,.08)!important;
}
.login-form-v2 input:focus{
    border-color:#22d3ee!important;
    box-shadow:0 0 0 3px rgba(139,92,246,.20),0 0 28px rgba(34,211,238,.18)!important;
}
.password-wrap input{padding-right:64px!important}
.password-toggle{
    right:9px!important;top:8px!important;
    height:40px!important;width:48px!important;
    border-radius:14px!important;
    background:rgba(15,23,42,.82)!important;
    border:1px solid rgba(148,163,184,.28)!important;
}
.login-submit-v2{
    height:62px!important;
    margin-top:28px!important;
    border-radius:18px!important;
    font-size:22px!important;
    background:linear-gradient(100deg,#d946ef 0%,#7c3aed 34%,#2563eb 66%,#06b6d4 100%)!important;
    box-shadow:0 18px 48px rgba(37,99,235,.30),0 0 36px rgba(217,70,239,.20)!important;
}
.demo-card-v2{
    margin-top:30px!important;
    padding:20px 22px!important;
    text-align:left!important;
    border-radius:20px!important;
    font-size:16px!important;
    background:rgba(2,6,23,.34)!important;
    border:1px solid rgba(148,163,184,.18)!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
}
.demo-card-v2 b{font-size:17px;color:#fff!important}
.demo-card-v2 code{font-size:16px;color:#22d3ee!important;background:transparent!important;padding:0!important;font-weight:900!important}
.build-info{
    position:absolute!important;
    right:70px!important;
    bottom:45px!important;
    margin:0!important;
    padding:12px 18px!important;
    border-radius:16px!important;
    color:#cbd5e1!important;
    background:rgba(15,23,42,.44)!important;
    border:1px solid rgba(96,165,250,.30)!important;
    text-transform:none!important;
    letter-spacing:0!important;
    font-size:15px!important;
}
.build-info::before{content:"🚀 ";}
@media(max-width:860px){
    .login-card-v2{width:min(560px,94vw)!important;padding:36px 34px 28px!important}
    .zamivo-wordmark{font-size:clamp(52px,12vw,82px)!important}
    .login-subtitle{font-size:14px!important;letter-spacing:.08em!important}
    .build-info{position:static!important;margin-top:18px!important;text-align:center!important;display:block!important}
    .demo-card-v2{text-align:center!important}
}
@media(max-width:520px){
    .login-page.login-v2{padding:16px!important}
    .login-card-v2{padding:30px 22px 22px!important;border-radius:26px!important}
    .zamivo-wordmark{font-size:clamp(42px,16vw,58px)!important;letter-spacing:-.078em!important}
    .login-subtitle{font-size:12px!important;letter-spacing:.02em!important}
    .login-form-v2 label{font-size:15px!important;margin:16px 0 8px!important}
    .login-form-v2 input{height:50px!important;font-size:16px!important}
    .login-submit-v2{height:54px!important;font-size:18px!important}
    .demo-card-v2{font-size:13px!important;padding:14px!important}.demo-card-v2 code{font-size:13px!important}
}

/* =========================
   ZAMIVO LOGIN PATCH 1C
   mniejsze logo, .pl subtelniejsze, Build w stopce
========================= */
body.login-v2 .login-card-v2{
    padding-top:38px!important;
    padding-bottom:28px!important;
}
body.login-v2 .login-logo-wrap{
    margin-bottom:28px!important;
}
body.login-v2 .zamivo-wordmark{
    font-size:clamp(58px,7.2vw,98px)!important;
    letter-spacing:-.08em!important;
}
body.login-v2 .zamivo-wordmark em{
    font-size:.66em!important;
    letter-spacing:-.075em!important;
    vertical-align:baseline!important;
}
body.login-v2 .login-subtitle{
    margin-top:10px!important;
    font-size:16px!important;
    letter-spacing:.12em!important;
}
body.login-v2 .login-bottom-row{
    display:flex!important;
    align-items:flex-end!important;
    justify-content:space-between!important;
    gap:20px!important;
    margin-top:26px!important;
    padding-top:18px!important;
    border-top:1px solid rgba(148,163,184,.16)!important;
}
body.login-v2 .demo-card-v2{
    margin-top:0!important;
    flex:1 1 auto!important;
    max-width:420px!important;
}
body.login-v2 .build-info{
    position:static!important;
    flex:0 0 auto!important;
    margin:0!important;
    white-space:nowrap!important;
    align-self:center!important;
    font-size:14px!important;
    opacity:.92!important;
}
@media(max-width:860px){
    body.login-v2 .zamivo-wordmark{font-size:clamp(48px,11vw,72px)!important}
    body.login-v2 .zamivo-wordmark em{font-size:.64em!important}
    body.login-v2 .login-bottom-row{display:block!important;text-align:center!important}
    body.login-v2 .demo-card-v2{max-width:none!important;text-align:center!important}
    body.login-v2 .build-info{display:inline-block!important;margin-top:16px!important}
}
@media(max-width:520px){
    body.login-v2 .zamivo-wordmark{font-size:clamp(38px,14vw,52px)!important;letter-spacing:-.072em!important}
    body.login-v2 .zamivo-wordmark em{font-size:.62em!important}
    body.login-v2 .login-subtitle{font-size:11px!important;letter-spacing:.04em!important}
}

/* =========================
   ZAMIVO ETAP 2 — DASHBOARD PREMIUM v2
========================= */
.zv-dashboard-hero{
    position:relative;
    overflow:hidden;
    display:flex;
    justify-content:space-between;
    gap:24px;
    align-items:stretch;
    padding:28px;
    border-radius:28px;
    margin-bottom:18px;
    background:
        radial-gradient(circle at 12% 10%, rgba(139,92,246,.34), transparent 34%),
        radial-gradient(circle at 92% 8%, rgba(6,182,212,.22), transparent 32%),
        linear-gradient(135deg, rgba(15,23,42,.92), rgba(2,6,23,.96));
    border:1px solid rgba(148,163,184,.18);
    box-shadow:0 24px 80px rgba(0,0,0,.36), 0 0 42px rgba(139,92,246,.10);
}
.zv-dashboard-hero:after{
    content:"";
    position:absolute;
    inset:auto -120px -160px auto;
    width:320px;
    height:320px;
    background:radial-gradient(circle, rgba(6,182,212,.20), transparent 70%);
    pointer-events:none;
}
.zv-hero-copy,.zv-hero-side{position:relative;z-index:1}
.zv-eyebrow{
    color:#a5b4fc;
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.14em;
    margin-bottom:8px;
}
.zv-dashboard-hero h1{
    margin:0;
    font-size:clamp(26px,3.2vw,44px);
    line-height:1.05;
    color:#fff;
}
.zv-dashboard-hero p{
    margin:10px 0 0;
    color:#cbd5e1;
    max-width:720px;
}
.zv-hero-side{
    min-width:190px;
    display:grid;
    align-content:center;
    justify-items:end;
    gap:4px;
    color:#cbd5e1;
}
.zv-hero-side span{
    padding:7px 11px;
    border-radius:999px;
    border:1px solid rgba(148,163,184,.22);
    background:rgba(15,23,42,.54);
    font-size:12px;
    font-weight:800;
}
.zv-hero-side b{font-size:34px;color:#fff;line-height:1}
.zv-hero-side small{color:#94a3b8}

.zv-kpi-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    margin-bottom:16px;
}
.zv-kpi-card{
    text-decoration:none;
    color:#e5e7eb;
    display:block;
    padding:20px;
    border-radius:22px;
    background:
        linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),
        rgba(15,23,42,.82);
    border:1px solid rgba(148,163,184,.16);
    box-shadow:0 18px 55px rgba(0,0,0,.22);
    transition:transform .14s ease, border-color .14s ease, box-shadow .14s ease;
}
.zv-kpi-card:hover{
    transform:translateY(-2px);
    border-color:rgba(139,92,246,.42);
    box-shadow:0 22px 65px rgba(0,0,0,.30), 0 0 28px rgba(139,92,246,.12);
}
.zv-kpi-card span{
    display:block;
    color:#94a3b8;
    font-size:13px;
    font-weight:850;
    text-transform:uppercase;
    letter-spacing:.08em;
}
.zv-kpi-card b{
    display:block;
    margin-top:10px;
    color:#fff;
    font-size:clamp(25px,2.4vw,36px);
    line-height:1;
}
.zv-kpi-card small{display:block;margin-top:10px;color:#a5b4fc}
.zv-kpi-sales{background:linear-gradient(135deg,rgba(139,92,246,.22),rgba(15,23,42,.88))}
.zv-kpi-active{background:linear-gradient(135deg,rgba(6,182,212,.18),rgba(15,23,42,.88))}

.zv-section-grid{
    display:grid;
    grid-template-columns:1.55fr .85fr;
    gap:16px;
    margin-bottom:16px;
}
.zv-section-grid-wide{grid-template-columns:1.35fr .65fr}
.zv-card-premium{
    border-radius:24px!important;
    background:
        linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015)),
        rgba(15,23,42,.78)!important;
    border:1px solid rgba(148,163,184,.16)!important;
    box-shadow:0 20px 62px rgba(0,0,0,.24)!important;
}
.zv-card-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    margin-bottom:16px;
}
.zv-card-head h2{margin:0;color:#fff}
.zv-card-head p{margin:4px 0 0;color:#94a3b8;font-size:13px}
.zv-live-grid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:10px;
}
.zv-live-tile{
    min-height:118px;
    display:grid;
    align-content:center;
    justify-items:center;
    padding:16px 10px;
    text-align:center;
    text-decoration:none;
    border-radius:20px;
    color:#fff;
    border:1px solid rgba(255,255,255,.15);
    background:rgba(15,23,42,.62);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.zv-live-tile b{font-size:42px;line-height:1;color:#fff}
.zv-live-tile span{margin-top:8px;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#e5e7eb}
.zv-live-new{background:linear-gradient(135deg,rgba(245,158,11,.28),rgba(15,23,42,.72))}
.zv-live-progress{background:linear-gradient(135deg,rgba(6,182,212,.24),rgba(15,23,42,.72))}
.zv-live-ready{background:linear-gradient(135deg,rgba(34,197,94,.25),rgba(15,23,42,.72))}
.zv-live-served{background:linear-gradient(135deg,rgba(148,163,184,.18),rgba(15,23,42,.72))}
.zv-live-cancelled{background:linear-gradient(135deg,rgba(239,68,68,.20),rgba(15,23,42,.72))}
.zv-latest-order{
    border-radius:20px;
    padding:22px;
    background:linear-gradient(135deg,rgba(139,92,246,.20),rgba(6,182,212,.10));
    border:1px solid rgba(139,92,246,.24);
}
.zv-latest-order strong{display:block;font-size:44px;line-height:1;color:#fff}
.zv-latest-order span{display:block;margin-top:10px;color:#e5e7eb;font-weight:800}
.zv-latest-order small{display:block;margin-top:8px;color:#94a3b8}
.zv-quick-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.zv-table-wrap{overflow-x:auto}
.zv-orders-table{width:100%}
.zv-orders-table th{white-space:nowrap}
.zv-orders-table td{vertical-align:middle}
.status-badge{
    display:inline-flex;
    align-items:center;
    padding:5px 9px;
    border-radius:999px;
    font-size:12px;
    font-weight:900;
    border:1px solid rgba(255,255,255,.12);
}
.status-new{background:rgba(245,158,11,.17);color:#fde68a!important}
.status-progress{background:rgba(6,182,212,.16);color:#a5f3fc!important}
.status-ready{background:rgba(34,197,94,.16);color:#bbf7d0!important}
.status-served{background:rgba(148,163,184,.14);color:#e2e8f0!important}
.status-cancelled{background:rgba(239,68,68,.16);color:#fecaca!important}
.zv-top-list{display:grid;gap:10px}
.zv-top-item{
    display:flex;
    gap:12px;
    align-items:center;
    padding:12px;
    border-radius:16px;
    border:1px solid rgba(148,163,184,.14);
    background:rgba(15,23,42,.56);
}
.zv-top-item>span{
    width:34px;height:34px;border-radius:12px;
    display:grid;place-items:center;
    color:#fff;font-weight:900;
    background:linear-gradient(135deg,#8b5cf6,#06b6d4);
}
.zv-top-item b{display:block;color:#fff}
.zv-top-item small{display:block;color:#94a3b8;margin-top:3px}
.zv-company-card{
    display:flex;
    align-items:center;
    gap:18px;
}
.zv-company-card .company-dashboard-logo{
    max-width:90px;
    max-height:70px;
    object-fit:contain;
}

@media (max-width:1100px){
    .zv-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .zv-section-grid,.zv-section-grid-wide{grid-template-columns:1fr}
    .zv-live-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:720px){
    .zv-dashboard-hero{display:block;padding:22px;border-radius:22px}
    .zv-hero-side{justify-items:start;margin-top:18px;min-width:0}
    .zv-kpi-grid{grid-template-columns:1fr}
    .zv-live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .zv-live-tile{min-height:104px}
    .zv-live-tile b{font-size:34px}
    .zv-card-head{display:block}
    .zv-card-head .btn{margin-top:10px}
    .zv-company-card{align-items:flex-start;display:block}
}

/* =========================
   ZAMIVO ETAP 3 — STATYSTYKI I HISTORIA
========================= */
.reports-hero{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    background:
        radial-gradient(circle at 0% 0%, rgba(139,92,246,.24), transparent 34%),
        radial-gradient(circle at 100% 0%, rgba(6,182,212,.14), transparent 36%),
        rgba(15,23,42,.82) !important;
}
.reports-hero h2{margin:0 0 6px;font-size:clamp(22px,2.4vw,34px)}
.reports-hero p{margin:0;color:var(--muted,#94a3b8)}
.reports-hero-range{
    white-space:nowrap;
    padding:12px 16px;
    border-radius:999px;
    background:rgba(8,13,26,.55);
    border:1px solid rgba(148,163,184,.18);
    font-weight:900;
    color:#dbeafe;
}
.reports-filter-card{padding-bottom:18px}
.reports-filter-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
    gap:14px;
    align-items:end;
}
.reports-filter-actions{
    display:flex;
    gap:10px;
    align-items:center;
    flex-wrap:wrap;
}
.reports-kpi-grid,
.reports-status-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
    gap:14px;
    margin:16px 0;
}
.report-kpi,
.report-status-tile{
    border-radius:22px;
    padding:20px;
    border:1px solid rgba(148,163,184,.16);
    background:
        linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015)),
        rgba(15,23,42,.76);
    box-shadow:0 18px 50px rgba(0,0,0,.22);
}
.report-kpi span,
.report-status-tile span{
    display:block;
    color:#a5b4fc;
    font-weight:800;
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:.06em;
}
.report-kpi b,
.report-status-tile b{
    display:block;
    margin-top:8px;
    font-size:clamp(26px,3vw,42px);
    line-height:1;
    color:#fff;
}
.report-kpi small,
.report-status-tile small{
    display:block;
    margin-top:8px;
    color:var(--muted,#94a3b8);
}
.report-status-tile-new{box-shadow:0 18px 50px rgba(245,158,11,.12)}
.report-status-tile-in_progress{box-shadow:0 18px 50px rgba(6,182,212,.14)}
.report-status-tile-ready{box-shadow:0 18px 50px rgba(34,197,94,.14)}
.report-status-tile-served{box-shadow:0 18px 50px rgba(148,163,184,.10)}
.report-status-tile-cancelled{box-shadow:0 18px 50px rgba(239,68,68,.12)}
.reports-two-cols{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
}
.reports-table th{white-space:nowrap}
.reports-table td{vertical-align:middle}
.table-scroll{overflow-x:auto}
.status-badge,
.payment-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:92px;
    padding:6px 10px;
    border-radius:999px;
    font-size:12px;
    font-weight:900;
    border:1px solid rgba(255,255,255,.12);
}
.report-status-new{background:rgba(245,158,11,.14);color:#fde68a}
.report-status-in_progress{background:rgba(6,182,212,.14);color:#bae6fd}
.report-status-ready{background:rgba(34,197,94,.14);color:#bbf7d0}
.report-status-served{background:rgba(148,163,184,.14);color:#e5e7eb}
.report-status-cancelled{background:rgba(239,68,68,.14);color:#fecaca}
.payment-paid{background:rgba(34,197,94,.14);color:#bbf7d0}
.payment-unpaid{background:rgba(245,158,11,.14);color:#fde68a}
@media (max-width: 860px){
    .reports-hero{align-items:flex-start;flex-direction:column}
    .reports-hero-range{white-space:normal}
    .reports-two-cols{grid-template-columns:1fr}
}