/* VirtualMix Appearance v27 — kompletna warstwa prezentacji. Classic pozostaje bez nadpisania. Brak zmian funkcjonalnych. */ /* ===== WSPÓLNA BAZA TYLKO DLA NOWYCH MOTYWÓW ===== */ html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login){ background:linear-gradient(var(--vmx-angle),var(--vmx-workspace1),var(--vmx-workspace2)) fixed !important; color:var(--vmx-text) !important; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .topbar{ background:linear-gradient(var(--vmx-angle),var(--vmx-topbar1),var(--vmx-topbar2)) !important; color:var(--vmx-on-topbar) !important; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .topbar a, html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .topbar a:visited, html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .topbar i{color:var(--vmx-on-topbar) !important} /* Liczniki w górnej nawigacji muszą mieścić się w obrębie paska także przy 2-3 cyfrach. Nie zmienia to mechanizmu powiadomień — wyłącznie bezpieczne pozycjonowanie istniejącego .mail-badge. */ html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .topbar, html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .topbar .menu-top, html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .topbar .menu-top a{ overflow:visible !important; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .topbar #menu-mail{ position:relative !important; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .topbar .mail-badge{ top:4px !important; right:1px !important; z-index:20 !important; min-width:18px !important; height:18px !important; padding:0 5px !important; box-sizing:border-box !important; line-height:18px !important; white-space:nowrap !important; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .sidebar{ background:linear-gradient(180deg,var(--vmx-sidebar1),var(--vmx-sidebar2)) !important; color:var(--vmx-on-sidebar) !important; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .sidebar h3, html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .sidebar ul li a, html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .sidebar ul li a:visited, html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .sidebar .nickname, html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .sidebar .time{color:var(--vmx-on-sidebar) !important} html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .main{background:transparent !important} html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .card{ background:linear-gradient(var(--vmx-angle),var(--vmx-card1),var(--vmx-card2)) !important; color:var(--vmx-text) !important; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .card h1, html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .card h2, html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .card h3, html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .card h4, html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .card p, html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .card label, html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .card strong{color:var(--vmx-text) !important} /* Linki treściowe muszą pozostać czytelne również po własnej zmianie kolorów kart. Obejmuje m.in. e-mail/Facebook/próbkę w Rekrutacji oraz URL-e w kartach i tabelach. Nie dotyka nawigacji, przycisków ani ich działania. */ html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .main a[href^="http"]:not(.btn), html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .main a[href^="https"]:not(.btn), html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .main a[href^="mailto:"]:not(.btn), html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .main a[href^="tel:"]:not(.btn){ color:var(--vmx-link) !important; text-decoration-color:color-mix(in srgb,var(--vmx-link) 72%,transparent) !important; text-decoration-thickness:1px !important; text-underline-offset:2px !important; font-weight:600; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .main a[href^="http"]:not(.btn):hover, html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .main a[href^="https"]:not(.btn):hover, html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .main a[href^="mailto:"]:not(.btn):hover, html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .main a[href^="tel:"]:not(.btn):hover{ color:var(--vmx-link-hover) !important; text-decoration-color:currentColor !important; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .footer-bar{ background:linear-gradient(90deg,var(--vmx-topbar1),var(--vmx-topbar2)) !important; color:var(--vmx-on-topbar) !important; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .footer-bar *{color:var(--vmx-on-topbar) !important} /* formularze: wygląd, nie zachowanie */ html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="hidden"]), html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) textarea, html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) select{ background:color-mix(in srgb,var(--vmx-card1) 86%,#000 14%) !important; color:var(--vmx-on-card) !important; border:1px solid color-mix(in srgb,var(--vmx-accent1) 34%,transparent) !important; outline:none !important; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) input::placeholder, html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) textarea::placeholder{color:color-mix(in srgb,var(--vmx-on-card) 58%,transparent) !important} /* Wszystkie podstawowe kontrolki akcji korzystają z tej samej palety przycisków. .bttn to historyczna klasa używana m.in. przez Archiwum/Bany/Kosz i wcześniej omijała warstwę motywu, przez co zostawała biała z jasnym tekstem. */ html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) button, html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .btn, html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .bttn, html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) input[type="submit"], html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) input[type="button"]{ background:linear-gradient(135deg,var(--vmx-button1),var(--vmx-button2)) !important; color:var(--vmx-on-button) !important; border-color:color-mix(in srgb,var(--vmx-button1) 72%,var(--vmx-on-button) 28%) !important; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .bttn:visited, html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .bttn i, html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .btn i{ color:inherit !important; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .bttn:hover, html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .btn:hover, html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) button:hover:not(:disabled), html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) input[type="submit"]:hover:not(:disabled), html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) input[type="button"]:hover:not(:disabled){ color:var(--vmx-on-button) !important; filter:brightness(1.08); } /* Akcje destrukcyjne zachowują znaczenie czerwonego przycisku i zawsze biały tekst. */ html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .btn-danger, html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .bttn--danger{ background:linear-gradient(135deg,#d94335,#a9251e) !important; border-color:#a9251e !important; color:#fff !important; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .btn-danger i, html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .bttn--danger i{color:#fff !important} /* Wyłączone przyciski mają być przygaszone, ale tekst nadal musi dać się odczytać. */ html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) button:disabled, html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .btn[disabled], html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .bttn[aria-disabled="true"], html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) input:disabled{ opacity:.58 !important; color:var(--vmx-on-button) !important; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) table{color:var(--vmx-text) !important} html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) th{ background:linear-gradient(var(--vmx-angle),var(--vmx-section1),var(--vmx-section2)) !important; color:var(--vmx-on-section) !important; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) td{color:var(--vmx-text) !important} /* ===== GLOBALNE AKCENTY INFORMACYJNE I ETYKIETY ===== Stary style.css ma w wielu podstronach lokalne pomarańcze (#ff7b00/#ff8c00). W nowych motywach czysto dekoracyjne akcenty dziedziczą Akcent 1 + Akcent 2. Kolory semantyczne (Android, zamówienie, sukces, błąd, danger) pozostają własne. */ html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .subnote{ background:linear-gradient(var(--vmx-angle),var(--vmx-info1),var(--vmx-info2)) !important; color:var(--vmx-on-info) !important; border-color:color-mix(in srgb,var(--vmx-on-info) 24%,transparent) !important; box-shadow:0 6px 16px rgba(0,0,0,.24),inset 0 0 0 1px color-mix(in srgb,var(--vmx-on-info) 7%,transparent) !important; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .subnote > span:not(.badge), html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .subnote > strong, html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .subnote > p{ color:var(--vmx-on-info) !important; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .subnote .badge{ color:var(--vmx-on-info) !important; background:color-mix(in srgb,var(--vmx-on-info) 12%,transparent) !important; border-color:color-mix(in srgb,var(--vmx-on-info) 28%,transparent) !important; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .subnote::before{ background:linear-gradient(180deg,var(--vmx-accent1),var(--vmx-accent2)) !important; box-shadow:0 0 10px color-mix(in srgb,var(--vmx-accent1) 48%,transparent) !important; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .subnote > i, html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .subnote > .fa, html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .subnote > .fas, html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .subnote > .far{ color:var(--vmx-accent1) !important; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .subnote .badge{ box-shadow:0 4px 12px rgba(0,0,0,.25),inset 0 0 0 2px color-mix(in srgb,var(--vmx-accent1) 24%,transparent) !important; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .g-badge:not(.android):not(.request):not(.success):not(.error):not(.danger){ background:linear-gradient(135deg,var(--vmx-accent1),var(--vmx-accent2)) !important; color:var(--vmx-on-accent) !important; border-color:color-mix(in srgb,var(--vmx-accent1) 56%,transparent) !important; } /* Zachowujemy rozpoznawalność źródła/typu wiadomości. */ html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .g-badge.android{ background:#23c58f !important; color:#fff !important; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .g-badge.request{ background:#b58cff !important; color:#fff !important; } /* Nagłówki modali w starym CSS również miały sztywny pomarańczowy gradient. */ html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .cmodal-header{ background:linear-gradient(var(--vmx-angle),var(--vmx-section1),var(--vmx-section2)) !important; color:var(--vmx-on-section) !important; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .cmodal-header *{ color:var(--vmx-on-section) !important; } /* Liczniki online były częścią starej pomarańczowej palety; w nowych motywach są akcentem motywu. */ html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .online-header .count{ color:var(--vmx-text) !important; } /* Komunikat od administracji: stare style miały na sztywno pomarańczowy gradient (#ff7b00 -> #e86a00). W nowych motywach tło kafelka dziedziczy Akcent 1 + Akcent 2. Nie zmieniamy .text ani jego stylów inline, więc kolory wpisane przez administratora w treści pozostają bez zmian. */ html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-komunikaty .global-notice-tile, html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-dashboard .global-notice-tile{ background:linear-gradient(var(--vmx-angle),var(--vmx-accent1),var(--vmx-accent2)) !important; border-color:color-mix(in srgb,var(--vmx-on-accent) 24%,transparent) !important; box-shadow:0 12px 30px rgba(0,0,0,.28),inset 0 0 0 1px color-mix(in srgb,var(--vmx-on-accent) 15%,transparent) !important; } /* Informacje dla Prezenterów: wszystkie elementy tej zakładki korzystają z tej samej palety motywu. Usuwa klasyczne, wpisane na sztywno pomarańcze/róże z nagłówków i pól, bez ingerencji w treść lub działanie. */ html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-informacje .subcard{ background:linear-gradient(var(--vmx-angle),var(--vmx-card1),var(--vmx-card2)) !important; border-color:color-mix(in srgb,var(--vmx-on-card) 18%,transparent) !important; color:var(--vmx-on-card) !important; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-informacje .subcard .subhead{ background:linear-gradient(var(--vmx-angle),var(--vmx-section1),var(--vmx-section2)) !important; color:var(--vmx-on-section) !important; border-color:color-mix(in srgb,var(--vmx-section1) 58%,var(--vmx-on-section) 42%) !important; text-shadow:none !important; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-informacje .update-pill{ background:linear-gradient(var(--vmx-angle),var(--vmx-accent1),var(--vmx-accent2)) !important; color:var(--vmx-on-accent) !important; border-color:color-mix(in srgb,var(--vmx-accent1) 58%,var(--vmx-on-accent) 42%) !important; text-shadow:none !important; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-informacje .subcard .subhead i{color:inherit !important} html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-informacje .subcard .subbody, html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-informacje .subcard .subbody p, html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-informacje .subcard .subbody span:not(.btn):not(.bttn), html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-informacje .subcard .subbody strong, html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-informacje .subcard .subbody dt, html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-informacje .subcard .subbody dd, html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-informacje .subcard .subbody li{ color:var(--vmx-on-card) !important; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-informacje .contact-item, html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-informacje .rules li{ background:color-mix(in srgb,var(--vmx-card2) 78%,var(--vmx-card1) 22%) !important; border-color:color-mix(in srgb,var(--vmx-on-card) 18%,transparent) !important; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-informacje .rules .subpoints li{ background:transparent !important; border-color:transparent !important; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-informacje .subcard a:not(.btn){ color:var(--vmx-link) !important; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-informacje .subcard a:not(.btn):hover{ color:var(--vmx-link-hover) !important; } /* ===== 1. NOVA GLASS — pływający miękki kokpit ===== */ html[data-vmx-theme="nova"] body:not(.vm-page-login){font-family:Inter,"Segoe UI",system-ui,sans-serif !important} html[data-vmx-theme="nova"] body:not(.vm-page-login)::before{ content:"";position:fixed;inset:0;pointer-events:none;z-index:-1; background:radial-gradient(circle at 78% 18%,color-mix(in srgb,var(--vmx-accent1) 18%,transparent),transparent 28%),radial-gradient(circle at 20% 85%,color-mix(in srgb,var(--vmx-accent2) 13%,transparent),transparent 30%) !important; } html[data-vmx-theme="nova"] body:not(.vm-page-login) .topbar{ height:84px !important;left:18px !important;right:18px !important;top:14px !important;padding:0 22px !important; border-radius:24px !important;border:1px solid rgba(255,255,255,.11) !important;box-shadow:0 18px 48px rgba(0,0,0,.30) !important; } html[data-vmx-theme="nova"] body:not(.vm-page-login) .topbar img{height:58px !important;margin:0 !important;filter:drop-shadow(0 7px 15px rgba(0,0,0,.36))} html[data-vmx-theme="nova"] body:not(.vm-page-login) .topbar .menu-top{gap:9px !important} html[data-vmx-theme="nova"] body:not(.vm-page-login) .topbar .menu-top a{ width:45px !important;height:45px !important;display:grid !important;place-items:center !important;border-radius:15px !important; background:rgba(255,255,255,.075) !important;border:1px solid rgba(255,255,255,.11) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important; } html[data-vmx-theme="nova"] body:not(.vm-page-login) .topbar .menu-top a:hover, html[data-vmx-theme="nova"] body:not(.vm-page-login) .topbar .menu-top a.active{transform:translateY(-2px) !important;background:linear-gradient(135deg,var(--vmx-accent1),var(--vmx-accent2)) !important;color:var(--vmx-on-accent) !important} html[data-vmx-theme="nova"] body:not(.vm-page-login) .topbar a.logout{padding:12px 18px !important;border-radius:15px !important;background:rgba(255,255,255,.09) !important;border:1px solid rgba(255,255,255,.13) !important;color:var(--vmx-on-topbar) !important} html[data-vmx-theme="nova"] body:not(.vm-page-login) .sidebar{ overflow-x:hidden !important; width:360px !important;left:18px !important;top:112px !important;bottom:48px !important;padding:12px 9px 18px !important; border-radius:25px !important;border:1px solid rgba(255,255,255,.09) !important;box-shadow:0 22px 55px rgba(0,0,0,.27) !important; } html[data-vmx-theme="nova"] body:not(.vm-page-login) .sidebar h3{margin:14px 13px 7px !important;padding:4px 8px !important;background:transparent !important;border:0 !important;box-shadow:none !important;font-size:10px !important;letter-spacing:1.7px !important;text-transform:uppercase !important;opacity:.66 !important} html[data-vmx-theme="nova"] body:not(.vm-page-login) .sidebar ul li a{margin:4px 5px !important;padding:9px 12px !important;min-height:46px !important;display:flex !important;align-items:center !important;gap:12px !important;border-radius:15px !important;border:1px solid transparent !important;background:transparent !important} html[data-vmx-theme="nova"][data-vmx-icons="classic"] body:not(.vm-page-login) .sidebar ul li a i{width:31px !important;height:31px !important;display:grid !important;place-items:center !important;border-radius:10px !important;background:rgba(255,255,255,.085) !important;font-size:14px !important} html[data-vmx-theme="nova"] body:not(.vm-page-login) .sidebar ul li a i{display:grid !important;place-items:center !important} html[data-vmx-theme="nova"] body:not(.vm-page-login) .sidebar ul li a:hover{background:rgba(255,255,255,.07) !important;transform:translateX(3px) !important} html[data-vmx-theme="nova"] body:not(.vm-page-login) .sidebar ul li a.active{background:linear-gradient(90deg,color-mix(in srgb,var(--vmx-accent1) 34%,transparent),color-mix(in srgb,var(--vmx-accent2) 16%,transparent)) !important;border-color:color-mix(in srgb,var(--vmx-accent1) 42%,transparent) !important;box-shadow:inset 4px 0 var(--vmx-accent1),0 8px 18px rgba(0,0,0,.13) !important} html[data-vmx-theme="nova"] body:not(.vm-page-login) .main{margin-left:392px !important;padding:112px 28px 64px !important} html[data-vmx-theme="nova"] body:not(.vm-page-login) .card{border-radius:25px !important;border:1px solid rgba(255,255,255,.09) !important;box-shadow:0 18px 45px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.045) !important} html[data-vmx-theme="nova"] body:not(.vm-page-login) .card h1, html[data-vmx-theme="nova"] body:not(.vm-page-login) .card h2{letter-spacing:-.45px !important} html[data-vmx-theme="nova"] body:not(.vm-page-login) button, html[data-vmx-theme="nova"] body:not(.vm-page-login) .btn, html[data-vmx-theme="nova"] body:not(.vm-page-login) input[type="submit"]{border-radius:14px !important;border:1px solid rgba(255,255,255,.10) !important;box-shadow:0 8px 18px rgba(0,0,0,.16) !important} html[data-vmx-theme="nova"] body:not(.vm-page-login) input:not([type=checkbox]):not([type=radio]):not([type=color]),html[data-vmx-theme="nova"] body:not(.vm-page-login) textarea,html[data-vmx-theme="nova"] body:not(.vm-page-login) select{border-radius:13px !important} html[data-vmx-theme="nova"] body:not(.vm-page-login) .footer-bar{height:34px !important;left:18px !important;right:18px !important;bottom:7px !important;border-radius:13px !important;border:1px solid rgba(255,255,255,.08) !important} /* ===== 2. STUDIO CONSOLE — jasna, kanciasta konsola ===== */ html[data-vmx-theme="studio"] body:not(.vm-page-login){font-family:"Segoe UI",Arial,sans-serif !important} html[data-vmx-theme="studio"] body:not(.vm-page-login) .topbar{height:72px !important;padding:0 24px !important;border-radius:0 !important;border-bottom:6px solid var(--vmx-accent1) !important;box-shadow:0 8px 20px rgba(22,35,52,.18) !important} html[data-vmx-theme="studio"] body:not(.vm-page-login) .topbar img{height:51px !important;margin:0 !important} html[data-vmx-theme="studio"] body:not(.vm-page-login) .topbar .menu-top{height:100% !important;gap:8px !important;align-items:center !important} html[data-vmx-theme="studio"] body:not(.vm-page-login) .topbar .menu-top a{width:46px !important;height:46px !important;display:grid !important;place-items:center !important;border:1px solid rgba(255,255,255,.10) !important;border-radius:12px !important;background:rgba(255,255,255,.035) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important} html[data-vmx-theme="studio"] body:not(.vm-page-login) .topbar .menu-top a:last-child{border-right:1px solid rgba(255,255,255,.10) !important} html[data-vmx-theme="studio"] body:not(.vm-page-login) .topbar .menu-top a:hover, html[data-vmx-theme="studio"] body:not(.vm-page-login) .topbar .menu-top a.active{ background:linear-gradient(145deg,var(--vmx-accent1),var(--vmx-accent2)) !important; color:var(--vmx-on-accent) !important; border-color:color-mix(in srgb,var(--vmx-accent1) 72%,#fff 28%) !important; border-radius:12px !important; box-shadow: 0 5px 14px color-mix(in srgb,var(--vmx-accent1) 25%,transparent), inset 0 1px 0 rgba(255,255,255,.22) !important; transform:translateY(-1px) !important; } html[data-vmx-theme="studio"] body:not(.vm-page-login) .topbar a.logout{border-radius:0 !important;padding:12px 18px !important;border:2px solid rgba(255,255,255,.78) !important;background:transparent !important;color:#fff !important;text-transform:uppercase !important;letter-spacing:.8px !important} html[data-vmx-theme="studio"] body:not(.vm-page-login) .sidebar{overflow-x:hidden !important;width:345px !important;top:72px !important;bottom:30px !important;padding:0 !important;border-right:6px solid var(--vmx-accent1) !important;box-shadow:8px 0 22px rgba(20,36,54,.13) !important} html[data-vmx-theme="studio"] body:not(.vm-page-login) .sidebar h3{margin:0 !important;padding:12px 17px !important;border-radius:0 !important;background:linear-gradient(90deg,color-mix(in srgb,var(--vmx-accent1) 72%,#000 28%),color-mix(in srgb,var(--vmx-accent2) 55%,#000 45%)) !important;color:#fff !important;border:0 !important;border-bottom:1px solid rgba(255,255,255,.16) !important;font-size:11px !important;text-transform:uppercase !important;letter-spacing:1.25px !important} html[data-vmx-theme="studio"] body:not(.vm-page-login) .sidebar ul{padding:5px 0 8px !important} html[data-vmx-theme="studio"] body:not(.vm-page-login) .sidebar ul li a{margin:0 !important;padding:10px 16px !important;border-radius:0 !important;border-left:5px solid transparent !important;background:transparent !important;color:#f5f8fc !important;gap:12px !important;align-items:center!important} html[data-vmx-theme="studio"][data-vmx-icons="classic"] body:not(.vm-page-login) .sidebar ul li a i{width:24px !important;text-align:center !important;color:#d9e8f5 !important} html[data-vmx-theme="studio"] body:not(.vm-page-login) .sidebar ul li a i{text-align:center !important;color:#d9e8f5 !important} html[data-vmx-theme="studio"] body:not(.vm-page-login) .sidebar ul li a:hover{background:rgba(255,255,255,.10) !important;border-left-color:color-mix(in srgb,var(--vmx-accent1) 60%,#fff 40%) !important} html[data-vmx-theme="studio"] body:not(.vm-page-login) .sidebar ul li a.active{background:linear-gradient(90deg,color-mix(in srgb,var(--vmx-accent1) 46%,transparent),rgba(255,255,255,.03)) !important;border-left-color:#fff !important;color:#fff !important;font-weight:800 !important} html[data-vmx-theme="studio"] body:not(.vm-page-login) .main{margin-left:345px !important;padding:94px 24px 52px !important;color:#172334 !important} html[data-vmx-theme="studio"] body:not(.vm-page-login) .card{border-radius:0 !important;border:1px solid #c9d4df !important;border-top:6px solid var(--vmx-accent1) !important;box-shadow:7px 7px 0 rgba(21,44,70,.12) !important;color:var(--vmx-text) !important} html[data-vmx-theme="studio"] body:not(.vm-page-login) .card h1, html[data-vmx-theme="studio"] body:not(.vm-page-login) .card h2, html[data-vmx-theme="studio"] body:not(.vm-page-login) .card h3, html[data-vmx-theme="studio"] body:not(.vm-page-login) .card h4, html[data-vmx-theme="studio"] body:not(.vm-page-login) .card p, html[data-vmx-theme="studio"] body:not(.vm-page-login) .card label, html[data-vmx-theme="studio"] body:not(.vm-page-login) .card strong, html[data-vmx-theme="studio"] body:not(.vm-page-login) .card td{color:var(--vmx-text) !important} html[data-vmx-theme="studio"] body:not(.vm-page-login) .card a:not(.btn){color:var(--vmx-link) !important;text-decoration-color:color-mix(in srgb,var(--vmx-link) 72%,transparent) !important} html[data-vmx-theme="studio"] body:not(.vm-page-login) input:not([type=checkbox]):not([type=radio]):not([type=color]),html[data-vmx-theme="studio"] body:not(.vm-page-login) textarea,html[data-vmx-theme="studio"] body:not(.vm-page-login) select{background:#fff !important;color:#172334 !important;border:1px solid #b6c4d2 !important;border-left:5px solid var(--vmx-accent1) !important;border-radius:0 !important} html[data-vmx-theme="studio"] body:not(.vm-page-login) button,html[data-vmx-theme="studio"] body:not(.vm-page-login) .btn,html[data-vmx-theme="studio"] body:not(.vm-page-login) input[type=submit]{border-radius:0 !important;text-transform:uppercase !important;letter-spacing:.45px !important;border:0 !important} html[data-vmx-theme="studio"] body:not(.vm-page-login) .footer-bar{height:30px !important;border-radius:0 !important;border-top:4px solid var(--vmx-accent1) !important} /* ===== 3. NEON RAIL — szyna ikon / cyber panel ===== */ html[data-vmx-theme="neon"] body:not(.vm-page-login){font-family:"Segoe UI",system-ui,sans-serif !important} html[data-vmx-theme="neon"] body:not(.vm-page-login)::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:32px 32px !important} html[data-vmx-theme="neon"] body:not(.vm-page-login) .topbar{height:66px !important;padding:0 22px 0 100px !important;border-bottom:1px solid color-mix(in srgb,var(--vmx-accent1) 55%,transparent) !important;box-shadow:0 0 26px color-mix(in srgb,var(--vmx-accent1) 15%,transparent) !important} html[data-vmx-theme="neon"] body:not(.vm-page-login) .topbar img{height:49px !important;margin:0 !important;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--vmx-accent1) 25%,transparent))} html[data-vmx-theme="neon"] body:not(.vm-page-login) .topbar .menu-top{gap:7px !important} html[data-vmx-theme="neon"] body:not(.vm-page-login) .topbar .menu-top a{width:39px !important;height:39px !important;display:grid !important;place-items:center !important;border:1px solid color-mix(in srgb,var(--vmx-accent1) 45%,transparent) !important;border-radius:3px !important;background:rgba(0,0,0,.18) !important;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px) !important} html[data-vmx-theme="neon"] body:not(.vm-page-login) .topbar .menu-top a:hover, html[data-vmx-theme="neon"] body:not(.vm-page-login) .topbar .menu-top a.active{color:var(--vmx-accent1) !important;border-color:var(--vmx-accent1) !important;box-shadow:0 0 16px color-mix(in srgb,var(--vmx-accent1) 34%,transparent),inset 0 0 10px color-mix(in srgb,var(--vmx-accent1) 12%,transparent) !important} html[data-vmx-theme="neon"] body:not(.vm-page-login) .topbar a.logout{border-radius:3px !important;border:1px solid var(--vmx-accent1) !important;background:rgba(0,0,0,.20) !important;color:var(--vmx-accent1) !important;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px) !important} html[data-vmx-theme="neon"] body:not(.vm-page-login) .sidebar{width:112px !important;top:0 !important;bottom:0 !important;padding:78px 8px 42px !important;border-right:1px solid var(--vmx-accent1) !important;box-shadow:5px 0 25px color-mix(in srgb,var(--vmx-accent1) 13%,transparent) !important;z-index:15 !important;overflow-x:visible !important} html[data-vmx-theme="neon"] body:not(.vm-page-login) .sidebar h3{height:1px !important;padding:0 !important;margin:9px 6px !important;font-size:0 !important;background:linear-gradient(90deg,transparent,var(--vmx-accent1),transparent) !important;box-shadow:none !important;border:0 !important} html[data-vmx-theme="neon"] body:not(.vm-page-login) .sidebar .online-header,html[data-vmx-theme="neon"] body:not(.vm-page-login) .sidebar .online-users{display:none !important} html[data-vmx-theme="neon"] body:not(.vm-page-login) .sidebar ul li a{width:72px !important;height:52px !important;margin:4px auto !important;padding:0 !important;display:grid !important;place-items:center !important;border-radius:3px !important;border:1px solid transparent !important;position:relative !important;background:rgba(255,255,255,.025) !important} html[data-vmx-theme="neon"] body:not(.vm-page-login) .sidebar ul li a span{display:block !important;position:absolute !important;left:86px !important;top:50% !important;transform:translateY(-50%) !important;white-space:nowrap !important;padding:7px 10px !important;background:#03070c !important;color:#eaffff !important;border:1px solid var(--vmx-accent1) !important;font-size:11px !important;z-index:40 !important;box-shadow:0 0 12px color-mix(in srgb,var(--vmx-accent1) 26%,transparent) !important;opacity:0 !important;visibility:hidden !important;pointer-events:none !important} html[data-vmx-theme="neon"] body:not(.vm-page-login) .sidebar ul li a i{font-size:18px !important;width:auto !important;color:var(--vmx-on-sidebar) !important} html[data-vmx-theme="neon"] body:not(.vm-page-login) .sidebar ul li a:hover{border-color:color-mix(in srgb,var(--vmx-accent1) 55%,transparent) !important;color:var(--vmx-accent1) !important} html[data-vmx-theme="neon"] body:not(.vm-page-login) .sidebar ul li a.active{border-color:var(--vmx-accent1) !important;color:var(--vmx-accent1) !important;background:color-mix(in srgb,var(--vmx-accent1) 10%,#000 90%) !important;box-shadow:0 0 16px color-mix(in srgb,var(--vmx-accent1) 34%,transparent),inset 0 0 12px color-mix(in srgb,var(--vmx-accent1) 12%,transparent) !important} html[data-vmx-theme="neon"] body:not(.vm-page-login) .sidebar ul li a:hover span{opacity:1 !important;visibility:visible !important} html[data-vmx-theme="neon"] body:not(.vm-page-login) .main{margin-left:112px !important;padding:88px 24px 54px !important} html[data-vmx-theme="neon"] body:not(.vm-page-login) .card{border-radius:3px !important;border:1px solid color-mix(in srgb,var(--vmx-accent1) 45%,transparent) !important;clip-path:polygon(17px 0,100% 0,100% calc(100% - 17px),calc(100% - 17px) 100%,0 100%,0 17px) !important;box-shadow:0 0 28px color-mix(in srgb,var(--vmx-accent1) 9%,transparent),inset 0 0 22px rgba(255,255,255,.018) !important} html[data-vmx-theme="neon"] body:not(.vm-page-login) .card h1,html[data-vmx-theme="neon"] body:not(.vm-page-login) .card h2{color:var(--vmx-text) !important;text-transform:uppercase !important;letter-spacing:.7px !important} html[data-vmx-theme="neon"] body:not(.vm-page-login) button,html[data-vmx-theme="neon"] body:not(.vm-page-login) .btn,html[data-vmx-theme="neon"] body:not(.vm-page-login) input[type=submit]{border-radius:2px !important;border:1px solid color-mix(in srgb,var(--vmx-button1) 55%,#fff 45%) !important;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px) !important;text-transform:uppercase !important;letter-spacing:.6px !important} html[data-vmx-theme="neon"] body:not(.vm-page-login) input:not([type=checkbox]):not([type=radio]):not([type=color]),html[data-vmx-theme="neon"] body:not(.vm-page-login) textarea,html[data-vmx-theme="neon"] body:not(.vm-page-login) select{border-radius:2px !important;border-color:color-mix(in srgb,var(--vmx-accent1) 48%,transparent) !important} html[data-vmx-theme="neon"] body:not(.vm-page-login) .footer-bar{left:96px !important;height:30px !important;border-radius:0 !important;border-top:1px solid var(--vmx-accent1) !important} /* ===== 4. HORIZON TABS — menu poziome / pełna szerokość ===== */ html[data-vmx-theme="horizon"] body:not(.vm-page-login){font-family:Inter,"Segoe UI",system-ui,sans-serif !important} html[data-vmx-theme="horizon"] body:not(.vm-page-login) .topbar{height:70px !important;padding:0 28px !important;border-radius:0 !important;border-bottom:0 !important;box-shadow:0 5px 18px rgba(20,30,45,.18) !important} html[data-vmx-theme="horizon"] body:not(.vm-page-login) .topbar img{height:50px !important;margin:0 !important} html[data-vmx-theme="horizon"] body:not(.vm-page-login) .topbar .menu-top{gap:7px !important} html[data-vmx-theme="horizon"] body:not(.vm-page-login) .topbar .menu-top a{width:38px !important;height:38px !important;display:grid !important;place-items:center !important;border-radius:999px !important;background:rgba(255,255,255,.08) !important} html[data-vmx-theme="horizon"] body:not(.vm-page-login) .topbar a.logout{border-radius:999px !important;padding:10px 17px !important;background:rgba(255,255,255,.10) !important;border:1px solid rgba(255,255,255,.18) !important;color:var(--vmx-on-topbar) !important} html[data-vmx-theme="horizon"] body:not(.vm-page-login) .sidebar{left:0 !important;right:0 !important;top:70px !important;bottom:auto !important;width:auto !important;height:96px !important;padding:11px 18px !important;display:flex !important;align-items:flex-start !important;gap:16px !important;overflow-x:auto !important;overflow-y:hidden !important;border-radius:0 !important;border-bottom:1px solid rgba(0,0,0,.12) !important;box-shadow:0 7px 18px rgba(18,30,43,.12) !important;z-index:12 !important} html[data-vmx-theme="horizon"] body:not(.vm-page-login) .sidebar h3{display:none !important} html[data-vmx-theme="horizon"] body:not(.vm-page-login) .sidebar ul{display:flex !important;gap:7px !important;padding:0 !important;margin:0 !important;flex:0 0 auto !important} html[data-vmx-theme="horizon"] body:not(.vm-page-login) .sidebar ul.online-users{display:none !important} html[data-vmx-theme="horizon"] body:not(.vm-page-login) .sidebar ul li{flex:0 0 auto !important} html[data-vmx-theme="horizon"] body:not(.vm-page-login) .sidebar ul li a{height:72px !important;min-width:112px !important;max-width:160px !important;padding:9px 10px !important;margin:0 !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:6px !important;text-align:center !important;border-radius:14px !important;background:rgba(255,255,255,.62) !important;border:1px solid rgba(20,35,52,.12) !important;color:#263244 !important;box-shadow:0 2px 5px rgba(20,35,52,.06) !important} html[data-vmx-theme="horizon"] body:not(.vm-page-login) .sidebar ul li a i{font-size:18px !important;color:#263244 !important} html[data-vmx-theme="horizon"] body:not(.vm-page-login) .sidebar ul li a span{font-size:10px !important;line-height:1.1 !important;color:#263244 !important} html[data-vmx-theme="horizon"] body:not(.vm-page-login) .sidebar ul li a:hover{transform:translateY(-2px) !important;border-color:color-mix(in srgb,var(--vmx-accent1) 48%,transparent) !important} html[data-vmx-theme="horizon"] body:not(.vm-page-login) .sidebar ul li a.active{background:linear-gradient(135deg,var(--vmx-accent1),var(--vmx-accent2)) !important;color:var(--vmx-on-accent) !important;border-color:transparent !important;box-shadow:0 7px 16px color-mix(in srgb,var(--vmx-accent1) 24%,transparent) !important} html[data-vmx-theme="horizon"] body:not(.vm-page-login) .sidebar ul li a.active i,html[data-vmx-theme="horizon"] body:not(.vm-page-login) .sidebar ul li a.active span{color:var(--vmx-on-accent) !important} html[data-vmx-theme="horizon"] body:not(.vm-page-login) .main{margin-left:0 !important;padding:188px 28px 56px !important;max-width:1600px !important;margin-right:auto !important} html[data-vmx-theme="horizon"] body:not(.vm-page-login) .card{border-radius:16px !important;border:1px solid #cfd8e2 !important;box-shadow:0 8px 24px rgba(24,40,58,.10) !important} html[data-vmx-theme="horizon"] body:not(.vm-page-login) .card h1,html[data-vmx-theme="horizon"] body:not(.vm-page-login) .card h2,html[data-vmx-theme="horizon"] body:not(.vm-page-login) .card h3,html[data-vmx-theme="horizon"] body:not(.vm-page-login) .card p,html[data-vmx-theme="horizon"] body:not(.vm-page-login) .card label,html[data-vmx-theme="horizon"] body:not(.vm-page-login) .card strong,html[data-vmx-theme="horizon"] body:not(.vm-page-login) .card td{color:var(--vmx-text) !important} html[data-vmx-theme="horizon"] body:not(.vm-page-login) input:not([type=checkbox]):not([type=radio]):not([type=color]),html[data-vmx-theme="horizon"] body:not(.vm-page-login) textarea,html[data-vmx-theme="horizon"] body:not(.vm-page-login) select{background:#fff !important;color:#263244 !important;border-color:#c6d2dd !important;border-radius:10px !important} html[data-vmx-theme="horizon"] body:not(.vm-page-login) button,html[data-vmx-theme="horizon"] body:not(.vm-page-login) .btn,html[data-vmx-theme="horizon"] body:not(.vm-page-login) input[type=submit]{border-radius:999px !important;padding-left:17px !important;padding-right:17px !important} html[data-vmx-theme="horizon"] body:not(.vm-page-login) .footer-bar{height:32px !important;border-radius:0 !important} /* ===== 5. ORBIT TILES — prawa nawigacja kafelkowa ===== */ html[data-vmx-theme="orbit"] body:not(.vm-page-login){font-family:"Trebuchet MS","Segoe UI",sans-serif !important} html[data-vmx-theme="orbit"] body:not(.vm-page-login)::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 12% 18%,color-mix(in srgb,var(--vmx-accent2) 15%,transparent),transparent 30%),radial-gradient(circle at 72% 88%,color-mix(in srgb,var(--vmx-accent1) 10%,transparent),transparent 34%) !important} html[data-vmx-theme="orbit"] body:not(.vm-page-login) .topbar{height:72px !important;padding:0 28px !important;border-radius:0 0 0 26px !important;border-bottom:1px solid rgba(255,255,255,.11) !important;box-shadow:0 12px 30px rgba(0,0,0,.26) !important} html[data-vmx-theme="orbit"] body:not(.vm-page-login) .topbar img{height:52px !important;margin:0 !important} html[data-vmx-theme="orbit"] body:not(.vm-page-login) .topbar .menu-top{gap:8px !important} html[data-vmx-theme="orbit"] body:not(.vm-page-login) .topbar .menu-top a{width:42px !important;height:42px !important;display:grid !important;place-items:center !important;border-radius:50% !important;border:2px solid color-mix(in srgb,var(--vmx-accent1) 35%,transparent) !important;background:rgba(255,255,255,.04) !important} html[data-vmx-theme="orbit"] body:not(.vm-page-login) .topbar .menu-top a:hover,html[data-vmx-theme="orbit"] body:not(.vm-page-login) .topbar .menu-top a.active{border-color:var(--vmx-accent1) !important;box-shadow:0 0 0 5px color-mix(in srgb,var(--vmx-accent1) 10%,transparent) !important} html[data-vmx-theme="orbit"] body:not(.vm-page-login) .topbar a.logout{border-radius:8px 20px 8px 20px !important;padding:11px 18px !important;background:linear-gradient(135deg,var(--vmx-button1),var(--vmx-button2)) !important;color:var(--vmx-on-button) !important;border:0 !important} html[data-vmx-theme="orbit"] body:not(.vm-page-login) .sidebar{overflow-x:hidden !important;left:auto !important;right:14px !important;top:88px !important;bottom:46px !important;width:380px !important;padding:12px !important;border-radius:28px 8px 28px 8px !important;border:1px solid rgba(255,255,255,.10) !important;box-shadow:-18px 20px 48px rgba(0,0,0,.25) !important;display:grid !important;grid-template-columns:1fr 1fr !important;align-content:start !important;gap:7px !important} html[data-vmx-theme="orbit"] body:not(.vm-page-login) .sidebar h3{grid-column:1/-1 !important;margin:4px 0 2px !important;padding:8px 10px !important;border-radius:13px 4px 13px 4px !important;background:linear-gradient(135deg,var(--vmx-accent1),var(--vmx-accent2)) !important;color:var(--vmx-on-accent) !important;border:0 !important;font-size:10px !important;text-transform:uppercase !important;letter-spacing:1.2px !important} html[data-vmx-theme="orbit"] body:not(.vm-page-login) .sidebar ul{display:contents !important} html[data-vmx-theme="orbit"] body:not(.vm-page-login) .sidebar ul.online-users{display:none !important} html[data-vmx-theme="orbit"] body:not(.vm-page-login) .sidebar ul li{display:block !important;min-width:0 !important} html[data-vmx-theme="orbit"] body:not(.vm-page-login) .sidebar ul li a{min-height:66px !important;margin:0 !important;padding:9px 10px !important;display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:center !important;gap:6px !important;border-radius:15px 5px 15px 5px !important;background:rgba(255,255,255,.055) !important;border:1px solid rgba(255,255,255,.08) !important;overflow:hidden !important} html[data-vmx-theme="orbit"] body:not(.vm-page-login) .sidebar ul li a i{font-size:17px !important;color:var(--vmx-on-sidebar) !important} html[data-vmx-theme="orbit"] body:not(.vm-page-login) .sidebar ul li a span{font-size:10px !important;line-height:1.15 !important;color:var(--vmx-on-sidebar) !important} html[data-vmx-theme="orbit"] body:not(.vm-page-login) .sidebar ul li a:hover{transform:translateY(-2px) !important;border-color:color-mix(in srgb,var(--vmx-accent1) 45%,transparent) !important;background:rgba(255,255,255,.085) !important} html[data-vmx-theme="orbit"] body:not(.vm-page-login) .sidebar ul li a.active{background:linear-gradient(135deg,color-mix(in srgb,var(--vmx-accent1) 32%,transparent),color-mix(in srgb,var(--vmx-accent2) 22%,transparent)) !important;border-color:var(--vmx-accent1) !important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vmx-accent1) 22%,transparent),0 8px 16px rgba(0,0,0,.13) !important} html[data-vmx-theme="orbit"] body:not(.vm-page-login) .main{margin-left:0 !important;margin-right:408px !important;padding:94px 26px 58px !important} html[data-vmx-theme="orbit"] body:not(.vm-page-login) .card{border-radius:7px 26px 7px 26px !important;border:1px solid rgba(255,255,255,.09) !important;box-shadow:0 20px 44px rgba(0,0,0,.18) !important} html[data-vmx-theme="orbit"] body:not(.vm-page-login) button,html[data-vmx-theme="orbit"] body:not(.vm-page-login) .btn,html[data-vmx-theme="orbit"] body:not(.vm-page-login) input[type=submit]{border-radius:6px 18px 6px 18px !important;border:1px solid rgba(255,255,255,.11) !important} html[data-vmx-theme="orbit"] body:not(.vm-page-login) input:not([type=checkbox]):not([type=radio]):not([type=color]),html[data-vmx-theme="orbit"] body:not(.vm-page-login) textarea,html[data-vmx-theme="orbit"] body:not(.vm-page-login) select{border-radius:5px 14px 5px 14px !important} html[data-vmx-theme="orbit"] body:not(.vm-page-login) .footer-bar{right:408px !important;height:32px !important;border-radius:0 15px 0 0 !important} /* ===== ZESTAWY IKON v8 — pełna zmiana symbolu + oprawy, bez zmiany linków ===== */ html[data-vmx-icons]:not([data-vmx-icons="classic"]) body:not(.vm-page-login) .sidebar a i, html[data-vmx-icons]:not([data-vmx-icons="classic"]) body:not(.vm-page-login) .menu-top a i, html[data-vmx-icons]:not([data-vmx-icons="classic"]) body:not(.vm-page-login) .nav-btn i, html[data-vmx-icons]:not([data-vmx-icons="classic"]) body:not(.vm-page-login) .logout i{font-family:"Segoe UI Symbol","Arial Unicode MS",sans-serif!important;font-style:normal!important;font-weight:800!important;line-height:1!important;display:inline-grid!important;place-items:center!important;text-rendering:auto!important} html[data-vmx-icons]:not([data-vmx-icons="classic"]) body:not(.vm-page-login) .sidebar a i::before, html[data-vmx-icons]:not([data-vmx-icons="classic"]) body:not(.vm-page-login) .menu-top a i::before, html[data-vmx-icons]:not([data-vmx-icons="classic"]) body:not(.vm-page-login) .nav-btn i::before, html[data-vmx-icons]:not([data-vmx-icons="classic"]) body:not(.vm-page-login) .logout i::before{font-family:inherit!important;font-weight:inherit!important} html[data-vmx-icons="colorpop"] .sidebar a[href="/ustawienia-glowne"] i::before{content:"⚙"!important} html[data-vmx-icons="colorpop"] .sidebar a[href="/uzytkownicy"] i::before{content:"👥"!important} html[data-vmx-icons="colorpop"] .sidebar a[href="/statystyki"] i::before{content:"▥"!important} html[data-vmx-icons="colorpop"] .sidebar a[href="/komunikaty"] i::before{content:"📣"!important} html[data-vmx-icons="colorpop"] .sidebar a[href="/logi"] i::before{content:"≣"!important} html[data-vmx-icons="colorpop"] .sidebar a[href="/rekrutacja"] i::before{content:"＋"!important} html[data-vmx-icons="colorpop"] .sidebar a[href="/widgety"] i::before{content:"◆"!important} html[data-vmx-icons="colorpop"] .sidebar a[href="/wyglad"] i::before{content:"🎨"!important} html[data-vmx-icons="colorpop"] .sidebar a[href="/centrum"] i::before{content:"🎛"!important} html[data-vmx-icons="colorpop"] .sidebar a[href="/pozdrowienia"] i::before{content:"👋"!important} html[data-vmx-icons="colorpop"] .sidebar a[href="/ramowka"] i::before{content:"▦"!important} html[data-vmx-icons="colorpop"] .sidebar a[href="/autopilot"] i::before{content:"▶"!important} html[data-vmx-icons="colorpop"] .sidebar a[href="/lista"] i::before{content:"★"!important} html[data-vmx-icons="colorpop"] .sidebar a[href="/informacje"] i::before{content:"i"!important} html[data-vmx-icons="colorpop"] .sidebar a[href="/pozdrowienia-online"] i::before{content:"☁"!important} html[data-vmx-icons="colorpop"] .sidebar a[href="/live"] i::before{content:"●"!important} html[data-vmx-icons="colorpop"] .menu-top a[href="/"] i::before{content:"⌂"!important} html[data-vmx-icons="colorpop"] .menu-top a[href="/profil"] i::before{content:"☺"!important} html[data-vmx-icons="colorpop"] .menu-top a[href="/ekipa"] i::before{content:"👥"!important} html[data-vmx-icons="colorpop"] .menu-top a[href="/radio"] i::before{content:"♫"!important} html[data-vmx-icons="colorpop"] .menu-top a[href="/strona"] i::before{content:"◎"!important} html[data-vmx-icons="colorpop"] .menu-top a[href="/powiadomienia"] i::before{content:"!"!important} html[data-vmx-icons="colorpop"] .menu-top a[href="/wiadomosci"] i::before{content:"✉"!important} html[data-vmx-icons="emoji"] .sidebar a[href="/ustawienia-glowne"] i::before{content:"⚙️"!important} html[data-vmx-icons="emoji"] .sidebar a[href="/uzytkownicy"] i::before{content:"👥"!important} html[data-vmx-icons="emoji"] .sidebar a[href="/statystyki"] i::before{content:"📊"!important} html[data-vmx-icons="emoji"] .sidebar a[href="/komunikaty"] i::before{content:"📣"!important} html[data-vmx-icons="emoji"] .sidebar a[href="/logi"] i::before{content:"🧾"!important} html[data-vmx-icons="emoji"] .sidebar a[href="/rekrutacja"] i::before{content:"🧑‍🎤"!important} html[data-vmx-icons="emoji"] .sidebar a[href="/widgety"] i::before{content:"🧩"!important} html[data-vmx-icons="emoji"] .sidebar a[href="/wyglad"] i::before{content:"🎨"!important} html[data-vmx-icons="emoji"] .sidebar a[href="/centrum"] i::before{content:"🎚️"!important} html[data-vmx-icons="emoji"] .sidebar a[href="/pozdrowienia"] i::before{content:"👋"!important} html[data-vmx-icons="emoji"] .sidebar a[href="/ramowka"] i::before{content:"📅"!important} html[data-vmx-icons="emoji"] .sidebar a[href="/autopilot"] i::before{content:"▶️"!important} html[data-vmx-icons="emoji"] .sidebar a[href="/lista"] i::before{content:"⭐"!important} html[data-vmx-icons="emoji"] .sidebar a[href="/informacje"] i::before{content:"ℹ️"!important} html[data-vmx-icons="emoji"] .sidebar a[href="/pozdrowienia-online"] i::before{content:"💬"!important} html[data-vmx-icons="emoji"] .sidebar a[href="/live"] i::before{content:"📹"!important} html[data-vmx-icons="emoji"] .menu-top a[href="/"] i::before{content:"🏠"!important} html[data-vmx-icons="emoji"] .menu-top a[href="/profil"] i::before{content:"👤"!important} html[data-vmx-icons="emoji"] .menu-top a[href="/ekipa"] i::before{content:"👥"!important} html[data-vmx-icons="emoji"] .menu-top a[href="/radio"] i::before{content:"📻"!important} html[data-vmx-icons="emoji"] .menu-top a[href="/strona"] i::before{content:"🌐"!important} html[data-vmx-icons="emoji"] .menu-top a[href="/powiadomienia"] i::before{content:"🔔"!important} html[data-vmx-icons="emoji"] .menu-top a[href="/wiadomosci"] i::before{content:"✉️"!important} html[data-vmx-icons="line"] .sidebar a[href="/ustawienia-glowne"] i::before{content:"⊙"!important} html[data-vmx-icons="line"] .sidebar a[href="/uzytkownicy"] i::before{content:"◎"!important} html[data-vmx-icons="line"] .sidebar a[href="/statystyki"] i::before{content:"⌁"!important} html[data-vmx-icons="line"] .sidebar a[href="/komunikaty"] i::before{content:"◇"!important} html[data-vmx-icons="line"] .sidebar a[href="/logi"] i::before{content:"≡"!important} html[data-vmx-icons="line"] .sidebar a[href="/rekrutacja"] i::before{content:"⊕"!important} html[data-vmx-icons="line"] .sidebar a[href="/widgety"] i::before{content:"◇"!important} html[data-vmx-icons="line"] .sidebar a[href="/wyglad"] i::before{content:"✧"!important} html[data-vmx-icons="line"] .sidebar a[href="/centrum"] i::before{content:"≋"!important} html[data-vmx-icons="line"] .sidebar a[href="/pozdrowienia"] i::before{content:"✋"!important} html[data-vmx-icons="line"] .sidebar a[href="/ramowka"] i::before{content:"□"!important} html[data-vmx-icons="line"] .sidebar a[href="/autopilot"] i::before{content:"▷"!important} html[data-vmx-icons="line"] .sidebar a[href="/lista"] i::before{content:"☆"!important} html[data-vmx-icons="line"] .sidebar a[href="/informacje"] i::before{content:"ⓘ"!important} html[data-vmx-icons="line"] .sidebar a[href="/pozdrowienia-online"] i::before{content:"○"!important} html[data-vmx-icons="line"] .sidebar a[href="/live"] i::before{content:"▷"!important} html[data-vmx-icons="line"] .menu-top a[href="/"] i::before{content:"⌂"!important} html[data-vmx-icons="line"] .menu-top a[href="/profil"] i::before{content:"○"!important} html[data-vmx-icons="line"] .menu-top a[href="/ekipa"] i::before{content:"◎"!important} html[data-vmx-icons="line"] .menu-top a[href="/radio"] i::before{content:"◖"!important} html[data-vmx-icons="line"] .menu-top a[href="/strona"] i::before{content:"⊙"!important} html[data-vmx-icons="line"] .menu-top a[href="/powiadomienia"] i::before{content:"!"!important} html[data-vmx-icons="line"] .menu-top a[href="/wiadomosci"] i::before{content:"✉"!important} html[data-vmx-icons="neon"] .sidebar a[href="/ustawienia-glowne"] i::before{content:"⌬"!important} html[data-vmx-icons="neon"] .sidebar a[href="/uzytkownicy"] i::before{content:"◉"!important} html[data-vmx-icons="neon"] .sidebar a[href="/statystyki"] i::before{content:"⟁"!important} html[data-vmx-icons="neon"] .sidebar a[href="/komunikaty"] i::before{content:"⌁"!important} html[data-vmx-icons="neon"] .sidebar a[href="/logi"] i::before{content:"▤"!important} html[data-vmx-icons="neon"] .sidebar a[href="/rekrutacja"] i::before{content:"✚"!important} html[data-vmx-icons="neon"] .sidebar a[href="/widgety"] i::before{content:"⬡"!important} html[data-vmx-icons="neon"] .sidebar a[href="/wyglad"] i::before{content:"✦"!important} html[data-vmx-icons="neon"] .sidebar a[href="/centrum"] i::before{content:"≡"!important} html[data-vmx-icons="neon"] .sidebar a[href="/pozdrowienia"] i::before{content:"✺"!important} html[data-vmx-icons="neon"] .sidebar a[href="/ramowka"] i::before{content:"▦"!important} html[data-vmx-icons="neon"] .sidebar a[href="/autopilot"] i::before{content:"▷"!important} html[data-vmx-icons="neon"] .sidebar a[href="/lista"] i::before{content:"✧"!important} html[data-vmx-icons="neon"] .sidebar a[href="/informacje"] i::before{content:"◌"!important} html[data-vmx-icons="neon"] .sidebar a[href="/pozdrowienia-online"] i::before{content:"◉"!important} html[data-vmx-icons="neon"] .sidebar a[href="/live"] i::before{content:"◈"!important} html[data-vmx-icons="neon"] .menu-top a[href="/"] i::before{content:"⌂"!important} html[data-vmx-icons="neon"] .menu-top a[href="/profil"] i::before{content:"◇"!important} html[data-vmx-icons="neon"] .menu-top a[href="/ekipa"] i::before{content:"◉"!important} html[data-vmx-icons="neon"] .menu-top a[href="/radio"] i::before{content:"◖"!important} html[data-vmx-icons="neon"] .menu-top a[href="/strona"] i::before{content:"⌬"!important} html[data-vmx-icons="neon"] .menu-top a[href="/powiadomienia"] i::before{content:"◉"!important} html[data-vmx-icons="neon"] .menu-top a[href="/wiadomosci"] i::before{content:"◇"!important} html[data-vmx-icons="arcade"] .sidebar a[href="/ustawienia-glowne"] i::before{content:"SET"!important} html[data-vmx-icons="arcade"] .sidebar a[href="/uzytkownicy"] i::before{content:"USR"!important} html[data-vmx-icons="arcade"] .sidebar a[href="/statystyki"] i::before{content:"STA"!important} html[data-vmx-icons="arcade"] .sidebar a[href="/komunikaty"] i::before{content:"MSG"!important} html[data-vmx-icons="arcade"] .sidebar a[href="/logi"] i::before{content:"LOG"!important} html[data-vmx-icons="arcade"] .sidebar a[href="/rekrutacja"] i::before{content:"ADD"!important} html[data-vmx-icons="arcade"] .sidebar a[href="/widgety"] i::before{content:"WID"!important} html[data-vmx-icons="arcade"] .sidebar a[href="/wyglad"] i::before{content:"ART"!important} html[data-vmx-icons="arcade"] .sidebar a[href="/centrum"] i::before{content:"CTL"!important} html[data-vmx-icons="arcade"] .sidebar a[href="/pozdrowienia"] i::before{content:"HI"!important} html[data-vmx-icons="arcade"] .sidebar a[href="/ramowka"] i::before{content:"CAL"!important} html[data-vmx-icons="arcade"] .sidebar a[href="/autopilot"] i::before{content:"PLAY"!important} html[data-vmx-icons="arcade"] .sidebar a[href="/lista"] i::before{content:"TOP"!important} html[data-vmx-icons="arcade"] .sidebar a[href="/informacje"] i::before{content:"INF"!important} html[data-vmx-icons="arcade"] .sidebar a[href="/pozdrowienia-online"] i::before{content:"CHAT"!important} html[data-vmx-icons="arcade"] .sidebar a[href="/live"] i::before{content:"LIVE"!important} html[data-vmx-icons="arcade"] .menu-top a[href="/"] i::before{content:"HM"!important} html[data-vmx-icons="arcade"] .menu-top a[href="/profil"] i::before{content:"ME"!important} html[data-vmx-icons="arcade"] .menu-top a[href="/ekipa"] i::before{content:"TEAM"!important} html[data-vmx-icons="arcade"] .menu-top a[href="/radio"] i::before{content:"FM"!important} html[data-vmx-icons="arcade"] .menu-top a[href="/strona"] i::before{content:"WEB"!important} html[data-vmx-icons="arcade"] .menu-top a[href="/powiadomienia"] i::before{content:"ALR"!important} html[data-vmx-icons="arcade"] .menu-top a[href="/wiadomosci"] i::before{content:"MSG"!important} html[data-vmx-icons="bubble"] .sidebar a[href="/ustawienia-glowne"] i::before{content:"⚙"!important} html[data-vmx-icons="bubble"] .sidebar a[href="/uzytkownicy"] i::before{content:"●"!important} html[data-vmx-icons="bubble"] .sidebar a[href="/statystyki"] i::before{content:"▤"!important} html[data-vmx-icons="bubble"] .sidebar a[href="/komunikaty"] i::before{content:"✦"!important} html[data-vmx-icons="bubble"] .sidebar a[href="/logi"] i::before{content:"▧"!important} html[data-vmx-icons="bubble"] .sidebar a[href="/rekrutacja"] i::before{content:"+"!important} html[data-vmx-icons="bubble"] .sidebar a[href="/widgety"] i::before{content:"◆"!important} html[data-vmx-icons="bubble"] .sidebar a[href="/wyglad"] i::before{content:"✦"!important} html[data-vmx-icons="bubble"] .sidebar a[href="/centrum"] i::before{content:"☷"!important} html[data-vmx-icons="bubble"] .sidebar a[href="/pozdrowienia"] i::before{content:"☻"!important} html[data-vmx-icons="bubble"] .sidebar a[href="/ramowka"] i::before{content:"▦"!important} html[data-vmx-icons="bubble"] .sidebar a[href="/autopilot"] i::before{content:"▶"!important} html[data-vmx-icons="bubble"] .sidebar a[href="/lista"] i::before{content:"★"!important} html[data-vmx-icons="bubble"] .sidebar a[href="/informacje"] i::before{content:"i"!important} html[data-vmx-icons="bubble"] .sidebar a[href="/pozdrowienia-online"] i::before{content:"●"!important} html[data-vmx-icons="bubble"] .sidebar a[href="/live"] i::before{content:"▶"!important} html[data-vmx-icons="bubble"] .menu-top a[href="/"] i::before{content:"⌂"!important} html[data-vmx-icons="bubble"] .menu-top a[href="/profil"] i::before{content:"●"!important} html[data-vmx-icons="bubble"] .menu-top a[href="/ekipa"] i::before{content:"●"!important} html[data-vmx-icons="bubble"] .menu-top a[href="/radio"] i::before{content:"♫"!important} html[data-vmx-icons="bubble"] .menu-top a[href="/strona"] i::before{content:"◎"!important} html[data-vmx-icons="bubble"] .menu-top a[href="/powiadomienia"] i::before{content:"!"!important} html[data-vmx-icons="bubble"] .menu-top a[href="/wiadomosci"] i::before{content:"✉"!important} html[data-vmx-icons="colorpop"] .nav-btn i::before{content:"☰"!important} html[data-vmx-icons="colorpop"] .logout i::before{content:"↪"!important} html[data-vmx-icons="emoji"] .nav-btn i::before{content:"🧭"!important} html[data-vmx-icons="emoji"] .logout i::before{content:"🚪"!important} html[data-vmx-icons="line"] .nav-btn i::before{content:"≡"!important} html[data-vmx-icons="line"] .logout i::before{content:"→"!important} html[data-vmx-icons="neon"] .nav-btn i::before{content:"⌬"!important} html[data-vmx-icons="neon"] .logout i::before{content:"⇥"!important} html[data-vmx-icons="arcade"] .nav-btn i::before{content:"MENU"!important} html[data-vmx-icons="arcade"] .logout i::before{content:"OUT"!important} html[data-vmx-icons="bubble"] .nav-btn i::before{content:"☰"!important} html[data-vmx-icons="bubble"] .logout i::before{content:"→"!important} /* COLOR POP — wielobarwne kafelki, kolory przypisane do funkcji */ html[data-vmx-icons="colorpop"] .sidebar ul li a i{width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;min-height:34px!important;max-height:34px!important;flex:0 0 34px!important;aspect-ratio:1/1!important;box-sizing:border-box!important;padding:0!important;border-radius:10px!important;color:#fff!important;box-shadow:0 4px 10px rgba(0,0,0,.18)!important;font-size:15px!important} html[data-vmx-icons="colorpop"] .sidebar li:nth-of-type(6n+1) a i{background:linear-gradient(135deg,#22c1c3,#1f78ff)!important}html[data-vmx-icons="colorpop"] .sidebar li:nth-of-type(6n+2) a i{background:linear-gradient(135deg,#ff5f6d,#ff9966)!important}html[data-vmx-icons="colorpop"] .sidebar li:nth-of-type(6n+3) a i{background:linear-gradient(135deg,#8e54e9,#4776e6)!important}html[data-vmx-icons="colorpop"] .sidebar li:nth-of-type(6n+4) a i{background:linear-gradient(135deg,#00b09b,#96c93d)!important}html[data-vmx-icons="colorpop"] .sidebar li:nth-of-type(6n+5) a i{background:linear-gradient(135deg,#f7971e,#ffd200)!important;color:#392b00!important}html[data-vmx-icons="colorpop"] .sidebar li:nth-of-type(6n) a i{background:linear-gradient(135deg,#f953c6,#b91d73)!important} html[data-vmx-icons="colorpop"] .menu-top a i{width:36px!important;height:36px!important;border-radius:10px!important;background:linear-gradient(135deg,#23a6d5,#8b5cf6)!important;color:#fff!important;box-shadow:0 5px 12px rgba(0,0,0,.18)!important} /* EMOJI LIVE — natywne pełnokolorowe emoji, bez Font Awesome */ html[data-vmx-icons="emoji"] body:not(.vm-page-login) .sidebar a i,html[data-vmx-icons="emoji"] body:not(.vm-page-login) .menu-top a i,html[data-vmx-icons="emoji"] body:not(.vm-page-login) .nav-btn i,html[data-vmx-icons="emoji"] body:not(.vm-page-login) .logout i{font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif!important;font-weight:400!important;background:none!important;border:0!important;box-shadow:none!important;clip-path:none!important;color:initial!important;font-size:20px!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;flex:0 0 34px!important;aspect-ratio:1/1!important;box-sizing:border-box!important;padding:0!important} html[data-vmx-icons="emoji"] body:not(.vm-page-login) .menu-top a i{font-size:24px!important;width:39px!important;height:39px!important} /* LINE SYMBOLS — cienkie liniowe piktogramy */ html[data-vmx-icons="line"] .sidebar a i{width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;min-height:34px!important;max-height:34px!important;flex:0 0 34px!important;aspect-ratio:1/1!important;box-sizing:border-box!important;padding:0!important;border:1px solid color-mix(in srgb,currentColor 38%,transparent)!important;border-radius:7px!important;background:transparent!important;font-size:17px!important;font-weight:400!important;box-shadow:none!important;clip-path:none!important} html[data-vmx-icons="line"] .menu-top a i{width:36px!important;height:36px!important;border:1px solid rgba(255,255,255,.38)!important;border-radius:50%!important;background:transparent!important;font-size:18px!important;font-weight:400!important} /* NEON CONSOLE — techniczne glify i poświata */ html[data-vmx-icons="neon"] .sidebar a i{width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;min-height:34px!important;max-height:34px!important;flex:0 0 34px!important;aspect-ratio:1/1!important;box-sizing:border-box!important;padding:0!important;border:1px solid var(--vmx-accent1)!important;color:var(--vmx-accent1)!important;background:rgba(0,0,0,.25)!important;border-radius:2px!important;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)!important;box-shadow:0 0 9px color-mix(in srgb,var(--vmx-accent1) 40%,transparent),inset 0 0 8px color-mix(in srgb,var(--vmx-accent1) 14%,transparent)!important;font-size:16px!important} html[data-vmx-icons="neon"] .menu-top a i{width:38px!important;height:38px!important;border:1px solid var(--vmx-accent2)!important;color:var(--vmx-accent1)!important;background:#050914!important;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)!important;box-shadow:0 0 12px color-mix(in srgb,var(--vmx-accent2) 38%,transparent)!important} /* ARCADE — tekstowe, blokowe plakietki */ html[data-vmx-icons="arcade"] .sidebar a i{width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;min-height:34px!important;max-height:34px!important;flex:0 0 34px!important;aspect-ratio:1/1!important;box-sizing:border-box!important;padding:0!important;border-radius:8px!important;background:#101010!important;border:2px solid #ffe44d!important;color:#ffe44d!important;font-family:Consolas,"Courier New",monospace!important;font-size:8px!important;letter-spacing:-.3px!important;box-shadow:3px 3px 0 #ff3e91!important} html[data-vmx-icons="arcade"] .menu-top a i{width:42px!important;height:28px!important;border-radius:2px!important;background:#0d0d0d!important;border:2px solid #4dfcff!important;color:#4dfcff!important;font-family:Consolas,"Courier New",monospace!important;font-size:8px!important;box-shadow:3px 3px 0 #7c4dff!important} /* BUBBLE COLOR — okrągłe aplikacyjne przyciski */ html[data-vmx-icons="bubble"] .sidebar a i{width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;min-height:34px!important;max-height:34px!important;flex:0 0 34px!important;aspect-ratio:1/1!important;box-sizing:border-box!important;padding:0!important;border-radius:50%!important;color:#fff!important;background:linear-gradient(145deg,var(--vmx-accent1),var(--vmx-accent2))!important;border:3px solid rgba(255,255,255,.22)!important;box-shadow:0 5px 12px rgba(0,0,0,.22),inset 0 1px 2px rgba(255,255,255,.28)!important;font-size:15px!important} html[data-vmx-icons="bubble"] .sidebar li:nth-of-type(3n+2) a i{background:linear-gradient(145deg,#ff7a59,#ff3d8d)!important}html[data-vmx-icons="bubble"] .sidebar li:nth-of-type(3n) a i{background:linear-gradient(145deg,#26c281,#00a9ff)!important} html[data-vmx-icons="bubble"] .menu-top a i{width:38px!important;height:38px!important;border-radius:50%!important;background:linear-gradient(145deg,#3b82f6,#8b5cf6)!important;color:#fff!important;border:3px solid rgba(255,255,255,.20)!important;box-shadow:0 5px 14px rgba(0,0,0,.22)!important} /* Kompaktowy wybór ikon w zakładce Wygląd */ body.vm-page-wyglad .icon-pack-select-row{display:grid!important;grid-template-columns:145px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;margin:9px 0 8px!important} body.vm-page-wyglad .icon-pack-select-row>span{font-weight:800!important} body.vm-page-wyglad .icon-pack-select-row select{width:100%!important;min-height:40px!important;padding:8px 38px 8px 11px!important} body.vm-page-wyglad .icon-pack-live{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:9px 11px!important;margin:0 0 18px!important;border:1px solid color-mix(in srgb,var(--vmx-accent1) 28%,transparent)!important;border-radius:10px!important;background:rgba(127,127,127,.07)!important} body.vm-page-wyglad .ipl-label{font-size:11px!important;font-weight:800!important;opacity:.72!important;white-space:nowrap!important} body.vm-page-wyglad .ipl-icons{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important;justify-content:flex-end!important} body.vm-page-wyglad .ipl-icons b{min-width:28px;height:28px;padding:0 4px;display:inline-grid;place-items:center;border-radius:7px;background:rgba(127,127,127,.13);font:800 14px/1 "Segoe UI Symbol",sans-serif} body.vm-page-wyglad .icon-pack-live[data-pack="emoji"] .ipl-icons b{font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;font-size:20px;background:transparent} body.vm-page-wyglad .icon-pack-live[data-pack="colorpop"] .ipl-icons b:nth-child(1){background:#1f78ff;color:#fff}body.vm-page-wyglad .icon-pack-live[data-pack="colorpop"] .ipl-icons b:nth-child(2){background:#ff5f6d;color:#fff}body.vm-page-wyglad .icon-pack-live[data-pack="colorpop"] .ipl-icons b:nth-child(3){background:#8e54e9;color:#fff}body.vm-page-wyglad .icon-pack-live[data-pack="colorpop"] .ipl-icons b:nth-child(4){background:#00b09b;color:#fff}body.vm-page-wyglad .icon-pack-live[data-pack="colorpop"] .ipl-icons b:nth-child(5){background:#f7971e;color:#fff}body.vm-page-wyglad .icon-pack-live[data-pack="colorpop"] .ipl-icons b:nth-child(6){background:#f953c6;color:#fff}body.vm-page-wyglad .icon-pack-live[data-pack="colorpop"] .ipl-icons b:nth-child(7){background:#23a6d5;color:#fff} body.vm-page-wyglad .icon-pack-live[data-pack="line"] .ipl-icons b{background:transparent;border:1px solid currentColor;font-weight:400} body.vm-page-wyglad .icon-pack-live[data-pack="neon"] .ipl-icons b{background:#050914;border:1px solid var(--vmx-accent1);color:var(--vmx-accent1);box-shadow:0 0 8px color-mix(in srgb,var(--vmx-accent1) 35%,transparent);border-radius:2px} body.vm-page-wyglad .icon-pack-live[data-pack="arcade"] .ipl-icons b{font-family:Consolas,monospace;font-size:8px;background:#101010;border:2px solid #ffe44d;color:#ffe44d;border-radius:2px;box-shadow:2px 2px 0 #ff3e91} body.vm-page-wyglad .icon-pack-live[data-pack="bubble"] .ipl-icons b{border-radius:50%;background:linear-gradient(145deg,var(--vmx-accent1),var(--vmx-accent2));color:#fff} /* Podgląd: oprawa ikon zgodna z wybranym pakietem */ .vmx-preview[data-preview-icons]:not([data-preview-icons="classic"]) .pv-link i,.vmx-preview[data-preview-icons]:not([data-preview-icons="classic"]) .pv-icon i{font-family:"Segoe UI Symbol",sans-serif!important;font-style:normal!important;font-weight:800!important} .vmx-preview[data-preview-icons="emoji"] .pv-link i,.vmx-preview[data-preview-icons="emoji"] .pv-icon i{font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif!important;font-size:20px!important} .vmx-preview[data-preview-icons="colorpop"] .pv-link i{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,#22c1c3,#1f78ff);color:#fff}.vmx-preview[data-preview-icons="colorpop"] .pv-icon{background:linear-gradient(135deg,#23a6d5,#8b5cf6)!important;color:#fff!important;border-radius:9px!important} .vmx-preview[data-preview-icons="line"] .pv-link i{width:25px;height:25px;display:grid;place-items:center;border:1px solid currentColor;border-radius:6px;font-weight:400!important}.vmx-preview[data-preview-icons="line"] .pv-icon{border:1px solid currentColor!important;border-radius:50%!important;background:transparent!important} .vmx-preview[data-preview-icons="neon"] .pv-link i{width:27px;height:27px;display:grid;place-items:center;border:1px solid var(--pa);color:var(--pa);background:#050914;box-shadow:0 0 8px color-mix(in srgb,var(--pa) 36%,transparent)}.vmx-preview[data-preview-icons="neon"] .pv-icon{border:1px solid var(--pa)!important;color:var(--pa)!important;background:#050914!important;border-radius:2px!important} .vmx-preview[data-preview-icons="arcade"] .pv-link i{min-width:34px;height:21px;padding:0 3px;display:grid;place-items:center;background:#101010;border:2px solid #ffe44d;color:#ffe44d;font:800 7px/1 Consolas,monospace;box-shadow:2px 2px 0 #ff3e91}.vmx-preview[data-preview-icons="arcade"] .pv-icon{width:40px!important;border-radius:2px!important;background:#101010!important;border:2px solid #4dfcff!important;color:#4dfcff!important;font:800 7px/1 Consolas,monospace!important} .vmx-preview[data-preview-icons="bubble"] .pv-link i{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,var(--pa),var(--pa2));color:#fff;border:2px solid rgba(255,255,255,.2)}.vmx-preview[data-preview-icons="bubble"] .pv-icon{border-radius:50%!important;background:linear-gradient(145deg,var(--pa),var(--pa2))!important;color:#fff!important} /* ===== LOGIN v18 — kompaktowy panel dostępu, jedna karta, bez zmian logiki ===== */ html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-login{ margin:0 !important; min-height:100dvh !important; overflow:hidden !important; background: radial-gradient(circle at 18% 22%,color-mix(in srgb,var(--vmx-accent1) 18%,transparent),transparent 34%), radial-gradient(circle at 82% 78%,color-mix(in srgb,var(--vmx-accent2) 13%,transparent),transparent 37%), linear-gradient(var(--vmx-angle),var(--vmx-workspace1),var(--vmx-workspace2)) !important; color:var(--vmx-on-workspace) !important; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-login .page{ height:100dvh !important; min-height:0 !important; padding:26px 18px 54px !important; box-sizing:border-box !important; display:grid !important; place-items:center !important; position:relative !important; overflow:hidden !important; isolation:isolate; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-login .page::before{ content:"";position:absolute;inset:0;z-index:-2;pointer-events:none; background: linear-gradient(115deg,transparent 0 43%,color-mix(in srgb,var(--vmx-accent1) 7%,transparent) 43% 44%,transparent 44% 100%), linear-gradient(65deg,transparent 0 59%,color-mix(in srgb,var(--vmx-accent2) 5%,transparent) 59% 60%,transparent 60% 100%); } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-login .page::after{ content:"";position:absolute;width:360px;height:360px;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1;pointer-events:none; border-radius:50%;background:color-mix(in srgb,var(--vmx-accent1) 10%,transparent);filter:blur(85px);opacity:.78; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-login .login-box{ width:min(430px,calc(100vw - 30px)) !important; max-width:430px !important; min-height:0 !important; margin:0 !important; padding:0 28px 24px !important; box-sizing:border-box !important; display:block !important; position:relative !important; overflow:visible !important; text-align:left !important; color:var(--vmx-on-card) !important; background:linear-gradient(155deg,color-mix(in srgb,var(--vmx-card1) 96%,transparent),color-mix(in srgb,var(--vmx-card2) 92%,transparent)) !important; border:1px solid color-mix(in srgb,var(--vmx-accent1) 28%,transparent) !important; border-radius:20px !important; box-shadow:0 28px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.06) !important; backdrop-filter:blur(15px); } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-login .vm-login-accent{ display:none !important; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-login .vm-login-brandbar{ height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px; border-bottom:1px solid color-mix(in srgb,var(--vmx-on-card) 10%,transparent); } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-login .vm-login-brand{ font-size:10px;font-weight:900;letter-spacing:1.35px;color:var(--vmx-on-card);opacity:.78; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-login .vm-login-status{ display:inline-flex;align-items:center;gap:6px;font-size:9px;font-weight:800;letter-spacing:.8px;color:var(--vmx-on-card);opacity:.64; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-login .vm-login-status-dot{ width:7px;height:7px;border-radius:50%;background:#35d07f;box-shadow:0 0 0 3px rgba(53,208,127,.12),0 0 10px rgba(53,208,127,.45); } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-login .vm-login-logo-wrap{ width:154px;height:92px;margin:14px auto 4px;display:grid;place-items:center;position:relative; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-login .vm-login-logo-halo{ position:absolute;inset:13px -18px;border-radius:50%;background:color-mix(in srgb,var(--vmx-accent1) 17%,transparent);filter:blur(24px);pointer-events:none; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-login .login-logo{ width:190px !important;max-width:none !important;height:auto !important;margin:0 !important;position:relative;z-index:1; filter:drop-shadow(0 10px 16px rgba(0,0,0,.24)); } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-login .vm-login-copy{ text-align:center;margin:0 auto 15px; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-login .vm-login-kicker{ margin:0 0 4px;font-size:9px;font-weight:900;letter-spacing:1.45px;color:var(--vmx-accent1); } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-login .vm-login-title{ margin:0;font-size:22px;font-weight:900;letter-spacing:-.35px;line-height:1.12;color:var(--vmx-on-card); } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-login .vm-login-subtitle{ margin:5px 0 0;font-size:11px;line-height:1.4;color:var(--vmx-on-card);opacity:.58; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-login .login-box form{ width:100%;margin:0 !important;display:grid;gap:10px; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-login .vm-login-field{ display:block;margin:0;padding:0;border:0;background:transparent; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-login .vm-login-field-label{ display:block;margin:0 0 5px 2px;font-size:9px;font-weight:900;letter-spacing:1px;color:var(--vmx-on-card);opacity:.62; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-login .vm-login-field-row{ height:46px;display:grid;grid-template-columns:38px 1fr;align-items:center;overflow:hidden; border:1px solid color-mix(in srgb,var(--vmx-on-card) 16%,transparent);border-radius:11px; background:color-mix(in srgb,var(--vmx-card1) 72%,var(--vmx-workspace1) 28%); transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-login .vm-login-field:focus-within .vm-login-field-row{ border-color:var(--vmx-accent1);box-shadow:0 0 0 3px color-mix(in srgb,var(--vmx-accent1) 13%,transparent);transform:translateY(-1px); } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-login .vm-login-field-icon{ height:100%;display:grid;place-items:center;border-right:1px solid color-mix(in srgb,var(--vmx-on-card) 10%,transparent); color:var(--vmx-accent1);font-size:12px;font-weight:800; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-login .login-box .vm-login-field input[type="text"], html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-login .login-box .vm-login-field input[type="password"]{ width:100% !important;height:44px !important;margin:0 !important;padding:0 13px !important;box-sizing:border-box !important; border:0 !important;border-radius:0 !important;background:transparent !important;color:var(--vmx-on-card) !important; box-shadow:none !important;outline:none !important;font-size:13px !important;transform:none !important; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-login .login-box .vm-login-field input::placeholder{ color:color-mix(in srgb,var(--vmx-on-card) 43%,transparent) !important; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-login .vm-login-actions-row{ display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:28px; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-login .login-box .remember{ margin:0 !important;min-height:0 !important;display:flex !important;align-items:center !important;color:var(--vmx-on-card) !important; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-login .login-box .remember label{ display:inline-flex !important;align-items:center !important;gap:7px !important;font-size:10px !important;line-height:1.2 !important;color:var(--vmx-on-card) !important;cursor:pointer; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-login .login-box .remember input[type="checkbox"]{ width:15px !important;height:15px !important;margin:0 !important;accent-color:var(--vmx-accent1) !important; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-login .vm-login-secure{ display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:700;color:var(--vmx-on-card);opacity:.45;white-space:nowrap; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-login .vm-login-secure span{color:var(--vmx-accent1);opacity:1} html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-login .login-box input[type="submit"]{ width:100% !important;height:46px !important;margin:0 !important;padding:0 18px !important;border:0 !important;border-radius:11px !important; background:linear-gradient(135deg,var(--vmx-button1),var(--vmx-button2)) !important;color:var(--vmx-on-button) !important; font-size:13px !important;font-weight:900 !important;letter-spacing:1.05px !important;cursor:pointer !important; box-shadow:0 11px 22px color-mix(in srgb,var(--vmx-button2) 24%,transparent) !important;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease !important; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-login .login-box input[type="submit"]:hover{ transform:translateY(-2px);filter:brightness(1.07);box-shadow:0 15px 28px color-mix(in srgb,var(--vmx-button2) 31%,transparent) !important; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-login .login-box .error{ padding:9px 11px;margin:0 0 10px !important;border-radius:9px;background:rgba(214,48,49,.12);border:1px solid rgba(255,107,107,.36);color:#ffd1d1 !important;font-size:11px;text-align:center; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-login .vm-login-challenge{ margin:0 !important;background:color-mix(in srgb,var(--vmx-workspace1) 32%,transparent) !important;border-color:color-mix(in srgb,var(--vmx-accent1) 28%,transparent) !important;color:var(--vmx-on-card) !important; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-login .footer-bar{ position:fixed !important;left:50% !important;right:auto !important;bottom:8px !important;transform:translateX(-50%) !important; width:auto !important;height:auto !important;min-height:0 !important;padding:4px 10px !important;margin:0 !important; background:transparent !important;color:var(--vmx-on-workspace) !important;border:0 !important;box-shadow:none !important; font-size:10px !important;opacity:.62 !important;white-space:nowrap !important; } /* Motywy zmieniają detal karty, ale nie jej rozmiar ani konstrukcję. */ html[data-vmx-theme="nova"] body.vm-page-login .login-box{border-radius:24px !important;backdrop-filter:blur(20px)} html[data-vmx-theme="nova"] body.vm-page-login .vm-login-accent{border-radius:24px 24px 0 0} html[data-vmx-theme="studio"] body.vm-page-login .login-box{border-radius:4px !important;border-left:5px solid var(--vmx-accent1) !important;box-shadow:10px 10px 0 rgba(18,35,52,.16),0 28px 70px rgba(0,0,0,.28) !important} html[data-vmx-theme="studio"] body.vm-page-login .vm-login-accent{border-radius:0} html[data-vmx-theme="studio"] body.vm-page-login .vm-login-field-row,html[data-vmx-theme="studio"] body.vm-page-login .login-box input[type="submit"]{border-radius:4px !important} html[data-vmx-theme="neon"] body.vm-page-login .login-box{border-radius:3px !important;clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px) !important;border-color:var(--vmx-accent1) !important;box-shadow:0 0 34px color-mix(in srgb,var(--vmx-accent1) 16%,transparent),0 28px 70px rgba(0,0,0,.42) !important} html[data-vmx-theme="neon"] body.vm-page-login .vm-login-accent{border-radius:0;box-shadow:0 0 18px var(--vmx-accent1)} html[data-vmx-theme="neon"] body.vm-page-login .vm-login-field-row,html[data-vmx-theme="neon"] body.vm-page-login .login-box input[type="submit"]{border-radius:3px !important} html[data-vmx-theme="horizon"] body.vm-page-login .login-box{border-radius:18px !important;border-top:4px solid var(--vmx-accent1) !important} html[data-vmx-theme="orbit"] body.vm-page-login .login-box{border-radius:8px 26px 8px 26px !important} html[data-vmx-theme="orbit"] body.vm-page-login .vm-login-accent{border-radius:8px 26px 0 0} @media (max-height:650px) and (min-width:681px){ html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-login .login-box{transform:scale(.89);transform-origin:center} } @media (max-width:680px){ html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-login{overflow:auto !important} html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-login .page{height:auto !important;min-height:100dvh !important;padding:18px 12px 54px !important;overflow:visible !important;align-items:start !important} html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-login .login-box{width:min(430px,96vw) !important;padding:0 20px 22px !important;margin:4px auto !important;clip-path:none !important;transform:none !important;border-radius:16px !important} html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-login .vm-login-accent{margin:0 -20px;border-radius:16px 16px 0 0} html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-login .vm-login-logo-wrap{height:82px;margin-top:10px} html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-login .login-logo{width:170px !important} html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-login .vm-login-title{font-size:20px} html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-login .vm-login-secure{display:none} } /* ===== EDYTOR WYGLĄDU ===== */ body.vm-page-wyglad .appearance-grid{display:grid;grid-template-columns:minmax(360px,450px) minmax(620px,1fr);gap:20px;align-items:start} body.vm-page-wyglad .appearance-controls{position:static} body.vm-page-wyglad .appearance-title{display:flex;align-items:center;gap:10px;margin:0 0 12px} body.vm-page-wyglad .theme-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 18px} body.vm-page-wyglad .theme-choice{position:relative;display:block;cursor:pointer} body.vm-page-wyglad .theme-choice input{position:absolute;opacity:0;pointer-events:none} body.vm-page-wyglad .theme-tile{display:block;padding:13px;border:1px solid rgba(127,127,127,.28);border-radius:11px;background:rgba(127,127,127,.08);transition:.16s ease} body.vm-page-wyglad .theme-choice input:checked + .theme-tile{border-color:var(--vmx-accent1);box-shadow:0 0 0 2px color-mix(in srgb,var(--vmx-accent1) 24%,transparent)} body.vm-page-wyglad .theme-name{display:block;font-weight:800;margin-bottom:4px} body.vm-page-wyglad .theme-desc{display:block;font-size:12px;opacity:.76;line-height:1.35} body.vm-page-wyglad .color-section-title{font-weight:800;margin:18px 0 7px;padding-top:12px;border-top:1px solid rgba(127,127,127,.25)} body.vm-page-wyglad .color-pair{display:grid;grid-template-columns:1fr 58px 58px;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid rgba(127,127,127,.16)} body.vm-page-wyglad .color-pair input[type=color]{width:52px;height:34px;padding:2px;border:0;border-radius:7px;cursor:pointer;background:transparent} body.vm-page-wyglad .angle-row{display:grid;grid-template-columns:1fr 125px;align-items:center;gap:10px;padding:9px 0} body.vm-page-wyglad .appearance-actions{display:flex;gap:9px;margin-top:16px;flex-wrap:wrap} body.vm-page-wyglad .appearance-save,body.vm-page-wyglad .appearance-reset,body.vm-page-wyglad .preset-reset{padding:10px 14px;border-radius:9px;font-weight:800;cursor:pointer} body.vm-page-wyglad .appearance-save{border:0;background:linear-gradient(135deg,var(--vmx-button1),var(--vmx-button2));color:var(--vmx-on-button)} body.vm-page-wyglad .appearance-reset,body.vm-page-wyglad .preset-reset{border:1px solid rgba(127,127,127,.28);background:rgba(127,127,127,.08);color:inherit} body.vm-page-wyglad .appearance-note{font-size:12px;opacity:.74;line-height:1.45;margin-top:13px} body.vm-page-wyglad .save-msg{padding:10px 12px;border-radius:9px;margin-bottom:12px;font-weight:700}.save-msg.success{background:rgba(25,180,90,.16);border:1px solid rgba(25,180,90,.42)}.save-msg.error{background:rgba(220,60,60,.16);border:1px solid rgba(220,60,60,.42)} body.vm-page-wyglad .preview-card{padding:0 !important;overflow:hidden;position:sticky;top:88px;height:clamp(520px,calc(100vh - 112px),660px);min-height:0;align-self:start} /* ===== PODGLĄD ===== */ .vmx-preview{--pt:#17233f;--pt2:#0a1020;--ps:#17233f;--ps2:#0b1326;--pw:#0c1425;--pw2:#121e34;--pc:#17243c;--pc2:#101b2f;--pa:#4f8cff;--pa2:#7c5cff;--ph:#4f8cff;--ph2:#7c5cff;--pi:#17243c;--pi2:#101b2f;--pb:#4f8cff;--pb2:#315fd6;--px:#f5f8ff;--pang:135deg;height:100%;position:relative;background:linear-gradient(var(--pang),var(--pw),var(--pw2));color:var(--px);font:12px/1.3 "Segoe UI",sans-serif;overflow:hidden} .vmx-preview *{box-sizing:border-box}.pv-top{position:absolute;left:0;right:0;top:0;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:linear-gradient(var(--pang),var(--pt),var(--pt2));z-index:3}.pv-brand{font-weight:900;font-size:17px}.pv-icons{display:flex;gap:7px}.pv-icon{width:30px;height:30px;display:grid;place-items:center}.pv-side{position:absolute;left:0;top:64px;bottom:28px;width:200px;padding:11px 8px;background:linear-gradient(180deg,var(--ps),var(--ps2));overflow:hidden}.pv-side-title{font-size:9px;text-transform:uppercase;letter-spacing:1px;opacity:.55;margin:10px 8px 5px}.pv-link{display:flex;gap:8px;align-items:center;padding:8px 9px;margin:2px 0}.pv-main{position:absolute;left:200px;right:0;top:64px;bottom:28px;padding:16px;background:linear-gradient(var(--pang),var(--pw),var(--pw2));overflow:hidden}.pv-hero,.pv-message{background:linear-gradient(var(--pang),var(--pc),var(--pc2));border:1px solid rgba(255,255,255,.09)}.pv-hero{padding:15px}.pv-hero h3{margin:0 0 11px;font-size:17px}.pv-infobar{margin:0 0 10px;padding:8px 10px;display:flex;align-items:center;gap:8px;background:linear-gradient(var(--pang),var(--pi),var(--pi2));color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:9px}.pv-infobar i{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;font-style:normal;font-weight:900;background:var(--pa);color:#fff}.pv-infobar b{margin-left:auto;font-size:10px;padding:3px 6px;border:1px solid rgba(255,255,255,.22);border-radius:999px}.pv-sectionbar{margin:0 0 10px;padding:7px 10px;background:linear-gradient(var(--pang),var(--ph),var(--ph2));color:#fff;font-weight:800}.pv-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pv-stat{padding:9px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.06)}.pv-stat b{display:block;margin-top:4px;font-size:14px}.pv-message{height:190px;margin-top:11px;display:grid;place-items:center;font-weight:700}.pv-buttons{display:flex;gap:8px;margin-top:11px}.pv-btn{padding:8px 11px;background:linear-gradient(135deg,var(--pb),var(--pb2));color:#fff;font-weight:700}.pv-btn.hot{background:linear-gradient(135deg,var(--pa),var(--pa2))}.pv-foot{position:absolute;left:0;right:0;bottom:0;height:28px;display:flex;align-items:center;justify-content:space-around;background:linear-gradient(90deg,var(--pt),var(--pt2));font-size:10px} .vmx-preview[data-preview-theme="classic"]{--pt:#1657a4;--pt2:#083d7e;--ps:#1657a4;--ps2:#083d7e;--pw:#ff8c14;--pw2:#ff7300;--pc:#175aa7;--pc2:#0b4387;--pa:#ff8b19;--pa2:#ff6b00;--ph:#ff8b19;--ph2:#ff6b00;--pi:#175aa7;--pi2:#0b4387;--pb:#1672d8;--pb2:#0755ad;--px:#fff}.vmx-preview[data-preview-theme="classic"] .pv-side-title{background:#ff7b00;color:#fff;opacity:1;margin-left:-8px;margin-right:-8px;padding:5px}.vmx-preview[data-preview-theme="classic"] .pv-link.active{background:#2365ad}.vmx-preview[data-preview-theme="classic"] .pv-hero,.vmx-preview[data-preview-theme="classic"] .pv-message{border-radius:10px}.vmx-preview[data-preview-theme="classic"] .pv-stat,.vmx-preview[data-preview-theme="classic"] .pv-btn{border-radius:7px} .vmx-preview[data-preview-theme="nova"] .pv-top{left:10px;right:10px;top:8px;height:70px;border-radius:18px}.vmx-preview[data-preview-theme="nova"] .pv-icon{border-radius:10px;background:rgba(255,255,255,.08)}.vmx-preview[data-preview-theme="nova"] .pv-side{top:90px;left:10px;bottom:40px;width:190px;border-radius:20px;border:1px solid rgba(255,255,255,.08)}.vmx-preview[data-preview-theme="nova"] .pv-link{border-radius:11px}.vmx-preview[data-preview-theme="nova"] .pv-link i{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.08)}.vmx-preview[data-preview-theme="nova"] .pv-link.active{background:linear-gradient(90deg,color-mix(in srgb,var(--pa) 30%,transparent),transparent);box-shadow:inset 3px 0 var(--pa)}.vmx-preview[data-preview-theme="nova"] .pv-main{top:88px;left:210px}.vmx-preview[data-preview-theme="nova"] .pv-hero,.vmx-preview[data-preview-theme="nova"] .pv-message{border-radius:18px;box-shadow:0 12px 30px rgba(0,0,0,.16)}.vmx-preview[data-preview-theme="nova"] .pv-stat,.vmx-preview[data-preview-theme="nova"] .pv-btn{border-radius:10px} .vmx-preview[data-preview-theme="studio"]{color:#172334}.vmx-preview[data-preview-theme="studio"] .pv-top{height:62px;border-bottom:5px solid var(--pa);color:#fff}.vmx-preview[data-preview-theme="studio"] .pv-icon{height:62px;width:42px;border-left:1px solid rgba(255,255,255,.13)}.vmx-preview[data-preview-theme="studio"] .pv-side{top:62px;width:190px;padding:0;border-right:5px solid var(--pa);color:#fff}.vmx-preview[data-preview-theme="studio"] .pv-side-title{margin:0;padding:9px 12px;background:color-mix(in srgb,var(--pa) 60%,#172334 40%);opacity:1}.vmx-preview[data-preview-theme="studio"] .pv-link{margin:0;padding:9px 12px;border-radius:0;border-left:4px solid transparent}.vmx-preview[data-preview-theme="studio"] .pv-link.active{background:linear-gradient(90deg,color-mix(in srgb,var(--pa) 35%,transparent),transparent);border-left-color:#fff}.vmx-preview[data-preview-theme="studio"] .pv-main{top:62px;left:190px}.vmx-preview[data-preview-theme="studio"] .pv-hero,.vmx-preview[data-preview-theme="studio"] .pv-message{border-radius:0;border-top:5px solid var(--pa);box-shadow:6px 6px 0 rgba(23,35,52,.14);color:#172334}.vmx-preview[data-preview-theme="studio"] .pv-stat,.vmx-preview[data-preview-theme="studio"] .pv-btn{border-radius:0} .vmx-preview[data-preview-theme="neon"] .pv-top{height:58px;padding-left:82px;border-bottom:1px solid var(--pa)}.vmx-preview[data-preview-theme="neon"] .pv-icon{border:1px solid var(--pa);border-radius:3px;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}.vmx-preview[data-preview-theme="neon"] .pv-side{top:0;bottom:0;width:70px;padding-top:68px;border-right:1px solid var(--pa);z-index:4}.vmx-preview[data-preview-theme="neon"] .pv-side-title{height:1px;font-size:0;padding:0;margin:8px;background:var(--pa)}.vmx-preview[data-preview-theme="neon"] .pv-link{height:42px;padding:0;display:grid;place-items:center}.vmx-preview[data-preview-theme="neon"] .pv-link span{display:none}.vmx-preview[data-preview-theme="neon"] .pv-link.active{border:1px solid var(--pa);color:var(--pa);box-shadow:0 0 12px color-mix(in srgb,var(--pa) 30%,transparent)}.vmx-preview[data-preview-theme="neon"] .pv-main{left:70px;top:58px}.vmx-preview[data-preview-theme="neon"] .pv-hero,.vmx-preview[data-preview-theme="neon"] .pv-message{border-radius:3px;border-color:var(--pa);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}.vmx-preview[data-preview-theme="neon"] .pv-stat,.vmx-preview[data-preview-theme="neon"] .pv-btn{border-radius:2px}.vmx-preview[data-preview-theme="neon"] .pv-foot{left:70px} .vmx-preview[data-preview-theme="horizon"]{color:#263244}.vmx-preview[data-preview-theme="horizon"] .pv-top{height:62px;color:#fff}.vmx-preview[data-preview-theme="horizon"] .pv-icon{border-radius:999px;background:rgba(255,255,255,.08)}.vmx-preview[data-preview-theme="horizon"] .pv-side{left:0;right:0;top:62px;width:auto;height:72px;bottom:auto;display:flex;align-items:center;padding:10px;overflow:hidden}.vmx-preview[data-preview-theme="horizon"] .pv-side-title{display:none}.vmx-preview[data-preview-theme="horizon"] .pv-link{flex:0 0 auto;border-radius:11px;border:1px solid rgba(25,40,55,.16);padding:9px 11px;background:rgba(255,255,255,.6);color:#263244}.vmx-preview[data-preview-theme="horizon"] .pv-link.active{background:linear-gradient(135deg,var(--pa),var(--pa2));color:#fff}.vmx-preview[data-preview-theme="horizon"] .pv-main{left:0;top:134px}.vmx-preview[data-preview-theme="horizon"] .pv-hero,.vmx-preview[data-preview-theme="horizon"] .pv-message{border-radius:15px;color:#263244}.vmx-preview[data-preview-theme="horizon"] .pv-btn{border-radius:999px} .vmx-preview[data-preview-theme="orbit"] .pv-top{height:64px}.vmx-preview[data-preview-theme="orbit"] .pv-icon{border-radius:50%;border:2px solid color-mix(in srgb,var(--pa) 45%,transparent)}.vmx-preview[data-preview-theme="orbit"] .pv-side{left:auto;right:10px;top:76px;bottom:38px;width:225px;border-radius:22px 6px 22px 6px;padding:10px;display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:5px}.vmx-preview[data-preview-theme="orbit"] .pv-side-title{grid-column:1/-1;border-radius:12px 3px 12px 3px;padding:6px 8px;background:linear-gradient(135deg,var(--pa),var(--pa2));opacity:1}.vmx-preview[data-preview-theme="orbit"] .pv-link{min-height:55px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;border-radius:12px 4px 12px 4px;background:rgba(255,255,255,.06);font-size:10px}.vmx-preview[data-preview-theme="orbit"] .pv-link.active{border:1px solid var(--pa);background:color-mix(in srgb,var(--pa) 24%,transparent)}.vmx-preview[data-preview-theme="orbit"] .pv-main{left:0;right:245px;top:64px}.vmx-preview[data-preview-theme="orbit"] .pv-hero,.vmx-preview[data-preview-theme="orbit"] .pv-message{border-radius:5px 20px 5px 20px}.vmx-preview[data-preview-theme="orbit"] .pv-stat,.vmx-preview[data-preview-theme="orbit"] .pv-btn{border-radius:4px 12px 4px 12px}.vmx-preview[data-preview-theme="orbit"] .pv-foot{right:245px} @media(max-width:1100px){body.vm-page-wyglad .appearance-grid{grid-template-columns:1fr}body.vm-page-wyglad .appearance-controls{position:static}body.vm-page-wyglad .preview-card{position:static;height:660px}} @media(max-width:800px){ html[data-vmx-theme="neon"] body:not(.vm-page-login) .sidebar{width:260px !important;top:66px !important;padding:10px !important;overflow-y:auto !important} html[data-vmx-theme="neon"] body:not(.vm-page-login) .sidebar h3{height:auto !important;font-size:12px !important;padding:8px !important;margin:4px !important;background:transparent !important} html[data-vmx-theme="neon"] body:not(.vm-page-login) .sidebar ul li a{width:auto !important;height:auto !important;display:flex !important;padding:10px !important} html[data-vmx-theme="neon"] body:not(.vm-page-login) .sidebar ul li a span{display:inline !important;position:static !important;transform:none !important;opacity:1 !important;visibility:visible !important;padding:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important} html[data-vmx-theme="neon"] body:not(.vm-page-login) .main{margin-left:0 !important} html[data-vmx-theme="orbit"] body:not(.vm-page-login) .sidebar{left:0 !important;right:auto !important;width:280px !important;border-radius:0 !important;display:block !important} html[data-vmx-theme="orbit"] body:not(.vm-page-login) .sidebar ul{display:block !important} html[data-vmx-theme="orbit"] body:not(.vm-page-login) .sidebar ul li a{margin:4px 0 !important;min-height:auto !important;display:flex !important;flex-direction:row !important} html[data-vmx-theme="orbit"] body:not(.vm-page-login) .main{margin-right:0 !important} html[data-vmx-theme="horizon"] body:not(.vm-page-login) .sidebar{display:block !important;height:auto !important;overflow:visible !important;top:70px !important;width:260px !important;right:auto !important;padding:10px !important} html[data-vmx-theme="horizon"] body:not(.vm-page-login) .sidebar ul{display:block !important} html[data-vmx-theme="horizon"] body:not(.vm-page-login) .sidebar ul li a{height:auto !important;max-width:none !important;display:flex !important;flex-direction:row !important;justify-content:flex-start !important;margin:4px 0 !important} html[data-vmx-theme="horizon"] body:not(.vm-page-login) .main{padding-top:92px !important} } /* ===== v9: PEŁNE PRZEJĘCIE TŁA PRZEZ WYBRANY MOTYW ===== Oryginalny panel ma na wielu stronach własne body::before z pomarańczowym tłem. Dla nowych motywów przejmujemy również tę warstwę. Classic pozostaje bez zmian. */ html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login)::before{ content:"" !important; position:fixed !important; inset:0 !important; z-index:-1 !important; pointer-events:none !important; background:linear-gradient(var(--vmx-angle),var(--vmx-workspace1),var(--vmx-workspace2)) !important; background-size:cover !important; background-attachment:fixed !important; will-change:auto !important; backface-visibility:visible !important; transform:none !important; } /* Nova: tło robocze + dekoracyjne miękkie poświaty */ html[data-vmx-theme="nova"] body:not(.vm-page-login)::before{ background: radial-gradient(circle at 78% 18%,color-mix(in srgb,var(--vmx-accent1) 18%,transparent),transparent 28%), radial-gradient(circle at 20% 85%,color-mix(in srgb,var(--vmx-accent2) 13%,transparent),transparent 30%), linear-gradient(var(--vmx-angle),var(--vmx-workspace1),var(--vmx-workspace2)) !important; } /* Studio: czyste, pełne tło konsoli bez pozostałości Classic */ html[data-vmx-theme="studio"] body:not(.vm-page-login)::before{ background: linear-gradient(90deg,color-mix(in srgb,var(--vmx-accent1) 4%,transparent),transparent 35%), linear-gradient(var(--vmx-angle),var(--vmx-workspace1),var(--vmx-workspace2)) !important; } /* Neon: siatka jest dekoracją na właściwym tle motywu, a nie zamiast niego */ html[data-vmx-theme="neon"] body:not(.vm-page-login)::before{ background: linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px), linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px), radial-gradient(circle at 72% 16%,color-mix(in srgb,var(--vmx-accent1) 10%,transparent),transparent 30%), linear-gradient(var(--vmx-angle),var(--vmx-workspace1),var(--vmx-workspace2)) !important; background-size:32px 32px,32px 32px,auto,cover !important; } /* Horizon: pełne jasne/ciemne tło zgodne z wybranymi dwiema barwami */ html[data-vmx-theme="horizon"] body:not(.vm-page-login)::before{ background: linear-gradient(180deg,color-mix(in srgb,var(--vmx-accent1) 4%,transparent),transparent 34%), linear-gradient(var(--vmx-angle),var(--vmx-workspace1),var(--vmx-workspace2)) !important; } /* Orbit: poświaty na właściwym tle roboczym */ html[data-vmx-theme="orbit"] body:not(.vm-page-login)::before{ background: radial-gradient(circle at 12% 18%,color-mix(in srgb,var(--vmx-accent2) 15%,transparent),transparent 30%), radial-gradient(circle at 72% 88%,color-mix(in srgb,var(--vmx-accent1) 10%,transparent),transparent 34%), linear-gradient(var(--vmx-angle),var(--vmx-workspace1),var(--vmx-workspace2)) !important; } /* Wolna przestrzeń w głównym obszarze nigdy nie wraca do koloru Classic. */ html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .main{ background:transparent !important; } /* ===== v10: NORMALIZACJA GEOMETRII WSZYSTKICH WŁAŚCIWYCH STRON PANELU ===== Cel: odciąć odziedziczone, per-strona wymiary starego Classic od nowych motywów. Nie zmienia formularzy, href, JS ani logiki — wyłącznie geometrię warstwy prezentacji. */ html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .topbar, html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .sidebar, html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .main, html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .footer-bar{ box-sizing:border-box !important; } /* Kluczowe: część starego CSS ma własne min-width/max-width. Nowy motyw musi przejąć także te ograniczenia, inaczej np. Lista Przebojów zachowuje min-width:350px na sidebarze mimo wizualnej szerokości motywu. */ html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .sidebar{ min-width:0 !important; max-width:none !important; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .main{ min-width:0 !important; max-width:none !important; width:auto !important; box-sizing:border-box !important; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .main > .card{ box-sizing:border-box !important; min-width:0 !important; max-width:100% !important; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .main table{ max-width:100% !important; } /* Pionowe menu nie może tworzyć poziomego scrolla ani wypychać swojej kolumny. Tekst może zawinąć się w obrębie linku; geometria głównej części pozostaje zsynchronizowana z szerokością menu. */ html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .sidebar ul, html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .sidebar li, html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .sidebar a{ box-sizing:border-box !important; min-width:0 !important; } html[data-vmx-theme="nova"] body:not(.vm-page-login) .sidebar ul li a, html[data-vmx-theme="studio"] body:not(.vm-page-login) .sidebar ul li a{ width:calc(100% - 10px) !important; max-width:calc(100% - 10px) !important; white-space:normal !important; overflow-wrap:anywhere !important; } html[data-vmx-theme="orbit"] body:not(.vm-page-login) .sidebar ul li a{ width:100% !important; max-width:100% !important; white-space:normal !important; overflow-wrap:anywhere !important; } /* Desktop: jedna, jednoznaczna geometria dla każdego szablonu. Te reguły są celowo na końcu pliku, aby żaden stary blok vm-page-* nie mógł ponownie narzucić przesunięcia lub minimalnej szerokości. */ @media (min-width:992px){ html[data-vmx-theme="nova"] body:not(.vm-page-login) .sidebar{ overflow-x:hidden !important; width:360px !important; min-width:360px !important; max-width:360px !important; left:18px !important; right:auto !important; top:112px !important; bottom:48px !important; } html[data-vmx-theme="nova"] body:not(.vm-page-login) .main{ margin-left:392px !important; margin-right:0 !important; padding:112px 28px 64px !important; } html[data-vmx-theme="studio"] body:not(.vm-page-login) .sidebar{ width:345px !important; min-width:345px !important; max-width:345px !important; left:0 !important; right:auto !important; top:72px !important; bottom:30px !important; } html[data-vmx-theme="studio"] body:not(.vm-page-login) .main{ margin-left:345px !important; margin-right:0 !important; padding:94px 24px 52px !important; } html[data-vmx-theme="neon"] body:not(.vm-page-login) .sidebar{ width:112px !important; min-width:112px !important; max-width:112px !important; left:0 !important; right:auto !important; top:0 !important; bottom:0 !important; } html[data-vmx-theme="neon"] body:not(.vm-page-login) .main{ margin-left:112px !important; margin-right:0 !important; padding:88px 22px 52px !important; } html[data-vmx-theme="horizon"] body:not(.vm-page-login) .sidebar{ width:auto !important; min-width:0 !important; max-width:none !important; left:0 !important; right:0 !important; top:70px !important; bottom:auto !important; } html[data-vmx-theme="horizon"] body:not(.vm-page-login) .main{ margin-left:0 !important; margin-right:0 !important; padding:188px 28px 56px !important; max-width:none !important; } html[data-vmx-theme="orbit"] body:not(.vm-page-login) .sidebar{ width:380px !important; min-width:380px !important; max-width:380px !important; left:auto !important; right:14px !important; top:88px !important; bottom:46px !important; } html[data-vmx-theme="orbit"] body:not(.vm-page-login) .main{ margin-left:0 !important; margin-right:408px !important; padding:94px 26px 58px !important; } } /* Telefon/tablet: stare desktopowe min-width nie mogą wrócić po otwarciu menu. */ @media (max-width:991.98px){ html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .sidebar{ min-width:0 !important; max-width:min(90vw,380px) !important; } html[data-vmx-theme]:not([data-vmx-theme="classic"]) body:not(.vm-page-login) .main{ margin-left:0 !important; margin-right:0 !important; width:auto !important; max-width:none !important; } } /* Inline pomarańczowe tło trzech pomocniczych kart edycji użytkownika było pozostałością Classic. Przy nowych motywach karta ma należeć do wybranego motywu; treść i działanie pozostają bez zmian. */ html[data-vmx-theme]:not([data-vmx-theme="classic"]) body.vm-page-edit-user .main .card[style*="background"]{ background:linear-gradient(var(--vmx-angle),var(--vmx-card1),var(--vmx-card2)) !important; } /* Classic: pierwszy nagłówek menu ma zaczynać się równo pod topbarem. */ html[data-vmx-theme="classic"] body:not(.vm-page-login) .sidebar{ padding-top:0 !important; } html[data-vmx-theme="classic"] body:not(.vm-page-login) .sidebar > h3:first-child{ margin-top:0 !important; } /* ===== STUDIO CONSOLE — PREMIUM FINISH ===== Wyłącznie kosmetyka: promienie, obramowania i cienie. Bez zmian geometrii, pozycjonowania i logiki elementów. */ html[data-vmx-theme="studio"] body:not(.vm-page-login) .card{ border-radius:16px !important; border-top-width:4px !important; box-shadow: 0 12px 28px rgba(10,28,48,.18), 0 2px 7px rgba(10,28,48,.10), inset 0 1px 0 rgba(255,255,255,.08) !important; } html[data-vmx-theme="studio"] body:not(.vm-page-login) .subnote{ border-radius:12px !important; box-shadow: 0 8px 20px rgba(8,26,46,.16), inset 0 1px 0 rgba(255,255,255,.10) !important; } html[data-vmx-theme="studio"] body:not(.vm-page-login) input:not([type=checkbox]):not([type=radio]):not([type=color]), html[data-vmx-theme="studio"] body:not(.vm-page-login) textarea, html[data-vmx-theme="studio"] body:not(.vm-page-login) select{ border-radius:10px !important; box-shadow:inset 0 1px 2px rgba(12,32,54,.08) !important; } html[data-vmx-theme="studio"] body:not(.vm-page-login) input:not([type=checkbox]):not([type=radio]):not([type=color]):focus, html[data-vmx-theme="studio"] body:not(.vm-page-login) textarea:focus, html[data-vmx-theme="studio"] body:not(.vm-page-login) select:focus{ box-shadow: 0 0 0 3px color-mix(in srgb,var(--vmx-accent1) 18%,transparent), inset 0 1px 2px rgba(12,32,54,.08) !important; } html[data-vmx-theme="studio"] body:not(.vm-page-login) button, html[data-vmx-theme="studio"] body:not(.vm-page-login) .btn, html[data-vmx-theme="studio"] body:not(.vm-page-login) .bttn, html[data-vmx-theme="studio"] body:not(.vm-page-login) input[type=submit], html[data-vmx-theme="studio"] body:not(.vm-page-login) .cmodal-btn{ border-radius:10px !important; box-shadow: 0 5px 12px rgba(8,25,44,.16), inset 0 1px 0 rgba(255,255,255,.13) !important; } html[data-vmx-theme="studio"] body:not(.vm-page-login) .status-tile{ border-radius:12px !important; box-shadow: 0 6px 15px rgba(8,25,44,.15), inset 0 1px 0 rgba(255,255,255,.10) !important; } html[data-vmx-theme="studio"] body:not(.vm-page-login) .cmodal-modal{ border-radius:16px !important; box-shadow: 0 24px 60px rgba(0,0,0,.38), 0 0 0 1px rgba(255,255,255,.09) inset !important; } html[data-vmx-theme="studio"] body:not(.vm-page-login) .top-flash, html[data-vmx-theme="studio"] body:not(.vm-page-login) .global-notice-tile{ border-radius:14px !important; box-shadow: 0 10px 24px rgba(8,25,44,.16), inset 0 1px 0 rgba(255,255,255,.09) !important; } html[data-vmx-theme="studio"] body:not(.vm-page-login) .subcard{ border-radius:14px !important; box-shadow:0 10px 24px rgba(8,25,44,.14) !important; } html[data-vmx-theme="studio"] body:not(.vm-page-login) .contact-item, html[data-vmx-theme="studio"] body:not(.vm-page-login) .rules li{ border-radius:10px !important; } html[data-vmx-theme="studio"] body:not(.vm-page-login) .sidebar h3{ border-radius:0 10px 10px 0 !important; } html[data-vmx-theme="studio"] body:not(.vm-page-login) .sidebar ul li a{ border-radius:0 10px 10px 0 !important; } html[data-vmx-theme="studio"] body:not(.vm-page-login) .topbar a.logout{ border-radius:10px !important; box-shadow:0 5px 14px rgba(0,0,0,.13) !important; }