/* ========================================================================== OMEGA HAVLÍKOVI - ADMINISTRÁTORSKÁ ZÓNA (style_admin.css) VERZE 14.07 - Akce pokladních knih a náhled příloh (11. 11. 2026) VÝCHOZÍ REFERENČNÍ VERZE: 13.52 RC53 P1.3.2: Správa vlastníků používá sedmisloupcový desktopový grid: Byt/Forma, Vlastník, Portál, Generální plná moc, Podíl, Procenta, Akce. CSS-COMPACT: odstraněny prázdné řádky; logické bloky zůstávají oddělené komentáři. CSS-R7: kompletní audit aktuálního Adminu; stejné selektory se slučují jen při nekolidujících vlastnostech, starý grid Správy zpráv a překonaný náhled původního mailu byly odstraněny, protože produkční PHP/JS je již negenerují. RC82: obecný Omega Admin combobox je součást centrální formulářové vrstvy; mailový editor pouze používá tuto komponentu a nemá vlastní lokální CSS. Barevná identita se určuje jedinou systémovou třídou a automaticky se dědí do všech vnořených komponent; obecné vrstvy již nevynucují firemní žlutou uvnitř jinak barevných celků. ========================================================================== */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700;800;900&display=swap'); /* ========================================================================== SEKCE 01: ZÁKLADNÍ NASTAVENÍ A FIREMNÍ SCROLLBAR ========================================================================== */ * { box-sizing: border-box; margin: 0; padding: 0; } :root { /* Firemní a stavová paleta */ --om-gold-primary: #ffc107; --om-admin-accent: #2ecc71; --om-color-cyan: #0dcaf0; --om-color-green: #2ecc71; --om-color-red: #dc3545; --om-color-blue: #0d6efd; --om-color-purple: #a55eea; --om-color-orange: #fd7e14; --om-color-violet: #8833ff; --om-color-pink: #e84393; --om-color-lime: #badc58; --om-color-gdpr: #20c997; --om-color-gray: #adb5bd; --om-color-white: #ffffff; /* Texty */ --om-text-light: #e0e0e0; --om-text-gray: #aaaaaa; /* Centrální rozměry a pohyb komponent */ --om-radius-card: 16px; --om-radius-inner: 12px; --om-radius-pill: 999px; --om-radius-trombon: 18px; --om-radius-subtrombon: 15px; --om-radius-row: 14px; --om-transition-standard: 220ms ease; --om-transition-pop: 280ms cubic-bezier(0.175, 0.885, 0.32, 1.275); --om-hover-lift-card: -6px; --om-hover-lift-trombon: -4px; --om-hover-lift-subtrombon: -3px; --om-hover-lift-row: -4px; } body.admin-body { /* Základ stránky */ font-family: 'Inter', sans-serif !important; background: radial-gradient(circle at top left, #45deaa 0%, #1e9b67 35%, #105939 75%, #0a3822 100%) fixed !important; color: #ffffff; min-height: 100dvh; display: flex; flex-direction: column; overflow-x: hidden; /* Jednotné administrační povrchy */ --om-ui-bg-soft: rgba(15, 20, 30, 0.42); --om-ui-bg-mid: rgba(15, 20, 30, 0.62); --om-ui-bg-hard: rgba(0, 0, 0, 0.82); --om-ui-border-soft: rgba(255, 255, 255, 0.18); --om-ui-border-strong: rgba(255, 255, 255, 0.42); --om-ui-row-border: rgba(255, 193, 7, 0.38); --om-ui-row-border-hover: rgba(255, 193, 7, 0.86); /* Dědičná barevná identita komponent. Výchozí je firemní žlutá. */ --om-component-accent: var(--om-gold-primary); --om-component-accent-rgb: 255, 193, 7; --om-component-border: rgba(var(--om-component-accent-rgb), 0.42); --om-component-border-soft: rgba(var(--om-component-accent-rgb), 0.26); --om-component-border-hover: rgba(var(--om-component-accent-rgb), 0.88); --om-component-glow: rgba(var(--om-component-accent-rgb), 0.18); --om-ui-shadow-soft: 0 12px 30px rgba(0, 0, 0, 0.42); --om-ui-shadow-strong: 0 20px 55px rgba(0, 0, 0, 0.62); --om-ui-radius-card: var(--om-radius-card); --om-ui-radius-inner: var(--om-radius-inner); --om-ui-transition: var(--om-transition-standard); --om-ui-transition-pop: var(--om-transition-pop); /* Jednotná geometrie, pohyb a povrchy společných admin komponent */ --om-trombon-bg: rgba(0, 25, 17, 0.64); --om-trombon-bg-hover: rgba(0, 37, 24, 0.76); --om-trombon-button-bg: rgba(0, 0, 0, 0.22); --om-trombon-button-bg-active: rgba(0, 0, 0, 0.30); --om-trombon-shadow: 0 14px 34px rgba(0, 0, 0, 0.28); --om-trombon-shadow-hover: 0 18px 42px rgba(0, 0, 0, 0.46); --om-row-bg: rgba(8, 47, 32, 0.62); --om-row-bg-hover: rgba(9, 62, 39, 0.82); --om-row-shadow: 0 8px 20px rgba(0, 0, 0, 0.30); --om-row-shadow-hover: 0 14px 30px rgba(0, 0, 0, 0.55); --om-search-min-height: 52px; --om-search-bg: rgba(0, 0, 0, 0.50); --om-search-bg-hover: rgba(0, 0, 0, 0.60); --om-search-bg-focus: rgba(0, 0, 0, 0.68); --om-search-border: rgba(255, 193, 7, 0.54); --om-search-border-hover: rgba(255, 193, 7, 0.82); --om-search-padding-x: 20px; --om-search-icon-space: 54px; --om-pill-min-height: 38px; --om-pill-padding-y: 8px; --om-pill-padding-x: 18px; --om-pill-bg: rgba(0, 0, 0, 0.52); --om-pill-hover-lift: -3px; /* Jednotné zelené povrchy administrace */ --om-admin-green-modal-bg: rgba(5, 37, 25, 0.98); --om-admin-green-modal-bg-soft: rgba(7, 53, 34, 0.92); --om-admin-green-panel-bg: rgba(6, 48, 31, 0.72); --om-admin-green-panel-bg-hover: rgba(8, 66, 42, 0.82); --om-admin-green-row-bg: rgba(7, 42, 30, 0.78); --om-admin-green-row-bg-active: rgba(4, 34, 24, 0.92); --om-admin-green-row-bg-body: rgba(8, 55, 35, 0.46); --om-admin-text-soft: rgba(242, 247, 241, 0.86); --om-admin-text-muted-soft: rgba(218, 232, 220, 0.64); --om-admin-text-faint: rgba(218, 232, 220, 0.48); --om-admin-modal-size: 807px; /* Jednotné šířky nosných karet */ --om-admin-single-card-width: 1400px; --om-admin-page-card-width: var(--om-admin-single-card-width); --om-admin-page-card-wide-width: var(--om-admin-single-card-width); --om-admin-page-card-narrow-width: 1000px; } h1, .om-hero-title, .hero-title, h3.modal-title { color: var(--om-gold-primary) !important; font-weight: 900 !important; letter-spacing: 1.5px; text-transform: uppercase; text-shadow: 0 0 15px rgba(255, 193, 7, 0.2) !important; text-align: center; } .om-hero-subtitle { font-size: 1.15rem; color: #e2e8f0; } ::-webkit-scrollbar { width: 10px; height: 10px; } ::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.6); } ::-webkit-scrollbar-thumb { background: rgba(255, 193, 7, 0.5); border-radius: 5px; border: 1px solid rgba(0,0,0,0.8); } ::-webkit-scrollbar-thumb:hover { background: var(--om-gold-primary); } .custom-scroll { overflow-y: auto; padding-right: 10px; } .custom-scroll::-webkit-scrollbar { width: 6px; } .custom-scroll::-webkit-scrollbar-track { background: rgba(255,255,255,0.05); border-radius: 4px;} .custom-scroll::-webkit-scrollbar-thumb { background: var(--om-gold-primary); border-radius: 4px;} .custom-scroll::-webkit-scrollbar-thumb:hover { background: #b08d4a; } .om-max-1200 { max-width: 1200px !important; margin: 0 auto !important; } .om-max-1300 { max-width: 1300px !important; margin: 0 auto !important; } .om-max-1400 { max-width: 1400px !important; margin: 0 auto !important; } .om-archive-card { filter: brightness(0.85); } .omega-toast { transition: opacity 0.3s ease, transform 0.3s ease; } .omega-toast.om-notification-closing { opacity: 0; transform: translateY(-6px); pointer-events: none; } /* ========================================================================== SEKCE 02: HLAVIČKA A NAVIGACE ========================================================================== */ nav.om-navbar, nav.om-portal-navbar { min-height: 55px !important; height: auto !important; background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; border-bottom: 1px solid var(--om-gold-primary) !important; position: fixed !important; top: 0; left: 0; width: 100%; z-index: 10000 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 10px 30px !important; flex-wrap: wrap; transition: background-color 0.25s ease, box-shadow 0.25s ease !important; } nav.om-navbar.om-navbar-scrolled { background: rgba(0, 0, 0, 0.8) !important; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) !important; } .om-brand-gold { color: var(--om-gold-primary) !important; font-weight: 900; text-decoration: none; font-size: 1.1rem; display: flex; align-items: center; margin-right: 20px; flex-shrink: 0; text-transform: uppercase; } .om-nav-links { display: flex; gap: 10px; align-items: center; flex-grow: 1; justify-content: flex-start; flex-wrap: wrap; min-width: 0; } .om-nav-link, .om-btn-client-zone { color: #ffffff !important; border: 1px solid var(--om-gold-primary) !important; background: rgba(0, 0, 0, 0.5) !important; padding: 6px 14px; border-radius: 4px; font-size: 0.75rem; text-transform: uppercase; text-decoration: none !important; display: inline-flex; align-items: center; gap: 8px; cursor: pointer; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); white-space: nowrap; } .om-btn-logout { color: #ffffff !important; border: 1px solid #dc3545 !important; background: rgba(0, 0, 0, 0.5) !important; padding: 6px 14px; border-radius: 4px; font-size: 0.75rem; text-transform: uppercase; text-decoration: none !important; display: inline-flex; align-items: center; gap: 8px; cursor: pointer; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); white-space: nowrap; margin-left: auto; } .om-nav-link:hover, .om-btn-client-zone:hover { background: rgba(255, 193, 7, 0.15) !important; color: var(--om-gold-primary) !important; box-shadow: 0 4px 10px rgba(0,0,0,0.5) !important; transform: translateY(-4px); } .om-btn-logout:hover { background: rgba(220, 53, 69, 0.15) !important; color: #ff6b6b !important; box-shadow: 0 4px 10px rgba(0,0,0,0.5) !important; transform: translateY(-4px); } /* RC25: přihlášený admin je součást flexboxu navigace. Nesmí být absolutně centrován přes rozdělovníky. */ .om-navbar-center-pill { position: static !important; left: auto !important; top: auto !important; transform: none !important; flex: 0 0 auto !important; margin: 0 14px !important; background-color: rgba(255, 193, 7, 0.1) !important; border: 1px solid rgba(255, 193, 7, 0.2) !important; color: var(--om-gold-primary) !important; padding: 5px 15px; border-radius: 20px; font-weight: 600; font-size: 0.9rem; text-transform: uppercase; letter-spacing: 1px; white-space: nowrap; } .om-dropdown { position: relative; display: inline-block; } .om-dropdown::after { content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 10px; background: transparent; } .om-dropdown-content { display: none; position: absolute; background-color: rgba(0, 0, 0, 0.95); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); min-width: 250px; box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.7); z-index: 10005; border: 1px solid var(--om-gold-primary); border-radius: 6px; top: calc(100% + 5px); left: 0; flex-direction: column; overflow: hidden; } .om-dropdown:hover .om-dropdown-content { display: flex; animation: dropFade 0.2s ease-in-out; } .om-dropdown-content a { color: #ffffff !important; padding: 12px 18px; text-decoration: none !important; display: flex; align-items: center; gap: 10px; font-size: 0.85rem; border-bottom: 1px solid rgba(255,255,255,0.05); transition: all 0.3s ease; white-space: nowrap; font-weight: 600; text-transform: uppercase; } .om-dropdown-content a:hover { background: rgba(255, 193, 7, 0.15); color: var(--om-gold-primary) !important; padding-left: 25px; } /* ========================================================================== SEKCE 03: HLAVNÍ STRANA (MŘÍŽKA A DLAŽDICE) ========================================================================== */ .om-scrollable-main, .scrollable-main { flex: 1; padding: 95px 20px 130px !important; width: 100%; display: block !important; position: relative; z-index: 1; } .om-index-header { text-align: center; margin-bottom: 25px; width: 100%; padding-top: 0; } .om-menu-card, .service-card { background: rgba(15, 20, 30, 0.4) !important; backdrop-filter: blur(12px) !important; border-radius: 12px !important; text-decoration: none !important; border: 2px solid rgba(255, 255, 255, 0.45) !important; transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease !important; } .om-menu-card { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; min-height: 250px; height: 100% !important; padding: 30px !important; } .service-card { padding: 30px !important; height: 100% !important; display: flex !important; flex-direction: column !important; } .om-menu-card-wide { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; min-height: 165px !important; height: 100% !important; padding: 25px 30px !important; background: rgba(15, 20, 30, 0.4) !important; backdrop-filter: blur(12px) !important; border-radius: 12px !important; text-decoration: none !important; border: 2px solid rgba(255, 255, 255, 0.45) !important; transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease !important; } .om-menu-card-wide:hover { transform: translateY(-8px) !important; } .om-menu-card-wide .om-card-icon { font-size: 3.2rem !important; margin-bottom: 0 !important; margin-right: 25px !important; transition: 0.3s; } .om-menu-card-wide:hover .om-card-icon { transform: scale(1.1); } .om-menu-card-wide .om-card-title { font-size: 1.15rem; font-weight: 900; margin-bottom: 0; text-transform: uppercase; text-align: left; letter-spacing: 1px; transition: color 0.3s ease; } .om-menu-card-wide .om-card-content { display: flex; flex-direction: column; align-items: flex-start; flex-grow: 1; } /* ========================================================================== SEKCE 04: PODSTRÁNKY A OBSAH ========================================================================== */ .om-card-icon { font-size: 3.5rem !important; margin-bottom: 20px; transition: 0.3s; } .om-menu-card:hover .om-card-icon { transform: scale(1.1); } .om-card-title { font-size: 1.2rem; font-weight: 900; margin-bottom: 20px; text-transform: uppercase; text-align: center; letter-spacing: 1px; transition: color 0.3s ease; } .om-nested-desc-box { background: rgba(0, 0, 0, 0.5); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 8px; padding: 15px; width: 100%; text-align: center; margin-top: auto; transition: 0.3s; } .om-card-desc { font-size: 0.9rem; color: var(--om-text-gray); line-height: 1.4; margin: 0; } /* ========================================================================== SEKCE 05: TLAČÍTKA A ODKAZY ========================================================================== */ .om-btn-submit, .om-btn-login-admin, .btn-primary-action { background: var(--om-gold-primary) !important; color: #111 !important; border: 2px solid var(--om-gold-primary) !important; padding: 12px 30px; font-weight: 800; text-transform: uppercase; border-radius: 50px !important; cursor: pointer; transition: all 0.3s ease; display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: auto; text-decoration: none !important; } .om-btn-submit:hover, .om-btn-login-admin:hover, .btn-primary-action:hover { filter: brightness(1.2); box-shadow: 0 5px 15px rgba(255, 193, 7, 0.4) !important; transform: translateY(-3px); } .om-login-back-link, .login-back-link, .btn-back, .btn-secondary-action { background: rgba(0, 0, 0, 0.5) !important; color: rgba(255,255,255,0.7) !important; border: 2px solid rgba(255, 255, 255, 0.15) !important; padding: 12px 30px; font-weight: 800; text-transform: uppercase; border-radius: 50px !important; cursor: pointer; transition: all 0.3s ease; display: inline-flex; align-items: center; justify-content: center; gap: 8px; text-decoration: none !important; width: auto; } .om-login-back-link:hover, .login-back-link:hover, .btn-back:hover, .btn-secondary-action:hover { background: rgba(255, 193, 7, 0.15) !important; color: var(--om-gold-primary) !important; border-color: rgba(255, 193, 7, 0.6) !important; box-shadow: 0 5px 15px rgba(255, 193, 7, 0.3) !important; transform: translateY(-3px); } .om-btn-action { color: var(--om-gold-primary); text-decoration: none; font-weight: 700; font-size: 0.9rem; padding: 8px 16px; border-radius: 6px; border: 1px solid rgba(197, 160, 89, 0.3); background: rgba(0,0,0,0.4); display: inline-flex; align-items: center; justify-content: center; gap: 8px; transition: 0.2s; cursor: pointer; } .om-btn-action:hover { color: #111 !important; background: var(--om-gold-primary) !important; box-shadow: 0 0 15px rgba(255, 193, 7, 0.4); } /* ========================================================================== SEKCE 06: OMEGA BAREVNÁ PALETA (11 systémových barev) ========================================================================== */ .om-color-gold, .om-card-gold, .om-menu-card-wide.om-card-gold { border-color: rgba(255, 193, 7, 0.5) !important; } .om-color-gold i, .om-color-gold svg, .om-color-gold .fas, .om-color-gold h5, .om-card-gold .om-card-icon, .om-card-gold .om-card-title { color: #ffc107 !important; } .om-color-gold:hover, .om-card-gold:hover, .om-menu-card-wide.om-card-gold:hover { transform: translateY(-8px) !important; border-color: #ffc107 !important; box-shadow: 0 10px 30px rgba(0,0,0,0.5), 0 0 20px rgba(255, 193, 7, 0.3) !important; } .om-text-gold { color: #ffc107 !important; } .om-cat-gold { border-left: 4px solid #ffc107 !important; } .om-color-cyan, .om-card-cyan, .om-menu-card-wide.om-card-cyan { border-color: rgba(13, 202, 240, 0.5) !important; } .om-color-cyan i, .om-color-cyan svg, .om-color-cyan .fas, .om-color-cyan h5, .om-card-cyan .om-card-icon, .om-card-cyan .om-card-title { color: #0dcaf0 !important; } .om-color-cyan:hover, .om-card-cyan:hover, .om-menu-card-wide.om-card-cyan:hover { transform: translateY(-8px) !important; border-color: #0dcaf0 !important; box-shadow: 0 10px 30px rgba(0,0,0,0.5), 0 0 20px rgba(13, 202, 240, 0.3) !important; } .om-text-cyan { color: #0dcaf0 !important; } .om-cat-cyan { border-left: 4px solid #0dcaf0 !important; } .om-color-green, .om-card-green, .om-menu-card-wide.om-card-green { border-color: rgba(46, 204, 113, 0.5) !important; } .om-color-green i, .om-color-green svg, .om-color-green .fas, .om-color-green h5, .om-card-green .om-card-icon, .om-card-green .om-card-title { color: #2ecc71 !important; } .om-color-green:hover, .om-card-green:hover, .om-menu-card-wide.om-card-green:hover { transform: translateY(-8px) !important; border-color: #2ecc71 !important; box-shadow: 0 10px 30px rgba(0,0,0,0.5), 0 0 20px rgba(46, 204, 113, 0.3) !important; } .om-text-green { color: #2ecc71 !important; } .om-cat-green { border-left: 4px solid #2ecc71 !important; } .om-color-red, .om-card-red, .om-menu-card-wide.om-card-red { border-color: rgba(220, 53, 69, 0.5) !important; } .om-color-red i, .om-color-red svg, .om-color-red .fas, .om-color-red h5, .om-card-red .om-card-icon, .om-card-red .om-card-title { color: #dc3545 !important; } .om-color-red:hover, .om-card-red:hover, .om-menu-card-wide.om-card-red:hover { transform: translateY(-8px) !important; border-color: #dc3545 !important; box-shadow: 0 10px 30px rgba(0,0,0,0.5), 0 0 20px rgba(220, 53, 69, 0.3) !important; } .om-text-red { color: #dc3545 !important; } .om-cat-red { border-left: 4px solid #dc3545 !important; } .om-color-blue, .om-card-blue, .om-menu-card-wide.om-card-blue { border-color: rgba(13, 110, 253, 0.5) !important; } .om-color-blue i, .om-color-blue svg, .om-color-blue .fas, .om-color-blue h5, .om-card-blue .om-card-icon, .om-card-blue .om-card-title { color: #0d6efd !important; } .om-color-blue:hover, .om-card-blue:hover, .om-menu-card-wide.om-card-blue:hover { transform: translateY(-8px) !important; border-color: #0d6efd !important; box-shadow: 0 10px 30px rgba(0,0,0,0.5), 0 0 20px rgba(13, 110, 253, 0.3) !important; } .om-text-blue { color: #0d6efd !important; } .om-cat-blue { border-left: 4px solid #0d6efd !important; } .om-color-purple, .om-card-purple, .om-menu-card-wide.om-card-purple { border-color: rgba(165, 94, 234, 0.5) !important; } .om-color-purple i, .om-color-purple svg, .om-color-purple .fas, .om-color-purple h5, .om-card-purple .om-card-icon, .om-card-purple .om-card-title { color: #a55eea !important; } .om-color-purple:hover, .om-card-purple:hover, .om-menu-card-wide.om-card-purple:hover { transform: translateY(-8px) !important; border-color: #a55eea !important; box-shadow: 0 10px 30px rgba(0,0,0,0.5), 0 0 20px rgba(165, 94, 234, 0.3) !important; } .om-text-purple { color: #a55eea !important; } .om-cat-purple { border-left: 4px solid #a55eea !important; } .om-color-orange, .om-card-orange, .om-menu-card-wide.om-card-orange { border-color: rgba(253, 126, 20, 0.5) !important; } .om-color-orange i, .om-color-orange svg, .om-color-orange .fas, .om-color-orange h5, .om-card-orange .om-card-icon, .om-card-orange .om-card-title { color: #fd7e14 !important; } .om-color-orange:hover, .om-card-orange:hover, .om-menu-card-wide.om-card-orange:hover { transform: translateY(-8px) !important; border-color: #fd7e14 !important; box-shadow: 0 10px 30px rgba(0,0,0,0.5), 0 0 20px rgba(253, 126, 20, 0.3) !important; } .om-text-orange { color: #fd7e14 !important; } .om-cat-orange { border-left: 4px solid #fd7e14 !important; } .om-color-violet, .om-card-violet, .om-menu-card-wide.om-card-violet { border-color: rgba(136, 51, 255, 0.5) !important; } .om-color-violet i, .om-color-violet svg, .om-color-violet .fas, .om-color-violet h5, .om-card-violet .om-card-icon, .om-card-violet .om-card-title { color: #8833ff !important; } .om-color-violet:hover, .om-card-violet:hover, .om-menu-card-wide.om-card-violet:hover { transform: translateY(-8px) !important; border-color: #8833ff !important; box-shadow: 0 10px 30px rgba(0,0,0,0.5), 0 0 20px rgba(136, 51, 255, 0.3) !important; } .om-text-violet { color: #8833ff !important; } .om-cat-violet { border-left: 4px solid #8833ff !important; } .om-color-white, .om-card-white, .om-menu-card-wide.om-card-white { border-color: rgba(255, 255, 255, 0.5) !important; } .om-color-white i, .om-color-white svg, .om-color-white .fas, .om-color-white h5, .om-card-white .om-card-icon, .om-card-white .om-card-title { color: #ffffff !important; } .om-color-white:hover, .om-card-white:hover, .om-menu-card-wide.om-card-white:hover { transform: translateY(-8px) !important; border-color: #ffffff !important; box-shadow: 0 10px 30px rgba(0,0,0,0.5), 0 0 20px rgba(255, 255, 255, 0.3) !important; } .om-text-white { color: #ffffff !important; } .om-cat-white { border-left: 4px solid #ffffff !important; } .om-color-gray, .om-card-gray, .om-menu-card-wide.om-card-gray { border-color: rgba(173, 181, 189, 0.5) !important; } .om-color-gray i, .om-color-gray svg, .om-color-gray .fas, .om-color-gray h5, .om-card-gray .om-card-icon, .om-card-gray .om-card-title { color: #adb5bd !important; } .om-color-gray:hover, .om-card-gray:hover, .om-menu-card-wide.om-card-gray:hover { transform: translateY(-8px) !important; border-color: #adb5bd !important; box-shadow: 0 10px 30px rgba(0,0,0,0.5), 0 0 20px rgba(173, 181, 189, 0.3) !important; } .om-text-gray { color: #adb5bd !important; } .om-cat-gray { border-left: 4px solid #adb5bd !important; } .om-color-pink, .om-card-pink, .om-menu-card-wide.om-card-pink { border-color: rgba(232, 67, 147, 0.5) !important; } .om-color-pink i, .om-color-pink svg, .om-color-pink .fas, .om-color-pink h5, .om-card-pink .om-card-icon, .om-card-pink .om-card-title { color: #e84393 !important; } .om-color-pink:hover, .om-card-pink:hover, .om-menu-card-wide.om-card-pink:hover { transform: translateY(-8px) !important; border-color: #e84393 !important; box-shadow: 0 10px 30px rgba(0,0,0,0.5), 0 0 20px rgba(232, 67, 147, 0.3) !important; } .om-text-pink { color: #e84393 !important; } .om-cat-pink { border-left: 4px solid #e84393 !important; } .om-color-lime, .om-card-lime, .om-menu-card-wide.om-card-lime { border-color: rgba(186, 220, 88, 0.5) !important; } .om-color-lime i, .om-color-lime svg, .om-color-lime .fas, .om-color-lime h5, .om-card-lime .om-card-icon, .om-card-lime .om-card-title { color: #badc58 !important; } .om-color-lime:hover, .om-card-lime:hover, .om-menu-card-wide.om-card-lime:hover { transform: translateY(-8px) !important; border-color: #badc58 !important; box-shadow: 0 10px 30px rgba(0,0,0,0.5), 0 0 20px rgba(186, 220, 88, 0.3) !important; } .om-text-lime { color: #badc58 !important; } .om-cat-lime { border-left: 4px solid #badc58 !important; } .om-color-gdpr, .om-card-gdpr, .om-menu-card-wide.om-card-gdpr { border-color: rgba(32, 201, 151, 0.5) !important; } .om-color-gdpr i, .om-color-gdpr svg, .om-color-gdpr .fas, .om-color-gdpr h5, .om-card-gdpr .om-card-icon, .om-card-gdpr .om-card-title { color: #20c997 !important; } .om-color-gdpr:hover, .om-card-gdpr:hover, .om-menu-card-wide.om-card-gdpr:hover { transform: translateY(-8px) !important; border-color: #20c997 !important; box-shadow: 0 10px 30px rgba(0,0,0,0.5), 0 0 20px rgba(32, 201, 151, 0.3) !important; } .om-text-gdpr { color: #20c997 !important; } .om-cat-gdpr { border-left: 4px solid #20c997 !important; } /* ========================================================================== SEKCE 07: PATIČKA ========================================================================== */ .om-footer, .om-portal-footer { min-height: 45px !important; background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; border-top: 1px solid rgba(255, 193, 7, 0.5) !important; position: fixed !important; bottom: 0; left: 0; width: 100%; z-index: 1000; display: flex; justify-content: center; align-items: center; padding: 5px 0 !important; } .om-footer-container { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 15px; font-size: 0.85rem; width: 100%; padding: 0 15px; } .om-footer-text { color: var(--om-gold-primary) !important; font-weight: 800 !important; } .om-small-dot { font-size: 0.4rem; color: #555; align-self: center; } .om-footer-trigger { display: flex; align-items: center; color: #aaaaaa; cursor: pointer; transition: color 0.3s ease; text-decoration: none !important; } .om-footer-trigger:hover { color: var(--om-gold-primary); text-decoration: none !important; } .om-footer-dropup { position: relative; display: inline-block; } .om-footer-dropdown-menu { display: none; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); background-color: rgba(0, 0, 0, 0.95); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid #ffc107; padding: 12px; z-index: 10002; border-radius: 4px; box-shadow: 0px -4px 10px rgba(0,0,0,0.8); text-align: left; margin-bottom: 10px; width: max-content; color: #ffffff; line-height: 1.5; } .om-footer-dropup:hover .om-footer-dropdown-menu { display: block; } .om-footer-dropdown-menu::after { content: ''; position: absolute; top: 100%; left: -15%; width: 130%; height: 30px; background: transparent; z-index: 10005; pointer-events: auto; } .om-footer-dropdown-menu a { color: #ffffff !important; text-decoration: none !important; display: block; padding: 4px 0; transition: color 0.3s ease; font-weight: normal; position: relative; z-index: 10006; } .om-footer-dropdown-menu a:hover { color: #ffc107 !important; } /* ========================================================================== SEKCE 08: CENTRÁLNÍ OMEGA PILULKY A POČÍTACÍ ŠTÍTKY -------------------------------------------------------------------------- Jediná obecná definice category-filter-btn pro celou administraci. Modulové sekce smějí pouze doplnit významový kontext, nikoli druhý systém. ========================================================================== */ body.admin-body .category-filter-btn { min-width: 0; max-width: 100%; white-space: normal; overflow-wrap: anywhere; text-align: center; --om-pill-accent: #ffffff; --om-pill-accent-rgb: 255, 255, 255; min-height: var(--om-pill-min-height) !important; padding: var(--om-pill-padding-y) var(--om-pill-padding-x) !important; border-radius: var(--om-radius-pill) !important; background: var(--om-pill-bg) !important; border: 1px solid rgba(var(--om-pill-accent-rgb), 0.46) !important; color: var(--om-pill-accent) !important; font-size: 0.78rem !important; font-weight: 900 !important; letter-spacing: 0.2px !important; text-transform: uppercase !important; line-height: 1 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; cursor: pointer !important; text-decoration: none !important; box-shadow: 0 7px 18px rgba(0, 0, 0, 0.28) !important; transition: transform var(--om-ui-transition-pop), box-shadow var(--om-ui-transition), background var(--om-ui-transition), color var(--om-ui-transition), border-color var(--om-ui-transition), filter var(--om-ui-transition) !important; } /* Barevná pilulka přebírá stejnou centrální identitu jako všechny ostatní komponenty. */ body.admin-body .category-filter-btn[class*="om-card-"], body.admin-body .category-filter-btn[class*="om-color-"], body.admin-body .category-filter-btn[class*="om-text-"] { --om-pill-accent: var(--om-component-accent); --om-pill-accent-rgb: var(--om-component-accent-rgb); } /* Centrální komponentová identita pro libovolný administrační modul. Modul pouze přidá .om-component-pill / .om-component-text a jednu systémovou identitu, která nastaví --om-component-accent. */ body.admin-body .om-component-gdpr { --om-component-accent:#20c997; --om-component-accent-rgb:32,201,151; } body.admin-body .om-component-cyan { --om-component-accent:#0dcaf0; --om-component-accent-rgb:13,202,240; } /* Centrální identity nerevizních servisních odborností. Tyto třídy mohou používat libovolné admin moduly; modulové CSS konkrétní barvu nezná. Odstíny byly před R1.1 auditovány proti celému souboru a navzájem se neopakují s žádným revizním typem. */ body.admin-body .om-service-type-kanalizace { --om-component-accent:#099268; --om-component-accent-rgb:9,146,104; } body.admin-body .om-service-type-topenari { --om-component-accent:#f59f00; --om-component-accent-rgb:245,159,0; } body.admin-body .om-service-type-ostatni { --om-component-accent:#5c7cfa; --om-component-accent-rgb:92,124,250; } body.admin-body .category-filter-btn.om-component-pill { --om-pill-accent: var(--om-component-accent) !important; --om-pill-accent-rgb: var(--om-component-accent-rgb) !important; max-width: 100% !important; white-space: normal !important; text-align: center !important; line-height: 1.2 !important; } body.admin-body .om-component-text { color: var(--om-component-accent) !important; text-shadow: 0 0 12px rgba(var(--om-component-accent-rgb), 0.14) !important; } body.admin-body .category-filter-btn > i, body.admin-body .category-filter-btn .fas, body.admin-body .category-filter-btn .far, body.admin-body .category-filter-btn .fa { color: inherit !important; } body.admin-body .category-filter-btn:hover { transform: translateY(var(--om-pill-hover-lift)) !important; filter: brightness(1.10) saturate(1.08) !important; color: var(--om-pill-accent) !important; border-color: var(--om-pill-accent) !important; background: rgba(var(--om-pill-accent-rgb), 0.10) !important; box-shadow: 0 12px 24px rgba(0, 0, 0, 0.42), 0 0 14px rgba(var(--om-pill-accent-rgb), 0.24) !important; } body.admin-body .category-filter-btn.active-filter, body.admin-body .category-filter-btn[aria-pressed="true"] { transform: translateY(-3px) scale(1.035) !important; filter: brightness(1.18) saturate(1.28) !important; color: var(--om-pill-accent) !important; border-color: var(--om-pill-accent) !important; background: rgba(var(--om-pill-accent-rgb), 0.18) !important; box-shadow: inset 0 0 0 1px rgba(var(--om-pill-accent-rgb), 0.44), 0 10px 24px rgba(0, 0, 0, 0.50), 0 0 18px rgba(var(--om-pill-accent-rgb), 0.76), 0 0 34px rgba(var(--om-pill-accent-rgb), 0.34) !important; } body.admin-body .category-filter-btn .badge, body.admin-body .category-filter-btn .count-badge, body.admin-body .count-badge, body.admin-body .om-accordion .accordion-button .count-badge { min-width: 24px !important; height: 22px !important; padding: 0 7px !important; border-radius: 999px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: rgba(15, 20, 30, 0.90) !important; color: #ffffff !important; border: 1px solid rgba(var(--om-component-accent-rgb), 0.36) !important; font-size: 0.72rem !important; font-weight: 900 !important; line-height: 1 !important; box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.42) !important; } body.admin-body .category-filter-btn.active-filter .badge, body.admin-body .category-filter-btn.active-filter .count-badge, body.admin-body .category-filter-btn[aria-pressed="true"] .badge, body.admin-body .category-filter-btn[aria-pressed="true"] .count-badge { background: rgba(0, 0, 0, 0.76) !important; color: #ffffff !important; border-color: var(--om-pill-accent) !important; box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.58), 0 0 10px rgba(var(--om-pill-accent-rgb), 0.58) !important; } /* ========================================================================== SEKCE 09: TROMBÓNY, VNITŘNÍ ŘÁDKY A DATA BOXY ========================================================================== */ .om-inner-data-box { background: rgba(0, 0, 0, 0.4) !important; border: 1px solid rgba(255, 255, 255, 0.35) !important; border-radius: 8px !important; padding: 15px 20px; font-size: 0.9rem; font-weight: 600; color: #fff; transition: all 0.3s ease !important; margin-bottom: 10px; border-left-width: 0px !important; } .om-inner-data-box:hover { transform: translateY(-4px) !important; box-shadow: 0 6px 15px rgba(0,0,0,0.5) !important; border-color: var(--om-gold-primary) !important; background: rgba(15, 20, 30, 0.6) !important; } .om-modal-trombony-rotate .om-inner-data-box { border-left-width: 4px !important; } .om-modal-trombony-rotate .om-inner-data-box:nth-child(5n+1) { border-left-color: #ffc107 !important; } .om-modal-trombony-rotate .om-inner-data-box:nth-child(5n+2) { border-left-color: #0dcaf0 !important; } .om-modal-trombony-rotate .om-inner-data-box:nth-child(5n+3) { border-left-color: #dc3545 !important; } .om-modal-trombony-rotate .om-inner-data-box:nth-child(5n+4) { border-left-color: #2ecc71 !important; } .om-modal-trombony-rotate .om-inner-data-box:nth-child(5n+5) { border-left-color: #a55eea !important; } .om-badge-count { position: absolute; top: -15px; right: -15px; background: #dc3545; color: white; min-width: 40px; height: 40px; padding: 0 10px; border-radius: 20px; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 1.1rem; box-shadow: 0 5px 15px rgba(220,53,69,0.6); z-index: 10; border: 2px solid #1a1a1a; } /* Významovou barvu a aktivní rozzáření všech administračních pilulek centrálně řídí SEKCE 08. Jednotlivé PHP moduly pouze přidávají barevnou třídu a stav .active-filter. */ /* ========================================================================== SEKCE 10: CENTRÁLNÍ OMEGA VYHLEDÁVAČ -------------------------------------------------------------------------- Jediná obecná definice om-search-box pro celou administraci. Lupa je vpravo; firemní žlutá je systémový accent vyhledávání. ========================================================================== */ body.admin-body .om-search-box { min-width: 0 !important; max-width: 100% !important; position: relative !important; width: 100% !important; display: flex !important; align-items: center !important; min-height: var(--om-search-min-height) !important; padding: 0 var(--om-search-icon-space) 0 var(--om-search-padding-x) !important; background: var(--om-search-bg) !important; border: 1px solid var(--om-search-border) !important; border-radius: var(--om-radius-pill) !important; box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.68), 0 7px 18px rgba(0, 0, 0, 0.24) !important; transition: transform var(--om-ui-transition-pop), background var(--om-ui-transition), border-color var(--om-ui-transition), box-shadow var(--om-ui-transition), filter var(--om-ui-transition) !important; } body.admin-body .om-search-box:hover { transform: translateY(-2px) !important; background: var(--om-search-bg-hover) !important; border-color: var(--om-search-border-hover) !important; box-shadow: inset 0 0 13px rgba(0, 0, 0, 0.78), 0 10px 22px rgba(0, 0, 0, 0.36), 0 0 15px rgba(255, 193, 7, 0.18) !important; } body.admin-body .om-search-box:focus-within { transform: translateY(-2px) !important; background: var(--om-search-bg-focus) !important; border-color: var(--om-gold-primary) !important; box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.82), 0 0 0 1px rgba(255, 193, 7, 0.38), 0 0 20px rgba(255, 193, 7, 0.28) !important; } body.admin-body .om-search-box > i, body.admin-body .om-search-box .fa-search { position: absolute !important; right: 20px !important; left: auto !important; top: 50% !important; transform: translateY(-50%) !important; margin: 0 !important; color: var(--om-gold-primary) !important; font-size: 1.15rem !important; opacity: 0.96 !important; pointer-events: none !important; filter: drop-shadow(0 0 8px rgba(255, 193, 7, 0.18)) !important; } body.admin-body .om-search-box input { min-width: 0 !important; width: 100% !important; padding: 12px 0 !important; padding-right: 0 !important; background: transparent !important; border: 0 !important; outline: none !important; box-shadow: none !important; color: var(--om-admin-text-soft) !important; font-size: 0.95rem !important; font-weight: 700 !important; } body.admin-body .om-search-box input::placeholder { color: var(--om-admin-text-faint) !important; font-style: italic !important; } @media (max-width: 575.98px) { body.admin-body .om-search-box { min-height: 46px !important; padding-left: 16px !important; padding-right: 48px !important; } body.admin-body .om-search-box > i, body.admin-body .om-search-box .fa-search { right: 16px !important; } } /* ========================================================================== SEKCE 11: AKORDEON ========================================================================== */ .om-accordion { --bs-accordion-bg: transparent; --bs-accordion-border-width: 0; } .om-accordion .accordion-item { background: rgba(15, 20, 30, 0.6) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; border-radius: 8px !important; margin-bottom: 15px; overflow: hidden; transition: all 0.3s ease !important; } .om-accordion .accordion-item:hover { box-shadow: 0 4px 15px rgba(0,0,0,0.6) !important; border-color: rgba(255, 255, 255, 0.3) !important; transform: translateY(-2px); } .om-accordion .accordion-button { background: rgba(15, 20, 30, 0.8) !important; color: #ffffff !important; font-weight: 800; font-size: 1.1rem; box-shadow: none !important; border-bottom: 1px solid rgba(255,255,255,0.05); padding: 15px 25px; transition: 0.3s; } .om-accordion .accordion-button:not(.collapsed) { background: rgba(0, 0, 0, 0.9) !important; color: #ffffff !important; } .om-accordion .accordion-button::after { filter: invert(1) grayscale(100%) brightness(200%); } .om-accordion .accordion-body { padding: 15px; background: rgba(0, 0, 0, 0.3); border-top: 1px solid rgba(255, 255, 255, 0.05) ; } /* ========================================================================== SEKCE 12: OMEGA FORMULÁŘE A UPLOAD PRVKY ========================================================================== */ .om-profile-box { border: 2px solid var(--om-gold-primary) !important; border-radius: 12px; background: rgba(15, 20, 30, 0.4); backdrop-filter: blur(12px); box-shadow: 0 20px 50px rgba(0,0,0,0.8); } .om-pwd-wrap { position: relative !important; width: 100% !important; display: block !important; margin-bottom: 15px; } .om-pwd-wrap input { padding-right: 45px !important; width: 100% !important; } .om-pwd-eye { position: absolute !important; right: 15px !important; top: 50% !important; transform: translateY(-50%) !important; color: var(--om-gold-primary) !important; cursor: pointer !important; z-index: 10 !important; font-size: 1.2rem !important; transition: filter 0.2s; } .om-pwd-eye:hover { filter: brightness(1.3); } .om-password-toggle { position: absolute !important; right: 8px !important; top: 50% !important; transform: translateY(-50%) !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; padding: 0 !important; border: 0 !important; border-radius: 999px !important; background: transparent !important; color: rgba(255,255,255,.62) !important; cursor: pointer !important; z-index: 10 !important; transition: color var(--om-ui-transition), background var(--om-ui-transition), filter var(--om-ui-transition) !important; } .om-password-toggle:hover, .om-password-toggle[aria-pressed="true"] { color: var(--om-component-accent) !important; background: rgba(var(--om-component-accent-rgb),.10) !important; filter: brightness(1.15) !important; } .om-form-control, textarea.om-form-control, select.om-form-control { background-color: rgba(0, 0, 0, 0.6) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; color: #fff !important; border-radius: 10px !important; padding: 12px 18px !important; font-weight: 600 !important; transition: 0.3s ease; width: 100% !important; outline: none !important; } textarea.om-form-control { resize: vertical; min-height: 100px; } select.om-form-control { cursor: pointer; } select.om-form-control option { background-color: #1a1a1a; color: #fff; } .om-form-control:focus, textarea.om-form-control:focus, select.om-form-control:focus { border-color: var(--om-gold-primary) !important; background-color: rgba(0, 0, 0, 0.8) !important; box-shadow: 0 0 15px rgba(255, 193, 7, 0.2) !important; } .om-form-control[type="file"] { padding:6px 8px !important; overflow:hidden !important; } .om-form-control[type="file"]::file-selector-button { margin:-1px 12px -1px -2px !important; padding:10px 14px !important; border:0 !important; border-radius:9px !important; background:rgba(255,193,7,.14) !important; color:var(--om-gold-primary) !important; font-weight:800 !important; cursor:pointer !important; transition:background var(--om-ui-transition),filter var(--om-ui-transition) !important; } .om-form-control[type="file"]:hover::file-selector-button { background:rgba(255,193,7,.22) !important; filter:brightness(1.08) !important; } /* Centrální Omega Admin combobox: výběr z evidence + možnost ruční hodnoty. */ body.admin-body .om-admin-combobox { position:relative; width:100%; } body.admin-body .om-admin-combobox-control { position:relative; width:100%; } body.admin-body .om-admin-combobox .om-form-control { padding-right:3.25rem !important; } body.admin-body .om-admin-combobox-toggle { position:absolute; top:50%; right:.55rem; width:36px; height:36px; display:inline-flex; align-items:center; justify-content:center; transform:translateY(-50%); border:0; border-radius:var(--om-radius-pill); background:transparent; color:var(--om-admin-text-muted-soft); cursor:pointer; transition:background var(--om-ui-transition),color var(--om-ui-transition),transform var(--om-ui-transition); } body.admin-body .om-admin-combobox-toggle:hover,body.admin-body .om-admin-combobox-toggle:focus-visible,body.admin-body .om-admin-combobox-toggle[aria-expanded="true"] { background:rgba(var(--om-component-accent-rgb),.12); color:var(--om-component-accent); outline:0; } body.admin-body .om-admin-combobox-toggle[aria-expanded="true"] i { transform:rotate(180deg); } body.admin-body .om-admin-combobox-toggle:disabled { opacity:.45; cursor:wait; } body.admin-body .om-admin-combobox-menu { position:absolute; z-index:1095; top:calc(100% + 6px); left:0; right:0; max-height:300px; overflow:auto; padding:.38rem; border:1px solid var(--om-component-border); border-radius:var(--om-radius-inner); background:var(--om-admin-green-modal-bg); box-shadow:var(--om-ui-shadow-soft); } body.admin-body .om-admin-combobox-option { width:100%; display:grid; gap:.16rem; padding:.62rem .7rem; border:1px solid transparent; border-radius:10px; background:transparent; color:#fff; text-align:left; cursor:pointer; transition:background var(--om-ui-transition),border-color var(--om-ui-transition),color var(--om-ui-transition); } body.admin-body .om-admin-combobox-option + .om-admin-combobox-option { margin-top:.14rem; } body.admin-body .om-admin-combobox-option:hover,body.admin-body .om-admin-combobox-option:focus-visible,body.admin-body .om-admin-combobox-option.is-active { border-color:var(--om-component-border-soft); background:rgba(var(--om-component-accent-rgb),.09); outline:0; } body.admin-body .om-admin-combobox-option-title { color:#fff; font-size:.8rem; font-weight:900; line-height:1.28; overflow-wrap:anywhere; } body.admin-body .om-admin-combobox-option-meta { color:var(--om-admin-text-muted-soft); font-size:.72rem; font-weight:750; line-height:1.3; overflow-wrap:anywhere; } body.admin-body .om-admin-combobox-option-email { color:var(--om-component-accent); font-weight:850; } body.admin-body .om-admin-combobox-empty { padding:.7rem; color:var(--om-admin-text-muted-soft); font-size:.76rem; font-weight:750; } @media(max-width:575.98px){body.admin-body .om-admin-combobox-menu{max-height:250px}} .om-custom-input { color: #e9ecef !important; } .om-custom-input::placeholder { color: rgba(255, 255, 255, 0.6) !important; font-style: italic; } /* 12.01 - Centrální náhled vybraných souborů pro všechny admin formuláře */ body.admin-body .om-selected-files { display:grid; gap:6px; max-height:180px; overflow-y:auto; padding:8px; border:1px solid var(--om-component-border-soft); border-radius:var(--om-ui-radius-inner); background:var(--om-ui-bg-mid); } body.admin-body .om-selected-files.d-none { display:none !important; } body.admin-body .om-selected-file { display:grid; grid-template-columns:auto auto minmax(0,1fr); align-items:center; gap:8px; min-width:0; padding:7px 9px; border:1px solid rgba(var(--om-component-accent-rgb),.28); border-radius:var(--om-radius-row); background:var(--om-row-bg); color:var(--om-admin-text-soft); } body.admin-body .om-selected-file > i { color:var(--om-component-accent); } body.admin-body .om-selected-file-index { color:var(--om-admin-text-muted-soft); font-weight:800; } body.admin-body .om-selected-file-name { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:800; } @media (max-width:767.98px) { body.admin-body .om-selected-file-name { white-space:normal; overflow-wrap:anywhere; } } /* ========================================================================== SEKCE 13: LOGIN A OCHRANA AUTOFILL ========================================================================== */ .om-login-wrapper, .login-wrapper { display: flex; align-items: center; justify-content: center; min-height: 100vh; width: 100%; } .om-login-card, .login-card, .om-login-card-dark { background: rgba(15, 20, 30, 0.4) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; border: 1px solid rgba(255, 255, 255, 0.15) !important; border-radius: 12px; padding: 50px 40px; width: 100%; max-width: 450px; text-align: center; box-shadow: 0 20px 50px rgba(0,0,0,0.8); transition: transform 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease; margin: 0 auto; } .om-login-card:hover, .login-card:hover, .om-login-card-dark:hover { transform: translateY(-8px); border-color: var(--om-gold-primary) !important; box-shadow: 0 20px 60px rgba(255, 193, 7, 0.2); } .om-login-input-wrapper, .login-input-wrapper { position: relative !important; width: 100% !important; margin-bottom: 20px !important; display: block !important; } .om-login-input-white, .login-input-white { display: block !important; width: 100% !important; padding: 14px 20px !important; background-color: #ffffff !important; color: #000000 !important; border: 2px solid transparent !important; border-radius: 12px !important; outline: none !important; font-weight: 600 !important; transition: 0.2s !important; } .om-login-input-white:focus, .login-input-white:focus { border-color: var(--om-gold-primary) !important; } .om-login-input-white::placeholder, .login-input-white::placeholder { color: rgba(0, 0, 0, 0.5) !important; font-style: italic; } .om-login-icon-inside, .login-icon-inside { position: absolute !important; left: 15px !important; top: 50% !important; transform: translateY(-50%) !important; color: var(--om-gold-primary) !important; z-index: 10 !important; font-size: 1.1rem !important; pointer-events: none !important; } .om-login-input-white:-webkit-autofill, .om-login-input-white:-webkit-autofill:hover, .om-login-input-white:-webkit-autofill:focus, .om-login-input-white:-webkit-autofill:active, .login-input-white:-webkit-autofill, .login-input-white:-webkit-autofill:hover, .login-input-white:-webkit-autofill:focus, .login-input-white:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px #ffffff inset !important; -webkit-text-fill-color: #000000 !important; padding-left: 20px !important; padding-right: 45px !important; width: 100% !important; transition: background-color 5000s ease-in-out 0s; } /* ========================================================================== SEKCE 14: MOBILNÍ SPECIFIKA A RESPONZIVITA ========================================================================== */ @media (min-width: 992px) { .om-card-icon { font-size: 4.5rem !important; } .om-card-title { font-size: 1.35rem; } .om-card-desc { font-size: 1rem; } } @media (max-width: 1150px) { .om-nav-links { gap: 6px; } .om-nav-link { padding: 6px 10px; font-size: 0.7rem; } } @media (max-width: 991px) { body.admin-body { overflow-x: hidden !important; width: 100% !important; max-width: 100vw !important; } nav.om-navbar, nav.om-portal-navbar { position: relative !important; padding: 15px !important; flex-direction: column; gap: 12px; z-index: 10000 !important; } .om-footer, .om-portal-footer { position: relative !important; margin-top: auto !important; width: 100%; max-width: 100vw; z-index: 10005 !important; } .om-nav-links { flex-wrap: wrap; justify-content: center; width: 100%; overflow: visible; padding: 0; } .om-brand-gold { margin: 0 auto; justify-content: center; width: 100%; text-align: center; margin-bottom: 10px; } .om-btn-logout { margin: 0 auto; width: 100%; justify-content: center; } .om-navbar-center-pill { display: none !important; } .om-scrollable-main, .scrollable-main { padding-top: 40px !important; } .om-menu-card-wide { min-height: 130px !important; padding: 15px 20px !important; } .om-menu-card-wide .om-card-icon { font-size: 2.5rem !important; margin-right: 15px !important; } .om-menu-card, .service-card { min-height: 250px; } .om-menu-card { aspect-ratio: auto; } .om-scrollable-main .container, .om-scrollable-main .container-fluid { padding-left: 6px !important; padding-right: 6px !important; width: 100% !important; max-width: 100% !important; } h1, h2, h3, h4, h5 { word-wrap: break-word; overflow-wrap: break-word; } .service-card, .table-container-box { width: 100% !important; max-width: 100% !important; padding: 15px 8px !important; margin-left: 0 !important; margin-right: 0 !important; } .table-responsive { border: none !important; overflow-x: visible !important; } .pro-table, .pro-table thead, .pro-table tbody, .pro-table th, .pro-table td, .pro-table tr, .om-accordion .accordion-body, .doc-row-item { display: block !important; width: 100% !important; } .pro-table_thead { display: none !important; } .pro-table tbody tr.doc-row, .doc-row-item { background: rgba(0, 0, 0, 0.4) !important; border: 1px solid rgba(255, 255, 255, 0.05) !important; border-radius: 8px !important; margin-bottom: 15px !important; padding: 10px !important; transform: none !important; } .pro-table tbody td, .doc-row-item > div { display: block !important; width: 100% !important; padding: 4px 0 !important; border: none !important; text-align: center !important; } .om-mobile-text-fix, .search-target { white-space: normal !important; word-break: break-word !important; text-overflow: clip !important; overflow: visible !important; display: block !important; text-align: center !important; line-height: 1.4 !important; padding: 5px !important; } .pro-table tbody td .content-box, .doc-row-item .search-target { align-items: center !important; justify-content: center !important; text-align: center !important; } .om-mobile-actions-wrapper, .doc-row-item .flex-shrink-0 { display: flex !important; flex-direction: row !important; justify-content: space-around !important; background: rgba(255, 255, 255, 0.03) !important; border-radius: 6px !important; padding: 8px !important; margin-top: 5px !important; width: 100% !important; } .btn-action-mini, .om-btn-action { font-size: 1.4rem !important; padding: 10px 35px !important; flex: 1 !important; text-align: center !important; display: inline-flex !important; justify-content: center !important; align-items: center !important; background: transparent !important; box-shadow: none !important; transform: none !important; } .om-btn-submit { max-width: 100% !important; white-space: normal !important; word-wrap: break-word !important; } .om-inner-data-box .d-flex.flex-wrap { flex-direction: column !important; align-items: stretch !important; } .om-inner-data-box .d-flex.gap-2 { flex-direction: column !important; width: 100% !important; } .om-inner-data-box .om-btn-action, .om-inner-data-box .om-btn-submit { width: 100% !important; margin-bottom: 8px !important; justify-content: center !important; } } @media (max-width: 768px) { .om-profile-box .category-filter-btn.ms-auto { margin-left: 0 !important; margin-top: 10px; width: 100%; justify-content: space-between; white-space: normal; height: auto; min-height: 40px; } .om-profile-box .category-filter-btn.ms-auto .badge { flex-shrink: 0; } } /* ========================================================================== SEKCE 15: AKČNÍ IKONY ========================================================================== */ .action-icon { transition: transform 0.2s, filter 0.2s; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; padding: 4px; } .action-icon:hover { transform: scale(1.2); filter: brightness(1.3); } /* ========================================================================== SEKCE 16: MODAL VARIANTY – ZRUŠENO V RC42 -------------------------------------------------------------------------- Historické paralelní zelené/žluté/cyan varianty byly odstraněny. Všechny obecné modaly nyní řídí výhradně SEKCE 21. ========================================================================== */ /* ========================================================================== SEKCE 17: CENTRÁLNÍ OMEGA FILTRAČNÍ A VYHLEDÁVACÍ SYSTÉM ========================================================================== */ .om-filter-panel { background: rgba(0, 0, 0, 0.25) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; border: 1px solid rgba(255, 193, 7, 0.3) !important; border-radius: var(--om-radius-inner) !important; padding: 25px !important; margin-bottom: 30px !important; box-shadow: 0 20px 50px rgba(0,0,0,0.6) !important; } .om-filter-buttons-wrapper { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; gap: 10px !important; } .om-empty-state { background: rgba(15, 20, 30, 0.4) !important; backdrop-filter: blur(12px) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; border-radius: 12px !important; padding: 50px 20px !important; text-align: center !important; box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important; } .om-empty-state i { color: var(--om-gold-primary) !important; opacity: 0.4; } .om-modal-md-600 { max-width: 600px !important; /* Přesný přepočet požadované šířky 16 cm pro standardní monitory */ width: 100% !important; } /* ========================================================================== SEKCE 18: CENTRÁLNÍ OMEGA LAYOUT (Hlavní šablona stránek) ========================================================================== */ /* 1. Hlavní velká zlatá dlaždice pokrývající stránku */ .om-layout-card { background: rgba(15, 20, 30, 0.4) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; border: 2px solid var(--om-gold-primary) !important; border-radius: 16px !important; padding: 40px !important; box-shadow: 0 20px 50px rgba(0,0,0,0.6) !important; width: 100%; max-width: 1300px; margin: 0 auto; } /* 2. Vnitřní panel je sjednocen v SEKCI 17 pod selektorem .om-filter-panel. */ /* 3. Modální systém byl v RC42 přesunut do jediné autoritativní SEKCE 21. */ /* ========================================================================== RC1 KOMPATIBILNÍ HRANICE -------------------------------------------------------------------------- Od této části dále zůstávají historické a modulové vrstvy v původním pořadí. Jejich konflikty jsou zdokumentované, ale v RC1 se nemažou, aby nebyla změněna funkčnost stránek před pilotním regresním testem. ========================================================================== */ /* ========================================================================== SEKCE 19: OMEGA ADMIN UI UNIFIKACE DLAŽDIC, TROMBÓNŮ, PILULEK A EFEKTŮ Verze 11.43 - korekce hover/active pilulek a celoobvodového orámování trombonů ========================================================================== */ /* Proměnné sekce 19 byly přesunuty do centrálního bloku body.admin-body v SEKCI 01. */ /* 19.01 - Jednotné velké administrační dlaždice bez zásahu do vnitřních filtrů */ body.admin-body .om-layout-card, body.admin-body .service-card, body.admin-body .om-login-card, body.admin-body .om-menu-card, body.admin-body .om-menu-card-wide { background: var(--om-ui-bg-soft) !important; border: 2px solid var(--om-ui-border-strong) !important; border-radius: var(--om-radius-card) !important; backdrop-filter: blur(14px) !important; -webkit-backdrop-filter: blur(14px) !important; box-shadow: var(--om-ui-shadow-strong) !important; transition: transform var(--om-ui-transition-pop), box-shadow var(--om-ui-transition), border-color var(--om-ui-transition), background var(--om-ui-transition) !important; } body.admin-body .service-card:hover, body.admin-body .om-login-card:hover, body.admin-body .om-menu-card:hover, body.admin-body .om-menu-card-wide:hover { transform: translateY(-6px) !important; background: rgba(15, 20, 30, 0.55) !important; border-color: rgba(255, 193, 7, 0.72) !important; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.68), 0 0 22px rgba(255, 193, 7, 0.18) !important; } /* 19.01A - Zachování systémové barevné palety karet bez globálního přebíjení */ body.admin-body .om-card-gold, body.admin-body .om-card-public-strict { border-color: rgba(255, 193, 7, 0.58) !important; } body.admin-body .om-card-gold:hover, body.admin-body .om-card-public-strict:hover { border-color: #ffc107 !important; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.68), 0 0 22px rgba(255, 193, 7, 0.28) !important; } body.admin-body .om-card-cyan, body.admin-body .om-card-private-strict { border-color: rgba(13, 202, 240, 0.58) !important; } body.admin-body .om-card-cyan:hover, body.admin-body .om-card-private-strict:hover { border-color: #0dcaf0 !important; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.68), 0 0 22px rgba(13, 202, 240, 0.24) !important; } body.admin-body .om-card-green { border-color: rgba(46, 204, 113, 0.58) !important; } body.admin-body .om-card-green:hover { border-color: #2ecc71 !important; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.68), 0 0 22px rgba(46, 204, 113, 0.24) !important; } body.admin-body .om-card-red { border-color: rgba(220, 53, 69, 0.58) !important; } body.admin-body .om-card-red:hover { border-color: #dc3545 !important; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.68), 0 0 22px rgba(220, 53, 69, 0.24) !important; } body.admin-body .om-card-blue { border-color: rgba(13, 110, 253, 0.58) !important; } body.admin-body .om-card-blue:hover { border-color: #0d6efd !important; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.68), 0 0 22px rgba(13, 110, 253, 0.24) !important; } body.admin-body .om-card-purple { border-color: rgba(165, 94, 234, 0.58) !important; } body.admin-body .om-card-purple:hover { border-color: #a55eea !important; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.68), 0 0 22px rgba(165, 94, 234, 0.24) !important; } body.admin-body .om-card-orange { border-color: rgba(253, 126, 20, 0.58) !important; } body.admin-body .om-card-orange:hover { border-color: #fd7e14 !important; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.68), 0 0 22px rgba(253, 126, 20, 0.24) !important; } body.admin-body .om-card-violet { border-color: rgba(136, 51, 255, 0.58) !important; } body.admin-body .om-card-violet:hover { border-color: #8833ff !important; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.68), 0 0 22px rgba(136, 51, 255, 0.24) !important; } body.admin-body .om-card-white { border-color: rgba(255, 255, 255, 0.58) !important; } body.admin-body .om-card-white:hover { border-color: #ffffff !important; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.68), 0 0 22px rgba(255, 255, 255, 0.20) !important; } body.admin-body .om-card-gray { border-color: rgba(173, 181, 189, 0.58) !important; } body.admin-body .om-card-gray:hover { border-color: #adb5bd !important; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.68), 0 0 22px rgba(173, 181, 189, 0.22) !important; } body.admin-body .om-card-pink { border-color: rgba(232, 67, 147, 0.58) !important; } body.admin-body .om-card-pink:hover { border-color: #e84393 !important; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.68), 0 0 22px rgba(232, 67, 147, 0.24) !important; } body.admin-body .om-card-lime { border-color: rgba(186, 220, 88, 0.58) !important; } body.admin-body .om-card-lime:hover { border-color: #badc58 !important; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.68), 0 0 22px rgba(186, 220, 88, 0.24) !important; } body.admin-body .om-card-gdpr { border-color: rgba(32, 201, 151, 0.58) !important; } body.admin-body .om-card-gdpr:hover { border-color: #20c997 !important; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.68), 0 0 22px rgba(32, 201, 151, 0.24) !important; } /* 19.02 - Vnitřní panely filtrů, hledání a ovládacích prvků */ body.admin-body .om-filter-panel, body.admin-body .service-card .om-profile-box, body.admin-body .om-layout-card .om-profile-box { background: rgba(0, 0, 0, 0.24) !important; border: 1px solid rgba(255, 193, 7, 0.34) !important; border-radius: var(--om-radius-inner) !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03), 0 12px 32px rgba(0, 0, 0, 0.28) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; } /* 19.03 - Pilulky jsou od RC42 centralizovány v SEKCI 08. */ /* 19.04 - Tlačítka akcí, ikony a malé ovládací prvky */ body.admin-body .om-btn-action, body.admin-body .btn-secondary-action, body.admin-body .om-btn-submit, body.admin-body .btn-primary-action { border-radius: 999px !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 0.2px !important; transition: transform var(--om-ui-transition-pop), box-shadow var(--om-ui-transition), background var(--om-ui-transition), border-color var(--om-ui-transition), color var(--om-ui-transition), filter var(--om-ui-transition) !important; } body.admin-body .om-btn-action:hover, body.admin-body .btn-secondary-action:hover, body.admin-body .om-btn-submit:hover, body.admin-body .btn-primary-action:hover { transform: translateY(-3px) !important; filter: brightness(1.08) !important; } body.admin-body .om-btn-submit:disabled, body.admin-body .btn-primary-action:disabled { opacity: .62 !important; cursor: wait !important; transform: none !important; filter: grayscale(.15) brightness(.88) !important; box-shadow: none !important; } body.admin-body .action-icon, body.admin-body .om-list-row a.action-icon, body.admin-body .doc-row-item a.om-btn-action { transition: transform var(--om-ui-transition-pop), color var(--om-ui-transition), filter var(--om-ui-transition), opacity var(--om-ui-transition) !important; } body.admin-body .action-icon:hover, body.admin-body .om-list-row a.action-icon:hover, body.admin-body .doc-row-item a.om-btn-action:hover { transform: translateY(-2px) scale(1.08) !important; filter: brightness(1.18) !important; } /* 19.05 - Centrální trombony / akordeony: geometrie, povrch a mikro-korekce. Barevnou autoritu drží SEKCE 69. */ body.admin-body .om-accordion { --bs-accordion-bg: transparent !important; --bs-accordion-border-width: 0 !important; --bs-accordion-btn-focus-box-shadow: none !important; padding-top: 10px !important; overflow: visible !important; } body.admin-body .custom-scroll.om-accordion, body.admin-body .custom-scroll .om-accordion { padding-top: 12px !important; } body.admin-body .om-accordion .accordion-item { color: var(--om-admin-text-soft) !important; border: 1px solid rgba(var(--om-component-accent-rgb), 0.48) !important; border-radius: var(--om-radius-trombon) !important; margin-bottom: 14px !important; overflow: hidden !important; box-shadow: var(--om-trombon-shadow) !important; transition: transform var(--om-ui-transition-pop), box-shadow var(--om-ui-transition), border-color var(--om-ui-transition), background var(--om-ui-transition) !important; } body.admin-body .om-accordion .accordion-item:first-child { margin-top: 2px !important; } body.admin-body .om-accordion .accordion-item:hover { position: relative !important; z-index: 2 !important; transform: translateY(var(--om-hover-lift-trombon)) !important; background: var(--om-trombon-bg-hover) !important; } body.admin-body .om-accordion .accordion-header { margin: 0 !important; } body.admin-body .om-accordion .accordion-button { min-height: 56px !important; background: var(--om-trombon-button-bg) !important; color: var(--om-admin-text-soft) !important; font-size: 1.05rem !important; font-weight: 900 !important; letter-spacing: 0.35px !important; text-transform: uppercase !important; padding: 1rem 1.15rem !important; border: 0 !important; border-radius: calc(var(--om-radius-trombon) - 1px) !important; box-shadow: inset 0 1px 0 rgba(var(--om-component-accent-rgb), 0.12) !important; transition: background var(--om-ui-transition), color var(--om-ui-transition), filter var(--om-ui-transition), border-color var(--om-ui-transition), box-shadow var(--om-ui-transition) !important; } body.admin-body .om-accordion .accordion-button:not(.collapsed), body.admin-body .om-accordion .accordion-button:hover { background: var(--om-trombon-button-bg-active) !important; color: rgba(255, 255, 255, 0.92) !important; box-shadow: inset 0 0 0 1px rgba(var(--om-component-accent-rgb), 0.30), 0 0 0 1px rgba(var(--om-component-accent-rgb), 0.10), 0 0 14px rgba(var(--om-component-accent-rgb), 0.12) !important; } body.admin-body .om-accordion .accordion-item:first-child:hover > .accordion-header .accordion-button { box-shadow: inset 0 0 0 1px rgba(var(--om-component-accent-rgb), 0.34) !important; } body.admin-body .om-accordion .accordion-button::after { width: 1rem !important; height: 1rem !important; margin-left: auto !important; filter: invert(1) grayscale(100%) brightness(200%) !important; opacity: 0.82 !important; transition: transform var(--om-ui-transition-pop), opacity var(--om-ui-transition) !important; } body.admin-body .om-accordion .accordion-button:not(.collapsed)::after { opacity: 1 !important; transform: rotate(-180deg) !important; } /* Archivní trombony bez duplicitního šipkového indikátoru. */ body.admin-body .om-accordion.om-accordion-no-indicator .accordion-button::after { display: none !important; } body.admin-body .om-accordion .accordion-body { background: var(--om-admin-green-row-bg-body) !important; border-top: 1px solid rgba(var(--om-component-accent-rgb), 0.20) !important; color: var(--om-admin-text-soft) !important; padding: 16px !important; } /* 19.06 - Centrální datové řádky, podlaždice a vnitřní boxy. */ body.admin-body .om-list-row, body.admin-body .doc-row-item, body.admin-body .search-row, body.admin-body .pro-table tbody tr.doc-row { background: var(--om-row-bg) !important; border: 1px solid rgba(var(--om-component-accent-rgb), 0.30) !important; border-left-width: 1px !important; border-radius: var(--om-radius-row) !important; box-shadow: var(--om-row-shadow) !important; transition: transform var(--om-ui-transition-pop), box-shadow var(--om-ui-transition), border-color var(--om-ui-transition), background var(--om-ui-transition), filter var(--om-ui-transition) !important; } body.admin-body .om-list-row:hover, body.admin-body .doc-row-item:hover, body.admin-body .search-row:hover, body.admin-body .pro-table tbody tr.doc-row:hover { transform: translateY(var(--om-hover-lift-row)) !important; background: var(--om-row-bg-hover) !important; border-color: var(--om-component-accent) !important; box-shadow: var(--om-row-shadow-hover), 0 0 18px rgba(var(--om-component-accent-rgb), 0.18) !important; } body.admin-body .om-inner-data-box, body.admin-body .doc-row-nested-trombon, body.admin-body .om-nested-input-box { background: var(--om-row-bg) !important; color: var(--om-admin-text-soft) !important; border: 1px solid rgba(var(--om-component-accent-rgb), 0.26) !important; border-left-width: 1px !important; border-radius: 10px !important; box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.20) !important; transition: transform var(--om-ui-transition-pop), box-shadow var(--om-ui-transition), border-color var(--om-ui-transition), background var(--om-ui-transition) !important; } body.admin-body .om-inner-data-box:hover, body.admin-body .doc-row-nested-trombon:hover, body.admin-body .om-nested-input-box:hover { transform: translateY(-2px) !important; background: var(--om-row-bg-hover) !important; color: rgba(255, 255, 255, 0.92) !important; border-color: rgba(var(--om-component-accent-rgb), 0.72) !important; box-shadow: 0 10px 22px rgba(0, 0, 0, 0.40), 0 0 12px rgba(var(--om-component-accent-rgb), 0.12) !important; } body.admin-body .doc-row-nested-trombon, body.admin-body .om-date-white-fix { min-width: 132px !important; color: #ffffff !important; font-weight: 800 !important; white-space: nowrap !important; } /* 19.07 - Prázdné stavy bez výsledků */ body.admin-body .om-empty-state, body.admin-body #noResultsMessage, body.admin-body #empty-state-message, body.admin-body #publicEmptyState, body.admin-body #privateEmptyState { background: rgba(15, 20, 30, 0.50) !important; border: 1px solid rgba(255, 193, 7, 0.26) !important; border-radius: var(--om-radius-inner) !important; padding: 46px 22px !important; text-align: center !important; color: rgba(255, 255, 255, 0.62) !important; box-shadow: 0 16px 38px rgba(0, 0, 0, 0.46) !important; } body.admin-body .om-empty-state i, body.admin-body #noResultsMessage i, body.admin-body #empty-state-message i, body.admin-body #publicEmptyState i, body.admin-body #privateEmptyState i { color: var(--om-gold-primary) !important; opacity: 0.48 !important; filter: drop-shadow(0 0 10px rgba(255, 193, 7, 0.16)) !important; } body.admin-body .om-empty-state h5, body.admin-body #noResultsMessage h5, body.admin-body #empty-state-message h5, body.admin-body #publicEmptyState h5, body.admin-body #privateEmptyState h5 { color: rgba(255, 255, 255, 0.72) !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; } /* 19.08 - Dokumenty: roky, vlastníci a vnořené úrovně bez barevných levých pruhů */ body.admin-body .public-year-folder, body.admin-body .private-year-folder, body.admin-body .client-folder, body.admin-body .private-client-accordion { border-radius: var(--om-radius-inner) !important; } body.admin-body .client-header-target, body.admin-body .year-header-target { gap: 10px !important; } body.admin-body .public-doc-item, body.admin-body .client-doc-item { border: 1px solid var(--om-ui-row-border) !important; border-left-width: 1px !important; } /* 19.09 - Citlivé zmenšení animací pro uživatele s nastaveným omezením pohybu */ @media (prefers-reduced-motion: reduce) { body.admin-body *, body.admin-body *::before, body.admin-body *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; } body.admin-body .service-card:hover, body.admin-body .om-profile-box:hover, body.admin-body .om-list-row:hover, body.admin-body .doc-row-item:hover, body.admin-body .category-filter-btn:hover, body.admin-body .om-accordion .accordion-item:hover { transform: none !important; } } /* 19.10 - Responsivní doladění administračních dlaždic */ @media (max-width: 991.98px) { body.admin-body .service-card, body.admin-body .om-layout-card, body.admin-body .om-login-card { padding: 22px !important; } body.admin-body .om-filter-panel, body.admin-body .service-card .om-profile-box, body.admin-body .om-layout-card .om-profile-box { padding: 18px !important; } body.admin-body .om-accordion .accordion-button { min-height: 52px !important; padding: 13px 18px !important; font-size: 0.98rem !important; } body.admin-body .category-filter-btn { min-height: 36px !important; padding: 8px 14px !important; font-size: 0.74rem !important; } } @media (max-width: 575.98px) { body.admin-body .service-card, body.admin-body .om-layout-card, body.admin-body .om-login-card { border-radius: 14px !important; padding: 18px !important; } body.admin-body .doc-row-nested-trombon, body.admin-body .om-date-white-fix { min-width: auto !important; width: 100% !important; margin-top: 8px !important; } } /* ========================================================================== SEKCE 21: CENTRÁLNÍ OMEGA MODÁLY A ZELENÉ TROMBÓNY ========================================================================== Účel: - sjednotit administrační modální okna přes CSS bez zásahu do PHP/JS, - sjednotit modal okna na optických 16 cm (cca 807px v aktuálním zobrazení) se scrollovatelným tělem, - převést všechny admin modály na tmavě zelený systémový podklad, - změkčit černé podklady trombónů a podtrombónů na tmavě zelené odstíny, - snížit kontrast bílé textové vrstvy bez narušení významových barev. ========================================================================== */ /* Proměnné zelených administračních povrchů byly přesunuty do SEKCE 01. */ /* 21.01 - Jednotná velikost a zelený vzhled všech administračních modalů */ body.admin-body .om-modal-system .modal-dialog, body.admin-body .om-modal-system.modal-admin-green .modal-dialog, body.admin-body .om-modal-system.modal-private-info .modal-dialog, body.admin-body .om-modal-system.modal-public-warning .modal-dialog, body.admin-body .om-modal-system.modal-blue .modal-dialog, body.admin-body .om-modal-system.modal-red .modal-dialog { width: min(var(--om-admin-modal-size), calc(100vw - 32px)) !important; max-width: min(var(--om-admin-modal-size), calc(100vw - 32px)) !important; margin-left: auto !important; margin-right: auto !important; } body.admin-body .om-modal-system .modal-content, body.admin-body .om-modal-system.modal-admin-green .modal-content, body.admin-body .om-modal-system.modal-private-info .modal-content, body.admin-body .om-modal-system.modal-public-warning .modal-content, body.admin-body .om-modal-system.modal-blue .modal-content, body.admin-body .om-modal-system.modal-red .modal-content { background: linear-gradient(180deg, rgba(8, 56, 36, 0.96) 0%, var(--om-admin-green-modal-bg) 100%) !important; border: 2px solid rgba(46, 204, 113, 0.88) !important; border-radius: 18px !important; color: var(--om-admin-text-soft) !important; width: 100% !important; height: min(var(--om-admin-modal-size), calc(100dvh - 64px)) !important; min-height: min(var(--om-admin-modal-size), calc(100dvh - 64px)) !important; max-height: min(var(--om-admin-modal-size), calc(100dvh - 64px)) !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; box-shadow: 0 26px 70px rgba(0, 0, 0, 0.74), 0 0 0 1px rgba(46, 204, 113, 0.16), 0 0 26px rgba(46, 204, 113, 0.18) !important; } body.admin-body .om-modal-system .modal-content > form { min-height: 0 !important; display: flex !important; flex-direction: column !important; width: 100% !important; } body.admin-body .om-modal-system .modal-header, body.admin-body .om-modal-system.modal-admin-green .modal-header, body.admin-body .om-modal-system.modal-private-info .modal-header, body.admin-body .om-modal-system.modal-public-warning .modal-header, body.admin-body .om-modal-system .modal-footer, body.admin-body .om-modal-system.modal-admin-green .modal-footer, body.admin-body .om-modal-system.modal-private-info .modal-footer, body.admin-body .om-modal-system.modal-public-warning .modal-footer { flex: 0 0 auto !important; background: rgba(2, 24, 16, 0.28) !important; border-color: rgba(46, 204, 113, 0.20) !important; } body.admin-body .om-modal-system .modal-header { padding: 20px !important; border-bottom: 1px solid rgba(46, 204, 113, 0.20) !important; } body.admin-body .om-modal-system .modal-footer { padding: 20px !important; border-top: 1px solid rgba(46, 204, 113, 0.20) !important; } body.admin-body .om-modal-system.modal-blue .modal-header i, body.admin-body .om-modal-system.modal-red .modal-header i { color: var(--om-gold-primary) !important; } body.admin-body .om-modal-system .modal-body, body.admin-body .om-modal-system.modal-admin-green .modal-body, body.admin-body .om-modal-system.modal-private-info .modal-body, body.admin-body .om-modal-system.modal-public-warning .modal-body { flex: 1 1 auto !important; min-height: 0 !important; overflow-y: auto !important; color: var(--om-admin-text-soft) !important; scrollbar-gutter: stable !important; } body.admin-body .om-modal-system .modal-title, body.admin-body .om-modal-system .modal-header h1, body.admin-body .om-modal-system .modal-header h2, body.admin-body .om-modal-system .modal-header h3, body.admin-body .om-modal-system .modal-header h4, body.admin-body .om-modal-system .modal-header h5 { color: var(--om-gold-primary) !important; text-shadow: 0 0 14px rgba(255, 193, 7, 0.20) !important; } body.admin-body .om-modal-system .om-inner-data-box, body.admin-body .om-modal-system.modal-admin-green .om-inner-data-box, body.admin-body .om-modal-system.modal-private-info .om-inner-data-box, body.admin-body .om-modal-system.modal-public-warning .om-inner-data-box { background: rgba(7, 50, 32, 0.58) !important; border: 1px solid rgba(46, 204, 113, 0.26) !important; color: var(--om-admin-text-soft) !important; box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.18) !important; } body.admin-body .om-modal-system .om-inner-data-box:hover, body.admin-body .om-modal-system.modal-admin-green .om-inner-data-box:hover, body.admin-body .om-modal-system.modal-private-info .om-inner-data-box:hover, body.admin-body .om-modal-system.modal-public-warning .om-inner-data-box:hover { background: rgba(9, 64, 41, 0.70) !important; border-color: rgba(46, 204, 113, 0.56) !important; box-shadow: 0 8px 18px rgba(0, 0, 0, 0.38), 0 0 14px rgba(46, 204, 113, 0.12) !important; } body.admin-body .om-modal-system .om-input-label, body.admin-body .om-modal-system label, body.admin-body .om-modal-system small, body.admin-body .om-modal-system .text-white-50, body.admin-body .om-modal-system .text-muted { color: var(--om-admin-text-muted-soft) !important; } body.admin-body .om-modal-system input:not([type="checkbox"]):not([type="radio"]), body.admin-body .om-modal-system select, body.admin-body .om-modal-system textarea, body.admin-body .om-modal-system .form-control, body.admin-body .om-modal-system .om-form-control { background: rgba(0, 0, 0, 0.50) !important; border: 1px solid rgba(46, 204, 113, 0.20) !important; color: var(--om-admin-text-soft) !important; border-radius: 10px !important; } body.admin-body .om-modal-system input:focus, body.admin-body .om-modal-system select:focus, body.admin-body .om-modal-system textarea:focus, body.admin-body .om-modal-system .form-control:focus, body.admin-body .om-modal-system .om-form-control:focus { border-color: rgba(255, 193, 7, 0.72) !important; box-shadow: 0 0 0 1px rgba(255, 193, 7, 0.20), 0 0 14px rgba(255, 193, 7, 0.16) !important; color: #ffffff !important; } /* 21.01A - Společná komprese, typografie a vrstvení modalů */ body.admin-body .om-modal-system { z-index: 105000 !important; } body.admin-body .modal-backdrop { z-index: 104000 !important; display: none !important; pointer-events: none !important;} body.admin-body .om-modal-safe-top { margin-top: 60px !important; margin-bottom: 15px !important; } body.admin-body .om-modal-safe-top .modal-content { max-height: calc(100vh - 80px) !important; } body.admin-body .om-modal-system .modal-body { padding: 1rem 1.5rem !important; } body.admin-body .om-modal-system .om-inner-data-box { padding: 12px 18px !important; margin-bottom: 10px !important; } body.admin-body .om-modal-system .om-inner-data-box:last-child { margin-bottom: 0 !important; } body.admin-body .om-modal-system .form-control, body.admin-body .om-modal-system .om-form-control { padding: 6px 12px !important; } body.admin-body .om-modal-system .row.g-2 { row-gap: 0.25rem !important; } body.admin-body .om-modal-system .om-input-label { margin-bottom: 4px !important; font-weight: 700 !important; font-size: 0.8rem !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; } body.admin-body .om-modal-system .table td { color: rgba(255,255,255,0.75) !important; } @media (max-width: 991px) { body.admin-body .om-modal-system .modal-dialog { margin-top: 15px !important; margin-bottom: 15px !important; } body.admin-body .om-modal-system .btn-primary-action { width: 100% !important; display: block !important; } } /* 21.02 - Vyhledávače jsou od RC42 centralizovány v SEKCI 10. */ /* 21.03 - Dokumentové kompatibilní povrchy; obecné trombony a datové boxy jsou od RC43 výhradně v SEKCI 19. */ body.admin-body .public-year-folder, body.admin-body .private-year-folder, body.admin-body .client-folder { background: var(--om-trombon-bg) !important; color: var(--om-admin-text-soft) !important; } body.admin-body .public-year-folder:hover, body.admin-body .private-year-folder:hover, body.admin-body .client-folder:hover { background: var(--om-trombon-bg-hover) !important; } /* Hlavička záznamu sdílená editací a modálním přehledem. */ body.admin-body .om-admin-record-heading { width: 100%; min-width: 0; text-align: center; overflow-wrap: anywhere; } body.admin-body .om-admin-record-heading > div > h1 { font-size: clamp(1.5rem, 3vw, 2.4rem); line-height: 1.2; } body.admin-body .om-admin-record-heading .om-admin-status-strip { justify-content: center; } body.admin-body .om-modal-system .om-modal-record-header { display: grid !important; grid-template-columns: 32px minmax(0, 1fr) 32px; align-items: start; gap: 8px; } body.admin-body .om-modal-record-header .om-admin-record-heading { grid-column: 2; } body.admin-body .om-modal-record-header > .btn-close { grid-column: 3; margin: 0; } /* 21.04 - Měkčí bílý text v administračních kartách bez přepsání významových barev */ body.admin-body .service-card, body.admin-body .om-layout-card, body.admin-body .om-profile-box, body.admin-body .om-accordion, body.admin-body .om-empty-state, body.admin-body .om-list-row, body.admin-body .doc-row-item, body.admin-body .search-row { color: var(--om-admin-text-soft) !important; } body.admin-body .service-card p, body.admin-body .om-layout-card p, body.admin-body .om-profile-box p, body.admin-body .om-accordion p, body.admin-body .om-list-row .opacity-75, body.admin-body .doc-row-item .opacity-75, body.admin-body .search-row .opacity-75, body.admin-body .om-empty-state p, body.admin-body .text-muted:not(.om-text-gold):not(.om-text-cyan):not(.om-text-green):not(.om-text-red):not(.om-text-purple):not(.om-text-blue):not(.om-text-orange), body.admin-body .text-white-50 { color: var(--om-admin-text-muted-soft) !important; } /* 21.05 - Responzivní pojistky pro modal 16 cm */ @media (max-width: 575.98px) { body.admin-body .om-modal-system .modal-dialog { width: calc(100vw - 20px) !important; max-width: calc(100vw - 20px) !important; margin: 10px auto !important; } body.admin-body .om-modal-system .modal-content { max-height: calc(100dvh - 20px) !important; border-radius: 14px !important; } } /* ========================================================================== SEKCE 32.10: SYSTÉMOVÉ AKČNÍ IKONY ADMINU - om-action-view: modré oko / čtení / zobrazení - om-action-edit: modrá tužka / úprava / otevření modálního okna - om-action-restore: zelená šipka / obnova z archivu - om-action-archive: žlutá popelnice / archivace - om-action-delete: červená popelnice / trvalé smazání ========================================================================== */ body.admin-body .om-action-view, body.admin-body .om-action-view i, body.admin-body .om-action-view .fas, body.admin-body .om-action-view-btn, body.admin-body .om-action-view-btn i, body.admin-body .om-action-view-btn .fas { color: #0dcaf0 !important; } body.admin-body .om-action-edit, body.admin-body .om-action-edit i, body.admin-body .om-action-edit .fas, body.admin-body .om-action-edit-btn, body.admin-body .om-action-edit-btn i, body.admin-body .om-action-edit-btn .fas { color: #0dcaf0 !important; } body.admin-body .om-action-restore, body.admin-body .om-action-restore i, body.admin-body .om-action-restore .fas, body.admin-body .om-action-restore-btn, body.admin-body .om-action-restore-btn i, body.admin-body .om-action-restore-btn .fas { color: #2ecc71 !important; } body.admin-body .om-action-archive, body.admin-body .om-action-archive i, body.admin-body .om-action-archive .fas, body.admin-body .om-action-archive-btn, body.admin-body .om-action-archive-btn i, body.admin-body .om-action-archive-btn .fas { color: #ffc107 !important; } body.admin-body .om-action-delete, body.admin-body .om-action-delete i, body.admin-body .om-action-delete .fas, body.admin-body .om-action-delete-btn, body.admin-body .om-action-delete-btn i, body.admin-body .om-action-delete-btn .fas { color: #ff4d5f !important; } body.admin-body .om-action-view, body.admin-body .om-action-edit, body.admin-body .om-action-restore, body.admin-body .om-action-archive, body.admin-body .om-action-delete { width: 34px !important; min-width: 34px !important; height: 34px !important; border-radius: 999px !important; background: rgba(0, 0, 0, 0.42) !important; border: 1px solid rgba(255, 255, 255, 0.14) !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; text-decoration: none !important; cursor: pointer !important; box-shadow: 0 7px 18px rgba(0, 0, 0, 0.32) !important; transition: transform var(--om-ui-transition-pop), box-shadow var(--om-ui-transition), border-color var(--om-ui-transition), background var(--om-ui-transition), filter var(--om-ui-transition), opacity var(--om-ui-transition) !important; } body.admin-body .om-action-view, body.admin-body .om-action-edit { border-color: rgba(13, 202, 240, 0.48) !important; } body.admin-body .om-action-restore { border-color: rgba(46, 204, 113, 0.58) !important; } body.admin-body .om-action-archive { border-color: rgba(255, 193, 7, 0.58) !important; } body.admin-body .om-action-delete { border-color: rgba(255, 77, 95, 0.62) !important; } body.admin-body .om-action-view:hover, body.admin-body .om-action-edit:hover, body.admin-body .om-action-restore:hover, body.admin-body .om-action-archive:hover, body.admin-body .om-action-delete:hover { transform: translateY(-2px) scale(1.08) !important; filter: brightness(1.18) !important; box-shadow: 0 11px 22px rgba(0, 0, 0, 0.42), 0 0 12px rgba(255, 255, 255, 0.08) !important; } body.admin-body .om-action-view:disabled, body.admin-body .om-action-edit:disabled, body.admin-body .om-action-restore:disabled, body.admin-body .om-action-archive:disabled, body.admin-body .om-action-delete:disabled { color: rgba(255,255,255,.30) !important; border-color: rgba(255,255,255,.16) !important; background: rgba(0,0,0,.26) !important; opacity: .58 !important; cursor: not-allowed !important; transform: none !important; filter: grayscale(1) !important; box-shadow: none !important; } body.admin-body .om-action-view:hover, body.admin-body .om-action-edit:hover { border-color: #0dcaf0 !important; } body.admin-body .om-action-restore:hover { border-color: #2ecc71 !important; } body.admin-body .om-action-archive:hover { border-color: #ffc107 !important; } body.admin-body .om-action-delete:hover { border-color: #ff4d5f !important; } body.admin-body .om-action-view-btn, body.admin-body .om-action-edit-btn, body.admin-body .om-action-restore-btn, body.admin-body .om-action-archive-btn, body.admin-body .om-action-delete-btn { min-height: 44px !important; padding: 10px 20px !important; border-radius: 999px !important; background: rgba(0, 0, 0, 0.46) !important; border: 2px solid rgba(255, 255, 255, 0.18) !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; font-weight: 900 !important; text-transform: none !important; text-decoration: none !important; box-shadow: 0 8px 22px rgba(0, 0, 0, 0.30) !important; transition: transform var(--om-ui-transition-pop), box-shadow var(--om-ui-transition), border-color var(--om-ui-transition), background var(--om-ui-transition), filter var(--om-ui-transition) !important; } body.admin-body .om-action-view-btn, body.admin-body .om-action-edit-btn { border-color: rgba(13, 202, 240, 0.58) !important; } body.admin-body .om-action-restore-btn { border-color: rgba(46, 204, 113, 0.62) !important; } body.admin-body .om-action-archive-btn { border-color: rgba(255, 193, 7, 0.65) !important; } body.admin-body .om-action-delete-btn { border-color: rgba(255, 77, 95, 0.72) !important; } body.admin-body .om-action-view-btn:hover, body.admin-body .om-action-edit-btn:hover, body.admin-body .om-action-restore-btn:hover, body.admin-body .om-action-archive-btn:hover, body.admin-body .om-action-delete-btn:hover { transform: translateY(-3px) !important; box-shadow: 0 14px 28px rgba(0, 0, 0, 0.36) !important; filter: brightness(1.08) !important; } body.admin-body .om-action-view-btn:hover, body.admin-body .om-action-edit-btn:hover { border-color: #0dcaf0 !important; } body.admin-body .om-action-restore-btn:hover { border-color: #2ecc71 !important; } body.admin-body .om-action-archive-btn:hover { border-color: #ffc107 !important; } body.admin-body .om-action-delete-btn:hover { border-color: #ff4d5f !important; } body.admin-body .om-btn-sm { min-height: 38px !important; padding: 8px 16px !important; font-size: 0.82rem !important; } /* ========================================================================== SEKCE 33.00: OMEGA ADMIN - SYSTÉMOVÉ ŠÍŘKY STRÁNKOVÝCH DLAŽDIC A LAYOUT HELPERy ========================================================================== Účel: - centrálně řídit šířku hlavních administračních stránkových dlaždic, - odstranit potřebu skládat v PHP pomocné třídy typu mx-auto + om-max-1200, - ponechat .service-card jako obecnou vizuální kartu bez globálního omezení šířky, - zachovat pravidlo: CSS je centrální mozek vzhledu, PHP pouze určuje typ prvku. ========================================================================== */ /* Proměnné šířek administračních karet byly přesunuty do SEKCE 01. */ /* 33.01 - Hlavní stránková dlaždice pro běžné administrační stránky */ body.admin-body .om-admin-page-card { width: 100% !important; max-width: min(var(--om-admin-page-card-width), calc(100vw - 40px)) !important; margin-left: auto !important; margin-right: auto !important; } /* 33.02 - Širší stránková dlaždice pro datově bohaté stránky */ body.admin-body .om-admin-page-card-wide { width: 100% !important; max-width: min(var(--om-admin-page-card-wide-width), calc(100vw - 40px)) !important; margin-left: auto !important; margin-right: auto !important; } /* 33.03 - Užší stránková dlaždice pro jednodušší formulářové stránky */ body.admin-body .om-admin-page-card-narrow { width: 100% !important; max-width: min(var(--om-admin-page-card-narrow-width), calc(100vw - 40px)) !important; margin-left: auto !important; margin-right: auto !important; } /* 33.04 - Vnitřní ovládací panel stránky: tlačítka, vyhledávač, filtry, souhrny */ body.admin-body .om-admin-control-panel { width: 100% !important; margin-left: auto !important; margin-right: auto !important; } /* 33.05 - Systémová řada obslužných tlačítek */ body.admin-body .om-admin-toolbar { display: flex !important; flex-wrap: wrap !important; justify-content: var(--om-toolbar-justify, center) !important; align-items: center !important; gap: 12px !important; margin-bottom: 22px !important; } body.admin-body .om-admin-print-toolbar { --om-toolbar-justify: flex-end; width: 100%; min-width: 0; } /* Společná hlavička dlaždice: hlavní akce uprostřed, obsluha vpravo. Při menší šířce se skupiny skládají do řádků bez překrývání. */ body.admin-body .om-page-actions {display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:.75rem;width:100%;margin-bottom:1.25rem} body.admin-body .om-page-actions-primary {grid-column:2;grid-row:1;display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;min-width:0} body.admin-body .om-page-actions-secondary {grid-column:3;grid-row:1;display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:.5rem;min-width:0} body.admin-body .om-page-actions-navigation {grid-column:1;grid-row:1;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;min-width:0} body.admin-body .om-page-actions :is(a,button) {display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:44px!important;height:auto!important;white-space:normal!important;overflow-wrap:anywhere;margin:0!important} body.admin-body .om-page-actions-secondary:only-child {grid-column:1/-1} @media(max-width:1199.98px){ body.admin-body .om-page-actions {grid-template-columns:minmax(0,1fr)} body.admin-body .om-page-actions-primary {grid-column:1;grid-row:1} body.admin-body .om-page-actions-secondary {grid-column:1;grid-row:2} body.admin-body .om-page-actions-navigation {grid-column:1;grid-row:3} } /* 33.06 - Systémová mezera kolem vyhledávače uvnitř ovládacího panelu */ body.admin-body .om-admin-search-row { width: 100% !important; margin-top: 18px !important; margin-bottom: 24px !important; } /* 33.07 - Systémová řada filtračních pilulek */ body.admin-body .om-admin-pill-row { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; gap: 10px !important; margin-top: 14px !important; margin-bottom: 22px !important; } /* 33.08 - Systémový souhrnný řádek pod pilulkami */ body.admin-body .om-admin-summary-row { display: inline-flex !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; gap: 16px !important; margin-top: 10px !important; } /* 33.09 - Mobilní pojistky */ @media (max-width: 991.98px) { body.admin-body .om-admin-page-card, body.admin-body .om-admin-page-card-wide, body.admin-body .om-admin-page-card-narrow { max-width: 100% !important; } body.admin-body .om-admin-toolbar, body.admin-body .om-admin-pill-row, body.admin-body .om-admin-summary-row { gap: 8px !important; } body.admin-body .om-admin-search-row { margin-top: 14px !important; margin-bottom: 18px !important; } } /* ========================================================================== SEKCE 34.00: OMEGA ADMIN - SYSTÉMOVÉ ROZDĚLOVNÍKY MODULŮ ========================================================================== Účel: - sjednotit rozdělovníky administrace, kde se nejdříve vybírá dům/SVJ, - použít stejnou firemní kartu pro vlastníky, dokumenty a budoucí moduly, - řídit velikost, orámování, hover a poskočení výhradně přes CSS, - odstranit potřebu řešit rozměry rozdělovníků v PHP. ========================================================================== */ body.admin-body .om-admin-selector-main { min-height: calc(100dvh - 145px) !important; display: flex !important; align-items: flex-start !important; justify-content: center !important; padding-top: 55px !important; padding-bottom: 120px !important; } body.admin-body .om-admin-selector-card { width: 100% !important; max-width: 520px !important; min-height: 330px !important; margin-left: auto !important; margin-right: auto !important; padding: 42px 42px 40px !important; background: rgba(15, 20, 30, 0.42) !important; border: 1px solid rgba(255, 193, 7, 0.42) !important; border-radius: 18px !important; backdrop-filter: blur(14px) !important; -webkit-backdrop-filter: blur(14px) !important; box-shadow: 0 22px 55px rgba(0, 0, 0, 0.58) !important; color: var(--om-admin-text-soft, rgba(242, 247, 241, 0.86)) !important; text-align: center !important; transition: transform var(--om-ui-transition-pop, 280ms cubic-bezier(0.175, 0.885, 0.32, 1.275)), border-color var(--om-ui-transition, 220ms ease), box-shadow var(--om-ui-transition, 220ms ease), background var(--om-ui-transition, 220ms ease) !important; } body.admin-body .om-admin-selector-card:hover { transform: translateY(-6px) !important; border-color: rgba(255, 193, 7, 0.86) !important; background: rgba(15, 20, 30, 0.56) !important; box-shadow: 0 28px 68px rgba(0, 0, 0, 0.68), 0 0 24px rgba(255, 193, 7, 0.18) !important; } body.admin-body .om-admin-selector-icon { color: var(--om-gold-primary) !important; font-size: 4.2rem !important; line-height: 1 !important; margin-bottom: 22px !important; filter: drop-shadow(0 0 14px rgba(255, 193, 7, 0.20)) !important; } body.admin-body .om-admin-selector-title { color: var(--om-gold-primary) !important; font-size: 1.32rem !important; font-weight: 900 !important; letter-spacing: 0.8px !important; text-transform: uppercase !important; text-align: center !important; margin: 0 0 26px !important; text-shadow: 0 0 14px rgba(255, 193, 7, 0.18) !important; } body.admin-body .om-admin-selector-form { width: 100% !important; text-align: left !important; } body.admin-body .om-admin-selector-label { display: block !important; margin-bottom: 8px !important; color: var(--om-admin-text-muted-soft, rgba(218, 232, 220, 0.64)) !important; font-size: 0.80rem !important; font-weight: 900 !important; letter-spacing: 0.35px !important; text-transform: uppercase !important; } body.admin-body .om-admin-selector-select, body.admin-body select.om-admin-selector-select { min-height: 52px !important; width: 100% !important; background: rgba(0, 0, 0, 0.58) !important; border: 1px solid rgba(255, 193, 7, 0.66) !important; border-radius: 10px !important; color: #ffffff !important; font-size: 1rem !important; font-weight: 900 !important; padding: 12px 18px !important; outline: none !important; box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.62), 0 6px 18px rgba(0, 0, 0, 0.22) !important; transition: border-color var(--om-ui-transition, 220ms ease), box-shadow var(--om-ui-transition, 220ms ease), background var(--om-ui-transition, 220ms ease) !important; } body.admin-body .om-admin-selector-select:focus, body.admin-body select.om-admin-selector-select:focus { border-color: var(--om-gold-primary) !important; background: rgba(0, 0, 0, 0.72) !important; box-shadow: 0 0 0 1px rgba(255, 193, 7, 0.32), 0 0 18px rgba(255, 193, 7, 0.20), inset 0 0 14px rgba(0, 0, 0, 0.78) !important; } body.admin-body .om-admin-selector-select option { background: #071d14 !important; color: #ffffff !important; } @media (max-width: 575.98px) { body.admin-body .om-admin-selector-main { align-items: flex-start !important; padding: 32px 14px 100px !important; } body.admin-body .om-admin-selector-card { max-width: 100% !important; min-height: auto !important; padding: 34px 24px 32px !important; border-radius: 16px !important; } body.admin-body .om-admin-selector-icon { font-size: 3.5rem !important; } body.admin-body .om-admin-selector-title { font-size: 1.12rem !important; } } /* ========================================================================== SEKCE 34.50: OMEGA ADMIN - CENTRÁLNÍ NADPISY ROZDĚLOVNÍKŮ ========================================================================== Účel: - sjednotit H1 nadpisy rozdělovníků napříč administračními moduly, - držet velikost, zarovnání, odsazení a ikonografii přes CSS, - PHP pouze určuje text a ikonu konkrétního modulu. ========================================================================== */ body.admin-body .om-admin-selector-header { width: 100% !important; text-align: center !important; margin-bottom: 34px !important; } body.admin-body .om-admin-selector-heading { display: flex !important; align-items: center !important; justify-content: center !important; gap: 16px !important; width: 100% !important; margin: 0 !important; color: var(--om-gold-primary) !important; font-size: clamp(2.1rem, 4vw, 3.15rem) !important; line-height: 1.08 !important; font-weight: 900 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; text-align: center !important; text-shadow: 0 0 15px rgba(255, 193, 7, 0.20) !important; } body.admin-body .om-admin-selector-heading-icon { color: var(--om-gold-primary) !important; filter: drop-shadow(0 0 14px rgba(255, 193, 7, 0.18)) !important; } @media (max-width: 575.98px) { body.admin-body .om-admin-selector-header { margin-bottom: 24px !important; } body.admin-body .om-admin-selector-heading { gap: 10px !important; font-size: clamp(1.65rem, 8vw, 2.15rem) !important; overflow-wrap: anywhere !important; } } /* ========================================================================== MODULOVÁ SPECIFIKA ADMINU -------------------------------------------------------------------------- Od tohoto místa smějí sekce řešit pouze unikátní layout nebo chování modulu. Obecné karty, pilulky, hledání, modaly, trombony a datové řádky patří výše do centrální vrstvy OMEGA Admin UI. Historické číslování je zachováno. ========================================================================== */ /* ========================================================================== SEKCE 31: ADMIN - SPRÁVA REVIZÍ ========================================================================== Účel: - odstranit inline styly a onclick ze sprava_revizi.php, - sjednotit KPI karty, filtry, vyhledávání, trombóny a stavové badge, - zachovat původní barevnou logiku revizí jako systémové CSS třídy. ========================================================================== */ body .om-rev-alert { max-width: 1100px !important; margin: 0 auto 24px auto !important; } body .om-rev-kpi-row { max-width: 1400px !important; } body .om-rev-kpi-card { width: 100% !important; border: 2px solid transparent !important; cursor: pointer !important; transition: transform 220ms ease, box-shadow 220ms ease, filter 220ms ease, border-color 220ms ease, background-color 220ms ease !important; } body .om-rev-kpi-card:hover, body .om-rev-kpi-card.om-rev-kpi-active { transform: translateY(-5px) !important; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.50) !important; filter: brightness(1.16) !important; border-color: #ffffff !important; } body .om-rev-kpi-card.om-rev-kpi-active { background: rgba(255, 255, 255, 0.10) !important; } body .om-rev-filter-panel { max-width: 1100px !important; border: 1px solid var(--om-gold-primary, #ffc107) !important; } body .om-rev-search-box { height: 55px !important; } body .om-rev-filter-btn { background: rgba(0, 0, 0, 0.50) !important; color: #ffc107 !important; border-color: rgba(255, 193, 7, 0.55) !important; } body .om-rev-filter-btn.om-rev-filter-active { background: var(--om-gold-primary, #ffc107) !important; color: #000000 !important; border-color: var(--om-gold-primary, #ffc107) !important; } body .om-rev-filter-gray { color: #adb5bd !important; border-color: #adb5bd !important; } body .om-rev-filter-green { color: #2ecc71 !important; border-color: #2ecc71 !important; } body .om-rev-filter-red { color: #dc3545 !important; border-color: #dc3545 !important; } body .om-rev-filter-gold { color: #ffc107 !important; border-color: #ffc107 !important; } body .om-rev-filter-pink { color: #e83e8c !important; border-color: #e83e8c !important; } body .om-rev-filter-cyan { color: #0dcaf0 !important; border-color: #0dcaf0 !important; } body .om-rev-filter-purple { color: #a55eea !important; border-color: #a55eea !important; } body .om-rev-master-shell { max-width: 1100px !important; } body .om-rev-master-item { border-width: 2px !important; } body .om-rev-house-row { border-color: rgba(108, 117, 125, 0.25) !important; margin-bottom: 16px !important; background: rgba(0, 0, 0, 0.50) !important; } body .om-rev-house-button { display: flex !important; flex-wrap: wrap !important; align-items: center !important; } body .om-rev-house-main { display: flex !important; flex-direction: column !important; margin-right: auto !important; } body .om-rev-summary-badges { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin-left: 16px !important; } body .om-rev-house-body { padding: 24px !important; background: rgba(0, 0, 0, 0.25) !important; } body .om-rev-detail-col { border-left: 1px solid rgba(108, 117, 125, 0.50) !important; } body .om-rev-empty-box { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; padding-top: 24px !important; padding-bottom: 24px !important; background: rgba(0, 0, 0, 0.25) !important; } body .om-rev-category-row { display: flex !important; flex-direction: column !important; gap: 10px !important; margin-bottom: 10px !important; padding: 16px !important; border-radius: 10px !important; background: rgba(0, 0, 0, 0.40) !important; border-left: 3px solid currentColor !important; } body .om-rev-category-name { font-weight: 800 !important; width: 140px !important; font-size: 0.85rem !important; color: currentColor !important; } body .om-rev-category-badges { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; justify-content: flex-start !important; flex-grow: 1 !important; } body .om-rev-badge { border-width: 1px !important; border-style: solid !important; border-radius: 999px !important; padding: 0.38rem 0.58rem !important; box-shadow: 0 0 10px rgba(0, 0, 0, 0.25) !important; } body .om-rev-badge-danger, body .om-rev-badge-danger-pill { color: #ffffff !important; background: #dc3545 !important; border-color: #dc3545 !important; } body .om-rev-badge-warning, body .om-rev-badge-warning-pill { color: #000000 !important; background: #ffc107 !important; border-color: #ffc107 !important; } body .om-rev-badge-failed-critical, body .om-rev-badge-failed-critical-pill { color: #ff6b7a !important; background: rgba(0, 0, 0, 0.45) !important; border-color: #dc3545 !important; } body .om-rev-badge-failed-normal, body .om-rev-badge-failed-normal-pill { color: #ffc107 !important; background: rgba(0, 0, 0, 0.45) !important; border-color: #ffc107 !important; } body .om-rev-badge-service { color: #e83e8c !important; background: rgba(0, 0, 0, 0.45) !important; border-color: #e83e8c !important; } body .om-rev-badge-ordered, body .om-rev-badge-ordered-pill { color: #0dcaf0 !important; background: rgba(0, 0, 0, 0.45) !important; border-color: #0dcaf0 !important; } body .om-rev-badge-svj, body .om-rev-badge-svj-pill { color: #a55eea !important; background: rgba(0, 0, 0, 0.45) !important; border-color: #a55eea !important; } body .om-rev-badge-none-pill { color: #ffffff !important; background: #6c757d !important; border-color: #6c757d !important; } body .om-rev-badge-success-pill { color: #ffffff !important; background: #198754 !important; border-color: #198754 !important; } body .om-rev-color-red { color: #dc3545 !important; } body .om-rev-color-pink { color: #e83e8c !important; } body .om-rev-color-orange { color: #fd7e14 !important; } body .om-rev-color-gold { color: #ffc107 !important; } body .om-rev-color-gray { color: #adb5bd !important; } body .om-rev-color-cyan { color: #0dcaf0 !important; } body .om-rev-color-mint { color: #20c997 !important; } body .om-rev-color-green { color: #198754 !important; } body .om-rev-color-blue { color: #0d6efd !important; } body .om-rev-color-magenta { color: #d63384 !important; } body .om-rev-color-purple { color: #6610f2 !important; } body .om-rev-color-white { color: #ffffff !important; } body .om-rev-management { font-weight: 700 !important; } body .om-rev-management-purple { color: #a55eea !important; } body .om-rev-management-cyan { color: #0dcaf0 !important; } body .om-rev-management-gold { color: #ffc107 !important; } body .om-rev-management-mint { color: #20c997 !important; } body .om-rev-management-gray { color: #adb5bd !important; } @media (min-width: 768px) { body .om-rev-category-row { flex-direction: row !important; align-items: center !important; justify-content: space-between !important; } body .om-rev-category-badges { justify-content: flex-end !important; } } @media (max-width: 991px) { body .om-rev-detail-col { border-left: 0 !important; border-top: 1px solid rgba(108, 117, 125, 0.50) !important; padding-top: 20px !important; } body .om-rev-summary-badges { margin-left: 0 !important; margin-top: 12px !important; } } /* Kompatibilní hook pro Bootstrap accordion tlačítka používaná v adminu. */ body .om-accordion-toggler { cursor: pointer !important; } /* ========================================================================== SEKCE 32: ADMIN - SPRÁVA REVIZÍ (HLAVNÍ KARTA PODLE SPRÁVY DOMŮ) ========================================================================== Účel: - odstranit vizuální potřebu horních KPI dlaždic, - sjednotit rozvržení správy revizí se stránkou Správa domů, - držet ovládací panel, vyhledávání, pilulky a hlavní accordion v jedné systémové kartě. ========================================================================== */ body .om-rev-page-card .om-rev-filter-panel { margin-bottom: 28px !important; } body .om-rev-toolbar { justify-content: center !important; align-items: center !important; gap: 14px !important; margin-bottom: 24px !important; } body .om-rev-managed-count { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 42px !important; padding: 8px 18px !important; border-radius: 999px !important; color: rgba(255, 255, 255, 0.72) !important; background: rgba(0, 0, 0, 0.28) !important; border: 1px solid rgba(255, 193, 7, 0.35) !important; font-size: 0.86rem !important; font-weight: 800 !important; text-transform: uppercase !important; } body .om-rev-managed-count strong { color: #ffffff !important; margin-left: 8px !important; font-size: 1rem !important; } body .om-rev-pill-row { justify-content: center !important; margin-top: 6px !important; } /* overflow hlavního revizního trombonu je definován v následující sjednocující sekci. */ @media (max-width: 768px) { body .om-rev-toolbar { flex-direction: column !important; } body .om-rev-managed-count { width: 100% !important; } } /* ========================================================================== SEKCE 33: ADMIN - SPRÁVA REVIZÍ (SJEDNOCENÍ SE SPRÁVOU DOMŮ) ========================================================================== Účel: - použít stejnou nosnou kartu jako sprava_domu.php, - použít om-profile-box pro ovládací panel, - odstranit speciální vzhled pilulek revizí a vrátit systémové category-filter-btn, - zrušit pilulku Vše a ponechat zrušení filtru druhým klikem. ========================================================================== */ body .om-rev-page-card { max-width: 1200px !important; margin-left: auto !important; margin-right: auto !important; } body .om-rev-page-card .om-profile-box.om-rev-filter-panel { width: 100% !important; max-width: none !important; margin-left: auto !important; margin-right: auto !important; } body .om-rev-page-card .om-rev-search-box { max-width: none !important; margin-left: auto !important; margin-right: auto !important; } body .om-rev-page-card .category-filter-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; } body .om-rev-page-card .om-rev-master-shell { margin: 0 !important; max-width: none !important; } body .om-rev-page-card .om-rev-master-item { overflow: hidden !important; } body .om-rev-page-card .om-empty-state { max-width: none !important; } body .js-rev-master-toggler { cursor: pointer !important; } /* ========================================================================== SEKCE 32A: ADMIN - UX OCHRANA IDENTITY VLASTNÍKA ========================================================================== Souvisí se souborem: /www/admin/sprava_domu_vlastnici.php v19.07 Účel: - výrazně zvýraznit upozornění u vlastníka s navázanými osobními dokumenty, - jasně oddělit běžnou opravu údajů od převodu bytu na novou osobu, - nezasahovat do funkčnosti ukládání; ta je řešena v PHP v19.07. ========================================================================== */ body .om-owner-doc-warning { border: 2px solid #ffc107 !important; background: rgba(255, 193, 7, 0.92) !important; color: #111111 !important; border-radius: 14px !important; box-shadow: 0 0 18px rgba(255, 193, 7, 0.24) !important; } body .om-owner-doc-warning .text-dark { color: #111111 !important; } body .om-owner-doc-warning .text-warning { color: #111111 !important; } body .om-owner-doc-warning .form-check { background: rgba(0, 0, 0, 0.08) !important; border: 1px solid rgba(0, 0, 0, 0.18) !important; border-radius: 10px !important; padding: 10px 12px 10px 38px !important; } body .om-owner-doc-warning .form-check-input { border-color: #111111 !important; box-shadow: none !important; } body .om-owner-doc-warning .form-check-input:checked { background-color: #198754 !important; border-color: #198754 !important; } body .om-owner-doc-warning .form-check-label { color: #111111 !important; font-weight: 800 !important; line-height: 1.35 !important; } body .om-owner-doc-warning .om-owner-doc-warning-note { background: rgba(0, 0, 0, 0.10) !important; border: 1px solid rgba(0, 0, 0, 0.18) !important; color: #111111 !important; } /* ========================================================================== SEKCE 36: ADMIN - SPRÁVA REVIZÍ (RYCHLÝ PŘEHLED A AKTIVNÍ STAVY) ========================================================================== Účel: - zpřehlednit podtrombón domu ve Správě revizí, - oddělit aktivní problémové stavy od kompletního přehledu v modálním okně, - ponechat PHP bez inline stylů a udržet vzhled přes style_admin.css. ========================================================================== */ body.admin-body .om-rev-work-row { justify-content: space-between !important; width: 100% !important; margin-bottom: 10px !important; padding: 14px 16px !important; border-radius: 12px !important; border-left-width: 4px !important; display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(240px, auto) !important; align-items: start !important; gap: 12px 16px !important; min-height: 0 !important; height: auto !important; border: 1px solid rgba(var(--om-component-accent-rgb), 0.30) !important; border-left: 3px solid var(--om-component-accent) !important; background: rgba(0, 31, 21, 0.56) !important;} body.admin-body .om-rev-work-title { font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 0.4px !important; margin-bottom: 6px !important; line-height: 1.22 !important; word-break: normal !important; overflow-wrap: anywhere !important;} body.admin-body .om-rev-work-dates { display: flex !important; flex-wrap: wrap !important; gap: 8px 14px !important; color: rgba(255, 255, 255, 0.62) !important; font-size: 0.82rem !important; font-weight: 700 !important; min-width: 0 !important;} body.admin-body .om-rev-overview-modal .modal-content { border: 1px solid var(--om-gold-primary, #ffc107) !important; background: rgba(0, 35, 24, 0.96) !important; } body.admin-body .om-rev-overview-table-wrap { border: 1px solid rgba(255, 193, 7, 0.32) !important; border-radius: 14px !important; overflow: hidden !important; background: rgba(0, 0, 0, 0.25) !important; } body.admin-body .om-rev-overview-table thead th { color: var(--om-gold-primary, #ffc107) !important; background: rgba(0, 0, 0, 0.34) !important; border-bottom: 1px solid rgba(255, 193, 7, 0.25) !important; padding: 14px 12px !important; font-size: 0.78rem !important; text-transform: uppercase !important; white-space: nowrap !important; } body.admin-body .om-rev-overview-table tbody td { padding: 13px 12px !important; border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important; color: rgba(255, 255, 255, 0.78) !important; vertical-align: middle !important; } body.admin-body .om-rev-overview-table tbody tr:last-child td { border-bottom: 0 !important; } body.admin-body .om-rev-overview-type { font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 0.35px !important; } body.admin-body .om-rev-overview-actions { display: flex !important; flex-wrap: wrap !important; gap: 7px !important; } @media (max-width: 991.98px) { body.admin-body .om-rev-work-row { align-items: flex-start !important; flex-direction: column !important; grid-template-columns: minmax(0, 1fr) !important;} } @media (max-width: 575.98px) { body.admin-body .om-rev-work-dates { flex-direction: column !important; gap: 5px !important; } body.admin-body .om-rev-overview-table thead { display: none !important; } body.admin-body .om-rev-overview-table, body.admin-body .om-rev-overview-table tbody, body.admin-body .om-rev-overview-table tr, body.admin-body .om-rev-overview-table td { display: block !important; width: 100% !important; } body.admin-body .om-rev-overview-table tbody td { border-bottom: 0 !important; padding: 8px 12px !important; } body.admin-body .om-rev-overview-table tbody tr { border-bottom: 1px solid rgba(255, 255, 255, 0.10) !important; padding: 8px 0 !important; } } /* ========================================================================== SEKCE 31A: REVIZE - RYCHLÝ PŘEHLED DOMU VERZE 11.67 ========================================================================== */ body.admin-body .om-rev-overview-row { border-bottom: 1px solid rgba(255, 193, 7, 0.12); } body.admin-body .om-rev-overview-row:last-child { border-bottom: 0; } body.admin-body .om-rev-overview-row td { vertical-align: middle; padding-top: 0.75rem; padding-bottom: 0.75rem; } body.admin-body .om-rev-overview-row.om-rev-color-red .om-rev-overview-type { color: var(--om-red, #ff4757); } body.admin-body .om-rev-overview-row.om-rev-color-orange .om-rev-overview-type { color: var(--om-orange, #fd7e14); } body.admin-body .om-rev-overview-row.om-rev-color-gold .om-rev-overview-type { color: var(--om-gold-primary, #ffc107); } body.admin-body .om-rev-overview-row.om-rev-color-purple .om-rev-overview-type { color: var(--om-purple, #a55eea); } body.admin-body .om-rev-overview-row.om-rev-color-cyan .om-rev-overview-type { color: var(--om-cyan, #0dcaf0); } body.admin-body .om-rev-overview-row.om-rev-color-green .om-rev-overview-type { color: var(--om-green, #2ecc71); } body.admin-body .om-rev-overview-row.om-rev-color-gray .om-rev-overview-type { color: rgba(255, 255, 255, 0.7); } /* ========================================================================== SEKCE 37: ADMIN - SPRÁVA REVIZÍ (POČÍTADLA A MOBILNÍ RESPONZIVITA) VERZE 11.67 ========================================================================== */ body.admin-body .om-rev-summary-badges { align-items: center !important; justify-content: flex-end !important; gap: 8px !important; } body.admin-body .om-rev-summary-badges .om-rev-badge, body.admin-body .om-rev-work-badges .om-rev-badge, body.admin-body .om-rev-overview-actions .om-rev-badge { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; width: auto !important; max-width: 100% !important; min-height: 0 !important; height: auto !important; line-height: 1.2 !important; white-space: normal !important; overflow-wrap: anywhere !important; align-self: flex-start !important; } body.admin-body .om-rev-summary-badges .om-rev-badge { white-space: nowrap !important; } body.admin-body .om-rev-badge-counted { padding-right: 0.42rem !important; } body.admin-body .om-rev-badge-label { display: inline-flex !important; align-items: center !important; min-width: 0 !important; } body.admin-body .om-rev-badge-count { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 22px !important; height: 22px !important; padding: 0 7px !important; border-radius: 999px !important; font-size: 0.76rem !important; font-weight: 900 !important; color: #ffffff !important; background: rgba(0, 0, 0, 0.52) !important; border: 1px solid rgba(255, 255, 255, 0.32) !important; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.22) !important; flex: 0 0 auto !important; } body.admin-body .om-rev-work-main { min-width: 0 !important; width: 100% !important; flex: none !important; } body.admin-body .om-rev-work-dates span { display: inline-flex !important; align-items: center !important; min-width: 0 !important; } body.admin-body .om-rev-work-badges { display: flex !important; flex-wrap: wrap !important; align-items: flex-start !important; align-content: flex-start !important; justify-content: flex-end !important; gap: 8px !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; min-height: 0 !important; height: auto !important; flex: none !important; } body.admin-body .om-rev-detail-col { min-width: 0 !important; } @media (max-width: 1199.98px) { body.admin-body .om-rev-house-button { gap: 10px !important; } body.admin-body .om-rev-house-main { flex: 1 1 100% !important; margin-right: 0 !important; } body.admin-body .om-rev-summary-badges { flex: 1 1 100% !important; margin-left: 0 !important; justify-content: flex-start !important; } } @media (max-width: 991.98px) { body.admin-body .om-rev-work-badges { width: 100% !important; justify-content: flex-start !important; } body.admin-body .om-rev-detail-col { border-left: 0 !important; border-top: 1px solid rgba(108, 117, 125, 0.50) !important; padding-top: 1rem !important; } } @media (max-width: 575.98px) { body.admin-body .om-rev-house-body { padding: 14px !important; } body.admin-body .om-rev-work-row { padding: 12px !important; gap: 10px !important; } body.admin-body .om-rev-work-badges .om-rev-badge { width: 100% !important; justify-content: flex-start !important; text-align: left !important; } body.admin-body .om-rev-summary-badges .om-rev-badge { white-space: normal !important; } body.admin-body .om-rev-summary-badges .om-rev-badge-counted { justify-content: space-between !important; } } /* ========================================================================== SEKCE 38: ADMIN - SPRÁVA REVIZÍ (SJEDNOCENÉ PILULKY A MODAL KOMUNIKACE) VERZE 11.67 ========================================================================== */ body.admin-body .om-rev-badge-failed-pill { color: #e83e8c !important; background: rgba(0, 0, 0, 0.45) !important; border-color: #e83e8c !important; } body.admin-body .om-rev-summary-badges .om-rev-badge-failed-pill, body.admin-body .om-rev-overview-actions .om-rev-badge, body.admin-body .om-rev-overview-modal-table .om-rev-badge { min-width: 128px !important; } body.admin-body .om-rev-overview-modal-table .om-rev-badge { min-height: 31px !important; justify-content: center !important; text-align: center !important; } body.admin-body .om-rev-badge-fixed { min-height: 31px !important; min-width: 142px !important;} body.admin-body .om-rev-action-mail { font-family: inherit !important; cursor: pointer !important; appearance: none !important; -webkit-appearance: none !important; text-decoration: none !important; } body.admin-body .om-rev-action-mail:hover, body.admin-body .om-rev-action-mail:focus-visible { filter: brightness(1.18) !important; transform: translateY(-1px) !important; box-shadow: 0 0 14px rgba(255, 255, 255, 0.16) !important; } body.admin-body .om-rev-mail-body { white-space: pre-wrap !important; overflow-wrap: anywhere !important; line-height: 1.55 !important; font-size: 0.95rem !important; max-height: 46vh !important; overflow-y: auto !important; } body.admin-body .om-rev-overview-actions:empty::after { content: "" !important; } @media (max-width: 767.98px) { body.admin-body .om-rev-overview-modal-table .om-rev-badge, body.admin-body .om-rev-badge-fixed { min-width: 100% !important; justify-content: flex-start !important; } } body.admin-body .om-rev-action-mail-modal .modal-content { max-height: calc(100vh - 3rem) !important; } /* ========================================================================== SEKCE 39: ADMIN - SPRÁVA REVIZÍ (KLIKACÍ ZÁVADY A ARCHIVACE AKCÍ) VERZE 11.67 ========================================================================== */ body.admin-body .om-rev-issue-detail, body.admin-body .om-rev-summary-jump { font-family: inherit !important; cursor: pointer !important; appearance: none !important; -webkit-appearance: none !important; text-decoration: none !important; } body.admin-body .om-rev-issue-detail:hover, body.admin-body .om-rev-issue-detail:focus-visible, body.admin-body .om-rev-summary-jump:hover, body.admin-body .om-rev-summary-jump:focus-visible { filter: brightness(1.18) !important; transform: translateY(-1px) !important; box-shadow: 0 0 14px rgba(255, 255, 255, 0.16) !important; } body.admin-body .om-rev-modal-footer-actions { gap: 10px !important; } body.admin-body .om-rev-issue-modal .modal-content { max-height: calc(100vh - 3rem) !important; } body.admin-body #revArchiveActionBtn { border-radius: 999px !important; white-space: nowrap !important; } @media (max-width: 575.98px) { body.admin-body .om-rev-modal-footer-actions { align-items: stretch !important; flex-direction: column !important; } body.admin-body .om-rev-modal-footer-actions .btn-secondary-action, body.admin-body .om-rev-modal-footer-actions #revArchiveActionBtn { width: 100% !important; } } /* ========================================================================== SEKCE 40: ADMIN - SPRÁVA REVIZÍ (FIX PILULEK A VIDITELNÁ ARCHIVACE AKCÍ) VERZE 11.67 ========================================================================== */ /* Důležité: pilulky v hlavičce domu nesmí být