:root {
            --bg-body: #020408;
            --panel-bg: rgba(11, 16, 28, 0.85);
            --panel-border: rgba(56, 189, 248, 0.15);
            --police-blue: #0284c7;
            --police-cyan: #38bdf8;
            --text-light: #f8fafc;
            --text-sub: #94a3b8;
            --status-open: #22c55e;
            --status-closed: #ef4444;
            --gold: #f59e0b;
        }

        * { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Plus Jakarta Sans', sans-serif; }

        body {
            position: relative;
            background-color: var(--bg-body);
            background-image: 
                radial-gradient(circle at 10% 20%, rgba(2, 132, 199, 0.14) 0%, transparent 40%),
                radial-gradient(circle at 90% 80%, rgba(56, 189, 248, 0.1) 0%, transparent 45%),
                radial-gradient(circle at 50% 50%, rgba(3, 105, 161, 0.06) 0%, transparent 60%),
                linear-gradient(to right, rgba(255,255,255,0.015) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(255,255,255,0.015) 1px, transparent 1px);
            background-size: 100% 100%, 100% 100%, 100% 100%, 50px 50px, 50px 50px;
            color: var(--text-light);
            min-height: 100vh;
            padding: 24px;
        }

        body::before {
            content: '';
            position: fixed;
            inset: 0;
            z-index: 0;
            pointer-events: none;
            background:
                linear-gradient(118deg, transparent 0 31%, rgba(2, 132, 199, 0.035) 38%, rgba(56, 189, 248, 0.012) 43%, transparent 50%),
                linear-gradient(118deg, transparent 0 67%, rgba(56, 189, 248, 0.025) 73%, transparent 79%),
                repeating-linear-gradient(135deg, transparent 0 125px, rgba(56, 189, 248, 0.014) 125px 127px, transparent 127px 250px);
        }

        .container { position: relative; z-index: 1; max-width: 1450px; margin: 0 auto; }

        header {
            position: relative;
            z-index: 5000;
            overflow: visible;
            display: flex; 
            justify-content: space-between; 
            align-items: center;
            background: rgba(9, 14, 25, 0.9);
            backdrop-filter: blur(16px);
            border: 1px solid var(--panel-border);
            padding: 12px 28px; 
            border-radius: 50px;
            margin-bottom: 30px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.05);
        }

        .header-brand { display: flex; align-items: center; gap: 14px; cursor: pointer; position: relative; }
        
        .header-brand img { 
            width: 46px; 
            height: 46px; 
            border: none; 
            object-fit: cover; 
            border-radius: 50%; 
            box-shadow: 0 0 10px rgba(56, 189, 248, 0.8);
        }
        
        .brand-text h1 { font-family: 'Chakra Petch', sans-serif; font-size: 1.25rem; text-transform: uppercase; color: #fff; letter-spacing: 0.5px; line-height: 1.1; }
        .brand-text span { font-size: 0.68rem; color: var(--police-cyan); text-transform: uppercase; letter-spacing: 1.5px; font-weight: 700; }

        .secret-admin-btn { background: transparent; border: none; color: rgba(255,255,255,0.2); cursor: pointer; font-size: 1.1rem; margin-left: 10px; transition: 0.3s; }
        .secret-admin-btn:hover { color: var(--gold); }
        body.can-edit-text .secret-admin-btn { color: var(--gold); }

        .header-right-panel { display: flex; align-items: center; background: rgba(3, 7, 18, 0.6); border: 1px solid var(--panel-border); border-radius: 40px; padding: 6px; gap: 8px; }
        .navbar { display: flex; align-items: center; gap: 4px; }
        .nav-btn { background: transparent; border: none; color: var(--text-sub); padding: 10px 20px; border-radius: 30px; font-weight: 600; font-size: 0.9rem; cursor: pointer; transition: all 0.25s ease; text-decoration: none; display: inline-flex; align-items: center; }
        .nav-btn:hover, .nav-btn.active { color: #fff; background: rgba(56, 189, 248, 0.1); }

        .auth-only { display: none !important; }
        body.is-authenticated .auth-only { display: inline-flex !important; }
        
        /* ROZDĚLENÍ OPRÁVNĚNÍ */
        .db-manage-block { display: none !important; }
        .db-manage-table { display: none !important; }
        body.can-edit-db .db-manage-block { display: flex !important; }
        body.can-edit-db .db-manage-table { display: table-cell !important; }
        .admin-only { display: none !important; }
        body.can-edit-text .admin-only { display: flex !important; }

        .web-settings-btn { display: none !important; }
        body.can-edit-text .web-settings-btn { display: inline-flex !important; }
        
        .floating-save-btn { display: none !important; }
        body.can-edit-text .floating-save-btn { display: block !important; }

        .editable-active { border: 1px dashed rgba(245, 158, 11, 0.6) !important; border-radius: 6px; padding: 2px 6px; transition: 0.2s; display: inline-block; min-width: 20px; }
        .editable-active:focus { background: rgba(245, 158, 11, 0.15); outline: none; border: 1px solid var(--gold) !important; }

        .btn-login-custom { background: linear-gradient(135deg, var(--police-blue) 0%, var(--police-cyan) 100%); color: white; border: none; padding: 10px 24px; border-radius: 30px; font-weight: 700; font-size: 0.88rem; display: flex; align-items: center; gap: 8px; cursor: pointer; transition: 0.2s; box-shadow: 0 4px 20px rgba(2, 132, 199, 0.35); }
        .btn-login-custom:hover { opacity: 0.95; transform: translateY(-1px); box-shadow: 0 6px 25px rgba(56, 189, 248, 0.5); }

        .user-profile-badge { display: flex; align-items: center; gap: 12px; background: rgba(255, 255, 255, 0.04); border: 1px solid var(--panel-border); padding: 6px 16px; border-radius: 30px; }
        .user-avatar { width: 32px; height: 32px; border-radius: 50%; border: 1px solid var(--police-cyan); object-fit: cover; }
        .user-name { font-weight: 700; font-size: 0.88rem; color: #fff; }

        .btn-logout { background: rgba(239, 68, 68, 0.15); color: #ef4444; border: 1px solid rgba(239, 68, 68, 0.3); padding: 4px 12px; border-radius: 20px; font-size: 0.75rem; font-weight: 700; cursor: pointer; transition: 0.2s; }
        .btn-logout:hover { background: rgba(239, 68, 68, 0.3); }

        .main-page { display: none; }
        .main-page.active { display: block; }

        .card { background: var(--panel-bg); backdrop-filter: blur(12px); border: 1px solid var(--panel-border); border-radius: 20px; padding: 30px; margin-bottom: 24px; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.04); }
        .card-title { font-family: 'Chakra Petch', sans-serif; font-size: 1.3rem; text-transform: uppercase; color: #fff; margin-bottom: 16px; letter-spacing: 0.5px; }

        .hero-banner { position: relative; background: linear-gradient(135deg, rgba(2, 132, 199, 0.15) 0%, rgba(9, 14, 25, 0.95) 100%), #090e19; border: 1px solid var(--panel-border); border-radius: 24px; padding: 48px; margin-bottom: 24px; overflow: hidden; box-shadow: 0 20px 40px rgba(0,0,0,0.6); }
        .hero-banner::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: var(--police-cyan); box-shadow: 0 0 15px var(--police-cyan); }
        .hero-banner-header { display: flex; align-items: center; gap: 20px; margin-bottom: 16px; flex-wrap: wrap; }
        .hero-banner-logo { width: 75px !important; height: 75px !important; max-width: 75px; max-height: 75px; object-fit: cover; border-radius: 50%; box-shadow: 0 0 20px rgba(56, 189, 248, 0.8); flex-shrink: 0; }
        .hero-title { font-family: 'Chakra Petch', sans-serif; font-size: 2.6rem; text-transform: uppercase; color: #fff; line-height: 1.1; margin-bottom: 2px; }
        .hero-subtitle { color: var(--text-sub); font-size: 1.05rem; max-width: 100%; line-height: 1.6; display: block; margin-bottom: 18px; }
        .hero-highlight { color: #fff; font-weight: 600; display: block; }
        .hero-stats { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 10px; border-top: 1px solid rgba(255,255,255,0.06); padding-top: 24px; }
        .stat-item h4 { font-family: 'Chakra Petch', sans-serif; font-size: 1.8rem; color: var(--police-cyan); }
        .stat-item p { font-size: 0.8rem; color: var(--text-sub); text-transform: uppercase; letter-spacing: 1px; }
        .hero-quick-link { flex: 1 1 260px; max-width: 360px; display: flex; align-items: center; gap: 13px; padding: 14px 18px; color: #fff; text-decoration: none; background: transparent !important; border: 1px solid rgba(88, 101, 242, 0.62); border-radius: 12px; transition: 0.2s; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; box-shadow: none; }
        .hero-quick-link:hover { transform: translateY(-2px); background: rgba(255,255,255,0.025) !important; border-color: rgba(88, 101, 242, 0.9); box-shadow: 0 8px 22px rgba(88, 101, 242, 0.08); }
        .hero-quick-link i { color: #7289da; font-size: 1.25rem; }
        .hero-link-mp-logo { width: 42px; height: 42px; flex-shrink: 0; object-fit: cover; border-radius: 50%; border: 1px solid rgba(56, 189, 248, 0.45); box-shadow: 0 0 12px rgba(56, 189, 248, 0.25); }
        .hero-link-logo-wrap { width: 62px; height: 38px; flex-shrink: 0; overflow: hidden; position: relative; border-radius: 6px; }
        .hero-link-logo-wrap img { position: absolute; width: 94px; height: 94px; max-width: none; object-fit: contain; left: 50%; top: 50%; transform: translate(-50%, -50%); }
        .hero-quick-link strong { display: block; font-size: 0.92rem; }
        .hero-quick-link small { display: block; color: var(--text-sub); font-size: 0.72rem; margin-top: 2px; }

        .dashboard-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; gap: 24px; margin: 0 auto; }
        .dashboard-grid > div { min-width: 0; }
        .dashboard-grid > div > .card { text-align: center; }
        .dashboard-grid .card-title { display: flex; flex-direction: column; align-items: center; gap: 8px; }
        .dashboard-grid .announcement-card { text-align: center; padding: 24px; }
        .home-announcements-card { height: 100%; margin-bottom: 0; display: flex; flex-direction: column; position: relative; overflow: hidden; border-color: rgba(56,189,248,0.34); background: radial-gradient(circle at 50% 20%, rgba(56,189,248,0.13), transparent 42%), linear-gradient(145deg, rgba(9,20,36,0.98), rgba(5,11,20,0.98)); }
        .home-announcements-card::before { content: ''; position: absolute; inset: 0 auto 0 0; width: 5px; background: linear-gradient(180deg, var(--police-cyan), var(--police-blue)); box-shadow: 0 0 18px rgba(56,189,248,0.65); }
        .home-announcements-card > * { position: relative; z-index: 1; }
        .home-announcements-card > .card-title { width: 100%; padding-bottom: 13px; margin-bottom: 16px; border-bottom: 1px solid rgba(56,189,248,0.17); }
        .home-announcements-card .announcement-card { border-color: rgba(56,189,248,0.22); background: rgba(5,13,24,0.52); box-shadow: inset 0 0 28px rgba(56,189,248,0.025); }
        .announcement-slider { position: relative; display: flex; flex: 1; flex-direction: column; min-height: 260px; overflow: hidden; }
        .announcement-slides { display: grid; flex: 1; }
        .announcement-slide { display: none; grid-area: 1 / 1; align-self: stretch; animation: announcementIn 0.45s ease; }
        .announcement-slide.active { display: flex; }
        .announcement-slide .announcement-card { width: 100%; display: flex; flex-direction: column; justify-content: center; }
        .announcement-controls { display: flex; align-items: center; justify-content: center; gap: 14px; margin-top: 16px; }
        .announcement-arrow { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--panel-border); background: rgba(255,255,255,0.03); color: var(--text-sub); cursor: pointer; transition: 0.2s; }
        .announcement-arrow:hover { color: #fff; border-color: var(--police-cyan); background: rgba(56,189,248,0.1); }
        .announcement-dots { display: flex; align-items: center; gap: 8px; }
        .announcement-dot { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 999px; background: rgba(148,163,184,0.45); cursor: pointer; transition: 0.25s; }
        .announcement-dot.active { width: 24px; background: var(--police-cyan); box-shadow: 0 0 10px rgba(56,189,248,0.5); }
        @keyframes announcementIn { from { opacity: 0; transform: translateX(18px); } to { opacity: 1; transform: translateX(0); } }
        .secretariat-contact-card { height: 100%; margin: 0; display: grid; grid-template-columns: 1fr; justify-items: center; text-align: center; align-content: center; gap: 14px; overflow: hidden; position: relative; border-color: rgba(56,189,248,0.34); background: radial-gradient(circle at 50% 20%, rgba(56,189,248,0.13), transparent 42%), linear-gradient(145deg, rgba(9,20,36,0.98), rgba(5,11,20,0.98)); }
        .secretariat-contact-card::before { content: ''; position: absolute; inset: 0 auto 0 0; width: 5px; background: linear-gradient(180deg, var(--police-cyan), var(--police-blue)); box-shadow: 0 0 18px rgba(56,189,248,0.65); }
        .secretariat-heading { width: 100%; display: flex; align-items: center; justify-content: center; gap: 10px; padding-bottom: 13px; margin-bottom: 2px; border-bottom: 1px solid rgba(56,189,248,0.17); color: #fff; font-family: 'Chakra Petch', sans-serif; font-size: 1.18rem; font-weight: 700; letter-spacing: 0.8px; text-transform: uppercase; }
        .secretariat-heading i { color: var(--police-cyan); filter: drop-shadow(0 0 8px rgba(56,189,248,0.55)); }
        .secretariat-official-badge { display: inline-flex; align-items: center; gap: 7px; padding: 6px 12px; border: 1px solid rgba(56,189,248,0.28); border-radius: 999px; background: rgba(56,189,248,0.09); color: #b9e9ff; font-size: 0.7rem; font-weight: 800; letter-spacing: 0.7px; text-transform: uppercase; }
        .secretariat-photo-wrap { width: 124px; height: 124px; position: relative; flex-shrink: 0; }
        .secretariat-photo-wrap::after { content: ''; position: absolute; right: 4px; bottom: 5px; width: 17px; height: 17px; border-radius: 50%; background: #22c55e; border: 3px solid #08111e; box-shadow: 0 0 12px rgba(34,197,94,0.65); }
        .secretariat-photo { width: 124px; height: 124px; border-radius: 24px; object-fit: cover; border: 2px solid var(--police-cyan); box-shadow: 0 0 0 6px rgba(56,189,248,0.07), 0 12px 30px rgba(0,0,0,0.5); background: rgba(56, 189, 248, 0.08); }
        .secretariat-role { color: var(--police-cyan); font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 6px; }
        .secretariat-name { font-size: 1.55rem !important; text-shadow: 0 0 18px rgba(56,189,248,0.18); }
        .secretariat-contact-text { color: var(--text-sub); line-height: 1.6; margin: 0; }

        .secretariat-contact-btn { width: 100%; max-width: 300px; white-space: nowrap; justify-content: center; background: linear-gradient(135deg, var(--police-blue) 0%, var(--police-cyan) 100%); box-shadow: 0 10px 24px rgba(2,132,199,0.28); }
        .secretariat-contact-btn:hover { transform: translateY(-2px); box-shadow: 0 13px 28px rgba(56,189,248,0.32); }
        .secretariat-admin-panel { display: none; width: 100%; grid-template-columns: 1fr; gap: 12px; padding-top: 18px; border-top: 1px solid var(--panel-border); }
        body.can-edit-text .secretariat-admin-panel { display: grid; }
        .secretariat-admin-panel .form-control { margin: 0; }
        .secretariat-admin-panel .btn-login-custom { justify-content: center; border-radius: 10px; }
        .secretariat-contacts-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; width: 100%; }
        .secretariat-person-card { min-width: 0; padding: 17px 14px 15px; border: 1px solid rgba(56,189,248,0.2); border-radius: 15px; background: linear-gradient(145deg, rgba(56,189,248,0.075), rgba(5,13,24,0.46)); display: flex; flex-direction: column; align-items: center; text-align: center; }
        .secretariat-person-card .secretariat-photo-wrap { margin-bottom: 15px; }
        .secretariat-person-card .secretariat-name { margin: 0 !important; overflow-wrap: anywhere; }
        .secretariat-member-admin { display:none; width:100%; margin-top:12px; padding-top:12px; border-top:1px solid var(--panel-border); gap:8px; }
        body.can-edit-text .secretariat-member-admin { display:grid; }
        .secretariat-member-admin .form-control { margin:0; font-size:12px; }
        .secretariat-member-admin .btn-login-custom { justify-content:center; padding:8px 10px; font-size:12px; }

        .email-provider-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
        .email-provider-btn { display: flex; align-items: center; gap: 12px; width: 100%; padding: 14px 16px; border-radius: 12px; border: 1px solid var(--panel-border); background: rgba(255, 255, 255, 0.03); color: #fff; font-weight: 700; cursor: pointer; transition: 0.2s; text-align: left; }
        .email-provider-btn:hover { transform: translateY(-2px); border-color: var(--police-cyan); background: rgba(56, 189, 248, 0.08); }
        .email-provider-btn i { width: 24px; text-align: center; font-size: 1.2rem; color: var(--police-cyan); }
        .email-provider-note { color: var(--text-sub); font-size: 0.78rem; line-height: 1.5; margin-top: 14px; }
        .announcements-list { display: flex; flex-direction: column; gap: 14px; }
        .announcement-card { background: rgba(255, 255, 255, 0.02); border: 1px solid var(--panel-border); border-radius: 14px; padding: 20px; transition: 0.2s; }
        .announcement-card:hover { border-color: rgba(56, 189, 248, 0.3); background: rgba(56, 189, 248, 0.02); }
        .announcement-date { font-size: 0.75rem; color: var(--police-cyan); font-weight: 700; margin-bottom: 6px; letter-spacing: 0.5px; }
        .announcement-title { font-size: 1.05rem; font-weight: 700; color: #fff; margin-bottom: 8px; }
        .announcement-text { font-size: 0.88rem; color: var(--text-sub); line-height: 1.6; }

        .dept-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
        .dept-card { position: relative; display: grid; grid-template-columns: 80px minmax(0, 1fr); grid-template-rows: auto auto auto; column-gap: 22px; row-gap: 10px; align-content: center; min-height: 184px; overflow: hidden; isolation: isolate; background: radial-gradient(circle at 0 50%, rgba(56, 189, 248, 0.08), transparent 34%), rgba(255, 255, 255, 0.02); border: 1px solid var(--panel-border); border-radius: 18px; padding: 24px 28px; cursor: pointer; transition: all 0.3s ease; }
        .dept-card::before { content: ''; position: absolute; inset: 18px auto 18px 0; width: 3px; border-radius: 0 4px 4px 0; background: linear-gradient(180deg, transparent, var(--police-cyan), transparent); opacity: 0.45; transition: 0.3s ease; pointer-events: none; }
        .dept-card:hover { transform: translateY(-3px); border-color: var(--police-cyan); background: radial-gradient(circle at 0 50%, rgba(56, 189, 248, 0.14), transparent 38%), rgba(2, 132, 199, 0.06); box-shadow: 0 10px 30px rgba(2, 132, 199, 0.15); }
        .dept-card:hover::before { opacity: 1; }
        .dept-card-icon { width: 52px; height: 52px; background: rgba(2, 132, 199, 0.15); color: var(--police-cyan); border-radius: 14px; display: flex; align-items: center; justify-content: center; font-size: 1.4rem; margin-bottom: 18px; box-shadow: inset 0 0 10px rgba(56, 189, 248, 0.2); }
        .dept-card-head { display: contents; }
        .dept-card-media { grid-column: 1; grid-row: 1 / span 3; align-self: center; justify-self: center; width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; margin: 0; }
        .dept-card-media .dept-card-icon { width: 48px; height: 48px; margin-bottom: 0; font-size: 1.35rem; }
        .dept-card-image { display: none; width: 100%; height: 100%; object-fit: contain; transform: scale(var(--dept-logo-scale, 1)); transform-origin: center; filter: drop-shadow(0 0 16px rgba(56,189,248,0.48)); }
        #dept-image-pj, #dept-image-dd { --dept-logo-scale: 1.25; }
        .dept-card-media.has-image .dept-card-image { display: block; }
        .dept-card-media.has-image .dept-card-icon { display: none; }
        .dept-image-admin { display: none; align-items: center; justify-content: center; gap: 6px; position: absolute; left: 18px; bottom: 16px; z-index: 2; }
        body.can-edit-text .dept-image-admin { display: none !important; }
        .dept-image-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 31px; padding: 6px 9px; border: 1px solid rgba(56,189,248,0.32); border-radius: 8px; background: rgba(5,12,22,0.92); color: var(--police-cyan); font-family: inherit; font-size: 0.68rem; font-weight: 800; cursor: pointer; transition: 0.2s; }
        .dept-image-btn:hover { border-color: var(--police-cyan); color: #fff; background: rgba(56,189,248,0.16); }
        .dept-image-btn.remove { border-color: rgba(239,68,68,0.34); color: #fb7185; }
        .dept-image-btn.remove:hover { border-color: #ef4444; background: rgba(239,68,68,0.14); color: #fff; }
        .dept-card-title { grid-column: 2; grid-row: 1; align-self: end; min-width: 0; font-family: 'Chakra Petch', sans-serif; font-size: clamp(1rem, 1.12vw, 1.18rem); color: #fff; font-weight: 700; line-height: 1.25; white-space: nowrap; margin: 0; }
        .dept-card-desc { grid-column: 2; grid-row: 2; max-width: 520px; font-size: 0.85rem; color: var(--text-sub); line-height: 1.55; margin: 0; }
        .dept-card > .badge-status { grid-column: 2; grid-row: 3; justify-self: start; }
        .dept-members-note { display: flex; align-items: center; gap: 8px; margin: 0 0 16px; color: var(--text-sub); font-size: 0.82rem; line-height: 1.5; }
        .dept-members-note i { color: var(--police-cyan); }
        .dept-members-count { display: inline-flex; align-items: center; justify-content: center; min-width: 28px; height: 24px; margin-left: 4px; padding: 0 8px; border: 1px solid rgba(56,189,248,0.3); border-radius: 999px; background: rgba(56,189,248,0.09); color: var(--police-cyan); font-weight: 800; }
        .dept-members-table td:first-child, .dept-members-table th:first-child { width: 140px; }
        .dept-members-table .pj-member-discord { color: #fff; font-weight: 700; }
        .dept-members-table .pj-member-empty { padding: 26px; color: var(--text-sub); text-align: center; }
        .pj-member-filter-count { display: inline-flex; align-items: center; justify-content: center; min-width: 21px; height: 21px; padding: 0 6px; border-radius: 999px; background: rgba(56,189,248,0.12); color: var(--police-cyan); font-size: 0.68rem; }
        .pj-db-layout { display: grid; grid-template-columns: 220px minmax(0, 1fr); align-items: start; gap: 18px; }
        .pj-db-sidebar { border-radius: 16px; padding: 16px; }
        .pj-db-filter { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
        .pj-db-filter.active { border-left-color: var(--police-cyan); background: rgba(56,189,248,0.13); color: #fff; }
        .pj-db-filter-all.active { border-left-color: var(--gold); background: rgba(245,158,11,0.15); }
        .pj-member-groups { min-width: 0; display: flex; flex-direction: column; gap: 18px; }
        .pj-member-groups > .pj-member-empty { padding: 28px; border: 1px dashed rgba(56,189,248,0.24); border-radius: 13px; color: var(--text-sub); text-align: center; }
        .pj-member-group { overflow: hidden; border: 1px solid rgba(56,189,248,0.2); border-radius: 14px; background: rgba(4,12,22,0.64); }
        .pj-member-group-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 17px; border-bottom: 1px solid rgba(56,189,248,0.17); background: linear-gradient(90deg, rgba(56,189,248,0.1), transparent 65%); }
        .pj-member-group-title { display: flex; align-items: center; gap: 9px; color: #fff; font-family: 'Chakra Petch', sans-serif; font-size: 0.95rem; font-weight: 800; text-transform: uppercase; }
        .pj-member-group-title i { color: var(--police-cyan); }
        .pj-member-group-count { display: inline-flex; align-items: center; justify-content: center; min-width: 27px; height: 24px; padding: 0 8px; border: 1px solid rgba(56,189,248,0.28); border-radius: 999px; color: var(--police-cyan); font-size: 0.72rem; font-weight: 800; }
        .pj-member-group .table-responsive { border: 0; border-radius: 0; }
        .pj-member-group table { table-layout: fixed; }
        .pj-member-group th:nth-child(1) { width: 10%; text-align: center; }
        .pj-member-group th:nth-child(2) { width: 21%; text-align: center; }
        .pj-member-group th:nth-child(3) { width: 16%; text-align: center; }
        .pj-member-group th:nth-child(4) { width: 18%; text-align: center; }
        .pj-member-group th:nth-child(5) { width: 25%; text-align: center; }
        .pj-member-group th:nth-child(6) { width: 10%; text-align: center; }
        .pj-member-row { cursor: pointer; }
        .pj-member-row td { text-align: center; transition: background 0.2s, border-color 0.2s; }
        .pj-member-row.expanded td { background: rgba(56,189,248,0.075); border-color: rgba(56,189,248,0.32); }
        .pj-training-tags { display: flex; align-items: center; justify-content: center; gap: 4px; min-height: 22px; }
        .pj-training-tags .tag-training { min-width: 31px; }
        .pj-member-detail-info { display: flex; flex-direction: column; gap: 10px; }
        .pj-member-detail-training { display: flex; flex-wrap: wrap; gap: 6px; }
        .pj-manage-block { display: none; }
        body.can-edit-pj .pj-manage-block { display: flex; }
        .dd-manage-block { display: none; }
        body.can-edit-dd .dd-manage-block { display: flex; }
        .pj-edit-member-summary { margin-bottom: 18px; padding: 13px 15px; border: 1px solid rgba(56,189,248,0.2); border-radius: 10px; background: rgba(56,189,248,0.06); color: #fff; font-weight: 700; }
        #pj-edit-note, #dd-edit-note { min-height: 100px; resize: vertical; font-family: inherit; }

        .badge-status { display: inline-block; padding: 5px 14px; border-radius: 20px; font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; }
        .status-open { background: rgba(34, 197, 94, 0.15); color: var(--status-open); border: 1px solid rgba(34, 197, 94, 0.3); }
        .status-closed { background: rgba(239, 68, 68, 0.15); color: var(--status-closed); border: 1px solid rgba(239, 68, 68, 0.3); }

        .dept-internal-nav { display: flex; gap: 10px; border-bottom: 1px solid var(--panel-border); padding-bottom: 16px; margin-bottom: 28px; flex-wrap: wrap; }
        .dept-tab-btn { background: rgba(255, 255, 255, 0.03); border: 1px solid var(--panel-border); color: var(--text-sub); padding: 10px 20px; border-radius: 12px; font-size: 0.88rem; font-weight: 600; cursor: pointer; transition: all 0.25s ease; display: flex; align-items: center; gap: 8px; }
        .dept-tab-btn:hover, .dept-tab-btn.active { background: linear-gradient(135deg, rgba(2, 132, 199, 0.3) 0%, rgba(56, 189, 248, 0.2) 100%); color: #fff; border-color: var(--police-cyan); box-shadow: 0 0 15px rgba(56, 189, 248, 0.25); }
        .dept-tab-btn.restricted-locked { opacity: 0.58; border-color: rgba(245,158,11,0.28); }
        .dept-tab-btn.restricted-locked:hover { color: #fbbf24; border-color: rgba(245,158,11,0.55); background: rgba(245,158,11,0.08); box-shadow: none; }

        .pj-detail-title { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; }
        .pj-detail-heading { display: inline-flex; align-items: center; gap: 15px; }
        .pj-detail-heading #txt-pj-header, .pj-detail-heading #txt-dd-header, .pj-detail-heading #txt-instr-header { font-size: clamp(1.45rem, 2.2vw, 1.72rem); line-height: 1.2; }
        .pj-detail-logo-wrap { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 62px; height: 62px; flex: 0 0 62px; color: var(--police-cyan); overflow: visible; }
        .pj-detail-logo-wrap > i { font-size: 2rem; }
        .pj-detail-logo { display: none; width: 100%; height: 100%; object-fit: contain; transform: scale(1.12); transform-origin: center; }
        .pj-detail-logo-wrap.has-image .pj-detail-logo { display: block; }
        .pj-detail-logo-wrap.has-image i { display: none; }
        .pj-section-intro { margin: 0 0 18px; color: var(--text-sub); font-size: 0.84rem; line-height: 1.6; }
        .pj-command-heading { margin: 0 0 18px; color: #fff; font-family: 'Chakra Petch', sans-serif; font-size: 1rem; letter-spacing: 0.6px; text-align: center; text-transform: uppercase; }
        .pj-command-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(270px, 360px)); justify-content: center; gap: 18px; }
        .pj-command-grid .discord-profile-card { width: 100%; max-width: none; margin: 0; padding: 25px; }
        .pj-command-grid .discord-name { overflow-wrap: anywhere; }
        .pj-command-details { display: grid; gap: 7px; margin-top: 3px; padding-top: 14px; border-top: 1px solid rgba(56,189,248,0.15); color: var(--text-sub); font-size: 0.78rem; }
        .pj-command-details strong { color: #e2e8f0; }
        .pj-command-admin { justify-content: center; margin-top: 15px; }
        .command-order-controls{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(245,158,11,.12);color:#fde68a;font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px}
        .command-order-btn{width:31px;height:31px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(245,158,11,.30);border-radius:8px;background:rgba(245,158,11,.06);color:#fde68a;cursor:pointer}
        .command-order-btn:hover:not(:disabled){border-color:#f59e0b;background:rgba(245,158,11,.14);color:#fff}
        .command-order-btn:disabled{opacity:.28;cursor:not-allowed}
        .pj-command-empty { grid-column: 1 / -1; padding: 26px; border: 1px dashed rgba(56,189,248,0.25); border-radius: 14px; color: var(--text-sub); text-align: center; }
.pj-clothing-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 18px; align-items: flex-start; }
.pj-clothing-card { flex: 1 1 280px; align-self: flex-start; max-width: 360px; min-width: 0; overflow: hidden; margin: 0; border: 1px solid rgba(56,189,248,0.22); border-radius: 18px; background: transparent; box-shadow: none; transition: transform 0.25s, border-color 0.25s, box-shadow 0.25s; }
        .pj-clothing-card:hover { transform: translateY(-3px); border-color: rgba(56,189,248,0.5); box-shadow: 0 16px 34px rgba(0,0,0,0.34), 0 0 20px rgba(56,189,248,0.08); }
        .pj-clothing-card-pair { max-width: 430px; }
        .pj-clothing-card-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 15px 18px; border-bottom: 1px solid rgba(56,189,248,0.16); background: transparent; }
        .pj-clothing-card-title { margin: 0; color: #fff; font-family: 'Chakra Petch', sans-serif; font-size: 0.96rem; line-height: 1.35; }
        .pj-clothing-card-badge { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; padding: 4px 9px; border: 1px solid rgba(56,189,248,0.34); border-radius: 999px; background: rgba(56,189,248,0.09); color: var(--police-cyan); font-size: 0.65rem; font-weight: 800; text-transform: uppercase; }
        .pj-clothing-visual { height: 350px; display: flex; align-items: center; justify-content: center; padding: 16px; overflow: hidden; background: transparent; border-bottom: 1px solid rgba(56,189,248,0.14); }
        .pj-clothing-card-pair .pj-clothing-visual { height: 330px; }
        .pj-clothing-image { display: block; width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 16px 15px rgba(0,0,0,0.42)); }
        .pj-clothing-details { margin: 0; border: 0; }
        .pj-clothing-details summary { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 14px 17px; color: #cbd5e1; font-size: 0.76rem; font-weight: 800; cursor: pointer; list-style: none; }
        .pj-clothing-details summary::-webkit-details-marker { display: none; }
        .pj-clothing-details summary i { color: var(--police-cyan); transition: transform 0.2s; }
        .pj-clothing-details[open] summary i { transform: rotate(180deg); }
        .pj-clothing-specs { display: grid; gap: 6px; margin: 0; padding: 0 17px 17px; list-style: none; }
        .pj-clothing-specs li { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 6px 0; border-bottom: 1px solid rgba(56,189,248,0.09); color: var(--text-sub); font-size: 0.72rem; line-height: 1.35; }
        .pj-clothing-specs li:last-child { border-bottom: 0; }
        .pj-clothing-specs strong { color: #e2e8f0; text-align: right; font-weight: 800; }
        .pj-vehicle-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
        .pj-vehicle-card { min-width: 0; overflow: hidden; border: 1px solid rgba(56,189,248,0.2); border-radius: 18px; background: linear-gradient(145deg, rgba(18,27,43,0.96), rgba(11,18,31,0.98)); box-shadow: 0 12px 28px rgba(0,0,0,0.22); transition: transform 0.25s, border-color 0.25s, box-shadow 0.25s; }
        .pj-vehicle-card:hover { transform: translateY(-3px); border-color: rgba(56,189,248,0.48); box-shadow: 0 16px 34px rgba(0,0,0,0.34), 0 0 20px rgba(56,189,248,0.07); }
        .pj-vehicle-media { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; background: radial-gradient(circle at 50% 55%, rgba(56,189,248,0.08), transparent 48%), #03060b; border-bottom: 1px solid rgba(56,189,248,0.15); }
        .pj-vehicle-image { display: none; width: 100%; height: 100%; object-fit: contain; }
        .pj-vehicle-media.has-image .pj-vehicle-image { display: block; }
        .pj-vehicle-media.has-image .pj-vehicle-placeholder { display: none; }
        .pj-vehicle-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 9px; color: rgba(148,163,184,0.58); font-size: 0.76rem; }
        .pj-vehicle-placeholder i { color: rgba(56,189,248,0.48); font-size: 2.4rem; }
        .pj-vehicle-image-admin { display: none; position: absolute; right: 12px; bottom: 12px; align-items: center; gap: 7px; z-index: 2; }
        body.can-edit-text .pj-vehicle-image-admin { display: flex; }
        .pj-vehicle-image-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 32px; padding: 7px 10px; border: 1px solid rgba(56,189,248,0.38); border-radius: 9px; background: rgba(3,8,16,0.92); color: #7dd3fc; font-family: inherit; font-size: 0.68rem; font-weight: 800; cursor: pointer; transition: 0.2s; }
        .pj-vehicle-image-btn:hover { border-color: var(--police-cyan); background: rgba(56,189,248,0.16); color: #fff; }
        .pj-vehicle-image-btn.remove { border-color: rgba(239,68,68,0.38); color: #fb7185; }
        .pj-vehicle-image-btn.remove:hover { border-color: #ef4444; background: rgba(239,68,68,0.18); color: #fff; }
        .pj-vehicle-body { padding: 20px; }
        .pj-vehicle-heading { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; margin-bottom: 13px; }
        .pj-vehicle-name { margin: 0; color: #fff; font-family: 'Chakra Petch', sans-serif; font-size: 1.08rem; line-height: 1.3; }
        .pj-vehicle-badge { display: inline-flex; align-items: center; justify-content: center; padding: 4px 10px; border: 1px solid rgba(56,189,248,0.38); border-radius: 999px; background: rgba(56,189,248,0.1); color: var(--police-cyan); font-size: 0.66rem; font-weight: 800; text-transform: uppercase; }
        .pj-vehicle-meta { display: grid; gap: 8px; color: var(--text-sub); font-size: 0.8rem; line-height: 1.45; }
        .pj-vehicle-meta strong { color: #e2e8f0; font-weight: 750; }
        .pj-vehicle-description { margin-top: 12px; padding-top: 12px; border-top: 1px solid rgba(56,189,248,0.13); color: #cbd5e1; font-size: 0.8rem; line-height: 1.55; }
        .pj-material-access-note { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 18px; padding: 13px 15px; border: 1px solid rgba(56,189,248,0.22); border-radius: 11px; background: rgba(56,189,248,0.06); color: #cbd5e1; font-size: 0.8rem; line-height: 1.55; }
        .pj-material-access-note i { margin-top: 2px; color: #fbbf24; }
        .pj-material-list { display: grid; gap: 11px; }
        .pj-material-card { overflow: hidden; border: 1px solid rgba(56,189,248,0.2); border-radius: 13px; background: rgba(255,255,255,0.025); }
        .pj-material-card[open] { border-color: rgba(56,189,248,0.42); background: rgba(56,189,248,0.045); }
        .pj-material-card summary { display: grid; grid-template-columns: 48px minmax(0,1fr) auto; align-items: center; gap: 12px; padding: 14px 16px; color: #fff; cursor: pointer; list-style: none; }
        .pj-material-card summary::-webkit-details-marker { display: none; }
        .pj-material-code { display: inline-flex; align-items: center; justify-content: center; min-height: 30px; border: 1px solid rgba(56,189,248,0.35); border-radius: 8px; background: rgba(56,189,248,0.09); color: var(--police-cyan); font-family: 'Chakra Petch', sans-serif; font-size: 0.76rem; font-weight: 800; }
        .pj-material-title { font-weight: 800; }
        .pj-material-card summary .fa-chevron-down { color: var(--text-sub); transition: transform 0.2s; }
        .pj-material-card[open] summary .fa-chevron-down { transform: rotate(180deg); color: var(--police-cyan); }
        .pj-material-body { padding: 0 16px 17px 76px; color: #cbd5e1; font-size: 0.84rem; line-height: 1.65; white-space: pre-wrap; }

        .dd-command-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(270px, 360px)); justify-content: center; gap: 18px; }
        .dd-command-grid .discord-profile-card { width: 100%; max-width: none; margin: 0; padding: 25px; }
        .dd-command-grid .discord-name { overflow-wrap: anywhere; }
        .dd-member-summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; flex-wrap: wrap; }
        .dd-member-summary h4 { margin: 0; color: #fff; }
        .dd-members-table { table-layout: fixed; }
        .dd-members-table th:nth-child(1) { width: 14%; text-align: center; }
        .dd-members-table th:nth-child(2) { width: 24%; text-align: center; }
        .dd-members-table th:nth-child(3) { width: 27%; text-align: center; }
        .dd-members-table th:nth-child(4) { width: 20%; text-align: center; }
        .dd-members-table th:nth-child(5) { width: 15%; text-align: center; }
        .dd-members-table td { text-align: center; }
        .dd-service-layout { display: grid; grid-template-columns: minmax(280px, 360px) minmax(0, 1fr); gap: 20px; align-items: start; }
        .dd-service-panel { padding: 20px; border: 1px solid rgba(56,189,248,0.22); border-radius: 15px; background: rgba(5,13,24,0.72); }
        .dd-service-panel-title { margin-bottom: 16px; color: #fff; font-family: 'Chakra Petch', sans-serif; font-size: 0.95rem; text-transform: uppercase; }
        .dd-service-fields { display: grid; gap: 11px; }
        .dd-service-fields .form-group { margin: 0; }
        .dd-service-member-select.is-self { border-color: rgba(34,197,94,0.48); background: rgba(34,197,94,0.08); color: #bbf7d0; opacity: 1; }
        .dd-service-help { margin: 0 0 15px; color: var(--text-sub); font-size: 0.78rem; line-height: 1.55; }
        .dd-service-preview { margin-top: 14px; padding: 13px 14px; border: 1px solid rgba(245,158,11,0.3); border-radius: 12px; background: rgba(245,158,11,0.055); transition: border-color 0.2s, background 0.2s; }
        .dd-service-preview.ready { border-color: rgba(34,197,94,0.4); background: rgba(34,197,94,0.065); }
        .dd-service-preview.invalid { border-color: rgba(239,68,68,0.38); background: rgba(239,68,68,0.055); }
        .dd-service-preview-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 9px; flex-wrap: wrap; }
        .dd-service-preview-title { color: #fff; font-size: 0.76rem; font-weight: 850; text-transform: uppercase; letter-spacing: 0.035em; }
        .dd-service-preview-state { color: #fbbf24; font-size: 0.68rem; font-weight: 800; }
        .dd-service-preview.ready .dd-service-preview-state { color: #4ade80; }
        .dd-service-preview.invalid .dd-service-preview-state { color: #f87171; }
        .dd-service-preview-members { display: flex; flex-wrap: wrap; gap: 6px; }
        .dd-service-preview-member { display: inline-flex; align-items: center; gap: 5px; padding: 5px 8px; border: 1px solid rgba(56,189,248,0.24); border-radius: 999px; background: rgba(56,189,248,0.07); color: #dbeafe; font-size: 0.68rem; font-weight: 750; }
        .dd-service-preview-member.missing { border-style: dashed; border-color: rgba(148,163,184,0.28); background: rgba(148,163,184,0.045); color: #64748b; }
        .dd-service-preview-author { margin-top: 9px; color: #fde68a; font-size: 0.68rem; font-weight: 750; }
        .dd-service-list { display: grid; gap: 12px; }
        .dd-service-empty { padding: 25px; border: 1px dashed rgba(56,189,248,0.24); border-radius: 13px; color: var(--text-sub); text-align: center; }
        .dd-service-card { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 16px; align-items: center; padding: 16px 18px; border: 1px solid rgba(56,189,248,0.2); border-radius: 13px; background: linear-gradient(135deg, rgba(56,189,248,0.065), rgba(5,11,20,0.82)); }
        .dd-service-card-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 9px; flex-wrap: wrap; }
        .dd-service-type { margin-bottom: 9px; color: #fff; font-weight: 800; }
        .dd-service-card-heading .dd-service-type { margin-bottom: 0; }
        .dd-service-author { display: inline-flex; align-items: center; gap: 6px; padding: 5px 9px; border: 1px solid rgba(245,158,11,0.32); border-radius: 999px; background: rgba(245,158,11,0.08); color: #fde68a; font-size: 0.68rem; font-weight: 800; }
        .dd-service-crew { display: flex; flex-wrap: wrap; gap: 6px; }
        .dd-service-member { display: inline-flex; align-items: center; gap: 6px; padding: 5px 9px; border: 1px solid rgba(56,189,248,0.25); border-radius: 999px; background: rgba(56,189,248,0.08); color: #dbeafe; font-size: 0.73rem; font-weight: 700; }
        .dd-service-meta { margin-top: 9px; color: var(--text-sub); font-size: 0.7rem; }
        .dd-service-permission-note { margin-top: 8px; color: #93c5fd; font-size: 0.68rem; line-height: 1.45; }
        .dd-service-remove { display: none; }
        body.can-manage-dd-service .dd-service-remove { display: inline-flex; }
        .dd-service-history-title { margin: 22px 0 12px; padding-top: 18px; border-top: 1px solid rgba(56,189,248,0.17); color: #fff; font-family: 'Chakra Petch', sans-serif; font-size: 0.86rem; text-transform: uppercase; }
        .dd-service-card.completed { opacity: 0.84; border-color: rgba(148,163,184,0.2); background: rgba(15,23,42,0.55); }
        .dd-service-card.completed .dd-service-member { border-color: rgba(148,163,184,0.24); background: rgba(148,163,184,0.07); color: #cbd5e1; }
        .dd-service-rating { display: inline-flex; flex-direction: column; align-items: center; gap: 3px; }
        .dd-service-rating-count { color: var(--text-sub); font-size: 0.62rem; font-weight: 700; white-space: nowrap; }
        .dd-fine-layout { display: grid; grid-template-columns: minmax(320px, 430px) minmax(0, 1fr); gap: 20px; align-items: start; }
        .dd-fine-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 12px; }
        .dd-fine-form-grid .form-group.full { grid-column: 1 / -1; }
        .dd-fine-auto-grid { display: grid; grid-template-columns: 1.4fr 1fr 0.7fr; gap: 10px; padding: 13px; border: 1px solid rgba(34,197,94,0.28); border-radius: 12px; background: rgba(34,197,94,0.055); }
        .dd-fine-auto-grid .form-group { margin: 0; }
        .dd-fine-range-note { margin-top: 7px; color: #86efac; font-size: 0.7rem; line-height: 1.45; }
        .dd-fine-crew-status { margin: 0 0 15px; padding: 12px 13px; border: 1px solid rgba(239,68,68,0.34); border-radius: 11px; background: rgba(239,68,68,0.055); color: #fca5a5; font-size: 0.72rem; line-height: 1.5; }
        .dd-fine-crew-status.ready { border-color: rgba(34,197,94,0.35); background: rgba(34,197,94,0.06); color: #bbf7d0; }
        .dd-fine-crew-members { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
        .dd-fine-crew-member { display: inline-flex; align-items: center; gap: 5px; padding: 4px 8px; border: 1px solid rgba(56,189,248,0.24); border-radius: 999px; background: rgba(56,189,248,0.07); color: #dbeafe; font-size: 0.67rem; font-weight: 750; }
        .dd-fine-writers { grid-column: 1 / -1; padding-top: 7px; border-top: 1px solid rgba(56,189,248,0.12); }
        .dd-fine-list { display: grid; gap: 12px; }
        .dd-fine-card { padding: 16px 18px; border: 1px solid rgba(56,189,248,0.2); border-radius: 13px; background: linear-gradient(135deg, rgba(56,189,248,0.06), rgba(5,11,20,0.84)); }
        .dd-fine-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 12px; }
        .dd-fine-driver { color: #fff; font-size: 0.94rem; font-weight: 850; }
        .dd-fine-offense { margin-top: 4px; color: #86efac; font-size: 0.75rem; font-weight: 750; }
        .dd-fine-amount { color: #fbbf24; font-family: 'Chakra Petch', sans-serif; font-size: 1rem; font-weight: 850; white-space: nowrap; }
        .dd-fine-meta-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px 14px; color: var(--text-sub); font-size: 0.73rem; }
        .dd-fine-meta-grid strong { color: #e2e8f0; }
        .dd-fine-card-actions { display: flex; justify-content: flex-end; margin-top: 13px; }
        .dd-fine-empty { padding: 25px; border: 1px dashed rgba(56,189,248,0.24); border-radius: 13px; color: var(--text-sub); text-align: center; }
        .osdp-legend { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; margin-bottom: 14px; }
        .osdp-legend-item { display: flex; align-items: center; justify-content: center; min-height: 42px; padding: 9px 12px; border-radius: 10px; font-size: 0.75rem; font-weight: 800; text-align: center; }
        .osdp-call { border: 2px solid #24a754; background: #dcf8e6; color: #126b32; }
        .osdp-no-call { border: 2px solid #dc4f4f; background: #ffe3e3; color: #a32626; }
        .osdp-guide-wrap { overflow-x: auto; border: 2px solid #8eacbf; border-radius: 14px; box-shadow:0 8px 22px rgba(25,55,85,.1); }
        .osdp-guide-table { min-width: 880px; margin: 0; border-spacing: 0; }
        .osdp-guide-table th { padding: 15px 10px; background:#0b2a45 !important; color:#fff !important; text-align: center; font-size:.75rem; font-weight:900; }
        .osdp-guide-table td { padding: 13px 10px; border-radius: 0; border-left: 0; border-right: 0; border-bottom:1px solid #bfd0dc; color:#173249; text-align: center; font-weight:650; }
        .osdp-guide-table tbody tr:nth-child(even) td { background:#f1f6f9; }
        .osdp-guide-table tbody tr:hover td { background:#e1f1fa; }
        .osdp-guide-table td:first-child { text-align: left; }
        .osdp-situation { display: inline-flex; padding: 4px 7px; border-radius: 5px; color: #fff; font-size: 0.72rem; font-weight: 850; }
        .osdp-situation.call { background:#d9f7e4; border:2px solid #42b96d; color:#146a34; }
        .osdp-situation.no-call { background:#ffe0e0; border:2px solid #ed6b6b; color:#a72525; }
        .osdp-report { display: inline-flex; min-width: 58px; justify-content: center; padding: 6px 10px; border-radius: 7px; font-size: 0.73rem; font-weight: 950; box-shadow:0 3px 8px rgba(0,0,0,.08); }
        .osdp-report.yes { background:#1f9d50; border:2px solid #14783b; color:#fff; }
        .osdp-report.no { background:#d94646; border:2px solid #aa2929; color:#fff; }

        .dept-sub-page { display: none; }
        .dept-sub-page.active { display: block; animation: fadeIn 0.3s ease-in-out; }

        .training-resources-grid { display: block; }
        .training-browser { display: grid; grid-template-columns: minmax(260px, 330px) minmax(0, 1fr); gap: 16px; }
        .training-browser-list { display: flex; flex-direction: column; gap: 9px; padding: 12px; border: 1px solid rgba(56,189,248,0.2); border-radius: 16px; background: rgba(5,11,20,0.7); }
        .training-browser-tab { width: 100%; display: grid; grid-template-columns: 50px minmax(0,1fr) 18px; align-items: center; gap: 11px; padding: 12px; border: 1px solid rgba(56,189,248,0.14); border-radius: 11px; background: rgba(255,255,255,0.025); color: var(--text-sub); font-family: inherit; text-align: left; cursor: pointer; transition: 0.2s; }
        .training-browser-tab:hover { color: #fff; border-color: rgba(56,189,248,0.45); background: rgba(56,189,248,0.08); }
        .training-browser-tab.active { color: #fff; border-color: var(--police-cyan); background: linear-gradient(135deg, rgba(2,132,199,0.25), rgba(56,189,248,0.09)); box-shadow: 0 0 16px rgba(56,189,248,0.12); }
        .training-browser-code { display: inline-flex; align-items: center; justify-content: center; min-height: 31px; border: 1px solid rgba(56,189,248,0.34); border-radius: 8px; color: var(--police-cyan); background: rgba(56,189,248,0.08); font-family: 'Chakra Petch',sans-serif; font-size: 0.78rem; font-weight: 800; }
        .training-browser-label { min-width: 0; font-size: 0.82rem; font-weight: 700; line-height: 1.25; }
        .training-browser-tab i { color: rgba(148,163,184,0.7); text-align: right; }
        .training-browser-tab.active i { color: var(--police-cyan); }
        .training-browser-detail { min-height: 320px; display: flex; flex-direction: column; justify-content: center; padding: 34px; border: 1px solid rgba(56,189,248,0.24); border-radius: 16px; background: radial-gradient(circle at 50% 0%, rgba(56,189,248,0.08), transparent 48%), linear-gradient(145deg, rgba(9,20,36,0.9), rgba(5,11,20,0.96)); }
        .training-browser-detail-title { margin-bottom: 8px; color: #fff; font-family: 'Chakra Petch',sans-serif; font-size: clamp(1.3rem,2.4vw,1.75rem); text-align: center; }
        .training-browser-detail-text { margin: 0 auto 26px; max-width: 620px; color: var(--text-sub); font-size: 0.86rem; line-height: 1.55; text-align: center; }
        .training-browser-actions { width: 100%; max-width: 720px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 0 auto; }
        .training-browser-actions .full { grid-column: 1 / -1; }
        .training-resource-btn { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 38px; padding: 9px 10px; border: 1px solid rgba(56,189,248,0.28); border-radius: 10px; background: rgba(56,189,248,0.08); color: #e0f2fe; text-decoration: none; font-size: 0.76rem; font-weight: 700; transition: 0.2s; }
        button.training-resource-btn { width: 100%; font-family: inherit; cursor: pointer; }
        .training-resource-btn:hover { transform: translateY(-1px); border-color: var(--police-cyan); background: rgba(56,189,248,0.15); }
        .training-resource-btn.test { border-color: rgba(168,85,247,0.32); background: rgba(168,85,247,0.09); }
        .training-resource-btn.test:hover { border-color: #c084fc; background: rgba(168,85,247,0.16); }
        .training-resource-btn.announcement { border-color: rgba(245,158,11,0.38); background: rgba(245,158,11,0.09); color: #fef3c7; }
        .training-resource-btn.announcement:hover { border-color: var(--gold); background: rgba(245,158,11,0.17); }
        .training-resource-btn.disabled { opacity: 0.38; cursor: not-allowed; pointer-events: none; }
        .training-announcement-editor { margin-top: 18px; padding: 20px; border: 1px solid rgba(245,158,11,0.28); border-radius: 14px; background: rgba(245,158,11,0.045); }
        .training-announcement-editor-title { margin-bottom: 16px; color: #fff; font-family: 'Chakra Petch',sans-serif; font-size: 1rem; text-transform: uppercase; }
        .training-announcement-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
        .training-announcement-editor textarea { min-height: 120px; resize: vertical; }
        .training-public-section{display:none;margin:22px 0;padding:20px;border:1px solid rgba(245,158,11,.24);border-radius:17px;background:linear-gradient(145deg,rgba(12,18,30,.9),rgba(7,12,21,.92))}
        .training-public-section.visible{display:block}.training-public-heading{color:#fff;font-family:'Chakra Petch',sans-serif;font-weight:850;font-size:1.02rem;text-transform:uppercase}.training-public-heading i{color:var(--gold);margin-right:8px}.training-public-sub{color:var(--text-sub);font-size:.72rem;margin:3px 0 14px}.training-public-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.training-public-card{padding:15px;border:1px solid rgba(56,189,248,.18);border-radius:14px;background:rgba(4,10,19,.76)}.training-public-card-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:11px}.training-public-code{display:inline-flex;padding:4px 8px;border-radius:7px;border:1px solid rgba(56,189,248,.32);background:rgba(56,189,248,.08);color:var(--police-cyan);font-family:'Chakra Petch',sans-serif;font-size:.66rem;font-weight:900}.training-public-title{margin-top:6px;color:#fff;font-size:.86rem;font-weight:850}.training-public-info{display:grid;gap:7px;margin-bottom:12px;color:#cbd5e1;font-size:.72rem}.training-public-info div{display:flex;gap:8px;align-items:flex-start}.training-public-info i{width:14px;margin-top:2px;color:#7dd3fc;text-align:center}.training-public-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.training-public-signup{flex:1;min-width:145px;padding:8px 10px;border-radius:9px;border:1px solid rgba(34,197,94,.38);background:rgba(34,197,94,.10);color:#86efac;font-family:inherit;font-size:.69rem;font-weight:850;cursor:pointer}.training-public-signup.joined{border-color:rgba(239,68,68,.35);background:rgba(239,68,68,.09);color:#fca5a5}.training-public-count{color:#bae6fd;font-size:.66rem;font-weight:750}.training-public-discord{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;border:1px solid rgba(88,101,242,.35);background:rgba(88,101,242,.09);color:#c7d2fe;text-decoration:none}
        .admin-delete-record-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 10px;border-radius:9px;border:1px solid rgba(239,68,68,.38);background:rgba(239,68,68,.09);color:#fca5a5;font-family:inherit;font-size:.67rem;font-weight:850;cursor:pointer}
        .admin-delete-record-btn:hover{background:rgba(239,68,68,.18);border-color:#ef4444;color:#fff}
        .discord-archive-admin-actions{display:flex;justify-content:flex-end;margin-top:12px;padding-top:10px;border-top:1px solid rgba(239,68,68,.10)}
        .training-calendar-shell { display: grid; gap: 18px; }
        .training-calendar-panel { overflow: hidden; border: 1px solid rgba(56,189,248,0.24); border-radius: 16px; background: rgba(5,13,24,0.72); }
        .training-calendar-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 15px 17px; border-bottom: 1px solid rgba(56,189,248,0.18); background: rgba(56,189,248,0.045); }
        .training-calendar-title { color: #fff; font-family: 'Chakra Petch',sans-serif; font-size: 1.05rem; font-weight: 850; text-transform: uppercase; text-align: center; }
        .training-calendar-nav { display: flex; align-items: center; gap: 7px; }
        .training-calendar-nav button { display: inline-flex; align-items: center; justify-content: center; min-width: 35px; min-height: 35px; padding: 7px 10px; border: 1px solid rgba(56,189,248,0.28); border-radius: 9px; background: rgba(56,189,248,0.07); color: #dbeafe; font-family: inherit; font-size: 0.7rem; font-weight: 800; cursor: pointer; }
        .training-calendar-nav button:hover { border-color: var(--police-cyan); background: rgba(56,189,248,0.15); color: #fff; }
        .training-calendar-weekdays, .training-calendar-grid { display: grid; grid-template-columns: repeat(7, minmax(0,1fr)); }
        .training-calendar-weekdays span { padding: 10px 6px; border-bottom: 1px solid rgba(56,189,248,0.13); color: #7dd3fc; font-size: 0.68rem; font-weight: 850; text-align: center; text-transform: uppercase; }
        .training-calendar-day { min-height: 112px; padding: 9px; border-right: 1px solid rgba(56,189,248,0.1); border-bottom: 1px solid rgba(56,189,248,0.1); background: rgba(255,255,255,0.012); }
        .training-calendar-day:nth-child(7n) { border-right: 0; }
        .training-calendar-day.outside { opacity: 0.32; }
        .training-calendar-day.today { background: rgba(56,189,248,0.07); box-shadow: inset 0 0 0 1px rgba(56,189,248,0.38); }
        .training-calendar-day-number { display: inline-flex; align-items: center; justify-content: center; width: 27px; height: 27px; margin-bottom: 7px; border-radius: 50%; color: #cbd5e1; font-size: 0.72rem; font-weight: 850; }
        .training-calendar-day.today .training-calendar-day-number { background: var(--police-cyan); color: #03111d; }
        .training-calendar-events { display: grid; gap: 5px; }
        .training-calendar-event { position: relative; padding: 6px 7px; border: 1px solid rgba(168,85,247,0.3); border-radius: 7px; background: rgba(168,85,247,0.1); color: #ede9fe; font-size: 0.62rem; line-height: 1.35; }
        .training-calendar-event strong { display: block; color: #fff; overflow-wrap: anywhere; }
        .training-calendar-event small { color: #c4b5fd; }
        .training-calendar-attendees { display: flex; align-items: center; gap: 5px; margin-top: 5px; color: #bae6fd; font-size: 0.58rem; font-weight: 750; }
        .training-calendar-attendee-names { margin-top: 3px; color: #cbd5e1; font-size: 0.56rem; line-height: 1.35; overflow-wrap: anywhere; }
        .training-calendar-signup { width: 100%; margin-top: 6px; padding: 5px 6px; border: 1px solid rgba(34,197,94,0.38); border-radius: 6px; background: rgba(34,197,94,0.1); color: #86efac; font-family: inherit; font-size: 0.58rem; font-weight: 850; cursor: pointer; }
        .training-calendar-signup:hover { border-color: #22c55e; background: rgba(34,197,94,0.18); color: #fff; }
        .training-calendar-signup.joined { border-color: rgba(239,68,68,0.35); background: rgba(239,68,68,0.09); color: #fca5a5; }
        .training-calendar-event-delete { display: none; position: absolute; top: 3px; right: 3px; width: 20px; height: 20px; border: 0; border-radius: 5px; background: rgba(239,68,68,0.18); color: #fca5a5; cursor: pointer; }
        body.can-publish-training .training-calendar-event-delete { display: inline-flex; align-items: center; justify-content: center; }
        .training-calendar-editor { display: none; padding: 20px; border: 1px solid rgba(245,158,11,0.28); border-radius: 15px; background: rgba(245,158,11,0.045); }
        body.can-publish-training .training-calendar-editor { display: block; }
        .training-calendar-editor-grid { display: grid; grid-template-columns: 1fr 1fr 1.2fr 1.4fr; gap: 12px; align-items: end; }
        .training-calendar-editor-grid .form-group { margin: 0; }
        .od-command-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(270px, 360px)); justify-content: center; gap: 18px; }
        .od-command-grid .discord-profile-card { width: 100%; max-width: none; margin: 0; padding: 25px; }
        .od-command-grid .discord-name { overflow-wrap: anywhere; }
        .siar-hero { margin-bottom: 18px; padding: 24px; border: 1px solid #164f78; border-radius: 16px; background: linear-gradient(135deg, #123f5f, #071b30); text-align: center; }
        .siar-kicker { color: var(--police-cyan); font-size: 0.72rem; font-weight: 900; letter-spacing: 0.26em; text-transform: uppercase; }
        .siar-title { margin: 8px 0 7px; color: #fff; font-family: 'Chakra Petch',sans-serif; font-size: clamp(1.35rem,3vw,2rem); text-transform: uppercase; }
        .siar-meta { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px 18px; color: #d3e4f0; font-size: 0.74rem; }
        .siar-list { display: grid; gap: 12px; }
        .siar-document { overflow: hidden; border: 1px solid #bfd4e2; border-radius: 14px; background: #fff; box-shadow: 0 5px 16px rgba(16,49,75,0.06); }
        .siar-document[open] { border-color: #49a9d8; }
        .siar-document summary { display: grid; grid-template-columns: 48px minmax(0,1fr) auto; align-items: center; gap: 12px; padding: 15px 17px; color: #0b2a45; cursor: pointer; list-style: none; }
        .siar-document summary::-webkit-details-marker { display: none; }
        .siar-number { display: inline-flex; align-items: center; justify-content: center; min-height: 32px; border: 1px solid rgba(56,189,248,0.35); border-radius: 8px; background: rgba(56,189,248,0.09); color: var(--police-cyan); font-family: 'Chakra Petch',sans-serif; font-weight: 850; }
        .siar-document summary i { color: #47677f; transition: transform .2s; }
        .siar-document[open] summary i { color: var(--police-cyan); transform: rotate(180deg); }
        .siar-body { padding: 2px 22px 24px 77px; color: #203c53; font-size: 0.84rem; line-height: 1.65; }
        .siar-body h5 { margin: 20px 0 8px; color: #082744; font-family: 'Chakra Petch',sans-serif; font-size: 0.92rem; text-transform: uppercase; }
        .siar-body ul, .siar-body ol { padding-left: 20px; }
        .siar-body li { margin-bottom: 7px; }
        .siar-roster-note { margin: 0 0 10px; color: #006ca9; font-size: 0.72rem; font-weight: 800; }
        .siar-signatures { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px; margin-top: 18px; }
        .siar-signature-card { min-height: 190px; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; padding: 20px; border: 1px solid #c4d7e4; border-radius: 14px; background: #f4f9fc; text-align: center; }
        .siar-signature-role { margin-bottom: auto; color: #49677e; font-size: 0.7rem; line-height: 1.45; }
        .siar-signature-script { min-height: 54px; display: flex; align-items: center; justify-content: center; color: #0b4166; font-family: 'Segoe Script','Brush Script MT',cursive; font-size: 1.55rem; font-style: italic; transform: rotate(-4deg); }
        .siar-signature-line { width: min(220px,100%); margin: 2px auto 8px; border-top: 1px dotted #6f8ca1; }
        .siar-signature-name { color: #082744; font-size: 0.78rem; font-weight: 850; }
        .siar-signature-detail { margin-top: 3px; color: #587187; font-size: 0.65rem; }
        .training-resources-admin { display: none; margin-top: 22px; padding: 20px; border: 1px solid rgba(245,158,11,0.3); border-radius: 16px; background: rgba(245,158,11,0.04); }
        body.can-edit-text .training-resources-admin { display: block; }
        .training-admin-list { display: grid; gap: 14px; }
        .training-admin-item { display: grid; grid-template-columns: 70px 1fr 2fr 1fr; gap: 10px; align-items: start; padding-bottom: 14px; border-bottom: 1px solid var(--panel-border); }
        .training-admin-item:last-child { padding-bottom: 0; border-bottom: 0; }
        .training-admin-code { padding-top: 12px; color: var(--police-cyan); font-family: 'Chakra Petch', sans-serif; font-weight: 800; }
        .training-admin-item textarea { min-height: 110px; resize: vertical; }
        #trainingMaterialModal .modal-box.training-material-modal-box { display: flex !important; flex-direction: column !important; width: 92vw !important; max-width: 1500px !important; height: 90vh !important; max-height: 90vh !important; padding: 0 !important; overflow: hidden !important; }
        .training-material-modal-header { flex: 0 0 auto; padding: 26px 48px 21px; background: linear-gradient(135deg, rgba(2,132,199,0.2), rgba(9,14,25,0.96)); border-bottom: 1px solid rgba(56,189,248,0.2); }
        .training-material-modal-title-row { display: flex; align-items: center; gap: 12px; }
        .training-material-modal-code { display: inline-flex; align-items: center; justify-content: center; min-width: 58px; padding: 7px 11px; border-radius: 9px; background: rgba(56,189,248,0.12); border: 1px solid rgba(56,189,248,0.38); color: var(--police-cyan); font-family: 'Chakra Petch', sans-serif; font-weight: 800; }
        .training-material-modal-title { color: #fff; font-family: 'Chakra Petch', sans-serif; font-size: 1.35rem; }
        .training-material-modal-content { flex: 1 1 auto; min-height: 0; max-height: none; overflow-y: auto; padding: 42px 56px 60px; color: #cbd5e1; font-size: 1.05rem; line-height: 1.8; overflow-wrap: anywhere; background: radial-gradient(circle at 50% 0%, rgba(56,189,248,0.055), transparent 42%), #080e18; }
        .training-material-modal-content > * { width: 100%; max-width: 1180px; margin-left: auto !important; margin-right: auto !important; }
        .training-material-modal-content h1,
        .training-material-modal-content h2,
        .training-material-modal-content h3 { font-family: 'Chakra Petch', sans-serif; color: #fff; line-height: 1.25; }
        .training-material-modal-content h1 { margin: 0 0 22px; padding-bottom: 14px; border-bottom: 2px solid rgba(56,189,248,0.38); color: #f8fafc; font-size: clamp(1.55rem, 3vw, 2rem); text-transform: uppercase; }
        .training-material-modal-content h2 { margin: 30px 0 14px; padding: 9px 13px; border-left: 4px solid var(--police-cyan); border-radius: 0 8px 8px 0; background: linear-gradient(90deg, rgba(56,189,248,0.13), transparent); font-size: clamp(1.2rem, 2.4vw, 1.45rem); text-transform: uppercase; }
        .training-material-modal-content h3 { margin: 22px 0 10px; color: #e0f2fe; font-size: 1.08rem; }
        .training-material-modal-content p { margin: 0 0 13px; }
        .training-material-modal-content strong { color: #fff; font-weight: 800; }
        .training-material-modal-content ul,
        .training-material-modal-content ol { margin: 8px 0 18px; padding-left: 28px; }
        .training-material-modal-content li { margin: 5px 0; padding-left: 3px; }
        .training-material-modal-content li::marker { color: var(--police-cyan); font-weight: 800; }
        .training-material-modal-content blockquote { margin: 16px 0 20px; padding: 13px 16px; border: 1px solid rgba(56,189,248,0.2); border-left: 4px solid var(--police-cyan); border-radius: 10px; background: rgba(56,189,248,0.07); color: #e0f2fe; }
        .training-material-modal-content blockquote p:last-child { margin-bottom: 0; }
        .training-material-modal-content hr { margin: 25px 0; border: 0; border-top: 1px solid rgba(56,189,248,0.22); }
        .training-material-modal-content code { padding: 2px 6px; border: 1px solid rgba(56,189,248,0.2); border-radius: 5px; background: rgba(56,189,248,0.08); color: #bae6fd; }
        .training-material-table-wrap { margin: 14px 0 22px; overflow-x: auto; border: 1px solid rgba(56,189,248,0.2); border-radius: 12px; }
        .training-material-modal-content table { width: 100%; min-width: 520px; border-collapse: collapse; background: rgba(255,255,255,0.015); }
        .training-material-modal-content th,
        .training-material-modal-content td { padding: 11px 13px; border-bottom: 1px solid rgba(56,189,248,0.14); text-align: left; vertical-align: top; }
        .training-material-modal-content th { background: rgba(56,189,248,0.1); color: #fff; font-family: 'Chakra Petch', sans-serif; }
        .training-material-modal-content tr:last-child td { border-bottom: 0; }

        @keyframes fadeIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }

        .discord-profile-card { background: linear-gradient(145deg, #070d18 0%, #0b1322 100%); border: 1px solid var(--panel-border); border-radius: 18px; padding: 30px; max-width: 420px; margin: 0 auto; text-align: center; box-shadow: 0 10px 30px rgba(0,0,0,0.6); position: relative; transition: all 0.3s ease; }
        .discord-avatar-wrapper { position: relative; width: 90px; height: 90px; margin: 0 auto 16px auto; }
        .discord-avatar { width: 90px; height: 90px; border-radius: 50%; border: 2px solid var(--police-cyan); object-fit: cover; box-shadow: 0 0 15px rgba(56, 189, 248, 0.3); }
        .discord-name { font-family: 'Chakra Petch', sans-serif; font-size: 1.4rem; font-weight: 700; color: #fff; margin-bottom: 10px; }
        .discord-badge { display: inline-block; background: #5865F2; color: #fff; padding: 5px 16px; border-radius: 20px; font-size: 0.8rem; font-weight: 700; margin-bottom: 20px; box-shadow: 0 4px 15px rgba(88, 101, 242, 0.3); }
        .discord-action-btn { background: rgba(255, 255, 255, 0.05); border: 1px solid var(--panel-border); color: var(--text-light); padding: 10px 18px; border-radius: 12px; font-size: 0.88rem; font-weight: 600; cursor: pointer; transition: 0.2s; display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; }
        .discord-action-btn:hover { background: rgba(56, 189, 248, 0.1); border-color: var(--police-cyan); color: #fff; }
        .editable-input { background: rgba(0, 0, 0, 0.6); border: 1px solid var(--police-cyan); color: #fff; padding: 8px 12px; border-radius: 8px; font-size: 0.9rem; width: 100%; outline: none; margin-bottom: 8px; }

        /* DB LAYOUT A BAREVNÁ LEVÁ NAVIGACE */
        .db-layout { display: grid; grid-template-columns: 260px 1fr; gap: 24px; }
        .db-tables-wrapper { min-width: 0; display: flex; flex-direction: column; }
        .db-tables-wrapper .db-group { order: 1; }
        .db-tables-wrapper .db-manage-block { order: 2; margin-top: 24px; }
        .db-sidebar { background: var(--panel-bg); backdrop-filter: blur(12px); border: 1px solid var(--panel-border); border-radius: 20px; padding: 18px; height: fit-content; box-shadow: 0 10px 30px rgba(0,0,0,0.5); }
        .db-sidebar-title { font-family: 'Chakra Petch', sans-serif; font-size: 0.78rem; text-transform: uppercase; color: var(--police-cyan); letter-spacing: 1.2px; margin-bottom: 14px; padding-bottom: 8px; border-bottom: 1px solid var(--panel-border); }
        .db-nav-vertical { display: flex; flex-direction: column; gap: 6px; }
        .db-btn { width: 100%; text-align: left; background: rgba(255, 255, 255, 0.02); border: 1px solid var(--panel-border); border-left: 3px solid transparent; color: var(--text-sub); padding: 11px 14px; border-radius: 10px; font-weight: 600; font-size: 0.85rem; cursor: pointer; transition: 0.2s; }
        .db-btn:hover { background: rgba(2, 132, 199, 0.2); color: #fff; }
        
        /* BAREVNÉ TŘÍDY PRO MENU (ODPOVÍDÁ HODNOSTEM) */
        .db-btn-all.active { border-left-color: var(--gold); background: rgba(245, 158, 11, 0.15); color: #fff; }
        .db-btn-mladsi-strazmistri.active { border-left-color: #3a84b3; background: rgba(58, 132, 179, 0.15); color: #286fbb; }
        .db-btn-strazmistri.active { border-left-color: #3a84b3; background: rgba(58, 132, 179, 0.15); color: #2d57e0; }
        .db-btn-vrchni-strazmistri.active { border-left-color: #3a84b3; background: rgba(58, 132, 179, 0.15); color: #293ad6; }
        .db-btn-mladsi-nadstrazmistri.active { border-left-color: #206694; background: rgba(32, 102, 148, 0.15); color: #4e80dd; }
        .db-btn-nadstrazmistri.active { border-left-color: #206694; background: rgba(32, 102, 148, 0.15); color: #1753b9; }
        .db-btn-vrchni-nadstrazmistri.active { border-left-color: #206694; background: rgba(32, 102, 148, 0.15); color: #003cce; }
        .db-btn-mladsi-inspektorat.active { border-left-color: #26c066; background: rgba(38, 192, 102, 0.15); color: #fff; }
        .db-btn-inspektorat.active { border-left-color: #19af06; background: rgba(25, 175, 6, 0.15); color: #fff; }
        .db-btn-vrchni-inspektorat.active { border-left-color: #06c303; background: rgba(6, 195, 3, 0.15); color: #fff; }
        .db-btn-komisariat.active { border-left-color: #0e9c34; background: rgba(14, 156, 52, 0.15); color: #fff; }
        .db-btn-reditelstvi.active { border-left-color: #b30000; background: rgba(179, 0, 0, 0.15); color: #fff; }

        .table-responsive { overflow-x: hidden; }
        table { width: 100%; border-collapse: separate; border-spacing: 0 8px; margin-top: 4px; }
        .db-group table { min-width: 0; table-layout: fixed; }
        .db-group th:nth-child(1) { width: 12%; }
        .db-group th:nth-child(2) { width: 23%; }
        .db-group th:nth-child(3) { width: 20%; }
        .db-group th:nth-child(4) { width: 20%; }
        .db-group th:nth-child(5) { width: 25%; }
        th { color: var(--text-sub); text-transform: uppercase; font-size: 0.7rem; letter-spacing: 1px; padding: 12px 8px; text-align: left; background: rgba(0, 0, 0, 0.4); border-bottom: 1px solid var(--panel-border); }
        td { padding: 15px 16px; background: rgba(255, 255, 255, 0.02); border-top: 1px solid var(--panel-border); border-bottom: 1px solid var(--panel-border); font-size: 0.88rem; vertical-align: middle; }
        td:first-child { border-left: 1px solid var(--panel-border); border-top-left-radius: 12px; border-bottom-left-radius: 12px; }
        td:last-child { border-right: 1px solid var(--panel-border); border-top-right-radius: 12px; border-bottom-right-radius: 12px; }
        tr:hover td { background: rgba(56, 189, 248, 0.05); border-color: rgba(56, 189, 248, 0.2); }
        .db-group tbody td { vertical-align: middle; padding: 15px 8px; }
        .db-rank-cell, .db-discord-cell, .db-department-cell, .db-training-cell, .db-activity-cell { min-width: 0; white-space: nowrap; overflow-wrap: normal; }
        .db-group th:first-child, .callsign-cell { text-align: center; }
        .db-group th:nth-child(2), .db-group th:nth-child(3), .db-group th:nth-child(4), .db-group th:nth-child(5) { text-align: center; }
        .db-rank-cell, .db-discord-cell, .db-training-cell, .db-activity-cell { text-align: center; }
        .db-empty-cell { text-align: center; color: rgba(203, 213, 225, 0.8); }
        .db-member-row { cursor: pointer; }
        .db-member-row td { transition: background 0.2s, border-color 0.2s; }
        .db-member-row:focus-visible { outline: 2px solid var(--police-cyan); outline-offset: -2px; }
        .db-member-row.expanded td { background: rgba(56,189,248,0.075); border-color: rgba(56,189,248,0.32); }
        .db-member-detail-row { display: none; }
        .db-member-detail-row.open { display: table-row; }
        .db-member-detail-cell { padding: 0 8px 10px !important; border: 0 !important; background: transparent !important; }
        .db-member-detail { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 20px; padding: 18px 20px; border: 1px solid rgba(56,189,248,0.2); border-radius: 12px; background: linear-gradient(135deg, rgba(56,189,248,0.07), rgba(5,11,20,0.82)); }
        .db-member-detail-label { margin-bottom: 5px; color: var(--police-cyan); font-size: 0.68rem; font-weight: 800; letter-spacing: 0.9px; text-transform: uppercase; }
        .db-member-detail-note { color: #dbeafe; font-size: 0.86rem; line-height: 1.5; overflow-wrap: anywhere; }
        .db-member-actions.db-manage-block { order: initial; align-items: center; gap: 7px; margin-top: 0; }

        .rank-badge { padding: 4px 6px; border-radius: 6px; font-size: 0.7rem; font-weight: 700; border: 1px solid transparent; }
        .bg-mladsi-strazmistri { background: rgba(58, 132, 179, 0.15); border-color: #3a84b3; color: #286fbb; }
        .bg-strazmistri { background: rgba(58, 132, 179, 0.15); border-color: #3a84b3; color: #2d57e0; }
        .bg-vrchni-strazmistri { background: rgba(58, 132, 179, 0.15); border-color: #3a84b3; color: #293ad6; }
        .bg-mladsi-nadstrazmistri { background: rgba(32, 102, 148, 0.15); border-color: #206694; color: #4e80dd; }
        .bg-nadstrazmistri { background: rgba(32, 102, 148, 0.15); border-color: #206694; color: #1753b9; }
        .bg-vrchni-nadstrazmistri { background: rgba(32, 102, 148, 0.15); border-color: #206694; color: #003cce; }
        .bg-mladsi-inspektorat { background: rgba(38, 192, 102, 0.15); border-color: #26c066; color: #08ff6f; }
        .bg-inspektorat { background: rgba(25, 175, 6, 0.15); border-color: #19af06; color: #66ff52; }
        .bg-vrchni-inspektorat { background: rgba(6, 195, 3, 0.15); border-color: #06c303; color: #11ff00; }
        .bg-komisariat { background: rgba(14, 156, 52, 0.15); border-color: #0e9c34; color: #a5ff57; }
        .bg-reditelstvi { background: rgba(179, 0, 0, 0.15); border-color: #b30000; color: #ff4d4d; }
        .bg-reditel { background: rgba(170, 59, 59, 0.15); border-color: #aa3b3b; color: #ff4848; }
        .bg-zastupce-reditele { background: rgba(0, 234, 255, 0.15); border-color: #00eaff; color: #0097ff; }
        .bg-vvz { background: rgba(255, 221, 0, 0.15); border-color: #ffdd00; color: #f3ff97; }
        .bg-vrchni-komisar { background: rgba(14, 156, 52, 0.15); border-color: #0e9c34; color: #6bff92; }
        .bg-komisar { background: rgba(130, 255, 116, 0.15); border-color: #82ff74; color: #a5ff57; }

        .tag-dept { display: inline-flex; align-items: center; justify-content: center; padding: 3px 6px; border-radius: 6px; font-size: 0.68rem; font-weight: 700; margin: 0 2px; }
        .db-department-cell { text-align: center; vertical-align: middle; }
        .db-department-cell > .tag-dept { vertical-align: middle; }
        .tag-pj { background: linear-gradient(135deg, #838396, #44464b); color: #fff; border: 1px solid #838396; }
        .tag-dd { background: linear-gradient(135deg, #d4843d, #f4df21); color: #17140a; border: 1px solid #f4df21; }
        .tag-od { background: linear-gradient(135deg, #00fff2, #02809c); color: #041316; border: 1px solid #00fff2; }
        .tag-instr { background: linear-gradient(135deg, #f1c40f, #d4ac0d); color: #17140a; border: 1px solid #f1c40f; }
        .callsign-cell { min-width: 0; white-space: nowrap; }
        .callsign-training-empty { color: rgba(148,163,184,0.65); font-size: 0.75rem; }
        .training-tags { display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 3px; width: auto; min-width: 0; }
        .tag-training { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.04); border: 1px solid var(--panel-border); color: #cbd5e1; padding: 2px 6px; border-radius: 6px; font-size: 0.66rem; font-weight: 700; margin: 0; }
        .stars-gold { color: var(--gold); white-space: nowrap; letter-spacing: 1px; font-size: 0.9rem; text-shadow: 0 0 8px rgba(245, 158, 11, 0.4); }

        .btn-edit, .btn-delete { background: rgba(56, 189, 248, 0.1); border: 1px solid rgba(56, 189, 248, 0.3); color: var(--police-cyan); padding: 6px 12px; border-radius: 8px; font-size: 0.78rem; font-weight: 600; cursor: pointer; transition: all 0.2s; display: inline-flex; align-items: center; gap: 6px; }
        .btn-edit:hover { background: var(--police-blue); color: #fff; border-color: var(--police-blue); box-shadow: 0 0 10px rgba(2, 132, 199, 0.4); }
        .btn-delete { background: rgba(239, 68, 68, 0.1); border-color: rgba(239, 68, 68, 0.3); color: #ef4444; margin-left: 6px; }
        .btn-delete:hover { background: rgba(239, 68, 68, 0.3); box-shadow: 0 0 10px rgba(239, 68, 68, 0.3); }

        .modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(3, 7, 18, 0.85); backdrop-filter: blur(10px); z-index: 1000; justify-content: center; align-items: center; }
        .modal-overlay.active { display: flex; }
        .modal-box { background: #0b111d; border: 1px solid rgba(56, 189, 248, 0.25); border-radius: 20px; width: 100%; max-width: 550px; padding: 30px; box-shadow: 0 25px 50px rgba(0,0,0,0.8), 0 0 30px rgba(2, 132, 199, 0.15); max-height: 90vh; overflow-y: auto; }
        .modal-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 22px; padding-bottom: 12px; border-bottom: 1px solid var(--panel-border); }
        .modal-header h3 { font-family: 'Chakra Petch', sans-serif; font-size: 1.2rem; color: #fff; text-transform: uppercase; letter-spacing: 0.5px; }
        .modal-close { background: transparent; border: none; color: var(--text-sub); font-size: 1.2rem; cursor: pointer; transition: 0.2s; }
        .modal-close:hover { color: #fff; }

        .form-group { margin-bottom: 18px; }
        .form-group label { display: block; font-size: 0.75rem; text-transform: uppercase; color: var(--text-sub); margin-bottom: 8px; font-weight: 700; letter-spacing: 0.8px; }
        .form-control { width: 100%; background: rgba(0, 0, 0, 0.4); border: 1px solid var(--panel-border); padding: 12px 16px; border-radius: 10px; color: #fff; font-size: 0.9rem; outline: none; transition: 0.2s; }
        .form-control:focus { border-color: var(--police-cyan); box-shadow: 0 0 10px rgba(56, 189, 248, 0.2); }

        .checkbox-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); gap: 10px; background: rgba(0, 0, 0, 0.25); padding: 14px; border-radius: 10px; border: 1px solid var(--panel-border); }
        .checkbox-item { display: flex; align-items: center; gap: 8px; font-size: 0.85rem; color: var(--text-light); cursor: pointer; }
        .checkbox-item input { accent-color: var(--police-cyan); cursor: pointer; width: 16px; height: 16px; }
        .modal-footer { display: flex; justify-content: flex-end; gap: 12px; margin-top: 28px; }

        .volacky-form-box { background: rgba(0, 0, 0, 0.3); border: 1px solid var(--panel-border); border-radius: 14px; padding: 22px; margin-bottom: 24px; box-shadow: inset 0 2px 5px rgba(0,0,0,0.5); }
        
        @media (max-width: 900px) {
            header { flex-direction: column; gap: 16px; border-radius: 20px; }
            .dashboard-grid { grid-template-columns: 1fr; }
            .dept-grid { grid-template-columns: 1fr; }
            .secretariat-contact-card { grid-template-columns: 1fr; }
            .secretariat-contact-btn { width: 100%; }
            .email-provider-grid { grid-template-columns: 1fr; }
            .db-layout { grid-template-columns: 1fr; }
            .pj-db-layout { grid-template-columns: 1fr; }
            .pj-clothing-card, .pj-clothing-card-pair { max-width: 430px; }
            .pj-vehicle-grid { grid-template-columns: 1fr; }
            .dd-service-layout { grid-template-columns: 1fr; }
            .dd-fine-layout { grid-template-columns: 1fr; }
            .osdp-legend { grid-template-columns: 1fr; }
            .hero-banner { padding: 28px; }
            .hero-title { font-size: 2rem; }
            .training-admin-item { grid-template-columns: 1fr; }
            .training-admin-code { padding-top: 0; }
            .training-browser { grid-template-columns: 1fr; }
            .training-browser-detail { min-height: 280px; padding: 24px 18px; }
            .training-announcement-form-grid { grid-template-columns: 1fr; }
            .training-calendar-editor-grid { grid-template-columns: 1fr 1fr; }
            .training-calendar-day { min-height: 92px; padding: 6px; }
            .db-member-detail { grid-template-columns: 1fr; }
            .modal-box.training-material-modal-box { width: calc(100vw - 20px); height: 92vh; max-height: 92vh; border-radius: 15px; }
            .training-material-modal-header { padding: 19px 20px 16px; }
            .training-material-modal-content { padding: 24px 20px 36px; font-size: 0.95rem; }
        }
        @media (max-width: 520px) {
            .secretariat-contacts-grid { grid-template-columns: 1fr; }
            .dept-card { grid-template-columns: 58px minmax(0, 1fr); column-gap: 16px; min-height: 168px; padding: 20px; }
            .dept-card-media { width: 54px; height: 54px; }
            .dept-card-title { white-space: normal; }
            .dept-card-desc { font-size: 0.82rem; }
            .dept-image-admin { left: 10px; bottom: 12px; }
            .training-browser-actions { grid-template-columns: 1fr; }
            .training-browser-actions .full { grid-column: auto; }
            .training-calendar-toolbar { align-items: stretch; flex-direction: column; }
            .training-calendar-nav { justify-content: center; }
            .training-calendar-day { min-height: 72px; }
            .training-calendar-event { padding: 4px; font-size: 0.56rem; }
            .training-calendar-event small { display: none; }
            .training-calendar-attendee-names { display: none; }
            .training-calendar-editor-grid { grid-template-columns: 1fr; }
            .siar-body { padding: 2px 16px 20px; }
            .siar-signatures { grid-template-columns: 1fr; }
            .dd-fine-form-grid, .dd-fine-auto-grid, .dd-fine-meta-grid { grid-template-columns: 1fr; }
        }
        @media (prefers-reduced-motion: reduce) {
            .announcement-slide { animation: none; }
        }


        /* SEKCE NÁVODY */
        .guides-hero { position: relative; overflow: hidden; padding: 34px; border: 1px solid rgba(56,189,248,.3); border-radius: 22px; background: radial-gradient(circle at 85% 15%, rgba(56,189,248,.15), transparent 38%), linear-gradient(145deg, rgba(9,20,36,.98), rgba(5,11,20,.98)); margin-bottom: 22px; }
        .guides-hero::before { content:''; position:absolute; inset:0 auto 0 0; width:5px; background:linear-gradient(180deg,var(--police-cyan),var(--police-blue)); box-shadow:0 0 18px rgba(56,189,248,.65); }
        .guides-hero h2 { display:flex; align-items:center; gap:12px; margin:0 0 8px; font-family:'Chakra Petch',sans-serif; font-size:2rem; text-transform:uppercase; }
        .guides-hero h2 i { color:var(--police-cyan); }
        .guides-hero p { color:var(--text-sub); line-height:1.65; }
        .guides-toolbar { display:flex; gap:12px; margin:0 0 20px; }
        .guides-search { width:100%; padding:13px 16px; border:1px solid var(--panel-border); border-radius:12px; background:rgba(3,7,18,.7); color:#fff; outline:none; }
        .guides-search:focus { border-color:var(--police-cyan); box-shadow:0 0 0 3px rgba(56,189,248,.09); }
        .guides-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
        .guide-card { position:relative; display:grid; grid-template-columns:58px minmax(0,1fr) auto; align-items:center; gap:16px; min-height:128px; padding:22px; border:1px solid rgba(56,189,248,.2); border-radius:17px; background:linear-gradient(145deg,rgba(18,27,43,.94),rgba(8,14,25,.98)); cursor:pointer; transition:.25s; overflow:hidden; }
        .guide-card::before { content:''; position:absolute; left:0; top:18px; bottom:18px; width:3px; border-radius:0 4px 4px 0; background:linear-gradient(180deg,transparent,var(--police-cyan),transparent); opacity:.55; }
        .guide-card:hover { transform:translateY(-3px); border-color:var(--police-cyan); box-shadow:0 14px 30px rgba(0,0,0,.35),0 0 22px rgba(56,189,248,.08); }
        .guide-card-icon { width:54px; height:54px; display:grid; place-items:center; border:1px solid rgba(56,189,248,.28); border-radius:15px; background:rgba(56,189,248,.1); color:var(--police-cyan); font-size:1.4rem; }
        .guide-card h3 { margin:0 0 6px; color:#fff; font-family:'Chakra Petch',sans-serif; font-size:1.06rem; }
        .guide-card p { margin:0; color:var(--text-sub); font-size:.82rem; line-height:1.5; }
        .guide-card-open { color:var(--police-cyan); font-size:.8rem; font-weight:800; white-space:nowrap; }
        .guide-detail { display:none; }
        .guide-detail.active { display:block; }
        .guides-list.hidden { display:none; }
        .guide-back { display:inline-flex; align-items:center; gap:8px; margin-bottom:16px; padding:9px 14px; border:1px solid rgba(56,189,248,.28); border-radius:10px; background:rgba(56,189,248,.07); color:#dbeafe; font-weight:800; cursor:pointer; }
        .guide-back:hover { border-color:var(--police-cyan); color:#fff; }
        .guide-sheet { overflow:hidden; border:1px solid rgba(56,189,248,.28); border-radius:22px; background:linear-gradient(150deg,rgba(8,18,32,.98),rgba(4,9,17,.99)); box-shadow:0 18px 42px rgba(0,0,0,.42); }
        .guide-sheet-head { padding:28px 30px 22px; border-bottom:1px solid rgba(56,189,248,.17); background:radial-gradient(circle at 90% 10%,rgba(56,189,248,.15),transparent 36%); }
        .guide-sheet-title { display:flex; align-items:center; gap:14px; margin:0 0 9px; font-family:'Chakra Petch',sans-serif; font-size:1.8rem; text-transform:uppercase; }
        .guide-sheet-title i { color:var(--police-cyan); }
        .guide-sheet-intro { color:#cbd5e1; line-height:1.7; }
        .guide-sheet-body { padding:28px 30px 34px; }
        .guide-section-title { display:flex; align-items:center; gap:9px; margin:4px 0 16px; color:#fff; font-family:'Chakra Petch',sans-serif; font-size:1rem; text-transform:uppercase; letter-spacing:.5px; }
        .guide-section-title i { color:var(--police-cyan); }
        .guide-steps { display:grid; gap:11px; counter-reset:guideStep; }
        .guide-step { counter-increment:guideStep; display:grid; grid-template-columns:36px minmax(0,1fr); gap:12px; padding:13px 15px; border:1px solid rgba(56,189,248,.16); border-radius:12px; background:rgba(255,255,255,.025); color:#dbeafe; line-height:1.55; }
        .guide-step::before { content:counter(guideStep); width:30px; height:30px; display:grid; place-items:center; border:1px solid rgba(56,189,248,.38); border-radius:9px; background:rgba(56,189,248,.1); color:var(--police-cyan); font-family:'Chakra Petch',sans-serif; font-weight:800; }
        .guide-step strong { color:#fff; }
        .guide-note { margin-top:18px; padding:14px 16px; border:1px solid rgba(245,158,11,.32); border-radius:12px; background:rgba(245,158,11,.07); color:#fde68a; line-height:1.6; }
        .guide-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:12px; }
        .guide-option { padding:12px 14px; border:1px solid rgba(56,189,248,.17); border-radius:11px; background:rgba(56,189,248,.045); color:#dbeafe; }
        .guide-footer-nav { display:flex; justify-content:space-between; gap:12px; margin-top:20px; }
        .guide-nav-btn { padding:10px 14px; border:1px solid rgba(56,189,248,.28); border-radius:10px; background:rgba(56,189,248,.07); color:#fff; font-weight:800; cursor:pointer; }
        .guide-nav-btn:hover { border-color:var(--police-cyan); }
        @media(max-width:850px){ .guides-grid{grid-template-columns:1fr;} }
        @media(max-width:620px){ .guides-hero,.guide-sheet-head,.guide-sheet-body{padding:22px 18px;} .guide-card{grid-template-columns:48px minmax(0,1fr);}.guide-card-open{grid-column:2}.guide-options{grid-template-columns:1fr;} }


        .guide-admin-hint { display:none; margin:0 0 18px; padding:13px 15px; border:1px solid rgba(245,158,11,.35); border-radius:12px; background:rgba(245,158,11,.08); color:#fde68a; line-height:1.55; }
        body.can-edit-text .guide-admin-hint { display:flex; align-items:flex-start; gap:10px; }
        .guide-two-col { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
        .guide-panel { padding:20px; border:1px solid rgba(56,189,248,.2); border-radius:15px; background:rgba(255,255,255,.025); }
        .guide-panel .guide-section-title { margin-top:0; }
        .guide-plain-list { display:grid; gap:10px; margin:0; padding:0; list-style:none; counter-reset:plainStep; }
        .guide-plain-list.numbered li { counter-increment:plainStep; display:grid; grid-template-columns:32px minmax(0,1fr); gap:10px; align-items:start; color:#dbeafe; line-height:1.55; }
        .guide-plain-list.numbered li::before { content:counter(plainStep); width:27px; height:27px; display:grid; place-items:center; border-radius:50%; background:#082f63; color:#fff; font-weight:800; }
        .guide-bullets { margin:8px 0 0 20px; color:#dbeafe; line-height:1.7; }
        .guide-subheading { margin:17px 0 8px; color:#fff; font-size:.92rem; font-weight:800; }
        .guide-result-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:18px; }
        .guide-result { padding:16px; border:1px solid rgba(56,189,248,.2); border-radius:13px; background:rgba(255,255,255,.025); color:#dbeafe; line-height:1.6; }
        .guide-result.negative { border-color:rgba(34,197,94,.38); background:rgba(34,197,94,.06); }
        .guide-result.positive { border-color:rgba(245,158,11,.4); background:rgba(245,158,11,.07); }
        .guide-result.refusal { border-color:rgba(239,68,68,.4); background:rgba(239,68,68,.06); }
        .guide-result h4 { margin:0 0 10px; font-family:'Chakra Petch',sans-serif; text-transform:uppercase; }
        .guide-result.negative h4 { color:#4ade80; }.guide-result.positive h4 { color:#fbbf24; }.guide-result.refusal h4 { color:#f87171; }
        .guide-quote { margin-top:10px; padding:12px 14px; border-left:3px solid var(--police-cyan); background:rgba(56,189,248,.06); color:#e2e8f0; line-height:1.65; }
        @media(max-width:850px){ .guide-two-col,.guide-result-grid{grid-template-columns:1fr;} }
    
/* Sjednocená velikost log oddělení */
.dept-card-media { width:76px !important; height:76px !important; }
.dept-card-image {
 width:76px !important; height:76px !important;
 max-width:76px !important; max-height:76px !important;
 object-fit:contain !important; transform-origin:center !important;
}
#dept-image-pj { transform:scale(1.12) !important; }
#dept-image-dd, #dept-image-od, #dept-image-instr { transform:scale(1) !important; }


        /* ===== INTERNÍ EVIDENCE ===== */
        .internal-evidence-shell { display:grid; grid-template-columns:230px minmax(0,1fr); gap:20px; align-items:start; }
        .internal-sidebar { padding:18px; border:1px solid var(--panel-border); border-radius:18px; background:var(--panel-bg); position:sticky; top:18px; }
        .internal-sidebar-title { margin-bottom:13px; padding-bottom:10px; border-bottom:1px solid var(--panel-border); color:var(--police-cyan); font-family:'Chakra Petch',sans-serif; font-size:.8rem; font-weight:800; text-transform:uppercase; letter-spacing:1px; }
        .internal-tab-list { display:grid; gap:7px; }
        .internal-tab-btn { width:100%; display:flex; align-items:center; gap:9px; padding:11px 13px; border:1px solid var(--panel-border); border-left:3px solid transparent; border-radius:10px; background:rgba(255,255,255,.025); color:var(--text-sub); font-weight:700; cursor:pointer; text-align:left; transition:.2s; }
        .internal-tab-btn:hover,.internal-tab-btn.active { border-left-color:var(--police-cyan); border-color:rgba(56,189,248,.35); background:rgba(56,189,248,.1); color:#fff; }
        .internal-panel { display:none; }
        .internal-panel.active { display:block; animation:fadeIn .25s ease; }
        .internal-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:18px; flex-wrap:wrap; }
        .internal-head h2 { margin:0; color:#fff; font-family:'Chakra Petch',sans-serif; font-size:1.35rem; text-transform:uppercase; }
        .internal-head p { margin:6px 0 0; color:var(--text-sub); font-size:.82rem; line-height:1.55; }
        .internal-form { display:none; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-bottom:18px; padding:17px; border:1px solid rgba(245,158,11,.28); border-radius:14px; background:rgba(245,158,11,.04); }
        body.can-edit-db .internal-form { display:none !important; }
        .internal-form .form-group { margin:0; }
        .internal-form .full { grid-column:1/-1; }
        .internal-form textarea { min-height:92px; resize:vertical; }
        .internal-list { display:grid; gap:11px; }
        .internal-empty { padding:28px; border:1px dashed rgba(56,189,248,.24); border-radius:14px; color:var(--text-sub); text-align:center; }
        .internal-record { padding:16px 17px; border:1px solid rgba(56,189,248,.18); border-radius:14px; background:linear-gradient(135deg,rgba(56,189,248,.055),rgba(5,11,20,.82)); }
        .internal-record-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:9px; flex-wrap:wrap; }
        .internal-record-title { color:#fff; font-weight:850; }
        .internal-record-badge { display:inline-flex; align-items:center; padding:4px 9px; border:1px solid rgba(56,189,248,.28); border-radius:999px; background:rgba(56,189,248,.08); color:#bae6fd; font-size:.68rem; font-weight:800; }
        .internal-record-meta { display:flex; flex-wrap:wrap; gap:7px 14px; color:var(--text-sub); font-size:.72rem; margin-bottom:8px; }
        .internal-record-body { color:#cbd5e1; font-size:.8rem; line-height:1.55; white-space:pre-wrap; }
        /* ===== WEBOVÝ ARCHIV VE STYLU DISCORD EMBEDU ===== */
        .discord-archive-list { display:grid; gap:14px; }
        .discord-archive-card { position:relative; background:#2b2d31; border-radius:4px; padding:14px 16px 14px 18px; color:#dbdee1; box-shadow:0 1px 2px rgba(0,0,0,.22); overflow:hidden; }
        .discord-archive-card::before { content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:var(--archive-accent,#23a559); }
        .discord-archive-card.pending { --archive-accent:#f0b232; }
        .discord-archive-card.approved { --archive-accent:#23a559; }
        .discord-archive-card.denied { --archive-accent:#f23f42; }
        .discord-archive-card.completed { --archive-accent:#5865f2; }
        .discord-archive-card.cancelled { --archive-accent:#80848e; }
        .discord-archive-title { color:#f2f3f5; font-size:1rem; line-height:1.25; font-weight:800; margin-bottom:8px; }
        .discord-archive-lines { display:grid; gap:2px; font-size:.82rem; line-height:1.45; }
        .discord-archive-line strong { color:#f2f3f5; font-weight:800; }
        .discord-archive-section { margin-top:13px; }
        .discord-archive-section-title { color:#f2f3f5; font-weight:800; margin-bottom:3px; font-size:.82rem; }
        .discord-archive-section-text { color:#dbdee1; white-space:pre-wrap; overflow-wrap:anywhere; font-size:.82rem; line-height:1.48; }
        .discord-archive-people { margin-top:13px; display:grid; gap:3px; color:#dbdee1; font-size:.82rem; }
        .discord-archive-mention { color:#c9cdfb; background:rgba(88,101,242,.18); border-radius:3px; padding:0 2px; }
        .discord-archive-statusline { margin-top:12px; color:#dbdee1; font-size:.8rem; }
        .discord-archive-empty { padding:26px; border:1px dashed rgba(56,189,248,.22); border-radius:13px; color:var(--text-sub); text-align:center; }
        @media(max-width:700px) { .discord-archive-card { padding:12px 13px 12px 16px; } .discord-archive-title { font-size:.92rem; } .discord-archive-lines,.discord-archive-section-text,.discord-archive-people { font-size:.76rem; } }

        .internal-record-actions { display:none; justify-content:flex-end; margin-top:12px; }
        body.can-edit-db .internal-record-actions { display:flex; }
        .internal-delete { padding:6px 10px; border:1px solid rgba(239,68,68,.35); border-radius:8px; background:rgba(239,68,68,.08); color:#fb7185; font-weight:800; cursor:pointer; }
        .internal-rating-stars { color:#f59e0b; letter-spacing:2px; font-size:1rem; }
        .inspector-clothing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,430px));justify-content:center;align-items:start;gap:18px}
        .inspector-standard-clothing-card{width:100%;max-width:430px;min-width:0}
        .inspector-standard-clothing-visual{height:560px;padding:18px;background:radial-gradient(circle at 50% 48%,rgba(56,189,248,.055),transparent 48%),rgba(3,6,11,.50)}
        .inspector-standard-clothing-visual .pj-clothing-image{object-fit:contain;filter:drop-shadow(0 18px 16px rgba(0,0,0,.46))}
        .inspector-accessory-note{display:flex;align-items:flex-start;gap:8px;margin:12px 13px 13px;padding:10px 11px;border:1px solid rgba(56,189,248,.18);border-radius:10px;background:rgba(56,189,248,.055);color:#cbd5e1;font-size:.69rem;line-height:1.5}
        .inspector-accessory-note i{color:var(--police-cyan);margin-top:2px}
        @media(max-width:900px){.inspector-clothing-grid{grid-template-columns:minmax(0,430px)}}
        @media(max-width:560px){.inspector-standard-clothing-visual{height:440px}}
        @media(max-width:900px) {
            .internal-evidence-shell { grid-template-columns:1fr; }
            .internal-sidebar { position:static; }
            .internal-tab-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
            .internal-form { grid-template-columns:1fr; }
            .internal-form .full { grid-column:auto; }
        }

    
.internal-sync-note{display:flex;align-items:flex-start;gap:10px;margin-bottom:18px;padding:13px 15px;border:1px solid rgba(88,101,242,.28);border-radius:11px;background:rgba(88,101,242,.07);color:#cbd5e1;font-size:.78rem;line-height:1.5}.internal-sync-note i{color:#7289da;margin-top:2px}

        /* ===== ROZBALOVACÍ MENU EVIDENCE ===== */
        .nav-dropdown { position: relative; display: inline-flex; }
        .nav-dropdown-toggle { gap: 8px; }
        .nav-dropdown-toggle .fa-chevron-down { font-size: .68rem; transition: transform .2s ease; }
        .nav-dropdown.open .nav-dropdown-toggle .fa-chevron-down { transform: rotate(180deg); }

        .nav-dropdown-menu {
            display: none;
            position: absolute;
            top: calc(100% + 10px);
            right: 0;
            z-index: 6000;
            width: 230px;
            padding: 8px;
            border: 1px solid rgba(56,189,248,.22);
            border-radius: 14px;
            background: rgba(7,13,24,.98);
            box-shadow: 0 18px 45px rgba(0,0,0,.55), 0 0 24px rgba(56,189,248,.06);
            backdrop-filter: blur(16px);
        }
        .nav-dropdown.open .nav-dropdown-menu { display: grid; gap: 6px; }

        .nav-dropdown-item {
            width: 100%;
            display: flex;
            align-items: center;
            gap: 11px;
            padding: 11px 13px;
            border: 1px solid transparent;
            border-radius: 10px;
            background: transparent;
            color: var(--text-sub);
            font-family: inherit;
            font-size: .82rem;
            font-weight: 750;
            cursor: pointer;
            text-align: left;
            transition: .2s;
        }
        .nav-dropdown-item i { width: 18px; text-align: center; color: var(--police-cyan); }
        .nav-dropdown-item:hover,
        .nav-dropdown-item.active {
            color: #fff;
            border-color: rgba(56,189,248,.25);
            background: rgba(56,189,248,.09);
        }

        @media(max-width:900px) {
            .nav-dropdown { width: 100%; justify-content: center; }
            .nav-dropdown-menu { right: auto; left: 50%; transform: translateX(-50%); width: 240px; }
        }


        .nav-home-menu { left: 0; right: auto; min-width: 225px; }


        /* ===== VEŘEJNÝ ROZCESTNÍK NA ÚVODU ===== */
        .public-home-links {
            display:grid;
            grid-template-columns:repeat(6,minmax(0,1fr));
            overflow:hidden;
            margin:0 0 24px;
            border:1px solid rgba(56,189,248,.22);
            border-radius:20px;
            background:rgba(8,15,27,.94);
            box-shadow:0 18px 42px rgba(0,0,0,.34);
        }
        .public-home-link {
            min-height:175px;
            padding:22px 16px;
            display:flex;
            flex-direction:column;
            justify-content:center;
            align-items:center;
            gap:9px;
            border:0;
            border-right:1px solid rgba(56,189,248,.13);
            background:transparent;
            color:#fff;
            text-align:center;
            cursor:pointer;
            transition:.22s ease;
        }
        .public-home-link:last-child { border-right:0; }
        .public-home-link:hover {
            transform:translateY(-3px);
            background:linear-gradient(180deg,rgba(56,189,248,.12),rgba(56,189,248,.035));
        }
        .public-home-link-icon {
            width:68px; height:68px;
            display:grid; place-items:center;
            border:1px solid rgba(56,189,248,.3);
            border-radius:50%;
            color:#7dd3fc;
            background:rgba(56,189,248,.09);
            font-size:1.5rem;
            box-shadow:0 0 22px rgba(56,189,248,.08);
        }
        .public-home-link strong {
            font-family:'Chakra Petch',sans-serif;
            font-size:1rem;
        }
        .public-home-link small {
            max-width:205px;
            color:var(--text-sub);
            font-size:.7rem;
            line-height:1.45;
        }

        .public-info-hero {
            display:flex; align-items:center; justify-content:space-between; gap:18px;
            margin-bottom:20px; padding:24px 26px;
            border:1px solid rgba(56,189,248,.22);
            border-radius:18px;
            background:linear-gradient(135deg,rgba(56,189,248,.09),rgba(6,13,24,.94));
        }
        .public-info-kicker {
            color:var(--police-cyan); font-size:.68rem; font-weight:850;
            letter-spacing:1.5px; text-transform:uppercase;
        }
        .public-info-hero h2 {
            margin:4px 0 6px; color:#fff;
            font-family:'Chakra Petch',sans-serif;
            font-size:1.65rem; text-transform:uppercase;
        }
        .public-info-hero p { margin:0; color:var(--text-sub); line-height:1.55; font-size:.82rem; }
        .public-back-btn {
            flex:0 0 auto; display:inline-flex; align-items:center; gap:7px;
            padding:9px 13px; border:1px solid rgba(56,189,248,.24);
            border-radius:10px; background:rgba(56,189,248,.06);
            color:#dbeafe; font-weight:750; cursor:pointer;
        }

        .recruitment-public-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
        .recruitment-public-card {display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 19px;border:1px solid rgba(56,189,248,.19);border-radius:14px;background:rgba(255,255,255,.025);transition:.2s ease}
        .recruitment-public-card.open{cursor:pointer;border-color:rgba(34,197,94,.30);background:linear-gradient(135deg,rgba(34,197,94,.055),rgba(255,255,255,.02))}
        .recruitment-public-card.open:hover{transform:translateY(-2px);border-color:rgba(34,197,94,.55);box-shadow:0 12px 28px rgba(0,0,0,.16)}
        .recruitment-public-main{min-width:0}.recruitment-public-name{color:#fff;font-weight:850}.recruitment-public-hint{margin-top:5px;color:var(--text-sub);font-size:.68rem}.recruitment-public-card.open .recruitment-public-hint{color:#86efac}
        .recruitment-public-right{display:flex;align-items:center;gap:9px;flex:0 0 auto}
        .recruitment-public-status{display:inline-flex;padding:5px 10px;border-radius:999px;font-size:.67rem;font-weight:850;text-transform:uppercase;white-space:nowrap}
        .recruitment-public-status.open{color:#4ade80;border:1px solid rgba(34,197,94,.35);background:rgba(34,197,94,.1)}.recruitment-public-status.closed{color:#f87171;border:1px solid rgba(239,68,68,.35);background:rgba(239,68,68,.1)}
        .recruitment-public-arrow{color:#4ade80;font-size:.85rem}
        .dept-recruitment-control{display:none;margin:0 0 18px;padding:14px 15px;border:1px solid rgba(56,189,248,.20);border-radius:13px;background:rgba(3,10,20,.72)}
        .dept-recruitment-control.visible{display:block}.dept-recruitment-control-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
        .dept-recruitment-control-title{display:flex;align-items:center;gap:8px;color:#fff;font-weight:850;font-size:.82rem}.dept-recruitment-control-title i{color:#7dd3fc}
        .dept-recruitment-control-note{margin-top:4px;color:var(--text-sub);font-size:.68rem;line-height:1.45}.dept-recruitment-control-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
        .dept-recruitment-current{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:.65rem;font-weight:850;text-transform:uppercase}
        .dept-recruitment-current.open{color:#4ade80;border:1px solid rgba(34,197,94,.35);background:rgba(34,197,94,.08)}.dept-recruitment-current.closed{color:#f87171;border:1px solid rgba(239,68,68,.35);background:rgba(239,68,68,.08)}
        .dept-recruitment-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:9px;font-family:inherit;font-size:.68rem;font-weight:850;cursor:pointer}.dept-recruitment-btn.open{border:1px solid rgba(34,197,94,.38);background:rgba(34,197,94,.10);color:#86efac}.dept-recruitment-btn.close{border:1px solid rgba(239,68,68,.38);background:rgba(239,68,68,.09);color:#fca5a5}.dept-recruitment-btn:disabled{opacity:.42;cursor:not-allowed}
        .recruitment-announcement-box{padding:18px;border:1px solid rgba(34,197,94,.24);border-radius:14px;background:linear-gradient(135deg,rgba(34,197,94,.07),rgba(4,10,19,.82))}
        .recruitment-announcement-kicker{color:#86efac;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:1px}.recruitment-announcement-title{margin:6px 0 10px;color:#fff;font-family:'Chakra Petch',sans-serif;font-size:1.25rem;font-weight:900}.recruitment-announcement-text{color:#d5dfeb;font-size:.82rem;line-height:1.65}.recruitment-announcement-actions{margin-top:16px;display:flex;gap:9px;flex-wrap:wrap}

        .press-public-toolbar {
            display:flex; align-items:center; justify-content:space-between; gap:12px;
            margin-bottom:18px;
        }
        .press-public-toolbar-note { color:var(--text-sub); font-size:.75rem; }
        .press-admin-add {
            display:none; align-items:center; gap:7px; padding:9px 13px;
            border:1px solid rgba(56,189,248,.32); border-radius:10px;
            background:rgba(56,189,248,.09); color:#e0f2fe;
            font-family:inherit; font-weight:850; cursor:pointer;
        }
        .press-admin-add.visible { display:inline-flex; }
        .press-public-list {
            display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px;
        }
        .press-public-card {
            position:relative; overflow:hidden;
            display:flex; flex-direction:column; min-height:100%;
            border:1px solid rgba(56,189,248,.18);
            border-radius:20px; background:rgba(7,13,23,.9);
            box-shadow:0 16px 40px rgba(0,0,0,.16);
        }
        .press-public-image-wrap {
            position:relative; aspect-ratio:16/9; overflow:hidden;
            background:linear-gradient(135deg,rgba(2,132,199,.20),rgba(8,15,28,.94));
        }
        .press-public-image {
            width:100%; height:100%; object-fit:cover; display:block;
            transition:transform .25s ease;
        }
        .press-public-card:hover .press-public-image { transform:scale(1.025); }
        .press-public-image-placeholder {
            width:100%; height:100%; display:flex; align-items:center; justify-content:center;
            color:rgba(125,211,252,.72); font-size:2.2rem;
        }
        .press-public-body { display:flex; flex-direction:column; flex:1; padding:18px 19px 20px; }
        .press-public-meta {
            display:flex; align-items:center; justify-content:space-between; gap:10px;
            margin-bottom:12px;
        }
        .press-public-date { color:#cbd5e1; font-size:.71rem; font-weight:700; }
        .press-public-category {
            display:inline-flex; align-items:center; padding:5px 10px;
            border:1px solid rgba(56,189,248,.26); border-radius:999px;
            background:rgba(56,189,248,.06); color:#7dd3fc;
            font-size:.66rem; font-weight:850; white-space:nowrap;
        }
        .press-public-title {
            color:#fff; font-family:'Chakra Petch',sans-serif;
            font-size:1.06rem; line-height:1.33; font-weight:850; margin-bottom:9px;
        }
        .press-public-text {
            color:var(--text-sub); font-size:.78rem; line-height:1.58;
            display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;
            overflow:hidden; margin-bottom:16px;
        }
        .press-public-footer {
            margin-top:auto; display:flex; align-items:center; justify-content:space-between; gap:10px;
        }
        .press-public-read {
            display:inline-flex; align-items:center; gap:9px; padding:0;
            border:0; background:transparent; color:#7dd3fc;
            font-family:inherit; font-size:.78rem; font-weight:850; cursor:pointer;
        }
        .press-public-read:hover { color:#fff; }
        .press-public-admin {
            display:flex; align-items:center; gap:6px;
        }
        .press-public-admin button {
            width:31px; height:31px; display:inline-flex; align-items:center; justify-content:center;
            border-radius:8px; border:1px solid rgba(148,163,184,.22);
            background:rgba(255,255,255,.035); color:#cbd5e1; cursor:pointer;
        }
        .press-public-admin button:hover { color:#fff; border-color:rgba(56,189,248,.45); }
        .press-public-admin button.delete:hover { color:#fecaca; border-color:rgba(239,68,68,.48); background:rgba(239,68,68,.08); }

        .press-article-modal { max-width:900px; }
        .press-article-hero {
            margin:-4px -4px 18px; overflow:hidden; border-radius:13px;
            max-height:430px; background:rgba(56,189,248,.06);
        }
        .press-article-hero img { width:100%; max-height:430px; object-fit:cover; display:block; }
        .press-article-meta { display:flex; gap:9px; align-items:center; flex-wrap:wrap; margin-bottom:9px; }
        .press-article-title { margin:0 0 15px; color:#fff; font-family:'Chakra Petch',sans-serif; font-size:1.55rem; line-height:1.25; }
        .press-article-content { color:#d3deeb; line-height:1.72; font-size:.86rem; white-space:pre-wrap; }

        .press-editor-image-preview {
            min-height:150px; border:1px dashed rgba(56,189,248,.25); border-radius:12px;
            display:flex; align-items:center; justify-content:center; overflow:hidden;
            background:rgba(2,8,16,.55); color:var(--text-sub); margin-bottom:10px;
        }
        .press-editor-image-preview img { width:100%; max-height:300px; object-fit:cover; display:block; }
        .press-editor-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }

        @media (max-width:1000px) {
            .press-public-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
        }
        @media (max-width:650px) {
            .press-public-list { grid-template-columns:1fr; }
            .press-editor-grid { grid-template-columns:1fr; }
        }

        /* ===== LIVE SYNCHRONIZACE WEBU ===== */
        .live-sync-indicator {
            position:fixed; right:18px; bottom:18px; z-index:9998;
            display:flex; align-items:center; gap:8px;
            max-width:min(360px,calc(100vw - 36px));
            padding:9px 12px;
            border:1px solid rgba(34,197,94,.28);
            border-radius:999px;
            background:rgba(5,12,20,.94);
            color:#bbf7d0;
            box-shadow:0 10px 28px rgba(0,0,0,.28);
            font-size:.69rem; font-weight:800;
            backdrop-filter:blur(10px);
            transition:.2s ease;
            pointer-events:none;
        }
        .live-sync-indicator .dot {
            width:8px; height:8px; flex:0 0 auto; border-radius:50%;
            background:#22c55e; box-shadow:0 0 0 4px rgba(34,197,94,.10);
        }
        .live-sync-indicator.syncing { border-color:rgba(56,189,248,.35); color:#bae6fd; }
        .live-sync-indicator.syncing .dot { background:#38bdf8; box-shadow:0 0 0 4px rgba(56,189,248,.10); }
        .live-sync-indicator.changed { border-color:rgba(34,197,94,.55); color:#dcfce7; }
        .live-sync-indicator.paused { border-color:rgba(245,158,11,.38); color:#fde68a; }
        .live-sync-indicator.paused .dot { background:#f59e0b; box-shadow:0 0 0 4px rgba(245,158,11,.10); }
        .live-sync-indicator.error { border-color:rgba(239,68,68,.35); color:#fecaca; }
        .live-sync-indicator.error .dot { background:#ef4444; box-shadow:0 0 0 4px rgba(239,68,68,.10); }


        .public-officer-search {
            display:flex; align-items:center; gap:10px; padding:13px 15px;
            border:1px solid rgba(56,189,248,.25); border-radius:12px;
            background:rgba(3,8,16,.72); margin-bottom:14px;
        }
        .public-officer-search i { color:var(--police-cyan); }
        .public-officer-search input { width:100%; border:0; outline:0; background:transparent; color:#fff; font:inherit; }
        .public-officer-results { display:grid; gap:10px; }
        .public-officer-card {
            display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:center;
            padding:15px 16px; border:1px solid rgba(56,189,248,.18);
            border-radius:13px; background:rgba(255,255,255,.025);
        }
        .public-officer-name { color:#fff; font-weight:850; }
        .public-officer-meta { color:var(--text-sub); font-size:.73rem; margin-top:4px; }
        .public-officer-callsign { color:var(--police-cyan); font-family:'Chakra Petch',sans-serif; font-weight:850; }
        .public-officer-private {
            grid-column:1/-1; margin-top:4px; padding-top:12px;
            border-top:1px solid rgba(56,189,248,.13);
        }
        .public-officer-private-title {
            display:flex; align-items:center; justify-content:space-between; gap:10px;
            color:#fff; font-size:.78rem; font-weight:850; margin-bottom:8px;
        }
        .public-officer-private-count {
            display:inline-flex; align-items:center; justify-content:center; min-width:28px;
            padding:3px 8px; border-radius:999px; background:rgba(239,68,68,.11);
            border:1px solid rgba(239,68,68,.28); color:#fca5a5; font-size:.68rem;
        }
        .public-officer-punishment-list { display:grid; gap:7px; }
        .public-officer-punishment {
            padding:10px 11px; border:1px solid rgba(239,68,68,.18); border-radius:10px;
            background:rgba(239,68,68,.045);
        }
        .public-officer-punishment-top { display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap; margin-bottom:5px; }
        .public-officer-punishment-id { color:#fff; font-weight:800; font-size:.72rem; }
        .public-officer-punishment-status { color:#fca5a5; font-size:.66rem; font-weight:800; }
        .public-officer-punishment-text { color:#cbd5e1; font-size:.72rem; line-height:1.5; white-space:pre-wrap; }
        .public-officer-private-empty { color:var(--text-sub); font-size:.72rem; }
        .public-empty { padding:26px; border:1px dashed rgba(56,189,248,.22); border-radius:13px; color:var(--text-sub); text-align:center; }

        .public-awards-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
        .public-award-card {
            padding:24px 18px; text-align:center; border:1px solid rgba(245,158,11,.22);
            border-radius:16px;
            background:radial-gradient(circle at 50% 0,rgba(245,158,11,.11),transparent 48%),rgba(255,255,255,.02);
        }
        .public-award-icon {
            width:58px;height:58px;display:grid;place-items:center;margin:0 auto 12px;
            border-radius:50%;background:rgba(245,158,11,.10);color:#fbbf24;font-size:1.4rem;
        }
        .public-award-label { color:#fbbf24;font-size:.7rem;font-weight:850;text-transform:uppercase;letter-spacing:.8px; }
        .public-award-name { margin-top:7px;color:#fff;font-family:'Chakra Petch',sans-serif;font-size:1.05rem;font-weight:850; }
        .public-award-note { margin-top:8px;color:var(--text-sub);font-size:.74rem;line-height:1.5; }

        @media(max-width:900px) {
            .public-home-links { grid-template-columns:repeat(2,minmax(0,1fr)); }
            .public-home-link { border-bottom:1px solid rgba(56,189,248,.13); }
            .public-home-link:nth-child(even) { border-right:0; }
            .public-home-link:nth-last-child(-n+2) { border-bottom:0; }
            .public-awards-grid { grid-template-columns:1fr; }
        }
        @media(max-width:650px) {
            .recruitment-public-grid { grid-template-columns:1fr; }
            .public-info-hero { align-items:flex-start; flex-direction:column; }
        }


        /* MP Orlice – automaticky se střídající fotografie po vzoru MP Praha */
        #page-uvod .hero-banner {
            position: relative;
            min-height: 500px;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            background: #050a12;
            border-radius: 24px;
            padding: 42px;
            isolation: isolate;
        }
        #page-uvod .hero-banner::before { display:none; }

        /* Původní logo/nadpis/text v hero necháváme v HTML kvůli stávajícímu JS,
           ale na stránce je schováme. */
        #page-uvod .hero-banner-header,
        #page-uvod .hero-subtitle,
        #page-uvod .hero-highlight { display:none !important; }

        .hero-auto-slides {
            position:absolute;
            inset:0;
            z-index:0;
            overflow:hidden;
            border-radius:inherit;
            background:#050a12;
            pointer-events:none;
        }
        .hero-auto-slide {
            position:absolute;
            inset:0;
            width:100%;
            height:100%;
            object-fit:cover;
            object-position:center center;
            opacity:0;
            transform:scale(1.012);
            will-change:opacity, transform;
        }
        .hero-auto-slide:nth-child(1) {
            animation: mpHeroFirst 20s ease-in-out infinite;
        }
        .hero-auto-slide:nth-child(2) {
            animation: mpHeroSecond 20s ease-in-out infinite;
        }
        @keyframes mpHeroFirst {
            0%, 45%   { opacity:1; transform:scale(1); }
            50%, 95%  { opacity:0; transform:scale(1.012); }
            100%      { opacity:1; transform:scale(1); }
        }
        @keyframes mpHeroSecond {
            0%, 45%   { opacity:0; transform:scale(1.012); }
            50%, 95%  { opacity:1; transform:scale(1); }
            100%      { opacity:0; transform:scale(1.012); }
        }
        .hero-auto-overlay {
            position:absolute;
            inset:0;
            z-index:1;
            border-radius:inherit;
            pointer-events:none;
            background:
                linear-gradient(0deg, rgba(3,10,20,.78) 0%, rgba(3,10,20,.08) 58%, rgba(3,10,20,.06) 100%),
                linear-gradient(90deg, rgba(3,10,20,.22) 0%, rgba(3,10,20,.04) 58%, rgba(3,10,20,.02) 100%);
        }
        #page-uvod .hero-stats {
            position:relative;
            z-index:3;
            max-width:760px;
            margin-top:auto;
            padding-top:0;
            border-top:0;
        }
        #page-uvod .hero-quick-link {
            background:rgba(16,25,48,.66);
            backdrop-filter:blur(8px);
            box-shadow:0 10px 28px rgba(0,0,0,.24);
        }
        @media(max-width:700px){
            #page-uvod .hero-banner { min-height:430px; padding:26px 20px; }
            .hero-auto-slide { object-position:center center; }
            #page-uvod .hero-stats { max-width:100%; }
            #page-uvod .hero-quick-link { flex:1 1 100%; max-width:none; }
        }

    
        #page-uvod .hero-quick-link strong,
        #page-uvod .hero-quick-link small {
            text-shadow: 0 2px 8px rgba(0,0,0,.85);
        }

    
        /* ===== SAMOSTATNÁ STRÁNKA O NÁS ===== */
        .about-orlice-grid {
            display:grid;
            grid-template-columns:repeat(3,minmax(0,1fr));
            gap:18px;
        }
        .about-orlice-card {
            margin:0;
            min-height:245px;
            display:flex;
            flex-direction:column;
            align-items:flex-start;
            justify-content:flex-start;
            gap:10px;
            background:
                radial-gradient(circle at 15% 0%, rgba(56,189,248,.11), transparent 40%),
                linear-gradient(145deg, rgba(9,20,36,.98), rgba(5,11,20,.98));
        }
        .about-orlice-icon {
            width:52px;
            height:52px;
            display:grid;
            place-items:center;
            border-radius:14px;
            border:1px solid rgba(56,189,248,.28);
            background:rgba(56,189,248,.08);
            color:var(--police-cyan);
            font-size:1.25rem;
            margin-bottom:4px;
        }
        .about-orlice-card h3 {
            color:#fff;
            font-family:'Chakra Petch',sans-serif;
            font-size:1.08rem;
            text-transform:uppercase;
        }
        .about-orlice-card p {
            color:var(--text-sub);
            font-size:.84rem;
            line-height:1.7;
        }
        @media(max-width:900px) {
            .about-orlice-grid { grid-template-columns:1fr; }
        }

    
        /* ===== O NÁS – HOVER MENU PO VZORU MP PRAHA ===== */
        .about-nav-dropdown {
            position: relative;
            display: inline-flex;
            align-items: center;
        }

        .about-nav-toggle {
            gap: 7px;
        }

        .about-nav-toggle i {
            font-size: .65rem;
            transition: transform .2s ease;
        }

        .about-nav-dropdown:hover .about-nav-toggle i,
        .about-nav-dropdown:focus-within .about-nav-toggle i {
            transform: rotate(180deg);
        }

        .about-nav-menu {
            position: absolute;
            top: calc(100% + 10px);
            left: 0;
            z-index: 6500;
            width: 245px;
            padding: 9px;
            border: 1px solid rgba(56,189,248,.20);
            border-radius: 14px;
            background: rgba(7,13,23,.98);
            box-shadow: 0 22px 50px rgba(0,0,0,.55);
            backdrop-filter: blur(18px);
            -webkit-backdrop-filter: blur(18px);
            opacity: 0;
            visibility: hidden;
            transform: translateY(-7px);
            pointer-events: none;
            transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
        }

        .about-nav-menu::before {
            content: '';
            position: absolute;
            top: -11px;
            left: 0;
            right: 0;
            height: 12px;
        }

        .about-nav-dropdown:hover .about-nav-menu,
        .about-nav-dropdown:focus-within .about-nav-menu {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
            pointer-events: auto;
        }

        .about-nav-item {
            width: 100%;
            display: flex;
            align-items: center;
            gap: 11px;
            padding: 12px 13px;
            border: 0;
            border-radius: 9px;
            background: transparent;
            color: #cbd5e1;
            font: inherit;
            font-size: .82rem;
            font-weight: 650;
            text-align: left;
            cursor: pointer;
            transition: .18s ease;
        }

        .about-nav-item i {
            width: 20px;
            color: #7dd3fc;
            text-align: center;
        }

        .about-nav-item:hover {
            color: #fff;
            background: rgba(56,189,248,.10);
            padding-left: 16px;
        }

        /* Veřejné podstránky O nás */
        .about-subpage-grid {
            display: grid;
            grid-template-columns: repeat(3,minmax(0,1fr));
            gap: 16px;
        }

        .about-subpage-grid.two {
            grid-template-columns: repeat(2,minmax(0,1fr));
        }

        .about-public-card {
            margin: 0;
            min-height: 210px;
            display: flex;
            flex-direction: column;
            gap: 10px;
            background:
                radial-gradient(circle at 10% 0%, rgba(56,189,248,.10), transparent 42%),
                linear-gradient(145deg, rgba(9,20,36,.98), rgba(5,11,20,.98));
        }

        .about-public-icon {
            width: 50px;
            height: 50px;
            display: grid;
            place-items: center;
            border: 1px solid rgba(56,189,248,.26);
            border-radius: 14px;
            background: rgba(56,189,248,.08);
            color: #7dd3fc;
            font-size: 1.2rem;
        }

        .about-public-card h3 {
            margin: 2px 0 0;
            color: #fff;
            font-family: 'Chakra Petch',sans-serif;
            font-size: 1rem;
            text-transform: uppercase;
        }

        .about-public-card p {
            color: var(--text-sub);
            font-size: .81rem;
            line-height: 1.65;
        }

        .about-public-list {
            margin: 4px 0 0;
            padding-left: 18px;
            color: var(--text-sub);
            font-size: .8rem;
            line-height: 1.75;
        }

        .about-public-badge {
            display: inline-flex;
            align-self: flex-start;
            padding: 5px 9px;
            border: 1px solid rgba(56,189,248,.25);
            border-radius: 999px;
            background: rgba(56,189,248,.07);
            color: #bae6fd;
            font-size: .66rem;
            font-weight: 800;
            text-transform: uppercase;
        }

        @media(max-width:900px) {
            .about-nav-menu {
                left: auto;
                right: 0;
            }
            .about-subpage-grid,
            .about-subpage-grid.two {
                grid-template-columns: 1fr;
            }
        }

    
        /* ===== HLAVNÍ STRÁNKA O NÁS ===== */
        .about-main-content {
            max-width: 1080px;
            margin: 0 auto 24px;
            padding: 38px 42px;
            background:
                radial-gradient(circle at 8% 0%, rgba(56,189,248,.10), transparent 34%),
                linear-gradient(145deg, rgba(9,20,36,.98), rgba(5,11,20,.98));
        }
        .about-main-content > p {
            margin: 0 0 20px;
            color: #cbd5e1;
            font-size: .94rem;
            line-height: 1.9;
        }
        .about-main-content > p strong {
            color: #fff;
            font-weight: 800;
        }
        .about-main-motto {
            display: flex;
            align-items: center;
            gap: 13px;
            margin-top: 28px;
            padding: 18px 20px;
            border: 1px solid rgba(56,189,248,.28);
            border-radius: 14px;
            background: rgba(56,189,248,.07);
            color: #e0f2fe;
            line-height: 1.55;
        }
        .about-main-motto i {
            flex: 0 0 auto;
            color: var(--police-cyan);
            font-size: 1.25rem;
            filter: drop-shadow(0 0 8px rgba(56,189,248,.45));
        }
        @media(max-width:700px) {
            .about-main-content { padding: 26px 22px; }
            .about-main-content > p { font-size: .88rem; line-height: 1.8; }
            .about-main-motto { align-items: flex-start; }
        }

    
        .about-nav-dropdown.menu-open .about-nav-menu {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
            pointer-events: auto;
        }

        .about-nav-dropdown.menu-open .about-nav-toggle i {
            transform: rotate(180deg);
        }

    
        /* ===== PROPOJENÁ ORGANIZAČNÍ STRUKTURA ===== */
        .org-chart-card,
        .rank-reference-card {
            position: relative;
            overflow: hidden;
            border-color: rgba(56,189,248,.28);
            background:
                radial-gradient(circle at 50% 0%, rgba(56,189,248,.09), transparent 34%),
                linear-gradient(145deg, rgba(9,20,36,.98), rgba(5,11,20,.98));
        }

        .org-chart-title {
            display:flex;
            align-items:center;
            gap:10px;
            margin-bottom:26px;
            color:#fff;
            font-family:'Chakra Petch',sans-serif;
            font-size:1.15rem;
            font-weight:800;
            text-transform:uppercase;
            letter-spacing:.5px;
        }

        .org-chart-title i {
            color:var(--police-cyan);
            filter:drop-shadow(0 0 8px rgba(56,189,248,.45));
        }

        .org-chart {
            position:relative;
            display:flex;
            flex-direction:column;
            align-items:center;
            padding:10px 10px 4px;
        }

        .org-level {
            position:relative;
            z-index:2;
            width:100%;
            display:grid;
            justify-content:center;
            gap:22px;
        }

        .org-level-single {
            grid-template-columns:minmax(260px, 430px);
        }

        .org-level-two {
            grid-template-columns:repeat(2,minmax(250px, 360px));
            max-width:820px;
        }

        .org-level-three {
            grid-template-columns:repeat(3,minmax(220px, 1fr));
            max-width:1080px;
        }

        .org-level-ranks {
            grid-template-columns:repeat(3,minmax(180px, 1fr));
            max-width:960px;
        }

        .org-node {
            position:relative;
            min-height:116px;
            display:flex;
            flex-direction:column;
            align-items:center;
            justify-content:center;
            gap:6px;
            padding:18px 20px;
            border:1px solid rgba(56,189,248,.27);
            border-radius:16px;
            background:linear-gradient(145deg,rgba(56,189,248,.075),rgba(5,13,24,.72));
            text-align:center;
            box-shadow:0 12px 26px rgba(0,0,0,.22);
        }

        .org-node::before {
            content:'';
            position:absolute;
            inset:0;
            border-radius:inherit;
            pointer-events:none;
            box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
        }

        .org-node-director {
            border-color:rgba(245,158,11,.52);
            background:
                radial-gradient(circle at 50% 0%,rgba(245,158,11,.13),transparent 50%),
                rgba(5,13,24,.78);
        }

        .org-node-deputy {
            border-color:rgba(0,151,255,.46);
        }

        .org-node-internal {
            border-color:rgba(245,223,33,.42);
        }

        .org-node-kicker {
            color:var(--police-cyan);
            font-size:.66rem;
            font-weight:850;
            letter-spacing:.9px;
            text-transform:uppercase;
        }

        .org-node strong {
            color:#fff;
            font-family:'Chakra Petch',sans-serif;
            font-size:1rem;
            line-height:1.25;
        }

        .org-node small {
            max-width:300px;
            color:var(--text-sub);
            font-size:.70rem;
            line-height:1.5;
        }

        .org-rank-node {
            min-height:62px;
            padding:13px 15px;
            border-color:rgba(148,163,184,.22);
            background:rgba(255,255,255,.022);
        }

        .org-rank-node strong {
            font-size:.86rem;
        }

        .org-connector-v {
            width:2px;
            height:34px;
            position:relative;
            z-index:1;
            background:linear-gradient(180deg,rgba(56,189,248,.22),rgba(56,189,248,.72));
            box-shadow:0 0 10px rgba(56,189,248,.15);
        }

        .org-branch-line {
            width:min(54%,560px);
            height:22px;
            margin-top:-1px;
            border-left:2px solid rgba(56,189,248,.45);
            border-right:2px solid rgba(56,189,248,.45);
            border-bottom:2px solid rgba(56,189,248,.45);
            border-radius:0 0 12px 12px;
        }

        .org-chart-note {
            display:flex;
            align-items:flex-start;
            gap:10px;
            margin-top:24px;
            padding:14px 16px;
            border:1px solid rgba(56,189,248,.18);
            border-radius:12px;
            background:rgba(56,189,248,.045);
            color:var(--text-sub);
            font-size:.76rem;
            line-height:1.55;
        }

        .org-chart-note i {
            margin-top:2px;
            color:var(--police-cyan);
        }

        .rank-reference-intro {
            margin:-10px 0 18px;
            color:var(--text-sub);
            font-size:.8rem;
            line-height:1.55;
        }

        .rank-reference-grid {
            display:grid;
            grid-template-columns:repeat(2,minmax(0,1fr));
            gap:18px;
            align-items:start;
        }

        .rank-reference-item {
            margin:0;
            overflow:hidden;
            border:1px solid rgba(56,189,248,.20);
            border-radius:16px;
            background:#02070e;
        }

        .rank-reference-item img {
            display:block;
            width:100%;
            height:auto;
            object-fit:contain;
        }

        @media(max-width:1000px) {
            .org-level-three,
            .org-level-ranks {
                grid-template-columns:1fr;
                max-width:560px;
            }

            .org-level-two {
                grid-template-columns:1fr;
                max-width:560px;
            }

            .org-branch-line {
                display:none;
            }

            .rank-reference-grid {
                grid-template-columns:1fr;
            }
        }

    
        /* ===== ORGANIZAČNÍ STRUKTURA – FINÁLNÍ ===== */
        .org-final-card {
            padding: 34px;
            border-color: rgba(56,189,248,.28);
            background:
                radial-gradient(circle at 50% 0%, rgba(56,189,248,.085), transparent 32%),
                linear-gradient(145deg, rgba(9,20,36,.98), rgba(5,11,20,.98));
        }

        .org-final-heading {
            display:flex;
            align-items:center;
            gap:10px;
            margin-bottom:28px;
            color:#fff;
            font-family:'Chakra Petch',sans-serif;
            font-size:1.18rem;
            font-weight:800;
            text-transform:uppercase;
        }

        .org-final-heading i {
            color:var(--police-cyan);
        }

        .org-final-tree {
            display:flex;
            flex-direction:column;
            align-items:center;
        }

        .org-final-row {
            width:100%;
            display:grid;
            justify-content:center;
            gap:22px;
            position:relative;
            z-index:2;
        }

        .org-final-row.one {
            grid-template-columns:minmax(300px, 520px);
        }

        .org-final-row.two {
            grid-template-columns:repeat(2,minmax(280px, 390px));
            max-width:860px;
        }

        .org-final-row.three {
            grid-template-columns:repeat(3,minmax(250px, 1fr));
            max-width:1160px;
        }

        .org-final-node {
            min-height:150px;
            padding:20px 22px;
            display:flex;
            flex-direction:column;
            justify-content:center;
            border:1px solid rgba(56,189,248,.28);
            border-radius:16px;
            background:linear-gradient(145deg,rgba(56,189,248,.07),rgba(5,13,24,.72));
            box-shadow:0 12px 26px rgba(0,0,0,.22);
        }

        .org-final-node.director {
            border-color:rgba(245,158,11,.55);
            background:
                radial-gradient(circle at 50% 0%,rgba(245,158,11,.14),transparent 52%),
                rgba(5,13,24,.82);
        }

        .org-final-node.deputy {
            border-color:rgba(0,151,255,.52);
        }

        .org-final-node.internal {
            border-color:rgba(244,223,33,.48);
        }

        .org-final-node.command {
            border-color:rgba(56,189,248,.38);
        }

        .org-final-node.inspector {
            border-color:rgba(56,189,248,.30);
        }

        .org-final-node.rank-card {
            min-height:175px;
            justify-content:flex-start;
            border-color:rgba(148,163,184,.26);
            background:
                radial-gradient(circle at 8% 0%,rgba(56,189,248,.05),transparent 48%),
                rgba(255,255,255,.025);
        }

        .org-final-rank {
            margin-bottom:6px;
            color:var(--police-cyan);
            font-size:.68rem;
            font-weight:850;
            letter-spacing:.8px;
            text-transform:uppercase;
        }

        .org-final-node h3 {
            margin:0 0 8px;
            color:#fff;
            font-family:'Chakra Petch',sans-serif;
            font-size:1.05rem;
            line-height:1.3;
        }

        .org-final-node p,
        .org-final-node ul {
            color:var(--text-sub);
            font-size:.74rem;
            line-height:1.62;
        }

        .org-final-node ul {
            margin:0;
            padding-left:18px;
        }

        .org-final-node li + li {
            margin-top:4px;
        }

        .org-line.vertical {
            width:2px;
            height:34px;
            background:linear-gradient(180deg,rgba(56,189,248,.20),rgba(56,189,248,.72));
            box-shadow:0 0 10px rgba(56,189,248,.12);
        }

        .org-line.branch {
            width:min(48%,520px);
            height:24px;
            margin-top:-1px;
            border-left:2px solid rgba(56,189,248,.44);
            border-right:2px solid rgba(56,189,248,.44);
            border-bottom:2px solid rgba(56,189,248,.44);
            border-radius:0 0 12px 12px;
        }

        .org-final-ranks-heading {
            width:min(100%,1160px);
            margin:0 0 18px;
            display:flex;
            align-items:center;
            gap:14px;
            color:#dbeafe;
            font-size:.72rem;
            font-weight:850;
            letter-spacing:.8px;
            text-transform:uppercase;
        }

        .org-final-ranks-heading::before,
        .org-final-ranks-heading::after {
            content:'';
            height:1px;
            flex:1;
            background:linear-gradient(90deg,transparent,rgba(56,189,248,.28));
        }

        .org-final-ranks-heading::after {
            background:linear-gradient(90deg,rgba(56,189,248,.28),transparent);
        }

        .org-final-notes {
            display:grid;
            gap:8px;
            margin-top:26px;
        }

        .org-final-notes > div {
            display:flex;
            align-items:flex-start;
            gap:9px;
            padding:12px 14px;
            border:1px solid rgba(56,189,248,.18);
            border-radius:11px;
            background:rgba(56,189,248,.045);
            color:var(--text-sub);
            font-size:.74rem;
            line-height:1.5;
        }

        .org-final-notes i {
            margin-top:2px;
            color:var(--police-cyan);
        }

        @media(max-width:980px) {
            .org-final-row.two,
            .org-final-row.three {
                grid-template-columns:1fr;
                max-width:650px;
            }

            .org-line.branch {
                display:none;
            }

            .org-final-node {
                min-height:auto;
            }
        }

        @media(max-width:650px) {
            .org-final-card {
                padding:22px 16px;
            }

            .org-final-row.one {
                grid-template-columns:1fr;
            }
        }

    
        /* ===== BARVY ORGANIZAČNÍ STRUKTURY PODLE DATABÁZE ===== */
        .org-final-node[class*="rank-color-"] {
            --rank-border: rgba(56,189,248,.28);
            --rank-text: var(--police-cyan);
            --rank-bg: rgba(56,189,248,.06);
            border-color: var(--rank-border) !important;
            background:
                radial-gradient(circle at 8% 0%, var(--rank-bg), transparent 48%),
                rgba(5,13,24,.78) !important;
            box-shadow:
                0 12px 26px rgba(0,0,0,.22),
                inset 0 0 0 1px color-mix(in srgb, var(--rank-border) 16%, transparent);
        }

        .org-final-node[class*="rank-color-"] .org-final-rank,
        .org-final-node[class*="rank-color-"] h3 {
            color: var(--rank-text) !important;
        }

        .org-final-node[class*="rank-color-"] .org-final-rank {
            opacity: .92;
        }

        /* Ředitel – databáze: #aa3b3b / #ff4848 */
        .rank-color-reditel {
            --rank-border:#aa3b3b !important;
            --rank-text:#ff4848 !important;
            --rank-bg:rgba(170,59,59,.17) !important;
        }

        /* Zástupce ředitele – databáze: #00eaff / #0097ff */
        .rank-color-zastupce {
            --rank-border:#00eaff !important;
            --rank-text:#0097ff !important;
            --rank-bg:rgba(0,234,255,.14) !important;
        }

        /* Velitel vnitřních záležitostí – databáze: #ffdd00 / #f3ff97 */
        .rank-color-vvz {
            --rank-border:#ffdd00 !important;
            --rank-text:#f3ff97 !important;
            --rank-bg:rgba(255,221,0,.13) !important;
        }

        /* Vrchní komisař – databáze: #0e9c34 / #6bff92 */
        .rank-color-vrchni-komisar {
            --rank-border:#0e9c34 !important;
            --rank-text:#6bff92 !important;
            --rank-bg:rgba(14,156,52,.15) !important;
        }

        /* Komisař – databáze: #82ff74 / #a5ff57 */
        .rank-color-komisar {
            --rank-border:#82ff74 !important;
            --rank-text:#a5ff57 !important;
            --rank-bg:rgba(130,255,116,.12) !important;
        }

        /* Inspektoráty */
        .rank-color-vrchni-inspektor {
            --rank-border:#06c303 !important;
            --rank-text:#11ff00 !important;
            --rank-bg:rgba(6,195,3,.13) !important;
        }

        .rank-color-inspektor {
            --rank-border:#19af06 !important;
            --rank-text:#66ff52 !important;
            --rank-bg:rgba(25,175,6,.13) !important;
        }

        .rank-color-mladsi-inspektor {
            --rank-border:#26c066 !important;
            --rank-text:#08ff6f !important;
            --rank-bg:rgba(38,192,102,.13) !important;
        }

        /* Standardní hodnosti strážníků */
        .rank-color-vrchni-nadstrazmistr {
            --rank-border:#206694 !important;
            --rank-text:#003cce !important;
            --rank-bg:rgba(32, 102, 148,.15) !important;
        }

        .rank-color-nadstrazmistr {
            --rank-border:#206694 !important;
            --rank-text:#1753b9 !important;
            --rank-bg:rgba(32, 102, 148,.15) !important;
        }

        .rank-color-mladsi-nadstrazmistr {
            --rank-border:#206694 !important;
            --rank-text:#4e80dd !important;
            --rank-bg:rgba(32, 102, 148,.15) !important;
        }

        .rank-color-vrchni-strazmistr {
            --rank-border:#3a84b3 !important;
            --rank-text:#293ad6 !important;
            --rank-bg:rgba(58, 132, 179,.15) !important;
        }

        .rank-color-strazmistr,
        .rank-color-mladsi-strazmistr {
            --rank-border:#3a84b3 !important;
            --rank-text:#286fbb !important;
            --rank-bg:rgba(58, 132, 179,.15) !important;
        }

        /* Propojující čáry zůstávají neutrálně modré, aby byla hierarchie čitelná. */

    
        .rank-color-strazmistr {
            --rank-border:#3a84b3 !important;
            --rank-text:#2d57e0 !important;
            --rank-bg:rgba(58, 132, 179,.15) !important;
        }
    
        /* ===== NOVÉ BARVY STRÁŽNÍKŮ – SHODNÉ S DATABÁZÍ ===== */
        .rank-color-mladsi-strazmistr { --rank-border:#3a84b3 !important; --rank-text:#286fbb !important; --rank-bg:rgba(58,132,179,.15) !important; }
        .rank-color-strazmistr { --rank-border:#3a84b3 !important; --rank-text:#2d57e0 !important; --rank-bg:rgba(58,132,179,.15) !important; }
        .rank-color-vrchni-strazmistr { --rank-border:#3a84b3 !important; --rank-text:#293ad6 !important; --rank-bg:rgba(58,132,179,.15) !important; }
        .rank-color-mladsi-nadstrazmistr { --rank-border:#206694 !important; --rank-text:#4e80dd !important; --rank-bg:rgba(32,102,148,.15) !important; }
        .rank-color-nadstrazmistr { --rank-border:#206694 !important; --rank-text:#1753b9 !important; --rank-bg:rgba(32,102,148,.15) !important; }
        .rank-color-vrchni-nadstrazmistr { --rank-border:#206694 !important; --rank-text:#003cce !important; --rank-bg:rgba(32,102,148,.15) !important; }

    
        /* ===== ORGANIZAČNÍ STRUKTURA – ADMIN EDITACE ===== */
        .org-admin-card {
            padding:34px;
            border-color:rgba(56,189,248,.28);
            background:
                radial-gradient(circle at 50% 0%,rgba(56,189,248,.08),transparent 34%),
                linear-gradient(145deg,rgba(9,20,36,.98),rgba(5,11,20,.98));
        }

        .org-admin-heading-row {
            display:flex;
            align-items:flex-start;
            justify-content:space-between;
            gap:18px;
            margin-bottom:28px;
        }

        .org-admin-heading {
            display:flex;
            align-items:center;
            gap:10px;
            color:#fff;
            font-family:'Chakra Petch',sans-serif;
            font-size:1.18rem;
            font-weight:800;
            text-transform:uppercase;
        }

        .org-admin-heading i { color:var(--police-cyan); }

        .org-admin-help {
            max-width:560px;
            align-items:flex-start;
            gap:8px;
            padding:9px 12px;
            border:1px solid rgba(245,158,11,.25);
            border-radius:10px;
            background:rgba(245,158,11,.055);
            color:#fde68a;
            font-size:.7rem;
            line-height:1.45;
        }

        .org-admin-tree {
            display:flex;
            flex-direction:column;
            align-items:center;
        }

        .org-admin-row {
            position:relative;
            z-index:2;
            width:100%;
            display:grid;
            justify-content:center;
            gap:22px;
        }

        .org-admin-row.one { grid-template-columns:minmax(310px,520px); }
        .org-admin-row.two { grid-template-columns:repeat(2,minmax(290px,400px)); max-width:860px; }
        .org-admin-row.three { grid-template-columns:repeat(3,minmax(250px,1fr)); max-width:1160px; }

        .org-admin-node {
            --org-border:#38bdf8;
            --org-accent:#38bdf8;
            --org-rgb:56,189,248;
            position:relative;
            min-height:160px;
            padding:22px 22px 20px;
            display:flex;
            flex-direction:column;
            justify-content:center;
            border:1px solid var(--org-border);
            border-radius:16px;
            background:
                radial-gradient(circle at 8% 0%,rgba(var(--org-rgb),.14),transparent 48%),
                rgba(5,13,24,.79);
            box-shadow:0 12px 26px rgba(0,0,0,.22);
            transition:border-color .2s,box-shadow .2s,background .2s;
        }

        .org-admin-node:hover {
            box-shadow:0 16px 32px rgba(0,0,0,.28),0 0 22px rgba(var(--org-rgb),.08);
        }

        .org-admin-kicker {
            width:max-content;
            max-width:100%;
            margin-bottom:7px;
            color:var(--org-accent);
            font-size:.67rem;
            font-weight:850;
            letter-spacing:.8px;
            text-transform:uppercase;
        }

        .org-admin-node h3 {
            width:max-content;
            max-width:100%;
            margin:0 0 9px;
            color:var(--org-accent);
            font-family:'Chakra Petch',sans-serif;
            font-size:1.06rem;
            line-height:1.28;
        }

        .org-admin-node p,
        .org-admin-list {
            color:var(--text-sub);
            font-size:.74rem;
            line-height:1.62;
        }

        .org-admin-list {
            margin:0;
            padding-left:18px;
        }

        .org-admin-list li + li { margin-top:4px; }

        .org-admin-vline {
            width:2px;
            height:34px;
            background:linear-gradient(180deg,rgba(56,189,248,.18),rgba(56,189,248,.70));
        }

        .org-admin-branch {
            height:24px;
            margin-top:-1px;
            border-left:2px solid rgba(56,189,248,.42);
            border-right:2px solid rgba(56,189,248,.42);
            border-bottom:2px solid rgba(56,189,248,.42);
            border-radius:0 0 12px 12px;
        }

        .org-admin-branch-two { width:min(48%,520px); }

        .org-admin-ranks-heading {
            width:min(100%,1160px);
            margin:0 0 18px;
            display:flex;
            align-items:center;
            gap:14px;
            color:#dbeafe;
            font-size:.72rem;
            font-weight:850;
            letter-spacing:.8px;
            text-transform:uppercase;
        }

        .org-admin-ranks-heading::before,
        .org-admin-ranks-heading::after {
            content:'';
            height:1px;
            flex:1;
            background:linear-gradient(90deg,transparent,rgba(56,189,248,.28));
        }

        .org-admin-ranks-heading::after {
            background:linear-gradient(90deg,rgba(56,189,248,.28),transparent);
        }

        .org-admin-rank-node {
            min-height:175px;
            justify-content:flex-start;
        }

        .org-color-controls {
            display:none;
            position:absolute;
            top:10px;
            right:10px;
            z-index:6;
            align-items:center;
            gap:7px;
            padding:6px 7px;
            border:1px solid rgba(245,158,11,.32);
            border-radius:10px;
            background:rgba(3,8,16,.94);
            box-shadow:0 8px 20px rgba(0,0,0,.3);
        }

        body.can-edit-text .org-color-controls { display:flex; }

        .org-color-controls label {
            position:relative;
            width:25px;
            height:25px;
            border-radius:50%;
            overflow:hidden;
            border:1px solid rgba(255,255,255,.22);
            cursor:pointer;
        }

        .org-color-input {
            position:absolute;
            inset:-8px;
            width:42px;
            height:42px;
            padding:0;
            border:0;
            cursor:pointer;
            background:transparent;
        }

        body.can-edit-text .org-admin-node {
            padding-top:48px;
        }

        body.can-edit-text .org-admin-node .editable-active {
            display:block;
            width:100%;
        }

        .org-admin-notes {
            display:grid;
            gap:8px;
            margin-top:26px;
        }

        .org-admin-notes > div {
            display:flex;
            align-items:flex-start;
            gap:9px;
            padding:12px 14px;
            border:1px solid rgba(56,189,248,.18);
            border-radius:11px;
            background:rgba(56,189,248,.045);
            color:var(--text-sub);
            font-size:.74rem;
            line-height:1.5;
        }

        .org-admin-notes i {
            margin-top:2px;
            color:var(--police-cyan);
        }

        @media(max-width:980px) {
            .org-admin-row.two,
            .org-admin-row.three {
                grid-template-columns:1fr;
                max-width:650px;
            }
            .org-admin-branch { display:none; }
            .org-admin-heading-row { flex-direction:column; }
            .org-admin-node { min-height:auto; }
        }

        @media(max-width:650px) {
            .org-admin-card { padding:22px 16px; }
            .org-admin-row.one { grid-template-columns:1fr; }
        }

    
        /* ===== ORGANIZAČNÍ STRUKTURA – PŘESNÉ ROZLOŽENÍ ===== */
        .org-admin-tree-exact {
            width:100%;
        }

        .org-admin-tree-exact .org-exact-top,
        .org-admin-tree-exact .org-exact-command {
            grid-template-columns:repeat(2,minmax(300px,400px));
            max-width:860px;
        }

        .org-admin-tree-exact .org-exact-vvz {
            grid-template-columns:minmax(330px,500px);
            max-width:500px;
        }

        .org-admin-tree-exact .org-exact-inspectors {
            grid-template-columns:repeat(3,minmax(250px,1fr));
            max-width:1160px;
        }

        .org-exact-space {
            height:34px;
        }

        /* V tomhle rozložení nechceme propojovací čáry mezi vedoucími bloky. */
        .org-admin-tree-exact .org-admin-vline,
        .org-admin-tree-exact .org-admin-branch {
            display:none !important;
        }

        .org-exact-ranks-heading {
            margin-top:34px;
            margin-bottom:18px;
        }

        .org-exact-ranks-heading span {
            white-space:nowrap;
        }

        @media(max-width:980px) {
            .org-admin-tree-exact .org-exact-top,
            .org-admin-tree-exact .org-exact-command,
            .org-admin-tree-exact .org-exact-inspectors {
                grid-template-columns:1fr;
                max-width:650px;
            }

            .org-admin-tree-exact .org-exact-vvz {
                max-width:650px;
                grid-template-columns:1fr;
            }

            .org-exact-space {
                height:22px;
            }
        }

    
        /* ===== VEDENÍ – ŽIVĚ Z DISCORDU ===== */
        .leadership-live-status {
            display:flex;
            align-items:flex-start;
            gap:13px;
            margin-bottom:20px;
            padding:14px 16px;
            border:1px solid rgba(88,101,242,.28);
            border-radius:14px;
            background:rgba(88,101,242,.065);
            color:#cbd5e1;
        }

        .leadership-live-status > i {
            margin-top:2px;
            color:#7289da;
            font-size:1.25rem;
        }

        .leadership-live-status strong {
            display:block;
            margin-bottom:3px;
            color:#fff;
            font-size:.82rem;
        }

        .leadership-live-status span {
            display:block;
            color:var(--text-sub);
            font-size:.72rem;
            line-height:1.5;
        }

        .leadership-live-grid {
            display:grid;
            grid-template-columns:repeat(2,minmax(0,1fr));
            gap:18px;
        }

        .leadership-live-card {
            --leadership-border:#38bdf8;
            --leadership-accent:#38bdf8;
            --leadership-rgb:56,189,248;
            position:relative;
            min-height:225px;
            display:grid;
            grid-template-columns:112px minmax(0,1fr);
            align-items:center;
            gap:20px;
            padding:22px;
            overflow:hidden;
            border:1px solid var(--leadership-border);
            border-radius:18px;
            background:
                radial-gradient(circle at 0% 0%,rgba(var(--leadership-rgb),.14),transparent 46%),
                linear-gradient(145deg,rgba(9,20,36,.98),rgba(5,11,20,.98));
            box-shadow:0 14px 28px rgba(0,0,0,.23);
        }

        .leadership-live-card::after {
            content:'';
            position:absolute;
            top:0;
            right:0;
            width:110px;
            height:110px;
            border-radius:0 0 0 100%;
            background:rgba(var(--leadership-rgb),.045);
            pointer-events:none;
        }

        .leadership-live-avatar-wrap {
            position:relative;
            width:108px;
            height:108px;
        }

        .leadership-live-avatar {
            width:108px;
            height:108px;
            display:block;
            object-fit:cover;
            border:2px solid var(--leadership-border);
            border-radius:22px;
            background:#050b14;
            box-shadow:
                0 0 0 5px rgba(var(--leadership-rgb),.075),
                0 12px 26px rgba(0,0,0,.4);
        }

        .leadership-live-online {
            position:absolute;
            right:-2px;
            bottom:-2px;
            width:18px;
            height:18px;
            border:3px solid #07111e;
            border-radius:50%;
            background:#22c55e;
            box-shadow:0 0 10px rgba(34,197,94,.55);
        }

        .leadership-live-info {
            min-width:0;
        }

        .leadership-live-role {
            display:inline-flex;
            align-items:center;
            gap:7px;
            margin-bottom:9px;
            color:var(--leadership-accent);
            font-size:.67rem;
            font-weight:900;
            letter-spacing:.75px;
            text-transform:uppercase;
        }

        .leadership-live-name {
            margin:0 0 7px;
            overflow-wrap:anywhere;
            color:#fff;
            font-family:'Chakra Petch',sans-serif;
            font-size:1.32rem;
            line-height:1.2;
        }

        .leadership-live-meta {
            display:flex;
            flex-wrap:wrap;
            gap:7px;
            margin-top:9px;
        }

        .leadership-live-pill {
            display:inline-flex;
            align-items:center;
            gap:6px;
            padding:6px 9px;
            border:1px solid rgba(var(--leadership-rgb),.24);
            border-radius:999px;
            background:rgba(var(--leadership-rgb),.055);
            color:#dbeafe;
            font-size:.66rem;
            font-weight:750;
        }

        .leadership-live-vacant {
            grid-template-columns:1fr;
            min-height:155px;
            text-align:center;
            place-items:center;
        }

        .leadership-live-vacant .leadership-live-info {
            display:flex;
            flex-direction:column;
            align-items:center;
        }

        .leadership-live-vacant-icon {
            width:50px;
            height:50px;
            display:grid;
            place-items:center;
            margin-bottom:10px;
            border:1px dashed var(--leadership-border);
            border-radius:14px;
            color:var(--leadership-accent);
            background:rgba(var(--leadership-rgb),.05);
            font-size:1.15rem;
        }

        .leadership-live-vacant-text {
            color:var(--text-sub);
            font-size:.72rem;
        }

        .leadership-live-loading {
            grid-column:1/-1;
            display:flex;
            align-items:center;
            justify-content:center;
            gap:9px;
            min-height:160px;
            border:1px solid var(--panel-border);
            border-radius:16px;
            color:var(--text-sub);
            background:rgba(255,255,255,.018);
            font-size:.78rem;
        }

        @media(max-width:900px) {
            .leadership-live-grid {
                grid-template-columns:1fr;
            }
        }

        @media(max-width:560px) {
            .leadership-live-card {
                grid-template-columns:1fr;
                text-align:center;
            }

            .leadership-live-avatar-wrap {
                margin:0 auto;
            }

            .leadership-live-meta,
            .leadership-live-role {
                justify-content:center;
            }
        }

    
        /* ===== VEDENÍ – ČISTÝ FORMÁT VE STYLU SEKRETARIÁTU ===== */
        #page-about-vedeni .leadership-live-grid {
            display:grid;
            grid-template-columns:repeat(2,minmax(0,1fr));
            gap:16px;
        }

        #page-about-vedeni .leadership-live-card {
            --leadership-accent:#38bdf8;
            --leadership-rgb:56,189,248;
            position:relative;
            min-width:0;
            min-height:300px;
            padding:26px 22px 22px;
            display:flex;
            flex-direction:column;
            align-items:center;
            text-align:center;
            overflow:hidden;
            border:1px solid rgba(148,163,184,.17);
            border-radius:18px;
            background:
                radial-gradient(circle at 50% 0%,rgba(var(--leadership-rgb),.075),transparent 42%),
                linear-gradient(145deg,rgba(9,20,36,.97),rgba(5,11,20,.98));
            box-shadow:0 14px 30px rgba(0,0,0,.24);
        }

        #page-about-vedeni .leadership-live-card::before {
            content:'';
            position:absolute;
            top:0;
            left:28px;
            right:28px;
            height:2px;
            border-radius:0 0 4px 4px;
            background:var(--leadership-accent);
            opacity:.65;
        }

        #page-about-vedeni .leadership-live-card::after {
            display:none !important;
        }

        #page-about-vedeni .leadership-live-avatar-wrap {
            position:relative;
            width:112px;
            height:112px;
            margin:2px auto 18px;
        }

        /* ŽÁDNÝ BAREVNÝ / MODRÝ RÁMEČEK KOLEM PROFILOVEK */
        #page-about-vedeni .leadership-live-avatar,
        .secretariat-photo {
            width:112px;
            height:112px;
            display:block;
            object-fit:cover;
            border:0 !important;
            outline:0 !important;
            border-radius:22px;
            background:#050b14;
            box-shadow:0 12px 26px rgba(0,0,0,.42) !important;
        }

        .secretariat-photo {
            width:124px;
            height:124px;
        }

        #page-about-vedeni .leadership-live-online {
            position:absolute;
            right:-1px;
            bottom:-1px;
            width:17px;
            height:17px;
            border:3px solid #07111e;
            border-radius:50%;
            background:#22c55e;
            box-shadow:0 0 9px rgba(34,197,94,.45);
        }

        #page-about-vedeni .leadership-live-info {
            width:100%;
            display:flex;
            flex:1;
            flex-direction:column;
            align-items:center;
        }

        #page-about-vedeni .leadership-live-role {
            display:inline-flex;
            align-items:center;
            justify-content:center;
            gap:7px;
            margin-bottom:8px;
            color:var(--leadership-accent);
            font-size:.68rem;
            font-weight:900;
            letter-spacing:.75px;
            text-transform:uppercase;
        }

        #page-about-vedeni .leadership-live-name {
            margin:0 0 8px;
            color:#fff;
            font-family:'Chakra Petch',sans-serif;
            font-size:1.34rem;
            line-height:1.2;
            overflow-wrap:anywhere;
        }

        #page-about-vedeni .leadership-live-meta {
            display:flex;
            flex-wrap:wrap;
            justify-content:center;
            gap:7px;
            margin:0 0 14px;
        }

        #page-about-vedeni .leadership-live-pill {
            display:inline-flex;
            align-items:center;
            gap:6px;
            padding:5px 9px;
            border:1px solid rgba(148,163,184,.17);
            border-radius:999px;
            background:rgba(255,255,255,.025);
            color:#dbeafe;
            font-size:.65rem;
            font-weight:750;
        }

        #page-about-vedeni .leadership-live-desc {
            width:100%;
            max-width:450px;
            margin:0 auto 16px;
            color:var(--text-sub);
            font-size:.74rem;
            line-height:1.62;
        }

        #page-about-vedeni .leadership-live-contact-area {
            width:100%;
            margin-top:auto;
            padding-top:14px;
            border-top:1px solid rgba(148,163,184,.12);
        }

        #page-about-vedeni .leadership-contact-btn {
            width:100%;
            max-width:260px;
            justify-content:center;
            border-radius:10px;
            background:rgba(var(--leadership-rgb),.10);
            border:1px solid rgba(var(--leadership-rgb),.27);
            color:#fff;
            box-shadow:none;
        }

        #page-about-vedeni .leadership-contact-btn:hover {
            transform:translateY(-1px);
            background:rgba(var(--leadership-rgb),.17);
            border-color:var(--leadership-accent);
        }

        #page-about-vedeni .leadership-contact-unavailable {
            display:inline-flex;
            align-items:center;
            justify-content:center;
            gap:7px;
            min-height:34px;
            padding:7px 11px;
            border:1px solid rgba(148,163,184,.14);
            border-radius:9px;
            background:rgba(255,255,255,.02);
            color:#7f8da2;
            font-size:.67rem;
            font-weight:700;
        }

        #page-about-vedeni .leadership-live-vacant {
            min-height:245px;
            justify-content:center;
        }

        #page-about-vedeni .leadership-live-vacant-icon {
            width:54px;
            height:54px;
            display:grid;
            place-items:center;
            margin:0 auto 12px;
            border:1px solid rgba(148,163,184,.18);
            border-radius:15px;
            background:rgba(255,255,255,.025);
            color:var(--leadership-accent);
            font-size:1.15rem;
        }

        #page-about-vedeni .leadership-live-vacant-text {
            color:var(--text-sub);
            font-size:.72rem;
            line-height:1.55;
        }

        #page-about-vedeni .leadership-live-loading {
            grid-column:1/-1;
            display:flex;
            align-items:center;
            justify-content:center;
            gap:9px;
            min-height:150px;
            border:1px solid var(--panel-border);
            border-radius:16px;
            color:var(--text-sub);
            background:rgba(255,255,255,.018);
            font-size:.78rem;
        }

        .leadership-admin-panel {
            display:none;
            margin-bottom:18px;
            padding:18px;
            border:1px solid rgba(245,158,11,.28);
            border-radius:14px;
            background:rgba(245,158,11,.045);
        }

        body.can-edit-text .leadership-admin-panel {
            display:block !important;
        }

        .leadership-admin-title {
            display:flex;
            align-items:center;
            gap:8px;
            margin-bottom:14px;
            color:#fde68a;
            font-size:.78rem;
            font-weight:850;
        }

        .leadership-admin-grid {
            display:grid;
            grid-template-columns:repeat(2,minmax(0,1fr));
            gap:12px;
        }

        .leadership-admin-grid label span {
            display:block;
            margin-bottom:6px;
            color:var(--text-sub);
            font-size:.68rem;
            font-weight:750;
        }

        .leadership-admin-note {
            margin-top:11px;
            color:var(--text-sub);
            font-size:.68rem;
            line-height:1.5;
        }

        /* editovatelné texty uvnitř dynamických karet */
        body.can-edit-text #page-about-vedeni .leadership-live-card .edit-node {
            width:100%;
        }

        @media(max-width:820px) {
            #page-about-vedeni .leadership-live-grid,
            .leadership-admin-grid {
                grid-template-columns:1fr;
            }
        }

    
        /* ===== VEDENÍ – FORMÁT JAKO VELITELSTVÍ PJ ===== */
        .leadership-pj-shell {
            padding:26px;
        }

        .leadership-pj-title {
            display:flex;
            align-items:center;
            justify-content:space-between;
            margin-bottom:24px;
        }

        .leadership-pj-heading {
            display:inline-flex;
            align-items:center;
            gap:14px;
            font-size:clamp(1.35rem,2vw,1.7rem);
        }

        .leadership-pj-logo {
            width:58px;
            height:58px;
            display:grid;
            place-items:center;
            flex:0 0 58px;
            color:var(--police-cyan);
            font-size:1.75rem;
        }

        #page-about-vedeni .leadership-pj-grid {
            display:grid;
            grid-template-columns:repeat(auto-fit,minmax(270px,360px));
            justify-content:center;
            gap:18px;
        }

        #page-about-vedeni .leadership-pj-card {
            --leadership-accent:#38bdf8;
            --leadership-rgb:56,189,248;
            width:100%;
            max-width:none;
            min-height:0;
            margin:0;
            padding:25px;
            position:relative;
            border-color:rgba(var(--leadership-rgb),.22);
            background:
                radial-gradient(circle at 50% 0%,rgba(var(--leadership-rgb),.07),transparent 48%),
                rgba(8,15,27,.78);
        }

        #page-about-vedeni .leadership-pj-card::before {
            content:'';
            position:absolute;
            left:22px;
            right:22px;
            top:0;
            height:2px;
            background:var(--leadership-accent);
            opacity:.62;
            border-radius:0 0 5px 5px;
        }

        #page-about-vedeni .leadership-pj-card .discord-avatar-wrapper {
            margin-bottom:12px;
        }

        /* žádné modré/barevné ohraničení avatarů */
        #page-about-vedeni .leadership-pj-card .discord-avatar,
        #page-about-vedeni .leadership-live-avatar,
        .secretariat-photo {
            border:0 !important;
            outline:0 !important;
            box-shadow:0 10px 22px rgba(0,0,0,.4) !important;
        }

        #page-about-vedeni .leadership-pj-role {
            margin:2px 0 7px;
            color:var(--leadership-accent);
            font-size:.67rem;
            font-weight:900;
            letter-spacing:.7px;
            text-transform:uppercase;
        }

        #page-about-vedeni .leadership-pj-meta {
            display:grid;
            gap:7px;
            width:100%;
            margin-top:14px;
            padding-top:13px;
            border-top:1px solid rgba(148,163,184,.12);
            color:var(--text-sub);
            font-size:.76rem;
        }

        #page-about-vedeni .leadership-pj-meta strong {
            color:#e2e8f0;
        }

        #page-about-vedeni .leadership-pj-contact {
            width:100%;
            margin-top:14px;
        }

        #page-about-vedeni .leadership-pj-contact-btn {
            width:100%;
            justify-content:center;
            min-height:38px;
            border-radius:9px;
            background:rgba(var(--leadership-rgb),.08);
            border:1px solid rgba(var(--leadership-rgb),.25);
            color:#fff;
            box-shadow:none;
        }

        #page-about-vedeni .leadership-pj-contact-btn:hover {
            background:rgba(var(--leadership-rgb),.15);
            border-color:var(--leadership-accent);
        }

        #page-about-vedeni .leadership-pj-no-contact {
            display:flex;
            align-items:center;
            justify-content:center;
            gap:7px;
            min-height:36px;
            color:#758399;
            font-size:.67rem;
        }

        /* ===== O MĚSTSKÉ POLICII – V2 ===== */
        .about-v2-layout {
            display:grid;
            grid-template-columns:repeat(2,minmax(0,1fr));
            gap:18px;
        }

        .about-v2-section {
            margin:0;
            padding:28px;
            display:grid;
            grid-template-columns:54px minmax(0,1fr);
            align-items:start;
            gap:18px;
            background:
                radial-gradient(circle at 0% 0%,rgba(56,189,248,.075),transparent 38%),
                linear-gradient(145deg,rgba(9,20,36,.97),rgba(5,11,20,.98));
        }

        .about-v2-wide {
            grid-column:1/-1;
        }

        .about-v2-icon {
            width:52px;
            height:52px;
            display:grid;
            place-items:center;
            border-radius:14px;
            border:1px solid rgba(56,189,248,.20);
            background:rgba(56,189,248,.055);
            color:var(--police-cyan);
            font-size:1.15rem;
        }

        .about-v2-copy h3 {
            margin:0 0 14px;
            color:#fff;
            font-family:'Chakra Petch',sans-serif;
            font-size:1rem;
            text-transform:uppercase;
            letter-spacing:.45px;
        }

        .about-v2-copy p {
            margin:0;
            color:#b9c5d6;
            font-size:.85rem;
            line-height:1.78;
        }

        .about-v2-copy p + p {
            margin-top:15px;
        }

        .about-v2-copy strong,
        .about-v2-goal strong {
            color:#fff;
        }

        .about-v2-goal {
            grid-column:1/-1;
            display:grid;
            grid-template-columns:52px minmax(0,1fr);
            align-items:center;
            gap:17px;
            padding:20px 24px;
            border:1px solid rgba(56,189,248,.25);
            border-radius:16px;
            background:
                linear-gradient(90deg,rgba(56,189,248,.075),rgba(56,189,248,.025));
        }

        .about-v2-goal-icon {
            width:48px;
            height:48px;
            display:grid;
            place-items:center;
            border-radius:13px;
            background:rgba(56,189,248,.08);
            color:var(--police-cyan);
            font-size:1.05rem;
        }

        .about-v2-goal-label {
            display:block;
            margin-bottom:5px;
            color:var(--police-cyan);
            font-size:.68rem;
            font-weight:900;
            text-transform:uppercase;
            letter-spacing:.7px;
        }

        .about-v2-goal p {
            margin:0;
            color:#cbd5e1;
            font-size:.84rem;
            line-height:1.7;
        }

        @media(max-width:850px) {
            .about-v2-layout {
                grid-template-columns:1fr;
            }
            .about-v2-wide,
            .about-v2-goal {
                grid-column:auto;
            }
        }

        @media(max-width:560px) {
            .about-v2-section,
            .about-v2-goal {
                grid-template-columns:1fr;
                padding:22px;
            }
        }

    
        /* ===== O MĚSTSKÉ POLICII – JEDEN TEXTOVÝ BLOK ===== */
        .about-v3-card {
            position:relative;
            max-width:1120px;
            margin:0 auto 26px;
            padding:0;
            overflow:hidden;
            border-color:rgba(56,189,248,.20);
            background:
                radial-gradient(circle at 0% 0%,rgba(56,189,248,.055),transparent 36%),
                linear-gradient(145deg,rgba(9,20,36,.98),rgba(5,11,20,.98));
        }

        .about-v3-accent {
            height:3px;
            background:linear-gradient(90deg,var(--police-cyan),rgba(56,189,248,.08) 72%,transparent);
        }

        .about-v3-body {
            position:relative;
            padding:34px 42px 38px;
            color:#b9c5d6;
            font-size:.88rem;
            line-height:1.82;
        }

        .about-v3-body::after {
            content:'';
            position:absolute;
            right:-35px;
            bottom:-45px;
            width:190px;
            height:190px;
            border:1px solid rgba(56,189,248,.05);
            border-radius:50%;
            box-shadow:
                0 0 0 24px rgba(56,189,248,.018),
                0 0 0 52px rgba(56,189,248,.010);
            pointer-events:none;
        }

        .about-v3-body p {
            position:relative;
            z-index:1;
            margin:0 0 19px;
        }

        .about-v3-body p:last-child {
            margin-bottom:0;
        }

        .about-v3-body strong {
            color:#fff;
            font-weight:800;
        }

        body.can-edit-text .about-v3-body {
            outline-offset:-10px;
        }

        /* ===== VEDENÍ – HIERARCHICKÉ ZOBRAZENÍ ===== */
        .leadership-v3-shell {
            padding:26px;
        }

        .leadership-v3-title {
            margin-bottom:24px;
        }

        .leadership-v3-heading {
            display:inline-flex;
            align-items:center;
            gap:14px;
            font-size:clamp(1.35rem,2vw,1.7rem);
        }

        .leadership-v3-logo {
            width:58px;
            height:58px;
            display:grid;
            place-items:center;
            flex:0 0 58px;
            color:var(--police-cyan);
            font-size:1.75rem;
        }

        .leadership-v3-tree {
            display:flex;
            flex-direction:column;
            align-items:center;
            width:100%;
        }

        .leadership-v3-level {
            width:100%;
            display:grid;
            justify-content:center;
            gap:18px;
        }

        .leadership-v3-level.top {
            grid-template-columns:repeat(2,minmax(280px,360px));
            max-width:760px;
        }

        .leadership-v3-level.single {
            grid-template-columns:minmax(280px,360px);
            max-width:360px;
        }

        .leadership-v3-level.multi {
            grid-template-columns:repeat(auto-fit,minmax(270px,340px));
            max-width:1100px;
        }

        .leadership-v3-connector {
            width:2px;
            height:28px;
            background:linear-gradient(180deg,rgba(56,189,248,.10),rgba(56,189,248,.46));
        }

        .leadership-v3-branch {
            width:min(48%,360px);
            height:18px;
            margin-top:-1px;
            border-left:2px solid rgba(56,189,248,.28);
            border-right:2px solid rgba(56,189,248,.28);
            border-bottom:2px solid rgba(56,189,248,.28);
            border-radius:0 0 10px 10px;
        }

        #page-about-vedeni .leadership-v3-card {
            --leadership-accent:#38bdf8;
            --leadership-rgb:56,189,248;
            position:relative;
            width:100%;
            max-width:none;
            min-height:0;
            margin:0;
            padding:24px;
            border-color:rgba(var(--leadership-rgb),.20);
            background:
                radial-gradient(circle at 50% 0%,rgba(var(--leadership-rgb),.055),transparent 46%),
                rgba(8,15,27,.80);
        }

        #page-about-vedeni .leadership-v3-card::before {
            content:'';
            position:absolute;
            top:0;
            left:20px;
            right:20px;
            height:2px;
            border-radius:0 0 5px 5px;
            background:var(--leadership-accent);
            opacity:.60;
        }

        #page-about-vedeni .leadership-v3-role {
            margin:2px 0 7px;
            color:var(--leadership-accent);
            font-size:.67rem;
            font-weight:900;
            letter-spacing:.7px;
            text-transform:uppercase;
        }

        #page-about-vedeni .leadership-v3-meta {
            display:grid;
            gap:7px;
            width:100%;
            margin-top:14px;
            padding-top:13px;
            border-top:1px solid rgba(148,163,184,.12);
            color:var(--text-sub);
            font-size:.76rem;
        }

        #page-about-vedeni .leadership-v3-meta strong {
            color:#e2e8f0;
        }

        #page-about-vedeni .leadership-v3-contact,
        #page-about-vedeni .leadership-v3-admin {
            width:100%;
            margin-top:13px;
        }

        #page-about-vedeni .leadership-v3-contact-btn,
        #page-about-vedeni .leadership-v3-edit-btn {
            width:100%;
            justify-content:center;
            min-height:36px;
            border-radius:9px;
        }

        #page-about-vedeni .leadership-v3-contact-btn {
            background:rgba(var(--leadership-rgb),.07);
            border:1px solid rgba(var(--leadership-rgb),.22);
            color:#fff;
            box-shadow:none;
        }

        #page-about-vedeni .leadership-v3-no-contact {
            display:flex;
            align-items:center;
            justify-content:center;
            gap:7px;
            min-height:34px;
            color:#758399;
            font-size:.66rem;
        }

        #page-about-vedeni .leadership-v3-edit-btn {
            display:inline-flex;
            align-items:center;
            gap:7px;
            border:1px solid rgba(245,158,11,.28);
            background:rgba(245,158,11,.055);
            color:#fde68a;
            font-family:inherit;
            font-size:.68rem;
            font-weight:800;
            cursor:pointer;
        }

        /* ===== PROFILOVKY VELITELŮ – BEZ MODRÝCH RÁMEČKŮ ===== */
        .secretariat-photo,
        #pj-command-grid .discord-avatar,
        .dd-command-grid .discord-avatar,
        #od-command-grid .discord-avatar,
        #instr-tab-prehled .discord-avatar,
        #page-about-vedeni .discord-avatar {
            border:0 !important;
            outline:0 !important;
            box-shadow:0 10px 22px rgba(0,0,0,.40) !important;
        }

        .secretariat-photo {
            box-shadow:0 12px 28px rgba(0,0,0,.44) !important;
        }

        @media(max-width:820px) {
            .leadership-v3-level.top,
            .leadership-v3-level.multi {
                grid-template-columns:1fr;
                max-width:420px;
            }

            .leadership-v3-level.single {
                max-width:420px;
                grid-template-columns:1fr;
            }

            .leadership-v3-branch {
                display:none;
            }

            .about-v3-body {
                padding:28px 24px 32px;
            }
        }

    
        /* ===== VEDENÍ – BARVY PODLE SEZNAMU HODNOSTÍ ===== */
        #page-about-vedeni .leadership-v3-card {
            border-color: rgba(var(--leadership-rgb), .30) !important;
            background:
                radial-gradient(circle at 50% 0%, rgba(var(--leadership-rgb), .09), transparent 46%),
                rgba(8,15,27,.82) !important;
        }

        #page-about-vedeni .leadership-v3-card .leadership-v3-role {
            color: var(--leadership-accent) !important;
        }

        #page-about-vedeni .leadership-v3-card .leadership-v3-meta strong {
            color:#e2e8f0;
        }

        #page-about-vedeni .leadership-v3-card .leadership-v3-meta span:first-child strong[style] {
            color:var(--leadership-accent) !important;
        }

        #page-about-vedeni .leadership-v3-card .discord-badge {
            display:none !important;
        }

    
        /* ===== VEDENÍ – 1:1 BARVY STRUKTURA / DATABÁZE ===== */
        #page-about-vedeni .leadership-v3-card {
            --leadership-border:#38bdf8;
            border:1px solid var(--leadership-border) !important;
            background:
                radial-gradient(circle at 50% 0%,rgba(var(--leadership-rgb),.13),transparent 47%),
                rgba(8,15,27,.84) !important;
        }

        #page-about-vedeni .leadership-v3-card::before {
            background:var(--leadership-accent) !important;
            opacity:.78 !important;
        }

        #page-about-vedeni .leadership-v3-role,
        #page-about-vedeni .leadership-v3-role i {
            color:var(--leadership-accent) !important;
        }

        #page-about-vedeni .leadership-v3-contact-btn {
            border-color:color-mix(in srgb,var(--leadership-border) 55%,transparent) !important;
            background:color-mix(in srgb,var(--leadership-border) 11%,transparent) !important;
        }

        #page-about-vedeni .leadership-v3-contact-btn:hover {
            border-color:var(--leadership-border) !important;
            background:color-mix(in srgb,var(--leadership-border) 18%,transparent) !important;
        }

        /* Admin – editace opravdu všech profilových údajů */
        .leadership-edit-auto-note {
            display:flex;
            align-items:flex-start;
            gap:8px;
            margin:4px 0 16px;
            padding:10px 12px;
            border:1px solid rgba(88,101,242,.22);
            border-radius:10px;
            background:rgba(88,101,242,.055);
            color:var(--text-sub);
            font-size:.68rem;
            line-height:1.5;
        }

        .leadership-edit-auto-note i {
            margin-top:2px;
            color:#7289da;
        }

        .leadership-edit-footer {
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:10px;
            flex-wrap:wrap;
        }

        .leadership-edit-footer-right {
            display:flex;
            align-items:center;
            gap:9px;
            margin-left:auto;
        }

        .leadership-reset-btn {
            border:1px solid rgba(245,158,11,.28) !important;
            background:rgba(245,158,11,.055) !important;
            color:#fde68a !important;
        }

        @media(max-width:620px) {
            .leadership-edit-footer,
            .leadership-edit-footer-right {
                width:100%;
            }
            .leadership-edit-footer-right {
                margin-left:0;
            }
            .leadership-edit-footer button,
            .leadership-edit-footer-right button {
                flex:1;
            }
        }

    
        /* ===== O NÁS / OBLEČENÍ DO SLUŽBY ===== */
        .about-duty-clothing-wrap {
            display:flex;
            flex-wrap:wrap;
            justify-content:center;
            align-items:flex-start;
            gap:18px;
            width:100%;
        }

        .about-duty-clothing-card {
            width:min(100%,430px);
            max-width:430px;
        }

        .about-duty-clothing-visual {
            height:560px;
            padding:18px;
            background:
                radial-gradient(circle at 50% 48%,rgba(56,189,248,.055),transparent 48%),
                rgba(3,6,11,.50);
        }

        .about-duty-clothing-image {
            object-fit:contain;
            filter:drop-shadow(0 18px 16px rgba(0,0,0,.46));
        }

        #page-about-obleceni .pj-clothing-specs li {
            align-items:center;
        }

        #page-about-obleceni .pj-clothing-specs strong {
            min-width:130px;
        }

        @media(max-width:560px) {
            .about-duty-clothing-visual {
                height:440px;
            }

            #page-about-obleceni .pj-clothing-specs li {
                flex-direction:column;
                align-items:flex-start;
                gap:4px;
            }

            #page-about-obleceni .pj-clothing-specs strong {
                min-width:0;
                text-align:left;
            }
        }

    
        .about-duty-clothing-note {
            display:flex;
            align-items:flex-start;
            gap:9px;
            margin:0;
            padding:13px 16px;
            border-bottom:1px solid rgba(56,189,248,.12);
            background:rgba(245,158,11,.045);
            color:#cbd5e1;
            font-size:.72rem;
            line-height:1.55;
        }

        .about-duty-clothing-note i {
            margin-top:2px;
            color:#facc15;
        }

    
        /* Oblečení instruktorů */
        #instr-tab-obleceni .pj-clothing-card {
            margin: 0 auto;
        }
        #instr-tab-obleceni .pj-clothing-visual {
            background:
                radial-gradient(circle at 50% 42%, rgba(56,189,248,.055), transparent 47%),
                rgba(255,255,255,.012);
        }
        #instr-tab-obleceni .pj-clothing-image {
            width: 100%;
            height: 100%;
            padding: 4px 10px 0;
            filter: drop-shadow(0 18px 22px rgba(0,0,0,.42));
        }

    
        /* ===== OCENĚNÍ PROPOJENÁ S DISCORD ROLEMI ===== */
        .discord-awards-info {
            display:flex;
            align-items:flex-start;
            gap:10px;
            margin:0 0 18px;
            padding:13px 15px;
            border:1px solid rgba(88,101,242,.20);
            border-radius:12px;
            background:rgba(88,101,242,.055);
            color:var(--text-sub);
            font-size:.78rem;
            line-height:1.55;
        }
        .discord-awards-info i {
            flex:0 0 auto;
            margin-top:2px;
            color:#7289da;
            font-size:1rem;
        }

        .discord-awards-grid {
            display:grid;
            grid-template-columns:repeat(3,minmax(0,1fr));
            gap:16px;
        }

        .discord-award-card {
            --award-accent:#fffa00;
            --award-rgb:255,250,0;
            position:relative;
            min-width:0;
            overflow:hidden;
            padding:23px 20px 19px;
            border:1px solid rgba(var(--award-rgb),.25);
            border-radius:18px;
            background:
                radial-gradient(circle at 50% 0%,rgba(var(--award-rgb),.10),transparent 43%),
                linear-gradient(145deg,rgba(13,22,36,.98),rgba(7,14,24,.98));
            box-shadow:0 13px 30px rgba(0,0,0,.26);
        }

        .discord-award-card::before {
            content:'';
            position:absolute;
            left:22%;
            right:22%;
            top:0;
            height:2px;
            border-radius:0 0 4px 4px;
            background:linear-gradient(90deg,transparent,var(--award-accent),transparent);
            opacity:.72;
        }

        .discord-award-card.award-leadership { --award-accent:#fffa00; --award-rgb:255,250,0; }
        .discord-award-card.award-merit { --award-accent:#fffa00; --award-rgb:255,250,0; }
        .discord-award-card.award-loyalty { --award-accent:#fffa00; --award-rgb:255,250,0; }
        .discord-award-card.award-in-memoriam { --award-accent:#fffa00; --award-rgb:255,250,0; }
        .discord-award-card.award-bravery { --award-accent:#fffa00; --award-rgb:255,250,0; }
        .discord-award-card.award-photographer { --award-accent:#fffa00; --award-rgb:255,250,0; }

        .discord-award-head {
            display:flex;
            flex-direction:column;
            align-items:center;
            text-align:center;
        }

        .discord-award-icon {
            width:66px;
            height:66px;
            display:grid;
            place-items:center;
            margin:0 auto 13px;
            border:1px solid rgba(var(--award-rgb),.30);
            border-radius:50%;
            background:rgba(var(--award-rgb),.08);
            color:var(--award-accent);
            font-size:1.55rem;
            box-shadow:inset 0 0 22px rgba(var(--award-rgb),.05);
        }

        .discord-award-title {
            color:var(--award-accent);
            font-family:'Chakra Petch',sans-serif;
            font-size:1.02rem;
            font-weight:850;
            line-height:1.35;
        }

        .discord-award-note {
            min-height:47px;
            margin-top:8px;
            color:var(--text-sub);
            font-size:.74rem;
            line-height:1.5;
        }

        .discord-award-count {
            display:inline-flex;
            align-items:center;
            justify-content:center;
            gap:6px;
            margin-top:12px;
            padding:5px 10px;
            border:1px solid rgba(var(--award-rgb),.20);
            border-radius:999px;
            background:rgba(var(--award-rgb),.05);
            color:#dbe5ef;
            font-size:.67rem;
            font-weight:800;
        }

        .discord-award-holders {
            display:grid;
            gap:8px;
            margin-top:17px;
            padding-top:15px;
            border-top:1px solid rgba(var(--award-rgb),.14);
        }

        .discord-award-holder {
            display:grid;
            grid-template-columns:42px minmax(0,1fr) auto;
            align-items:center;
            gap:10px;
            padding:9px 10px;
            border:1px solid rgba(255,255,255,.07);
            border-radius:12px;
            background:rgba(255,255,255,.022);
        }

        .discord-award-holder-avatar {
            width:42px;
            height:42px;
            border:0;
            border-radius:50%;
            object-fit:cover;
            background:rgba(255,255,255,.04);
            box-shadow:0 6px 14px rgba(0,0,0,.30);
        }

        .discord-award-holder-main { min-width:0; }

        .discord-award-holder-name {
            overflow:hidden;
            text-overflow:ellipsis;
            white-space:nowrap;
            color:#fff;
            font-size:.79rem;
            font-weight:800;
        }

        .discord-award-holder-rank {
            overflow:hidden;
            text-overflow:ellipsis;
            white-space:nowrap;
            margin-top:2px;
            color:var(--text-sub);
            font-size:.64rem;
        }

        .discord-award-holder-callsign {
            color:var(--award-accent);
            font-family:'Chakra Petch',sans-serif;
            font-size:.67rem;
            font-weight:850;
            white-space:nowrap;
        }

        .discord-award-empty,
        .discord-award-loading {
            padding:17px 11px;
            border:1px dashed rgba(var(--award-rgb),.20);
            border-radius:11px;
            color:var(--text-sub);
            text-align:center;
            font-size:.71rem;
        }

        .discord-award-role-info {
            display:flex;
            align-items:center;
            justify-content:center;
            gap:6px;
            margin-top:13px;
            color:#66778d;
            font-size:.61rem;
        }
        .discord-award-role-info i { color:#7289da; }

        @media(max-width:1120px) {
            .discord-awards-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
        }
        @media(max-width:720px) {
            .discord-awards-grid { grid-template-columns:1fr; }
            .discord-award-note { min-height:0; }
        }

        /* ================= REFORMA VOLACÍCH ZNAKŮ ================= */
        #page-databaze-celkova .db-member-row.reform-status-pending td {
            background: rgba(245, 179, 1, 0.13) !important;
            border-color: rgba(245, 179, 1, 0.34) !important;
        }
        #page-databaze-celkova .db-member-row.reform-status-yes td {
            background: rgba(25, 135, 84, 0.15) !important;
            border-color: rgba(25, 135, 84, 0.38) !important;
        }
        #page-databaze-celkova .db-member-row.reform-status-no td {
            background: rgba(217, 4, 41, 0.14) !important;
            border-color: rgba(217, 4, 41, 0.38) !important;
        }
        #page-databaze-celkova .db-member-row.reform-status-pending td:first-child {
            box-shadow: inset 4px 0 0 #f5b301;
        }
        #page-databaze-celkova .db-member-row.reform-status-yes td:first-child {
            box-shadow: inset 4px 0 0 #198754;
        }
        #page-databaze-celkova .db-member-row.reform-status-no td:first-child {
            box-shadow: inset 4px 0 0 #d90429;
        }
        .db-reform-status-badge {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 5px;
            margin-top: 6px;
            padding: 3px 8px;
            border-radius: 999px;
            border: 1px solid currentColor;
            font-size: 0.68rem;
            font-weight: 800;
            line-height: 1.15;
            white-space: nowrap;
        }
        .db-reform-status-badge.pending { color: #ffd65a; background: rgba(245,179,1,.10); }
        .db-reform-status-badge.yes { color: #62e3a1; background: rgba(25,135,84,.11); }
        .db-reform-status-badge.no { color: #ff778e; background: rgba(217,4,41,.10); }

    
        /* ===== OZNÁMENÍ VEDENÍ – DYNAMICKÉ ===== */
        .leadership-announcements-header {
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:12px;
            margin-bottom:12px;
        }
        .leadership-announcement-add {
            display:none;
            align-items:center;
            gap:7px;
            padding:7px 10px;
            border:1px solid rgba(56,189,248,.32);
            border-radius:9px;
            background:rgba(56,189,248,.08);
            color:#bae6fd;
            font-family:inherit;
            font-size:.68rem;
            font-weight:850;
            cursor:pointer;
        }
        .leadership-announcement-add.visible { display:inline-flex; }
        .leadership-announcements-empty {
            min-height:155px;
            display:flex;
            align-items:center;
            justify-content:center;
            text-align:center;
            padding:24px;
            border:1px dashed rgba(56,189,248,.22);
            border-radius:13px;
            color:var(--text-sub);
            font-size:.76rem;
        }
        .announcement-card-actions {
            display:flex;
            justify-content:flex-end;
            gap:7px;
            margin-top:14px;
            padding-top:10px;
            border-top:1px solid rgba(56,189,248,.10);
        }
        .announcement-card-action {
            display:inline-flex;
            align-items:center;
            gap:6px;
            padding:6px 9px;
            border:1px solid rgba(56,189,248,.22);
            border-radius:8px;
            background:rgba(56,189,248,.05);
            color:#bae6fd;
            font-family:inherit;
            font-size:.65rem;
            font-weight:850;
            cursor:pointer;
        }
        .announcement-card-action.delete {
            border-color:rgba(239,68,68,.28);
            background:rgba(239,68,68,.06);
            color:#fca5a5;
        }

        /* ===== V53 – DŮLEŽITÁ TELEFONNÍ ČÍSLA ===== */
        .home-emergency-wrap { padding:38px 0 34px; background:#f2f5f8; }
        .home-emergency-panel {
            width:min(1220px,calc(100% - 44px));
            display:grid;
            grid-template-columns:minmax(0,1.75fr) minmax(280px,.9fr);
            gap:34px;
            margin:0 auto;
            padding:34px 40px;
            border-radius:13px;
            background:#061d38;
            color:#fff;
        }
        .home-emergency-label { display:flex; align-items:center; gap:12px; margin-bottom:24px; color:#b9c9d9; font-size:.68rem; font-weight:850; letter-spacing:1px; text-transform:uppercase; }
        .home-emergency-label::before { content:''; width:29px; height:3px; background:#ffd400; }
        .home-emergency-numbers { display:grid; grid-template-columns:1.2fr repeat(4,1fr); align-items:end; }
        .home-emergency-number { min-height:88px; padding:0 20px; border-left:1px solid rgba(255,255,255,.16); }
        .home-emergency-number:first-child { padding-left:0; border-left:0; }
        .home-emergency-number strong { display:block; margin-bottom:5px; color:#fff; font-size:1.85rem; line-height:1; }
        .home-emergency-number.primary strong { color:#ffd400; font-size:3.65rem; }
        .home-emergency-number small { display:block; color:#c1cfdd; font-size:.66rem; line-height:1.3; }
        .home-emergency-message { display:flex; flex-direction:column; justify-content:center; padding-left:34px; border-left:1px solid rgba(255,255,255,.16); }
        .home-emergency-message h3 { display:flex; align-items:center; gap:12px; margin:0 0 15px; color:#fff; font-size:.9rem; text-transform:uppercase; }
        .home-emergency-message h3 span { width:38px; height:38px; display:grid; place-items:center; border-radius:50%; background:#00547d; color:#23c8ff; }
        .home-emergency-message p { margin:0 0 18px; color:#aebfd1; font-size:.78rem; line-height:1.65; }
        .home-emergency-message button { align-self:flex-start; padding:0; border:0; background:none; color:#20c7ff; font:inherit; font-size:.73rem; font-weight:800; cursor:pointer; }
        @media(max-width:900px) { .home-emergency-panel { grid-template-columns:1fr; } .home-emergency-message { padding:24px 0 0; border-left:0; border-top:1px solid rgba(255,255,255,.16); } }
        @media(max-width:680px) { .home-emergency-panel { width:calc(100% - 26px); padding:28px 22px; } .home-emergency-numbers { grid-template-columns:repeat(2,1fr); gap:20px 0; } .home-emergency-number { border-left:0; padding:0; } }

        /* ===== V54 – OPRAVA KARET VEDENÍ ===== */
        #page-about-vedeni .leadership-v3-card {
            display:flex !important;
            flex-direction:column !important;
            align-items:center !important;
            justify-content:flex-start !important;
            min-height:330px !important;
            overflow:hidden !important;
        }
        #page-about-vedeni .discord-avatar-wrapper {
            position:relative !important;
            width:130px !important;
            height:176px !important;
            min-width:130px !important;
            min-height:176px !important;
            flex:0 0 176px !important;
            margin:0 auto 18px !important;
            overflow:hidden !important;
            border-radius:8px !important;
        }
        #page-about-vedeni .discord-avatar { display:block !important; position:static !important; margin:0 !important; }
        #page-about-vedeni .leadership-v3-role { width:100%; min-height:17px; line-height:1.35; }
        #page-about-vedeni .discord-name { width:100%; margin:0 0 8px !important; line-height:1.3 !important; overflow-wrap:anywhere; }
        #page-about-vedeni .leadership-v3-meta { margin-top:2px !important; padding-top:0 !important; }

        /* ===== V55 – KARTY VEDENÍ PODLE MP PRAHA ===== */
        #page-about-vedeni .leadership-v3-card { min-height:385px !important; padding:26px 24px 22px !important; }
        #page-about-vedeni .discord-avatar-wrapper { width:130px !important; height:174px !important; min-width:130px !important; min-height:174px !important; flex-basis:174px !important; }
        #page-about-vedeni .discord-avatar { width:130px !important; height:174px !important; }
        #page-about-vedeni .leadership-v3-role,
        #page-about-vedeni .leadership-v3-role i,
        #page-about-vedeni .leadership-v3-card[style] .leadership-v3-role {
            color:#0067b9 !important;
        }
        #page-about-vedeni .leadership-v3-role { font-size:.7rem !important; letter-spacing:.35px !important; }
        #page-about-vedeni .discord-name { font-family:Arial,sans-serif !important; font-size:1.08rem !important; font-weight:800 !important; }
        #page-about-vedeni .leadership-v3-meta { display:none !important; }
        .leadership-prague-contact { width:100%; display:grid; gap:8px; margin-top:2px; color:#172c42; font-size:.78rem; text-align:center; }
        .leadership-prague-office { margin-bottom:2px; color:#263b50; }
        .leadership-prague-contact a { display:inline-flex; align-items:center; justify-content:center; gap:8px; color:#0b385e; text-decoration:underline; text-underline-offset:2px; overflow-wrap:anywhere; }
        .leadership-prague-contact i { width:14px; color:#0070bd; text-decoration:none; }

        /* ===== V56 – NOVÁ ORGANIZAČNÍ STRUKTURA ===== */
        #page-about-struktura { max-width:none !important; margin:0 !important; padding:0 0 60px !important; background:#f2f5f8; }
        #page-about-struktura > .public-info-hero { margin:0 0 38px !important; padding:34px max(6vw,28px) 30px !important; border:0 !important; border-bottom:3px solid #ffd400 !important; border-radius:0 !important; background:#061d38 !important; box-shadow:none !important; }
        #page-about-struktura > .public-info-hero .public-info-kicker { color:#b9c9d9 !important; }
        #page-about-struktura > .public-info-hero h2 { color:#fff !important; }
        #page-about-struktura > .public-info-hero p { color:#b9c9d9 !important; }
        #page-about-struktura > .public-info-hero .public-back-btn { display:none; }
        #page-about-struktura .org-admin-card { width:min(1220px,calc(100% - 44px)); margin:0 auto; padding:34px; border:1px solid #d4dee8; border-radius:13px; background:#fff; box-shadow:none; }
        #page-about-struktura .org-admin-heading { color:#0b2038; font-size:1.35rem; }
        #page-about-struktura .org-admin-heading i { color:#0067b9; }
        #page-about-struktura .org-admin-tree { gap:0; }
        #page-about-struktura .org-exact-space { height:34px; position:relative; }
        #page-about-struktura .org-exact-space::before { content:''; position:absolute; top:0; bottom:0; left:50%; width:2px; background:#c8d5df; }
        #page-about-struktura .org-admin-node {
            --org-border:#b9cfdf !important;
            --org-accent:#0067b9 !important;
            min-height:0 !important;
            padding:17px 18px !important;
            border:1px solid #cbd8e2 !important;
            border-top:4px solid #29a9df !important;
            border-radius:5px !important;
            background:#fff !important;
            box-shadow:0 5px 13px rgba(18,47,75,.06) !important;
            color:#152b40 !important;
        }
        #page-about-struktura .org-admin-node:hover { transform:none; box-shadow:0 7px 17px rgba(18,47,75,.10) !important; }
        #page-about-struktura .org-admin-kicker { color:#648096 !important; font-size:.66rem; }
        #page-about-struktura .org-admin-node h3 { color:#0067b9 !important; font-size:1rem; }
        #page-about-struktura .org-admin-node p,
        #page-about-struktura .org-admin-list { color:#435970 !important; font-size:.73rem; line-height:1.5; }
        #page-about-struktura .org-color-controls { z-index:3; }
        #page-about-struktura .org-admin-ranks-heading { color:#0b2038; }
        .org-units-section { margin-top:42px; padding-top:31px; border-top:1px solid #d7e1e9; }
        .org-units-title { margin-bottom:20px; color:#0b2038; font-size:1.25rem; font-weight:850; text-align:center; }
        .org-units-title span { display:block; margin-top:5px; color:#688096; font-size:.72rem; font-weight:500; }
        .org-units-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
        .org-unit-card { padding:21px; border:1px solid #cbd8e2; border-radius:8px; background:#f9fbfd; color:#152b40; }
        .org-unit-head { display:flex; align-items:center; gap:11px; margin-bottom:13px; color:#0067b9; font-weight:850; }
        .org-unit-icon { width:37px; height:37px; display:grid; place-items:center; border-radius:50%; background:#e9f5fb; color:#0074b8; }
        .org-unit-card ul { margin:0; padding-left:18px; color:#4a6075; font-size:.76rem; line-height:1.65; }
        .org-unit-card li::marker { color:#13a8df; }
        @media(max-width:900px) { .org-units-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
        @media(max-width:620px) { #page-about-struktura .org-admin-card { width:calc(100% - 26px); padding:23px 16px; } .org-units-grid { grid-template-columns:1fr; } }

        /* ===== V57 – ÚTVARY V MENU + ÚZEMNÍ PRACOVIŠTĚ ===== */
        .units-nav-menu { width:285px !important; }
        .station-page { max-width:none !important; margin:0 !important; padding:0 0 58px !important; background:#f2f5f8; }
        .station-hero { padding:34px max(6vw,28px) 30px; border-bottom:3px solid #ffd400; background:#061d38; color:#fff; }
        .station-hero { position:relative; }
        .station-title-logo { position:absolute; right:max(6vw,28px); top:50%; width:86px; height:86px; transform:translateY(-50%); object-fit:contain; filter:drop-shadow(0 8px 12px rgba(0,0,0,.25)); }
        .station-hero small { display:block; margin-bottom:11px; color:#b9c9d9; }
        .station-hero h2 { margin:0; color:#fff; font-size:clamp(1.8rem,3vw,2.35rem); }
        .station-content { width:min(1120px,calc(100% - 44px)); margin:38px auto 0; }
        .station-intro { margin-bottom:22px; padding:24px; border:1px solid #d4dee8; border-radius:12px; background:#fff; color:#193047; line-height:1.6; }
        .station-intro strong { display:block; margin-bottom:8px; color:#0067b9; font-size:.72rem; text-transform:uppercase; }
        .station-leaders { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
        .station-person { padding:28px; border:1px solid #d4dee8; border-radius:12px; background:#fff; text-align:center; }
        .station-person-icon { width:82px; height:82px; display:grid; place-items:center; margin:0 auto 18px; border-radius:50%; background:#eaf5fb; color:#0067b9; font-size:2rem; }
        .station-person-icon img { width:100%; height:100%; object-fit:contain; border-radius:50%; background:#fff; }
        #page-stanice-trebotin .station-leaders { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
        :is(#page-stanice-trebotin,#page-op-tynec) .station-person-icon { width:108px; height:108px; padding:0; margin:0 auto 18px; border:1px solid #d4dee8; border-radius:8px; background:#fff; overflow:hidden; box-shadow:none; }
        :is(#page-stanice-trebotin,#page-op-tynec) .station-person-icon img { width:100%; height:100%; object-fit:cover; border-radius:8px; background:#fff; }
        @media(max-width:900px) { #page-stanice-trebotin .station-leaders { grid-template-columns:1fr; } }
        .station-person-role { margin-bottom:9px; color:#0067b9; font-size:.72rem; font-weight:850; text-transform:uppercase; }
        .station-person h3 { margin:0 0 17px; color:#0a1c30; }
        .station-contact { display:grid; gap:8px; color:#26425c; font-size:.82rem; }
        .station-contact div { display:flex; align-items:center; justify-content:center; gap:8px; }
        .station-contact i { color:#0071b9; }
        .station-contact .discord-phone-link { cursor:pointer; border-radius:7px; transition:color .18s ease, background .18s ease; }
        .station-contact .discord-phone-link:hover,
        .station-contact .discord-phone-link:focus-visible { color:#0067b9; background:rgba(0,113,185,.08); outline:none; }
        .station-contact .discord-phone-link span { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; }
        .unit-member-select { display:none; width:min(320px,100%); margin:17px auto 0; padding:10px 12px; border:1px solid #bdd0df; border-radius:9px; background:#f7fafc; color:#193047; font:inherit; font-size:.78rem; }
        body.admin-mode .unit-member-select, body.can-edit-text .unit-member-select { display:block; }
        .unit-display-name-input { display:none; width:min(320px,100%); margin:9px auto 0; padding:10px 12px; border:1px solid #bdd0df; border-radius:9px; background:#fff; color:#193047; font:inherit; font-size:.78rem; }
        body.admin-mode .unit-display-name-input, body.can-edit-text .unit-display-name-input { display:block; }
        .unit-leadership-showcase { margin:0 0 26px; padding:25px; border:1px solid #d4dee8; border-radius:12px; background:#f2f5f8; }
        .unit-dept-description { margin:0 0 22px; padding:22px 24px; border:1px solid #d4dee8; border-radius:12px; background:#fff; color:#193047; line-height:1.65; }
        .unit-dept-description strong { display:block; margin-bottom:7px; color:#0067b9; font-size:.72rem; text-transform:uppercase; }
        .unit-basic-info { margin:0 0 24px; border:1px solid #c8d8e5; border-radius:12px; background:#fff; overflow:hidden; }
        .unit-basic-info > summary { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:17px 20px; color:#0a1c30; font-weight:850; cursor:pointer; list-style:none; }
        .unit-basic-info > summary::-webkit-details-marker { display:none; }
        .unit-basic-info > summary span { display:flex; align-items:center; gap:9px; }
        .unit-basic-info > summary i { color:#0071b9; transition:transform .2s ease; }
        .unit-basic-info[open] > summary { border-bottom:1px solid #d4dee8; background:#f7fafc; }
        .unit-basic-info[open] > summary > .fa-chevron-down { transform:rotate(180deg); }
        .unit-basic-info-content { padding:22px; background:#f7f9fb; }
        .unit-basic-info-content .unit-dept-description { margin-bottom:18px; }
        .unit-basic-info-content .unit-leadership-showcase { margin-bottom:0; }
        .unit-leadership-showcase-title { margin:0 0 19px; color:#0067b9; font-size:.74rem; font-weight:850; letter-spacing:.4px; text-transform:uppercase; text-align:center; }
        .unit-leadership-showcase .station-leaders { max-width:920px; margin:0 auto; }
        .pj-more-options { display:none; margin:22px 0 28px; border:1px solid #c8d8e5; border-radius:12px; background:#fff; overflow:hidden; }
        .pj-more-options.is-allowed { display:block; }
        .pj-more-options > summary { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:15px 18px; background:#eef5fa; color:#0a4f82; font-weight:850; cursor:pointer; list-style:none; }
        .pj-more-options > summary::-webkit-details-marker { display:none; }
        .pj-more-options > summary span { display:flex; align-items:center; gap:9px; }
        .pj-more-options > summary > .fa-chevron-down { transition:transform .2s ease; }
        .pj-more-options[open] > summary > .fa-chevron-down { transform:rotate(180deg); }
        .pj-more-options .dept-internal-nav { margin:0 !important; padding:16px 18px !important; border:0 !important; background:#fff; }
        .unit-more-options { display:block; }
        #page-dept-instruktori .unit-more-options .dept-internal-nav .dept-tab-btn:first-child { display:none; }
        /* Instruktorský tým – světlý, přehledný vzhled kalendáře a materiálů */
        #page-dept-instruktori .training-calendar-panel {
            border:1px solid #bfd3e2; background:#fff; box-shadow:0 8px 24px rgba(13,54,85,.08);
        }
        #page-dept-instruktori .training-calendar-toolbar {
            padding:16px 18px; border-bottom:1px solid #1d557d; background:#0b2d49;
        }
        #page-dept-instruktori .training-calendar-title { color:#fff; letter-spacing:.35px; }
        #page-dept-instruktori .training-calendar-nav button {
            border:1px solid #5b8cab; background:#174667; color:#fff;
        }
        #page-dept-instruktori .training-calendar-nav button:hover { border-color:#78c9ed; background:#24658d; }
        #page-dept-instruktori .training-calendar-weekdays { background:#e7f1f7; }
        #page-dept-instruktori .training-calendar-weekdays span {
            padding:12px 6px; border-color:#c5d8e5; color:#075f98; font-size:.72rem;
        }
        #page-dept-instruktori .training-calendar-day {
            min-height:112px; border-color:#d7e3eb; background:#fff;
        }
        #page-dept-instruktori .training-calendar-day:nth-child(even) { background:#f8fbfd; }
        #page-dept-instruktori .training-calendar-day.outside { opacity:1; background:#eef3f6; }
        #page-dept-instruktori .training-calendar-day.outside .training-calendar-day-number { color:#91a2af; }
        #page-dept-instruktori .training-calendar-day.today { background:#e8f6fd; box-shadow:inset 0 0 0 2px #1596cf; }
        #page-dept-instruktori .training-calendar-day-number { color:#173850; font-weight:900; }
        #page-dept-instruktori .training-calendar-day.today .training-calendar-day-number { background:#0785c2; color:#fff; }
        #page-dept-instruktori .training-calendar-event {
            border:1px solid #89b8d2; background:#e9f5fb; color:#173850;
        }
        #page-dept-instruktori .training-calendar-event strong { color:#092d47; }
        #page-dept-instruktori .training-calendar-event small,
        #page-dept-instruktori .training-calendar-attendees,
        #page-dept-instruktori .training-calendar-attendee-names { color:#3f6279; }
        #page-dept-instruktori .training-browser { gap:20px; }
        #page-dept-instruktori .training-browser-list {
            padding:14px; border:1px solid #c4d7e4; background:#eef5f9; box-shadow:0 6px 18px rgba(13,54,85,.07);
        }
        #page-dept-instruktori .training-browser-tab {
            border:1px solid #cad9e3; background:#fff; color:#29495f; box-shadow:0 2px 7px rgba(13,54,85,.04);
        }
        #page-dept-instruktori .training-browser-tab:hover { border-color:#5ba8cf; background:#f4fbff; color:#082d47; }
        #page-dept-instruktori .training-browser-tab.active {
            border-color:#087eb8; background:#087eb8; color:#fff; box-shadow:0 7px 16px rgba(8,126,184,.2);
        }
        #page-dept-instruktori .training-browser-code { border-color:#74b7d8; background:#e8f6fc; color:#006ba5; }
        #page-dept-instruktori .training-browser-tab.active .training-browser-code { border-color:#bce9ff; background:rgba(255,255,255,.14); color:#fff; }
        #page-dept-instruktori .training-browser-tab i { color:#7290a3; }
        #page-dept-instruktori .training-browser-tab.active i { color:#fff; }
        #page-dept-instruktori .training-browser-detail {
            min-height:350px; border:1px solid #c4d7e4; background:linear-gradient(145deg,#fff,#f2f8fb); box-shadow:0 7px 20px rgba(13,54,85,.07);
        }
        #page-dept-instruktori .training-browser-detail-title { color:#0b2d49; }
        #page-dept-instruktori .training-browser-detail-text { color:#506d80; }
        #page-dept-instruktori .training-resource-btn { border-color:#7db9d6; background:#eaf6fb; color:#0a527d; }
        #page-dept-instruktori .training-resource-btn.test { border-color:#9f8bd0; background:#f1edfb; color:#4d347e; }
        #page-dept-instruktori .training-resource-btn.announcement { border-color:#d4a53f; background:#fff7df; color:#72520c; }
        #instr-tab-velitelstvi .dept-recruitment-control { margin:0; }
        #pj-tab-prehled { display:none !important; }
        #page-dept-poradkova .unit-leadership-showcase { margin:0 0 24px; padding:0; border:0; background:transparent; }
        #page-dept-poradkova .unit-leadership-showcase-title { display:none; }
        #page-dept-poradkova .unit-leadership-showcase .station-leaders { max-width:none; gap:24px; }
        #page-dept-poradkova .unit-leadership-showcase .station-person {
            min-height:305px; padding:26px 28px; display:flex; flex-direction:column; align-items:flex-start;
            border:1px solid #d4dee8; border-radius:12px; background:#fff; text-align:left;
        }
        #page-dept-poradkova .unit-leadership-showcase .station-person-icon { width:108px; height:108px; margin:0 0 18px; border-radius:8px; }
        #page-dept-poradkova .unit-leadership-showcase .station-person-icon img { border-radius:8px; object-fit:cover; }
        #page-dept-poradkova .unit-leadership-showcase .station-person-role { margin-bottom:7px; }
        #page-dept-poradkova .unit-leadership-showcase .station-person h3 { margin:0 0 18px; font-size:1.18rem; }
        #page-dept-poradkova .unit-leadership-showcase .station-contact {
            width:100%; margin-top:auto; padding-top:17px; border-top:1px solid #d8e1e9; text-align:left;
        }
        #page-dept-poradkova .unit-leadership-showcase .station-contact::before {
            content:'KONTAKT'; margin-bottom:3px; color:#0067b9; font-size:.72rem; font-weight:850; letter-spacing:.25px;
        }
        #page-dept-poradkova .unit-leadership-showcase .station-contact div { justify-content:flex-start; }
        #page-dept-poradkova .unit-basic-info { margin-bottom:22px; }
        #page-dept-poradkova .unit-basic-info-content { padding:20px 28px 24px; background:#fff; }
        #page-dept-poradkova .unit-basic-info-content .unit-dept-description { margin:0; padding:0; border:0; background:transparent; }
        #page-dept-poradkova .unit-basic-info-content .unit-dept-description strong { display:none; }
        #page-dept-poradkova.has-unit-dept-hero > .unit-dept-hero + div { display:none !important; }
        #page-dept-poradkova #pj-tab-clenove .pj-member-group { border:1px solid #c7d6e2; box-shadow:0 7px 20px rgba(19,52,82,.08); }
        #page-dept-poradkova #pj-tab-clenove .pj-member-group-header { padding:16px 19px; border-bottom:1px solid #c7d6e2; background:#e6f1f8; }
        #page-dept-poradkova #pj-tab-clenove .pj-member-group-title { color:#082744; font-size:1rem; letter-spacing:.25px; }
        #page-dept-poradkova #pj-tab-clenove .pj-member-group-count { border-color:#8cb9d7; background:#fff; color:#005f9d; font-size:.78rem; }
        #page-dept-poradkova #pj-tab-clenove .table-responsive { overflow-x:auto; background:#fff; }
        #page-dept-poradkova #pj-tab-clenove .dept-members-table { min-width:900px; width:100%; border-collapse:separate; border-spacing:0; table-layout:fixed; font-size:.86rem; }
        #page-dept-poradkova #pj-tab-clenove .dept-members-table th {
            padding:15px 13px; border-bottom:0; background:#082744 !important; color:#fff !important;
            font-size:.75rem; font-weight:850; letter-spacing:.3px; line-height:1.35; text-transform:uppercase;
        }
        #page-dept-poradkova #pj-tab-clenove .dept-members-table td {
            padding:16px 13px; border-bottom:1px solid #d7e2ea; background:#fff; color:#102c43;
            font-size:.86rem; font-weight:600; line-height:1.45; vertical-align:middle;
        }
        #page-dept-poradkova #pj-tab-clenove .pj-member-row:nth-of-type(4n+3) td { background:#f5f9fc; }
        #page-dept-poradkova #pj-tab-clenove .pj-member-row:hover td { background:#e3f2fa !important; }
        #page-dept-poradkova #pj-tab-clenove .col-callsign,
        #page-dept-poradkova #pj-tab-clenove .pj-member-discord { color:#061f37; font-size:.9rem; font-weight:850; }
        #page-dept-poradkova #pj-tab-clenove .rank-badge,
        #page-dept-poradkova #pj-tab-clenove .tag-dept,
        #page-dept-poradkova #pj-tab-clenove .tag-training { font-size:.72rem; font-weight:800; }
        #page-dept-poradkova #pj-tab-clenove .pj-db-sidebar { background:#102b42; border:1px solid #294a63; box-shadow:0 9px 22px rgba(6,29,56,.22); }
        #page-dept-poradkova #pj-tab-clenove .pj-db-sidebar .db-sidebar-title { color:#55c8ff; font-size:.76rem; font-weight:850; letter-spacing:1px; }
        #page-dept-poradkova #pj-tab-clenove .pj-db-filter { border:1px solid #7892a5; border-left:3px solid #7892a5; background:#1b3b52; color:#fff !important; font-size:.82rem; font-weight:800; }
        #page-dept-poradkova #pj-tab-clenove .pj-db-filter span:first-child { color:#fff !important; opacity:1 !important; }
        #page-dept-poradkova #pj-tab-clenove .pj-db-filter:hover { border-color:#4fc3f7; background:#24516f; color:#fff !important; }
        #page-dept-poradkova #pj-tab-clenove .pj-db-filter.active { border-color:#5cd0ff; border-left-color:#ffd400; background:#285675; color:#fff !important; box-shadow:0 5px 13px rgba(0,0,0,.18); }
        #page-dept-poradkova #pj-tab-clenove .pj-member-filter-count { border:1px solid #4b8caf; background:#0d6592; color:#fff; font-weight:850; }
        #page-dept-poradkova #pj-tab-clenove .rank-badge { font-weight:850; box-shadow:none; }
        #page-dept-poradkova #pj-tab-clenove .rank-badge.bg-reditel,
        #page-dept-poradkova #pj-tab-clenove .rank-badge.bg-reditelstvi { color:#9e2424 !important; border-color:#cf6969 !important; background:#fde8e8 !important; }
        #page-dept-poradkova #pj-tab-clenove .rank-badge.bg-zastupce-reditele { color:#006a9c !important; border-color:#42acd1 !important; background:#e1f5fb !important; }
        #page-dept-poradkova #pj-tab-clenove .rank-badge.bg-vvz { color:#755900 !important; border-color:#cfad28 !important; background:#fff7cf !important; }
        #page-dept-poradkova #pj-tab-clenove .rank-badge.bg-vrchni-komisar,
        #page-dept-poradkova #pj-tab-clenove .rank-badge.bg-komisar,
        #page-dept-poradkova #pj-tab-clenove .rank-badge.bg-komisariat { color:#176a2e !important; border-color:#58aa6c !important; background:#e4f6e8 !important; }
        #page-dept-poradkova #pj-tab-clenove .rank-badge.bg-vrchni-inspektorat,
        #page-dept-poradkova #pj-tab-clenove .rank-badge.bg-inspektorat,
        #page-dept-poradkova #pj-tab-clenove .rank-badge.bg-mladsi-inspektorat { color:#28713a !important; border-color:#69ae77 !important; background:#e7f5e9 !important; }
        #page-dept-poradkova #pj-tab-clenove .rank-badge.bg-vrchni-nadstrazmistri,
        #page-dept-poradkova #pj-tab-clenove .rank-badge.bg-nadstrazmistri,
        #page-dept-poradkova #pj-tab-clenove .rank-badge.bg-mladsi-nadstrazmistri,
        #page-dept-poradkova #pj-tab-clenove .rank-badge.bg-vrchni-strazmistri,
        #page-dept-poradkova #pj-tab-clenove .rank-badge.bg-strazmistri { color:#245e9a !important; border-color:#6b9ed0 !important; background:#e8f1fb !important; }
        #page-dept-poradkova #pj-tab-clenove .pj-assignment-badge { display:inline-flex; align-items:center; gap:6px; padding:5px 8px; border-radius:7px; background:#edf4f8; color:#174b6c; font-size:.7rem; font-weight:850; white-space:nowrap; }
        #page-dept-poradkova #pj-tab-clenove .pj-member-directory {
            overflow:hidden; border:2px solid #8eacbf; border-radius:12px; box-shadow:0 10px 28px rgba(8,39,68,.13);
        }
        #page-dept-poradkova #pj-tab-clenove .pj-member-directory > .pj-member-group-header {
            padding:17px 20px; background:#dcecf6 !important; border-bottom:1px solid #b9cedd;
        }
        #page-dept-poradkova #pj-tab-clenove .pj-member-directory .pj-member-group-title { color:#082744; font-size:1rem; }
        #page-dept-poradkova #pj-tab-clenove .dept-members-table th:nth-child(1) { width:12%; }
        #page-dept-poradkova #pj-tab-clenove .dept-members-table th:nth-child(2) { width:19%; }
        #page-dept-poradkova #pj-tab-clenove .dept-members-table th:nth-child(3) { width:19%; }
        #page-dept-poradkova #pj-tab-clenove .dept-members-table th:nth-child(4) { width:23%; }
        #page-dept-poradkova #pj-tab-clenove .dept-members-table th:nth-child(5) { width:14%; }
        #page-dept-poradkova #pj-tab-clenove .dept-members-table th:nth-child(6) { width:13%; }
        #page-dept-poradkova #pj-tab-clenove .stars-gold { color:#e28a00; font-size:1rem; font-weight:900; letter-spacing:1px; }
        #page-dept-poradkova #pj-tab-clenove .pj-table-section-row td {
            padding:12px 18px; border-top:2px solid #a9c1d1; border-bottom:1px solid #bfd0dc;
            background:#dcecf6 !important; color:#082744; text-align:left; font-size:.82rem;
            font-weight:900; letter-spacing:.35px; text-transform:uppercase;
        }
        #page-dept-poradkova #pj-tab-clenove .pj-table-section-row:first-child td { border-top:0; }
        #page-dept-poradkova #pj-tab-clenove .pj-table-section-row i { width:20px; margin-right:8px; color:#0071b9; text-align:center; }
        #page-dept-poradkova #pj-tab-clenove .pj-table-section-count {
            float:right; min-width:25px; padding:2px 7px; border:1px solid #8eb5ce; border-radius:999px;
            background:#fff; color:#0067a7; text-align:center; font-size:.72rem;
        }
        #page-dept-poradkova .unit-basic-info-content .unit-dept-description span { display:block; }
        #page-dept-poradkova .unit-basic-info-content .unit-dept-description p { margin:0 0 15px; color:#173249; line-height:1.75; }
        #page-dept-poradkova .unit-basic-info-content .unit-dept-description p:last-child { margin-bottom:0; }
        /* Jednotný vzhled DD, OD a Instruktorského týmu podle stránky PJ. */
        :is(#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori) .unit-leadership-showcase { margin:0 0 24px; padding:0; border:0; background:transparent; }
        :is(#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori) .unit-leadership-showcase-title { display:none; }
        :is(#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori) .unit-leadership-showcase .station-leaders { max-width:none; gap:24px; }
        :is(#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori) .unit-leadership-showcase .station-person {
            min-height:305px; padding:26px 28px; display:flex; flex-direction:column; align-items:flex-start;
            border:1px solid #d4dee8; border-radius:12px; background:#fff; text-align:left;
        }
        :is(#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori) .unit-leadership-showcase .station-person-icon { width:108px; height:108px; margin:0 0 18px; border-radius:8px; }
        :is(#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori) .unit-leadership-showcase .station-person-icon img { border-radius:8px; object-fit:cover; }
        :is(#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori) .unit-leadership-showcase .station-person h3 { margin:0 0 18px; font-size:1.18rem; }
        :is(#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori) .unit-leadership-showcase .station-contact { width:100%; margin-top:auto; padding-top:17px; border-top:1px solid #d8e1e9; text-align:left; }
        :is(#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori) .unit-leadership-showcase .station-contact::before { content:'KONTAKT'; margin-bottom:3px; color:#0067b9; font-size:.72rem; font-weight:850; letter-spacing:.25px; }
        :is(#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori) .unit-leadership-showcase .station-contact div { justify-content:flex-start; }
        :is(#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori) .unit-basic-info { margin-bottom:22px; }
        :is(#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori) .unit-basic-info-content { padding:20px 28px 24px; background:#fff; }
        :is(#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori) .unit-basic-info-content .unit-dept-description { margin:0; padding:0; border:0; background:transparent; }
        :is(#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori) .unit-basic-info-content .unit-dept-description strong { display:none; }

        :is(#page-dept-dopravni #dd-tab-clenove,#page-dept-operacni #od-tab-clenove) .pj-member-group {
            overflow:hidden; border:2px solid #8eacbf; border-radius:12px; box-shadow:0 10px 28px rgba(8,39,68,.13);
        }
        :is(#page-dept-dopravni #dd-tab-clenove,#page-dept-operacni #od-tab-clenove) .pj-member-group-header { padding:17px 20px; border-bottom:1px solid #b9cedd; background:#dcecf6; }
        :is(#page-dept-dopravni #dd-tab-clenove,#page-dept-operacni #od-tab-clenove) .pj-member-group-title { color:#082744; font-size:1rem; }
        :is(#page-dept-dopravni #dd-tab-clenove,#page-dept-operacni #od-tab-clenove) .table-responsive { overflow-x:auto; background:#fff; }
        :is(#page-dept-dopravni #dd-tab-clenove,#page-dept-operacni #od-tab-clenove) .dept-members-table { min-width:900px; width:100%; table-layout:fixed; font-size:.86rem; }
        :is(#page-dept-dopravni #dd-tab-clenove,#page-dept-operacni #od-tab-clenove) .dept-members-table th { padding:15px 13px; background:#082744 !important; color:#fff !important; font-size:.75rem; font-weight:850; text-transform:uppercase; }
        :is(#page-dept-dopravni #dd-tab-clenove,#page-dept-operacni #od-tab-clenove) .dept-members-table td { padding:16px 13px; border-bottom:1px solid #d7e2ea; background:#fff; color:#102c43; font-size:.86rem; font-weight:600; }
        :is(#page-dept-dopravni #dd-tab-clenove,#page-dept-operacni #od-tab-clenove) .pj-member-row:hover td { background:#e3f2fa !important; }
        :is(#page-dept-dopravni #dd-tab-clenove,#page-dept-operacni #od-tab-clenove) .pj-db-layout { display:block; }
        :is(#page-dept-dopravni #dd-tab-clenove,#page-dept-operacni #od-tab-clenove) .pj-db-sidebar { width:100%; margin:0 0 20px; padding:17px 18px; border:1px solid #c6d7e3; border-radius:12px; background:#f3f8fb; box-shadow:none; }
        :is(#dd-members-filters,#od-members-filters) { display:flex; flex-flow:row wrap; align-items:center; gap:9px; }
        :is(#dd-members-filters,#od-members-filters) .db-btn { width:auto; min-height:40px; margin:0; padding:9px 12px; border:1px solid #b7cad8; border-radius:9px; background:#fff; color:#173b57; }
        :is(#dd-members-filters,#od-members-filters) .db-btn.active { border-color:#0071b9; background:#0071b9; color:#fff; }
        /* PJ: přehledné filtrování nad tabulkou místo úzkého bočního panelu. */
        #page-dept-poradkova #pj-tab-clenove .pj-db-layout { display:block; }
        #page-dept-poradkova #pj-tab-clenove .pj-db-sidebar {
            width:100%; margin:0 0 20px; padding:17px 18px; border:1px solid #c6d7e3;
            border-radius:12px; background:#f3f8fb; box-shadow:none;
        }
        #page-dept-poradkova #pj-tab-clenove .pj-db-sidebar .db-sidebar-title {
            margin:0 0 12px; color:#123d5c; font-size:.78rem; font-weight:850; letter-spacing:.4px;
        }
        #page-dept-poradkova #pj-tab-clenove #pj-members-filters {
            display:flex; flex-flow:row wrap; align-items:center; gap:9px;
        }
        #page-dept-poradkova #pj-tab-clenove .pj-db-filter {
            width:auto; min-width:0; min-height:40px; margin:0; padding:9px 12px;
            display:inline-flex; align-items:center; justify-content:center; gap:9px;
            border:1px solid #b7cad8; border-left:1px solid #b7cad8; border-radius:9px;
            background:#fff; color:#173b57 !important; font-size:.78rem; font-weight:800;
            box-shadow:none;
        }
        #page-dept-poradkova #pj-tab-clenove .pj-db-filter span:first-child { color:#173b57 !important; white-space:nowrap; }
        #page-dept-poradkova #pj-tab-clenove .pj-db-filter:hover { border-color:#0075bb; background:#e8f4fb; color:#073a5d !important; }
        #page-dept-poradkova #pj-tab-clenove .pj-db-filter.active {
            border-color:#0071b9; border-left-color:#0071b9; background:#0071b9; color:#fff !important;
            box-shadow:0 5px 12px rgba(0,113,185,.18);
        }
        #page-dept-poradkova #pj-tab-clenove .pj-db-filter.active span:first-child { color:#fff !important; }
        #page-dept-poradkova #pj-tab-clenove .pj-member-filter-count {
            min-width:24px; height:22px; padding:0 6px; border:1px solid #9ec3d9; background:#e9f5fb; color:#075d8f;
        }
        #page-dept-poradkova #pj-tab-clenove .pj-db-filter.active .pj-member-filter-count {
            border-color:rgba(255,255,255,.6); background:#fff; color:#0065a3;
        }
        @media(max-width:680px) {
            #page-dept-poradkova #pj-tab-clenove #pj-members-filters { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
            #page-dept-poradkova #pj-tab-clenove .pj-db-filter { width:100%; justify-content:space-between; }
        }
        @media(max-width:680px) { .station-content { width:calc(100% - 26px); } .station-leaders { grid-template-columns:1fr; } .station-title-logo { width:62px; height:62px; right:18px; } .station-hero h2 { max-width:calc(100% - 76px); } }

        /* Veřejně působící světlý vzhled detailů útvarů; veškeré původní záložky a data zůstávají. */
        :is(#page-dept-poradkova,#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori) {
            max-width:none !important;
            margin:0 !important;
            padding:28px max(4vw,24px) 58px !important;
            background:#f2f5f8;
            color:#0a1c30;
            --panel-border:#d4dee8;
            --text-sub:#52677b;
            --text-light:#0a1c30;
            --police-cyan:#0071b9;
        }
        :is(#page-dept-poradkova,#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori).has-unit-dept-hero {
            padding:0 0 58px !important;
        }
        .unit-dept-hero { margin:0 0 28px; }
        .has-unit-dept-hero > .card > .card-title { display:none; }
        :is(#page-dept-poradkova,#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori).has-unit-dept-hero > div:not(.unit-dept-hero),
        :is(#page-dept-poradkova,#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori).has-unit-dept-hero > .card {
            width:min(1240px,calc(100% - 48px));
            margin-left:auto;
            margin-right:auto;
        }
        :is(#page-dept-poradkova,#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori) > div:first-child .nav-btn {
            background:#fff !important;
            border:1px solid #d4dee8 !important;
            color:#31506d !important;
            box-shadow:0 5px 16px rgba(21,47,73,.06);
        }
        :is(#page-dept-poradkova,#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori) > .card {
            width:min(1240px,100%);
            margin:0 auto;
            padding:30px;
            border:1px solid #d4dee8;
            border-radius:14px;
            background:#fff;
            box-shadow:0 12px 30px rgba(25,55,85,.08);
            color:#0a1c30;
        }
        :is(#page-dept-poradkova,#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori) .card-title,
        :is(#page-dept-poradkova,#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori) .pj-detail-heading,
        :is(#page-dept-poradkova,#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori) .pj-command-heading,
        :is(#page-dept-poradkova,#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori) .dd-member-summary h4 {
            color:#0a1c30 !important;
        }
        :is(#page-dept-poradkova,#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori) .dept-internal-nav {
            margin-top:22px;
            border-bottom-color:#d4dee8;
        }
        :is(#page-dept-poradkova,#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori) .dept-tab-btn {
            background:#f7f9fb;
            border-color:#d4dee8;
            color:#52677b;
            box-shadow:none;
        }
        :is(#page-dept-poradkova,#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori) .dept-tab-btn:hover,
        :is(#page-dept-poradkova,#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori) .dept-tab-btn.active {
            background:#0071b9;
            border-color:#0071b9;
            color:#fff;
            box-shadow:0 6px 16px rgba(0,113,185,.18);
        }
        :is(#page-dept-poradkova,#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori) .discord-profile-card,
        :is(#page-dept-poradkova,#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori) .pj-member-group,
        :is(#page-dept-poradkova,#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori) .dd-service-panel,
        :is(#page-dept-poradkova,#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori) .pj-vehicle-card,
        :is(#page-dept-poradkova,#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori) .pj-material-card,
        :is(#page-dept-poradkova,#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori) .pj-clothing-card {
            background:#fff;
            border-color:#d4dee8;
            box-shadow:0 8px 22px rgba(25,55,85,.07);
        }
        :is(#page-dept-poradkova,#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori) .discord-name,
        :is(#page-dept-poradkova,#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori) .pj-member-group-title,
        :is(#page-dept-poradkova,#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori) .pj-clothing-card-title,
        :is(#page-dept-poradkova,#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori) .pj-vehicle-name,
        :is(#page-dept-poradkova,#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori) .pj-material-card summary,
        :is(#page-dept-poradkova,#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori) .dept-members-table .pj-member-discord {
            color:#0a1c30;
        }
        :is(#page-dept-poradkova,#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori) .pj-command-details strong,
        :is(#page-dept-poradkova,#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori) .pj-vehicle-meta strong,
        :is(#page-dept-poradkova,#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori) .pj-clothing-specs strong {
            color:#193047;
        }
        /* DD služby – vysoký kontrast na světlém veřejném designu. */
        #page-dept-dopravni #dd-tab-sluzba .dd-service-panel { background:#fff; border:1px solid #c7d8e5; box-shadow:0 8px 22px rgba(25,55,85,.08); }
        #page-dept-dopravni #dd-tab-sluzba .dd-service-panel-title { color:#082744; font-weight:900; }
        #page-dept-dopravni #dd-tab-sluzba .dd-service-help,
        #page-dept-dopravni #dd-tab-sluzba .form-group label { color:#52677b; font-weight:750; }
        #page-dept-dopravni #dd-tab-sluzba .form-control { background:#fff; border:1px solid #9fb5c5; color:#102c43; opacity:1; }
        #page-dept-dopravni #dd-tab-sluzba .form-control:focus { border-color:#0071b9; box-shadow:0 0 0 3px rgba(0,113,185,.12); }
        #page-dept-dopravni #dd-tab-sluzba .dd-service-member-select.is-self { background:#e8f8ee; border-color:#48b96d; color:#176532; -webkit-text-fill-color:#176532; opacity:1; }
        #page-dept-dopravni #dd-tab-sluzba .dd-service-preview { background:#fff8e2; border-color:#e4b936; }
        #page-dept-dopravni #dd-tab-sluzba .dd-service-preview.ready { background:#eaf9ef; border-color:#49b96c; }
        #page-dept-dopravni #dd-tab-sluzba .dd-service-preview.invalid { background:#fff0f0; border-color:#dc6b6b; }
        #page-dept-dopravni #dd-tab-sluzba .dd-service-preview-title { color:#16374f; }
        #page-dept-dopravni #dd-tab-sluzba .dd-service-preview-state { color:#8a6200; }
        #page-dept-dopravni #dd-tab-sluzba .dd-service-preview.ready .dd-service-preview-state { color:#167338; }
        #page-dept-dopravni #dd-tab-sluzba .dd-service-preview.invalid .dd-service-preview-state { color:#a92f2f; }
        #page-dept-dopravni #dd-tab-sluzba .dd-service-preview-member { background:#e8f4fb; border-color:#8dc3df; color:#07557f; }
        #page-dept-dopravni #dd-tab-sluzba .dd-service-preview-author { color:#7c5a00; }
        #page-dept-dopravni #dd-tab-sluzba .dd-service-card { background:#0b2a45; border:1px solid #164a70; box-shadow:0 8px 18px rgba(7,32,55,.16); }
        #page-dept-dopravni #dd-tab-sluzba .dd-service-type { color:#fff; font-size:.95rem; }
        #page-dept-dopravni #dd-tab-sluzba .dd-service-author { background:#fff4cc; border-color:#e2ba3a; color:#735400; }
        #page-dept-dopravni #dd-tab-sluzba .dd-service-member { background:#e7f4fb; border-color:#8cc5e2; color:#064f78; }
        #page-dept-dopravni #dd-tab-sluzba .dd-service-permission-note { color:#c9eaff; }
        #page-dept-dopravni #dd-tab-sluzba .dd-service-meta { color:#d4e3ee; }
        #page-dept-dopravni #dd-tab-sluzba .dd-service-history-title { color:#173b57; border-top-color:#cbdce7; }
        #page-dept-dopravni #dd-tab-sluzba .dd-service-empty { background:#f7fafc; border-color:#afc8d8; color:#52677b; }
        #page-dept-dopravni #dd-tab-sluzba .dd-service-remove { border-color:#62bce9; color:#d9f2ff; background:#124567; }
        /* DD pokuty – čitelné formuláře a záznamy na světlém pozadí. */
        #page-dept-dopravni #dd-tab-pokuty .dd-service-panel { background:#fff; border:1px solid #c7d8e5; box-shadow:0 8px 22px rgba(25,55,85,.08); }
        #page-dept-dopravni #dd-tab-pokuty .dd-service-panel-title { color:#082744; font-weight:900; }
        #page-dept-dopravni #dd-tab-pokuty .dd-service-help,
        #page-dept-dopravni #dd-tab-pokuty .form-group label { color:#52677b; font-weight:750; }
        #page-dept-dopravni #dd-tab-pokuty .form-control { background:#fff; border:1px solid #9fb5c5; color:#102c43; opacity:1; }
        #page-dept-dopravni #dd-tab-pokuty .form-control::placeholder { color:#718496; opacity:1; }
        #page-dept-dopravni #dd-tab-pokuty .form-control:focus { border-color:#0071b9; box-shadow:0 0 0 3px rgba(0,113,185,.12); }
        #page-dept-dopravni #dd-tab-pokuty .form-control[readonly] { background:#edf2f6; color:#28465d; -webkit-text-fill-color:#28465d; }
        #page-dept-dopravni #dd-tab-pokuty .dd-fine-auto-grid { background:#eefaf2; border-color:#70c98b; }
        #page-dept-dopravni #dd-tab-pokuty .dd-fine-range-note { color:#287441; font-weight:700; }
        #page-dept-dopravni #dd-tab-pokuty .dd-fine-crew-status { background:#fff0f0; border-color:#dc6b6b; color:#9e2929; }
        #page-dept-dopravni #dd-tab-pokuty .dd-fine-crew-status.ready { background:#eaf9ef; border-color:#49b96c; color:#176532; }
        #page-dept-dopravni #dd-tab-pokuty .dd-fine-crew-member { background:#e7f4fb; border-color:#8cc5e2; color:#064f78; }
        #page-dept-dopravni #dd-tab-pokuty .dd-fine-card { background:#0b2a45; border:1px solid #164a70; box-shadow:0 8px 18px rgba(7,32,55,.16); }
        #page-dept-dopravni #dd-tab-pokuty .dd-fine-driver { color:#fff; font-size:1rem; }
        #page-dept-dopravni #dd-tab-pokuty .dd-fine-offense { color:#73e59b; }
        #page-dept-dopravni #dd-tab-pokuty .dd-fine-amount { color:#ffd43b; }
        #page-dept-dopravni #dd-tab-pokuty .dd-fine-meta-grid { color:#c8dae7; }
        #page-dept-dopravni #dd-tab-pokuty .dd-fine-meta-grid strong { color:#fff; }
        #page-dept-dopravni #dd-tab-pokuty .dd-fine-writers { border-top-color:#31546d; color:#d8e7f1; }
        #page-dept-dopravni #dd-tab-pokuty .dd-fine-empty { background:#f7fafc; border-color:#afc8d8; color:#52677b; }
        :is(#page-dept-poradkova,#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori) .pj-member-group-header,
        :is(#page-dept-poradkova,#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori) th {
            background:#eef5fa;
            color:#31506d;
        }
        :is(#page-dept-poradkova,#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori) td {
            background:#fff;
            color:#193047;
        }
        :is(#page-dept-poradkova,#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori) .pj-vehicle-media {
            background:#eef3f7;
        }
        @media(max-width:720px) {
            :is(#page-dept-poradkova,#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori) { padding:18px 13px 42px !important; }
            :is(#page-dept-poradkova,#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori).has-unit-dept-hero { padding:0 0 42px !important; }
            :is(#page-dept-poradkova,#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori).has-unit-dept-hero > div:not(.unit-dept-hero),
            :is(#page-dept-poradkova,#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori).has-unit-dept-hero > .card { width:calc(100% - 26px); }
            :is(#page-dept-poradkova,#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori) > .card { padding:18px; }
        }

    
        .click-toggle-clothing { cursor:pointer; }
        .click-toggle-clothing:focus-visible {
            outline:2px solid rgba(56,189,248,.7);
            outline-offset:3px;
        }
        .click-toggle-clothing .pj-clothing-details { cursor:default; }
    
        .inspector-rating-list{display:grid;gap:16px}
        .inspector-rating-card{border:1px solid rgba(56,189,248,.17);border-radius:16px;padding:17px;background:rgba(5,13,24,.72)}
        .inspector-rating-card.active-service{border-color:rgba(34,197,94,.36);box-shadow:0 0 0 1px rgba(34,197,94,.06),0 16px 34px rgba(0,0,0,.16)}
        .inspector-rating-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
        .inspector-rating-name{color:#fff;font-size:1rem;font-weight:900}
        .inspector-rating-rank{margin-top:4px;color:#7dd3fc;font-size:.68rem;font-weight:850;text-transform:uppercase}
        .inspector-service-status{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;font-size:.66rem;font-weight:900;white-space:nowrap}
        .inspector-service-status.active{color:#86efac;border:1px solid rgba(34,197,94,.34);background:rgba(34,197,94,.08)}
        .inspector-service-status.off{color:#94a3b8;border:1px solid rgba(148,163,184,.18);background:rgba(148,163,184,.04)}
        .inspector-service-status.active i{font-size:.55rem;animation:inspectorServicePulse 1.4s infinite}
        @keyframes inspectorServicePulse{0%,100%{opacity:.45}50%{opacity:1}}
        .inspector-rating-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
        .inspector-rating-stat{min-width:0;padding:11px;border:1px solid rgba(56,189,248,.10);border-radius:11px;background:rgba(255,255,255,.025)}
        .inspector-rating-stat.main{border-color:rgba(34,197,94,.20);background:rgba(34,197,94,.045)}
        .inspector-rating-stat span{display:block;color:var(--text-sub);font-size:.62rem;font-weight:750;margin-bottom:4px}
        .inspector-rating-stat strong{display:block;color:#fff;font-size:.88rem;overflow-wrap:anywhere}
        .inspector-service-history{margin-top:13px;border-top:1px solid rgba(56,189,248,.10);padding-top:11px}
        .inspector-service-history summary{color:#bae6fd;font-size:.72rem;font-weight:850;cursor:pointer;list-style:none}
        .inspector-service-history summary::-webkit-details-marker{display:none}
        .inspector-service-history-list{display:grid;gap:7px;margin-top:10px}
        .inspector-service-history-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid rgba(148,163,184,.12);border-radius:9px;color:#cbd5e1;font-size:.68rem;background:rgba(255,255,255,.018)}
        .inspector-service-history-row span{color:#94a3b8}
        .inspector-service-history-duration{color:#fff;font-weight:850;white-space:nowrap}
        .inspector-auto-ended{display:inline-flex;margin-left:6px;padding:2px 5px;border-radius:999px;color:#fca5a5;border:1px solid rgba(239,68,68,.25);font-size:.56rem}
        @media(max-width:1100px){.inspector-rating-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
        @media(max-width:700px){.inspector-rating-head{flex-direction:column}.inspector-rating-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.inspector-service-history-row{align-items:flex-start;flex-direction:column}}

    
        /* ===== HODNOCENÍ INSPEKTORÁTU – DISCORD LEADERBOARD STYLE ===== */
        .inspector-board{
            overflow:hidden;
            border:1px solid rgba(99,102,241,.22);
            border-radius:16px;
            background:linear-gradient(180deg,rgba(17,18,27,.96),rgba(7,12,21,.94));
            box-shadow:0 18px 45px rgba(0,0,0,.22);
        }
        .inspector-board-title{
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:15px;
            padding:15px 17px;
            border-bottom:1px solid rgba(148,163,184,.12);
            background:rgba(99,102,241,.055);
        }
        .inspector-board-title strong{display:block;color:#f8fafc;font-size:.87rem}
        .inspector-board-title span:not(.inspector-board-count){display:block;margin-top:3px;color:#94a3b8;font-size:.62rem}
        .inspector-board-count{
            flex:0 0 auto;
            padding:5px 9px;
            border-radius:999px;
            border:1px solid rgba(99,102,241,.28);
            color:#c7d2fe;
            background:rgba(99,102,241,.08);
            font-size:.62rem;
            font-weight:850;
        }
        .inspector-board-row{
            display:grid;
            grid-template-columns:48px minmax(0,1fr);
            gap:10px;
            padding:15px 17px;
            border-bottom:1px solid rgba(148,163,184,.10);
            transition:.2s ease;
        }
        .inspector-board-row:last-child{border-bottom:none}
        .inspector-board-row:hover{background:rgba(255,255,255,.018)}
        .inspector-board-row.is-serving{background:linear-gradient(90deg,rgba(34,197,94,.05),transparent 45%)}
        .inspector-board-rank{
            padding-top:2px;
            color:#f8fafc;
            font-size:.82rem;
            font-weight:950;
            text-align:center;
        }
        .inspector-board-main{min-width:0}
        .inspector-board-topline{
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:12px;
        }
        .inspector-board-person{
            display:flex;
            align-items:center;
            flex-wrap:wrap;
            gap:5px;
            min-width:0;
            color:#e2e8f0;
            font-size:.75rem;
        }
        .inspector-board-officer{font-size:.9rem}
        .inspector-board-callsign{
            padding:2px 6px;
            border-radius:5px;
            background:rgba(99,102,241,.16);
            color:#c7d2fe;
            font-weight:850;
        }
        .inspector-board-rank-name{color:#cbd5e1;font-weight:800}
        .inspector-board-divider{color:#64748b}
        .inspector-board-level{
            flex:0 0 auto;
            display:inline-flex;
            align-items:center;
            gap:4px;
            font-size:.68rem;
            font-weight:800;
        }
        .inspector-board-level.excellent{color:#dcfce7}
        .inspector-board-level.average{color:#fef3c7}
        .inspector-board-level.low{color:#fed7aa}
        .inspector-board-level.inactive{color:#fecaca}
        .inspector-board-progress-line{
            display:grid;
            grid-template-columns:minmax(0,1fr) 44px;
            align-items:center;
            gap:9px;
            margin-top:7px;
        }
        .inspector-board-progress{
            height:7px;
            overflow:hidden;
            border-radius:999px;
            background:rgba(148,163,184,.14);
        }
        .inspector-board-progress span{
            display:block;
            height:100%;
            border-radius:inherit;
            background:linear-gradient(90deg,#6366f1,#38bdf8);
            box-shadow:0 0 14px rgba(56,189,248,.24);
        }
        .inspector-board-progress-line>strong{
            color:#e2e8f0;
            font-size:.67rem;
            text-align:right;
        }
        .inspector-board-metrics{
            display:flex;
            align-items:center;
            flex-wrap:wrap;
            gap:7px 10px;
            margin-top:8px;
            color:#cbd5e1;
            font-size:.67rem;
        }
        .inspector-board-metric{display:inline-flex;align-items:center;gap:3px}
        .inspector-board-metric strong{color:#f8fafc}
        .inspector-board-points{
            padding-left:9px;
            border-left:1px solid rgba(148,163,184,.18);
            color:#f8fafc;
            font-weight:900;
        }
        .inspector-board-service-line{
            display:flex;
            align-items:center;
            justify-content:space-between;
            flex-wrap:wrap;
            gap:8px;
            margin-top:9px;
            padding-top:9px;
            border-top:1px dashed rgba(148,163,184,.11);
            font-size:.65rem;
        }
        .inspector-board-service-total{color:#94a3b8}
        .inspector-board-service-total strong{color:#dbeafe}
        .inspector-board-serving{
            display:inline-flex;
            align-items:center;
            gap:5px;
            padding:4px 7px;
            border:1px solid rgba(34,197,94,.28);
            border-radius:999px;
            color:#86efac;
            background:rgba(34,197,94,.07);
            font-weight:900;
        }
        .inspector-board-serving i{font-size:.48rem;animation:inspectorServicePulse 1.4s infinite}
        .inspector-board-offline{color:#64748b;font-weight:800}
        .inspector-board-history{
            margin-top:8px;
            padding-top:8px;
            border-top:0;
        }
        .inspector-board-history summary{font-size:.64rem;color:#94a3b8}
        .recruitment-close-confirm{
            border-radius:10px;
            background:linear-gradient(135deg,#b91c1c,#ef4444);
        }
        @media(max-width:720px){
            .inspector-board-row{grid-template-columns:36px minmax(0,1fr);padding:13px 11px}
            .inspector-board-topline{align-items:flex-start;flex-direction:column}
            .inspector-board-level{align-self:flex-start}
            .inspector-board-title{align-items:flex-start;flex-direction:column}
        }

    
        .commissioner-board {
            border-color:rgba(245,158,11,.24);
        }
        .commissioner-board .inspector-board-title {
            background:rgba(245,158,11,.055);
        }
        .commissioner-board .inspector-board-count {
            border-color:rgba(245,158,11,.30);
            color:#fde68a;
            background:rgba(245,158,11,.08);
        }
        .commissioner-board .inspector-board-callsign {
            background:rgba(245,158,11,.13);
            color:#fde68a;
        }
        .commissioner-progress span {
            background:linear-gradient(90deg,#d97706,#facc15);
            box-shadow:0 0 14px rgba(250,204,21,.20);
        }

    
        /* ===== O NÁS / VOZIDLA ===== */
        .vehicle-catalog-hero-actions{
            display:flex;
            align-items:center;
            justify-content:flex-end;
            flex-wrap:wrap;
            gap:9px;
        }
        .vehicle-add-btn{
            display:none;
            align-items:center;
            justify-content:center;
            gap:7px;
            min-height:38px;
            padding:9px 14px;
            border:1px solid rgba(34,197,94,.34);
            border-radius:10px;
            background:rgba(34,197,94,.08);
            color:#86efac;
            font-family:inherit;
            font-size:.72rem;
            font-weight:900;
            cursor:pointer;
        }
        body.admin-mode .vehicle-add-btn,
        body.can-edit-text .vehicle-add-btn{
            display:inline-flex;
        }
        .vehicle-add-btn:hover{
            border-color:#22c55e;
            background:rgba(34,197,94,.15);
            color:#fff;
        }
        .vehicle-category-tabs{
            display:grid;
            grid-template-columns:repeat(4,minmax(0,1fr));
            gap:10px;
            margin-bottom:16px;
        }
        .vehicle-category-tab{
            display:flex;
            align-items:center;
            justify-content:center;
            gap:8px;
            min-height:48px;
            padding:10px;
            border:1px solid rgba(56,189,248,.14);
            border-radius:12px;
            background:rgba(10,17,29,.78);
            color:#94a3b8;
            font-family:inherit;
            font-size:.72rem;
            font-weight:900;
            cursor:pointer;
            transition:.2s ease;
        }
        .vehicle-category-tab i{color:#64748b}
        .vehicle-category-tab:hover{
            border-color:rgba(56,189,248,.35);
            color:#e2e8f0;
            transform:translateY(-1px);
        }
        .vehicle-category-tab.active{
            border-color:rgba(56,189,248,.55);
            color:#fff;
            background:linear-gradient(135deg,rgba(2,132,199,.17),rgba(56,189,248,.06));
            box-shadow:0 0 0 1px rgba(56,189,248,.05),0 12px 26px rgba(0,0,0,.18);
        }
        .vehicle-category-tab.active i{color:var(--police-cyan)}
        .vehicle-category-section{padding:0;overflow:hidden}
        .vehicle-category-header{
            display:flex;
            align-items:flex-start;
            justify-content:space-between;
            gap:18px;
            padding:18px 20px;
            border-bottom:1px solid rgba(56,189,248,.12);
            background:linear-gradient(90deg,rgba(56,189,248,.045),transparent 55%);
        }
        .vehicle-category-kicker{
            color:var(--police-cyan);
            font-size:.59rem;
            font-weight:950;
            letter-spacing:.75px;
        }
        .vehicle-category-header h3{
            margin:4px 0 3px;
            color:#fff;
            font-family:'Chakra Petch',sans-serif;
            font-size:1.18rem;
        }
        .vehicle-category-header p{
            margin:0;
            color:var(--text-sub);
            font-size:.72rem;
            line-height:1.5;
        }
        .vehicle-category-count{
            flex:0 0 auto;
            padding:5px 9px;
            border:1px solid rgba(56,189,248,.18);
            border-radius:999px;
            color:#7dd3fc;
            background:rgba(56,189,248,.055);
            font-size:.62rem;
            font-weight:900;
        }
        .about-vehicle-grid{
            display:grid;
            grid-template-columns:repeat(3,minmax(0,1fr));
            gap:14px;
            padding:18px;
        }
        .about-vehicle-card{
            min-width:0;
            overflow:hidden;
            border:1px solid rgba(56,189,248,.15);
            border-radius:15px;
            background:linear-gradient(145deg,rgba(12,20,34,.96),rgba(6,12,22,.98));
            box-shadow:0 12px 28px rgba(0,0,0,.17);
            transition:.2s ease;
        }
        .about-vehicle-card:hover{
            transform:translateY(-2px);
            border-color:rgba(56,189,248,.36);
        }
        .about-vehicle-media{
            position:relative;
            display:flex;
            align-items:center;
            justify-content:center;
            height:210px;
            overflow:hidden;
            background:radial-gradient(circle at 50% 55%,rgba(56,189,248,.07),transparent 50%),#02060c;
            border-bottom:1px solid rgba(56,189,248,.10);
        }
        .about-vehicle-media img{
            width:100%;
            height:100%;
            object-fit:contain;
            padding:8px;
        }
        .about-vehicle-placeholder{
            display:flex;
            flex-direction:column;
            align-items:center;
            justify-content:center;
            gap:8px;
            color:#475569;
            font-size:.68rem;
        }
        .about-vehicle-placeholder i{
            color:rgba(56,189,248,.42);
            font-size:2.2rem;
        }
        .about-vehicle-category-badge{
            position:absolute;
            left:10px;
            top:10px;
            display:inline-flex;
            align-items:center;
            gap:5px;
            padding:5px 8px;
            border:1px solid rgba(56,189,248,.25);
            border-radius:999px;
            background:rgba(2,6,13,.84);
            color:#bae6fd;
            backdrop-filter:blur(8px);
            font-size:.57rem;
            font-weight:900;
            text-transform:uppercase;
            letter-spacing:.35px;
        }
        .about-vehicle-edit-btn{
            display:none;
            position:absolute;
            right:10px;
            top:10px;
            align-items:center;
            gap:5px;
            padding:6px 9px;
            border:1px solid rgba(245,158,11,.32);
            border-radius:9px;
            background:rgba(8,10,15,.88);
            color:#fde68a;
            font-family:inherit;
            font-size:.61rem;
            font-weight:900;
            cursor:pointer;
        }
        body.admin-mode .about-vehicle-edit-btn,
        body.can-edit-text .about-vehicle-edit-btn{
            display:inline-flex;
        }
        .about-vehicle-body{padding:15px}
        .about-vehicle-body h4{
            margin:0 0 12px;
            color:#fff;
            font-family:'Chakra Petch',sans-serif;
            font-size:1rem;
            line-height:1.35;
        }
        .about-vehicle-driver-row{
            display:grid;
            gap:5px;
            padding-top:10px;
            border-top:1px solid rgba(148,163,184,.10);
        }
        .about-vehicle-driver-row span{
            display:flex;
            align-items:center;
            gap:6px;
            color:#64748b;
            font-size:.59rem;
            font-weight:850;
            text-transform:uppercase;
            letter-spacing:.35px;
        }
        .about-vehicle-driver-row span i{color:var(--police-cyan)}
        .about-vehicle-driver-row strong{
            color:#e2e8f0;
            font-size:.73rem;
            line-height:1.45;
        }
        .about-vehicle-empty{
            grid-column:1/-1;
            display:flex;
            flex-direction:column;
            align-items:center;
            justify-content:center;
            min-height:220px;
            gap:8px;
            text-align:center;
            color:#64748b;
        }
        .about-vehicle-empty i{
            color:rgba(56,189,248,.40);
            font-size:2.4rem;
        }
        .about-vehicle-empty strong{color:#cbd5e1;font-size:.83rem}
        .about-vehicle-empty span{font-size:.67rem}
        .vehicle-editor-modal{max-width:820px}
        .vehicle-editor-grid{
            display:grid;
            grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);
            gap:20px;
        }
        .vehicle-editor-photo-label{
            display:block;
            margin-bottom:7px;
            color:#cbd5e1;
            font-size:.68rem;
            font-weight:800;
        }
        .vehicle-editor-photo{
            display:flex;
            align-items:center;
            justify-content:center;
            min-height:250px;
            overflow:hidden;
            border:1px dashed rgba(56,189,248,.25);
            border-radius:13px;
            background:#03070d;
        }
        .vehicle-editor-photo img{
            display:none;
            width:100%;
            height:250px;
            object-fit:contain;
        }
        .vehicle-editor-photo-empty{
            display:flex;
            flex-direction:column;
            align-items:center;
            gap:8px;
            color:#64748b;
            font-size:.66rem;
        }
        .vehicle-editor-photo-empty i{
            color:rgba(56,189,248,.45);
            font-size:2rem;
        }
        .vehicle-editor-photo-actions{
            display:flex;
            flex-wrap:wrap;
            gap:8px;
            margin-top:9px;
        }
        .vehicle-editor-footer{
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:10px;
        }
        .vehicle-editor-footer-right{
            display:flex;
            align-items:center;
            gap:8px;
            margin-left:auto;
        }
        .vehicle-delete-btn{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            gap:6px;
            min-height:36px;
            padding:8px 12px;
            border:1px solid rgba(239,68,68,.30);
            border-radius:9px;
            background:rgba(239,68,68,.06);
            color:#fca5a5;
            font-family:inherit;
            font-size:.67rem;
            font-weight:900;
            cursor:pointer;
        }
        .vehicle-delete-btn:hover{
            border-color:#ef4444;
            background:rgba(239,68,68,.14);
            color:#fff;
        }
        @media(max-width:1050px){
            .about-vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
        }
        @media(max-width:800px){
            .vehicle-category-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
            .vehicle-editor-grid{grid-template-columns:1fr}
            .vehicle-catalog-hero-actions{justify-content:flex-start}
        }
        @media(max-width:620px){
            .about-vehicle-grid{grid-template-columns:1fr;padding:12px}
            .vehicle-category-header{flex-direction:column}
            .vehicle-editor-footer{align-items:stretch;flex-direction:column}
            .vehicle-editor-footer-right{width:100%;margin-left:0}
            .vehicle-editor-footer-right>*{flex:1}
            .vehicle-delete-btn{width:100%}
        }

    
        /* Vylepšené veřejné karty výcviků */
        .training-public-card{position:relative;overflow:hidden;padding:18px;border-radius:16px;background:radial-gradient(circle at 100% 0,rgba(56,189,248,.09),transparent 36%),rgba(4,10,19,.82)}
        .training-public-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,var(--gold),var(--police-cyan))}
        .training-public-attendees{margin:0 0 14px;padding:12px;border:1px solid rgba(56,189,248,.16);border-radius:11px;background:rgba(56,189,248,.045)}
        .training-public-attendees-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;color:#dbeafe;font-size:.7rem;font-weight:850}
        .training-public-attendees-head i{color:var(--police-cyan);margin-right:6px}.training-public-attendee-list{display:flex;flex-wrap:wrap;gap:6px}
        .training-public-attendee{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid rgba(34,197,94,.22);border-radius:999px;background:rgba(34,197,94,.07);color:#bbf7d0;font-size:.65rem;font-weight:750}
        .training-public-attendee-empty{color:#64748b;font-size:.66rem}

        /* ===== NOVÝ VEŘEJNÝ VZHLED – MP PRAHA INSPIROVANÝ ZÁKLAD ===== */
        body { padding:0; background:#f4f6f9; }
        body::before { display:none; }
        .container { width:100%; max-width:none; margin:0; }
        header {
            position:sticky;
            top:0;
            z-index:5000;
            min-height:72px;
            margin:0;
            padding:0 4.5vw;
            border:0;
            border-radius:0;
            background:#071d3a;
            box-shadow:0 4px 18px rgba(0,15,38,.18);
            backdrop-filter:none;
        }
        .header-brand { flex:0 0 auto; gap:11px; }
        .header-brand img { width:46px; height:46px; border-radius:8px; box-shadow:none; object-fit:contain; }
        .brand-text h1 { font-family:'Plus Jakarta Sans',sans-serif; font-size:.98rem; letter-spacing:.15px; text-transform:none; }
        .brand-text span { color:#ffd500; font-size:.59rem; letter-spacing:1px; }
        .secret-admin-btn { margin-left:0; }
        .header-right-panel { flex:1; justify-content:flex-end; gap:16px; padding:0; border:0; border-radius:0; background:transparent; }
        .navbar { gap:2px; }
        .nav-btn { min-height:72px; padding:0 16px; border-radius:0; color:#d7dfeb; font-size:.82rem; font-weight:750; }
        .nav-btn:hover,.nav-btn.active { color:#fff; background:transparent; box-shadow:inset 0 -4px 0 #ffd500; }
        .about-nav-menu,.nav-dropdown-menu { top:calc(100% - 3px); border-radius:0 0 10px 10px; }

        /* ===== V51 – O NÁS A VEDENÍ VE STYLU MP PRAHA ===== */
        .about-nav-menu { top:calc(100% + 1px) !important; width:280px !important; padding:8px 0 !important; border:1px solid #d8e0e8 !important; border-radius:0 0 6px 6px !important; background:#fff !important; box-shadow:0 12px 24px rgba(2,25,50,.16) !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }
        .about-nav-item { min-height:39px; padding:9px 17px !important; border-radius:0 !important; color:#152b46 !important; font-size:.84rem !important; font-weight:500 !important; }
        .about-nav-item i { display:none !important; }
        .about-nav-item:hover,.about-nav-item:focus-visible { padding-left:20px !important; color:#005eaa !important; background:#f0f5fa !important; }
        #page-about-vedeni { max-width:none !important; margin:0 !important; padding:0 0 58px !important; background:#f2f5f8; }
        .leadership-prague-hero { padding:34px max(6vw,28px) 30px; border-bottom:3px solid #ffd400; background:#061d38; color:#fff; }
        .leadership-prague-breadcrumb { color:#b9c9d9; font-size:.78rem; margin-bottom:12px; }
        .leadership-prague-hero h2 { margin:0; color:#fff; font-size:clamp(1.8rem,3vw,2.35rem); }
        .leadership-prague-content { width:min(1220px,calc(100% - 44px)); margin:40px auto 0; }
        .leadership-prague-intro { margin-bottom:24px; padding:26px; border:1px solid #d4dee8; border-radius:13px; background:#fff; color:#0b1d31; }
        .leadership-prague-intro strong { display:block; margin-bottom:13px; color:#0067b9; font-size:.75rem; text-transform:uppercase; }
        #page-about-vedeni .leadership-v3-shell { padding:0; border:0; background:transparent; box-shadow:none; }
        #page-about-vedeni .leadership-v3-title { display:none; }
        #page-about-vedeni .leadership-v3-tree { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; gap:20px; }
        #page-about-vedeni .leadership-v3-level { display:contents !important; }
        #page-about-vedeni .leadership-v3-connector,#page-about-vedeni .leadership-v3-branch { display:none !important; }
        #page-about-vedeni .leadership-v3-card { min-height:360px; padding:26px 22px !important; border:1px solid #d4dee8 !important; border-radius:13px !important; background:#fff !important; box-shadow:none !important; color:#0a1b2e !important; }
        #page-about-vedeni .leadership-v3-card::before { display:none !important; }
        #page-about-vedeni .discord-avatar-wrapper { margin:0 auto 17px; }
        #page-about-vedeni .discord-avatar { width:130px !important; height:176px !important; border-radius:8px !important; object-fit:cover !important; box-shadow:none !important; }
        #page-about-vedeni .leadership-v3-role { margin:0 0 12px !important; color:#0067b9 !important; text-align:center; }
        #page-about-vedeni .leadership-v3-role i { display:none; }
        #page-about-vedeni .discord-name { color:#071629 !important; text-align:center; font-size:1.08rem; font-weight:850; }
        #page-about-vedeni .leadership-v3-meta { justify-items:center; border-top:0; color:#31445b; text-align:center; }
        #page-about-vedeni .leadership-v3-meta strong { color:#071629 !important; }
        @media(max-width:900px) { #page-about-vedeni .leadership-v3-tree { grid-template-columns:repeat(2,minmax(0,1fr)); } }
        @media(max-width:620px) { .leadership-prague-content { width:min(100% - 26px,1220px); margin-top:24px; } #page-about-vedeni .leadership-v3-tree { grid-template-columns:1fr; } }

        /* ===== V52 – NAŠE HODNOTY + PŘESNÁ HIERARCHIE VEDENÍ ===== */
        #page-about { max-width:none !important; margin:0 !important; padding:0 0 58px !important; background:#f2f5f8; }
        .values-prague-hero { padding:34px max(6vw,28px) 30px; border-bottom:3px solid #ffd400; background:#061d38; color:#fff; }
        .values-prague-breadcrumb { margin-bottom:12px; color:#b9c9d9; font-size:.78rem; }
        .values-prague-hero h2 { margin:0; color:#fff; font-size:clamp(1.8rem,3vw,2.35rem); }
        .values-prague-content { width:min(1220px,calc(100% - 44px)); margin:30px auto 0; }
        .values-prague-intro,.values-prague-footer { padding:22px 25px; border:1px solid #d4dee8; border-radius:12px; background:#fff; color:#14283e; font-size:.82rem; line-height:1.65; }
        .values-prague-intro strong { display:block; margin-bottom:9px; color:#0067b9; font-size:.72rem; text-transform:uppercase; }
        .values-prague-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin:18px 0; }
        .values-prague-card { min-height:245px; padding:22px 20px; border:1px solid #d4dee8; border-radius:12px; background:#fff; color:#12263c; }
        .values-prague-icon { width:34px; height:34px; display:grid; place-items:center; margin-bottom:13px; border-radius:50%; background:#f1f6fb; color:#0067b9; }
        .values-prague-card h3 { margin:0 0 10px; color:#0067b9; font-size:.72rem; letter-spacing:.25px; text-transform:uppercase; }
        .values-prague-card p { margin:0; font-size:.8rem; line-height:1.65; }
        #page-about-vedeni .leadership-v3-tree { display:flex !important; gap:24px; }
        #page-about-vedeni .leadership-v3-level { display:grid !important; width:100%; max-width:none !important; gap:20px; }
        #page-about-vedeni .leadership-v3-level.leadership-v3-top { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
        #page-about-vedeni .leadership-v3-level.leadership-v3-chiefs,
        #page-about-vedeni .leadership-v3-level.leadership-v3-commissioners { grid-template-columns:repeat(auto-fit,minmax(260px,1fr)) !important; }
        #page-about-vedeni .leadership-v3-connector { display:block !important; width:2px; height:20px; margin:-2px auto; background:#c3d3e0; }
        #page-about-vedeni .leadership-row-label { width:100%; margin:2px 0 -8px; color:#0067b9; font-size:.72rem; font-weight:850; letter-spacing:.45px; text-align:center; text-transform:uppercase; }
        @media(max-width:900px) { .values-prague-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } #page-about-vedeni .leadership-v3-level.leadership-v3-top { grid-template-columns:1fr !important; } }
        @media(max-width:620px) { .values-prague-content { width:min(100% - 26px,1220px); margin-top:24px; } .values-prague-grid { grid-template-columns:1fr; } }
        .btn-login-custom { border-radius:7px; background:#ffd500; color:#071d3a; box-shadow:none; }
        .btn-login-custom:hover { background:#ffe247; box-shadow:none; }
        .user-profile-badge { border-color:rgba(255,255,255,.18); background:rgba(255,255,255,.07); }

        main { width:100%; }
        main > .main-page:not(#page-uvod) { width:100%; padding:34px 4.5vw 60px; }
        #page-uvod { width:100%; }
        #page-uvod .hero-banner {
            min-height:620px;
            margin:0;
            padding:0 0 72px;
            border:0;
            border-radius:0;
            justify-content:flex-end;
            box-shadow:none;
        }
        .hero-auto-slides { border-radius:0; }
        .hero-auto-overlay {
            border-radius:0;
            background:
                linear-gradient(90deg,rgba(2,15,37,.92) 0%,rgba(2,15,37,.72) 37%,rgba(2,15,37,.18) 72%,rgba(2,15,37,.1) 100%),
                linear-gradient(0deg,rgba(2,15,37,.45),rgba(2,15,37,.08) 55%);
        }
        .prague-hero-copy {
            position:relative;
            z-index:4;
            width:min(720px,91vw);
            margin-left:clamp(24px,10vw,190px);
            color:#fff;
        }
        .prague-hero-eyebrow { display:flex; align-items:center; gap:10px; margin-bottom:22px; color:#ffd500; font-size:.76rem; font-weight:900; letter-spacing:1.1px; text-transform:uppercase; }
        .prague-hero-eyebrow::before { content:''; width:26px; height:3px; background:#ffd500; }
        .prague-hero-copy h2 { margin:0 0 16px; font-family:'Plus Jakarta Sans',sans-serif; font-size:clamp(2.8rem,5vw,5rem); line-height:.98; letter-spacing:-3px; }
        .prague-hero-copy h2 span { display:block; color:#ffd500; }
        .prague-hero-copy p { max-width:560px; color:#eef3f9; font-size:1.03rem; line-height:1.65; }
        .prague-hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
        .prague-hero-btn { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:50px; padding:0 24px; border:1px solid rgba(255,255,255,.55); border-radius:7px; background:rgba(3,20,47,.38); color:#fff; font-weight:850; text-decoration:none; cursor:pointer; }
        .prague-hero-btn.primary { border-color:#ffd500; background:#ffd500; color:#071d3a; }
        .prague-hero-btn:hover { transform:translateY(-1px); }
        #page-uvod .hero-stats { display:none; }
        #page-uvod > .public-home-links,
        #page-uvod > .dashboard-grid,
        #page-uvod > .training-public-section { width:min(1280px,calc(100% - 48px)); margin-left:auto; margin-right:auto; }
        #page-uvod > .public-home-links { position:relative; z-index:5; margin-top:-34px; border-radius:14px; box-shadow:0 18px 42px rgba(6,27,55,.14); }
        #page-uvod .public-home-links { border:0; background:#fff; }
        #page-uvod .public-home-link { min-height:168px; padding:22px 13px; border-right:1px solid #d9e1ec; color:#071d3a; }
        #page-uvod .public-home-link:last-child { border-right:0; }
        #page-uvod .public-home-link:hover { transform:none; background:#f5f8fc; }
        #page-uvod .public-home-link-icon { width:auto; height:auto; border:0; border-radius:0; background:transparent; box-shadow:none; color:#0570c9; font-size:1.35rem; }
        #page-uvod .public-home-link strong { font-family:'Plus Jakarta Sans',sans-serif; font-size:.82rem; line-height:1.35; }
        #page-uvod .public-home-link small { color:#69788d; font-size:.65rem; }
        #page-uvod .public-home-link::after { content:'→'; margin-top:6px; color:#009fe3; font-size:1rem; font-weight:900; }

        @media(max-width:1050px) {
            header { padding:0 20px; }
            .brand-text span { display:none; }
            .nav-btn { padding:0 10px; font-size:.76rem; }
            #page-uvod .public-home-links { grid-template-columns:repeat(3,minmax(0,1fr)); }
            #page-uvod .public-home-link:nth-child(3n) { border-right:0; }
            #page-uvod .public-home-link:nth-child(-n+3) { border-bottom:1px solid #d9e1ec; }
        }
        @media(max-width:900px) {
            header { position:relative; flex-direction:column; align-items:stretch; gap:0; padding:12px 18px; border-radius:0; }
            .header-brand { justify-content:center; }
            .header-right-panel { flex-direction:column; width:100%; gap:8px; }
            .navbar { width:100%; justify-content:center; flex-wrap:wrap; }
            .nav-btn { min-height:42px; padding:0 12px; }
            #auth-container { display:flex; justify-content:center; }
            #page-uvod .hero-banner { min-height:530px; padding-bottom:62px; }
            .prague-hero-copy { margin:0 24px; width:auto; }
            .prague-hero-copy h2 { letter-spacing:-2px; }
        }
        @media(max-width:560px) {
            .brand-text h1 { font-size:.88rem; }
            .header-brand img { width:40px; height:40px; }
            .prague-hero-copy h2 { font-size:2.65rem; }
            .prague-hero-actions { align-items:stretch; flex-direction:column; }
            .prague-hero-btn { width:100%; }
            #page-uvod > .public-home-links,
            #page-uvod > .dashboard-grid,
            #page-uvod > .training-public-section { width:calc(100% - 24px); }
            #page-uvod .public-home-links { grid-template-columns:repeat(2,minmax(0,1fr)); }
            #page-uvod .public-home-link { min-height:145px; border-bottom:1px solid #d9e1ec; }
            #page-uvod .public-home-link:nth-child(odd) { border-right:1px solid #d9e1ec; }
            #page-uvod .public-home-link:nth-child(even) { border-right:0; }
            #page-uvod .public-home-link:nth-last-child(-n+2) { border-bottom:0; }
        }
        /* Jednotný vzhled bez obrysových čar – oddělení zajišťují pozadí, mezery a stíny */
        body *, body *::before, body *::after { border-color:transparent !important; }

        /* Samostatná kontaktní stránka */
        #page-kontakt { width:100%; max-width:none !important; margin:0 !important; padding:0 0 64px !important; background:#f4f6f9; }
        .contact-page-hero { width:100%; margin:0 0 42px; padding:40px max(24px,calc((100% - 1260px)/2)) 38px; background:#071d3a; color:#fff; border-bottom:3px solid #ffd400 !important; box-shadow:none; }
        .contact-page-hero small { display:block; margin-bottom:16px; color:#b9c9d9; font-size:.82rem; }
        .contact-page-hero small a { color:inherit; text-decoration:none; }
        .contact-page-hero small a:hover { color:#fff; text-decoration:underline; }
        .contact-page-hero h2 { margin:0; font-family:'Plus Jakarta Sans',sans-serif; font-size:clamp(1.5rem,2.5vw,1.9rem); font-weight:700; line-height:1.2; letter-spacing:-.5px; text-transform:none; }
        .contact-page-content { width:min(1260px,calc(100% - 48px)); margin:0 auto; color:#102b42; }
        .contact-quick-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-bottom:26px; }
        .contact-quick-card { min-width:0; min-height:86px; padding:19px 18px; border-radius:12px; background:#fff; box-shadow:0 3px 12px rgba(20,55,82,.04); }
        .contact-quick-card > i { display:none; }
        .contact-quick-card span { display:block; margin-bottom:7px; color:#587185; font-size:.78rem; line-height:1.35; }
        .contact-quick-card strong { display:block; color:#071d3a; font-size:1rem; line-height:1.35; overflow-wrap:anywhere; }
        #page-kontakt a:not(.contact-breadcrumb) { color:#0068ae; text-decoration:underline; text-underline-offset:3px; }
        #page-kontakt a:not(.contact-breadcrumb):hover { color:#004a80; }
        #page-kontakt a:focus-visible { outline:2px solid #0078bc; outline-offset:4px; }
        .contact-main-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:24px; margin-bottom:30px; }
        .contact-main-card,.contact-map-card { min-width:0; min-height:318px; border-radius:13px; background:#fff; box-shadow:0 3px 12px rgba(20,55,82,.04); overflow:hidden; }
        .contact-main-card { padding:28px; }
        .contact-card-kicker { margin-bottom:18px; color:#0068ae; font-size:.75rem; font-weight:900; letter-spacing:.25px; text-transform:uppercase; }
        .contact-list { display:grid; gap:12px; }
        .contact-list-row { display:grid; grid-template-columns:22px minmax(0,1fr); align-items:start; gap:10px; color:#203d54; font-size:.88rem; line-height:1.5; }
        .contact-list-row i { margin-top:3px; color:#0078bc; text-align:center; }
        .contact-hours { margin-top:22px; padding-top:20px; box-shadow:inset 0 1px 0 rgba(19,65,96,.12); }
        .contact-hours h3 { margin-bottom:10px; color:#0068ae; font-family:'Plus Jakarta Sans',sans-serif; font-size:.82rem; text-transform:uppercase; }
        .contact-hours p { margin:5px 0; color:#29475e; font-size:.82rem; line-height:1.55; }
        .contact-map-card { position:relative; display:flex; align-items:center; justify-content:center; padding:30px; background:#e7f1f6; isolation:isolate; }
        .contact-map-card::before { content:''; position:absolute; inset:0; z-index:-1; opacity:.55; background-image:linear-gradient(28deg,transparent 46%,#aec9d8 47% 49%,transparent 50%),linear-gradient(92deg,transparent 46%,#bfd4df 47% 49%,transparent 50%); background-size:120px 90px,155px 110px; }
        .contact-map-pin { width:min(360px,100%); padding:24px; border-radius:16px; background:rgba(255,255,255,.94); box-shadow:0 12px 32px rgba(13,55,84,.18); text-align:center; }
        .contact-map-pin > i { display:inline-flex; align-items:center; justify-content:center; width:52px; height:52px; margin-bottom:13px; border-radius:50%; background:#dff2fb; color:#d83333; font-size:1.35rem; }
        .contact-map-pin strong { display:block; margin-bottom:7px; color:#092b45; font-size:1rem; }
        .contact-map-pin span { display:block; color:#607a8e; font-size:.78rem; line-height:1.5; }
        .contact-units-heading { margin:0 0 18px; }
        .contact-units-heading span { display:block; margin-bottom:5px; color:#0068ae; font-size:.72rem; font-weight:900; text-transform:uppercase; }
        .contact-units-heading h3 { color:#071f38; font-family:'Plus Jakarta Sans',sans-serif; font-size:1.4rem; }
        .contact-units-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
        .contact-unit-card { min-width:0; padding:24px; border-radius:13px; background:#fff; box-shadow:0 3px 12px rgba(20,55,82,.04); }
        .contact-unit-top { display:flex; align-items:center; gap:13px; margin-bottom:18px; }
        .contact-unit-logo { width:52px; height:52px; padding:4px; border-radius:50%; background:#eef5f8; object-fit:contain; }
        .contact-unit-card h4 { color:#0a2a43; font-size:1rem; }
        .contact-unit-card .contact-list { margin-bottom:18px; }
        .contact-unit-open { display:inline-flex; align-items:center; gap:8px; padding:0; border-radius:0; background:transparent; color:#0069a7; font:inherit; font-size:.82rem; font-weight:700; cursor:pointer; }
        .contact-unit-open:hover { color:#004a80; text-decoration:underline; }
        @media (max-width:1000px) { .contact-quick-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .contact-main-grid { grid-template-columns:1fr; } }
        @media (max-width:650px) { .contact-page-hero { margin:0 0 28px; padding:30px 20px; } .contact-page-content { width:calc(100% - 32px); } .contact-quick-grid,.contact-units-grid { grid-template-columns:1fr; } .contact-main-card { padding:22px; } }

        /* Výjimka z bezrámečkového vzhledu: žlutá linka pouze pod hlavičkami. */
        :is(#page-stanice-trebotin,#page-op-tynec,#page-dept-poradkova,#page-dept-dopravni,#page-dept-operacni,#page-dept-instruktori,#page-utvar-pj,#page-utvar-dd,#page-utvar-od,#page-utvar-instr) .station-hero {
            border-bottom:3px solid #ffd400 !important;
        }


        /* Týnec pod Kopcem – kontaktní blok se statickou mapou */
        :is(#page-op-tynec,#page-stanice-trebotin) .tynec-location-grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr); gap:22px; margin:0 0 24px; align-items:stretch; }
        :is(#page-op-tynec,#page-stanice-trebotin) .tynec-location-card,
        :is(#page-op-tynec,#page-stanice-trebotin) .tynec-map-card { min-width:0; overflow:hidden; border:1px solid #d4dee8; border-radius:12px; background:#fff; }
        :is(#page-op-tynec,#page-stanice-trebotin) .tynec-location-card { padding:28px; color:#193047; }
        :is(#page-op-tynec,#page-stanice-trebotin) .tynec-location-kicker { margin-bottom:8px; color:#0067b9; font-size:.72rem; font-weight:900; letter-spacing:.3px; text-transform:uppercase; }
        :is(#page-op-tynec,#page-stanice-trebotin) .tynec-location-card h3 { margin:0 0 22px; color:#0a1c30; font-size:1.28rem; }
        :is(#page-op-tynec,#page-stanice-trebotin) .tynec-location-divider { height:1px; margin:0 0 20px; background:#d8e1e9; }
        :is(#page-op-tynec,#page-stanice-trebotin) .tynec-location-label { margin-bottom:11px; color:#0067b9; font-size:.72rem; font-weight:900; letter-spacing:.3px; text-transform:uppercase; }
        :is(#page-op-tynec,#page-stanice-trebotin) .tynec-location-row { display:flex; align-items:flex-start; gap:11px; margin:11px 0; color:#193047; font-size:.9rem; line-height:1.5; }
        :is(#page-op-tynec,#page-stanice-trebotin) .tynec-location-row i { width:18px; margin-top:3px; color:#0071b9; text-align:center; }
        :is(#page-op-tynec,#page-stanice-trebotin) .tynec-location-row a { color:#0068ae; text-decoration:underline; text-underline-offset:3px; }
        :is(#page-op-tynec,#page-stanice-trebotin) .tynec-map-card { position:relative; min-height:330px; }
        :is(#page-op-tynec,#page-stanice-trebotin) .tynec-map-card img { display:block; width:100%; height:100%; min-height:330px; object-fit:cover; }
        :is(#page-op-tynec,#page-stanice-trebotin) .tynec-map-caption { position:absolute; left:16px; top:16px; max-width:calc(100% - 32px); padding:12px 14px; border-radius:8px; background:rgba(255,255,255,.95); box-shadow:0 4px 14px rgba(0,0,0,.16); color:#193047; }
        :is(#page-op-tynec,#page-stanice-trebotin) .tynec-map-caption strong { display:block; margin-bottom:3px; color:#0a1c30; font-size:.86rem; }
        :is(#page-op-tynec,#page-stanice-trebotin) .tynec-map-caption span { color:#607a8e; font-size:.72rem; }
        @media(max-width:850px) { :is(#page-op-tynec,#page-stanice-trebotin) .tynec-location-grid { grid-template-columns:1fr; } :is(#page-op-tynec,#page-stanice-trebotin) .tynec-map-card { min-height:280px; } :is(#page-op-tynec,#page-stanice-trebotin) .tynec-map-card img { min-height:280px; } }

        /* Uživatelské nastavení jasu – ztlumení celé stránky bez ztráty kontrastu */
        .brightness-control { position:fixed; left:18px; bottom:18px; z-index:9000; }
        .brightness-toggle {
            width:44px; height:44px; display:flex; align-items:center; justify-content:center;
            border:1px solid #49728e; border-radius:50%; background:#08243b; color:#fff;
            box-shadow:0 8px 22px rgba(0,0,0,.28); cursor:pointer; font-size:1rem;
        }
        .brightness-toggle:hover, .brightness-toggle[aria-expanded="true"] { background:#0b6d9e; border-color:#78c9ed; }
        .brightness-panel {
            display:none; position:absolute; left:0; bottom:54px; width:285px; padding:16px;
            border:1px solid #b8cedd; border-radius:14px; background:#fff; color:#102f46;
            box-shadow:0 14px 35px rgba(7,31,48,.24);
        }
        .brightness-control.open .brightness-panel { display:block; animation:fadeIn .18s ease; }
        .brightness-panel-header { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:6px; }
        .brightness-panel-title { display:flex; align-items:center; gap:8px; font-weight:850; }
        .brightness-value { min-width:45px; color:#006fae; font-weight:900; text-align:right; }
        .brightness-panel-note { margin:0 0 13px; color:#587185; font-size:.72rem; line-height:1.45; }
        .brightness-range-row { display:grid; grid-template-columns:18px 1fr 18px; align-items:center; gap:9px; color:#557487; }
        .brightness-range { width:100%; accent-color:#087fbc; cursor:pointer; }
        .brightness-reset {
            width:100%; margin-top:13px; padding:8px 10px; border:1px solid #c3d4df; border-radius:9px;
            background:#f1f6f9; color:#16415f; font:inherit; font-size:.75rem; font-weight:800; cursor:pointer;
        }
        .brightness-reset:hover { border-color:#6aaaca; background:#e5f2f8; }
        @media (max-width:700px) {
            .brightness-control { left:12px; bottom:12px; }
            .brightness-panel { width:min(285px,calc(100vw - 24px)); }
        }
        @media print { html { filter:none !important; } }
    

        /* === 2026-09-24: ČITELNĚJŠÍ DESIGN INTERNÍ EVIDENCE === */
        #page-databaze-celkova .db-layout { grid-template-columns: 238px minmax(0,1fr); gap: 22px; align-items:start; }
        #page-databaze-celkova .db-sidebar { position:sticky; top:22px; padding:16px; border-radius:16px; background:linear-gradient(180deg,rgba(15,27,43,.97),rgba(8,18,31,.97)); border:1px solid rgba(148,163,184,.16); box-shadow:0 14px 34px rgba(2,8,23,.22); }
        #page-databaze-celkova .db-sidebar-title { margin:0 0 12px; padding:0 2px 12px; color:#38bdf8; font-size:.72rem; letter-spacing:1.25px; }
        #page-databaze-celkova .db-nav-vertical { gap:7px; }
        #page-databaze-celkova .db-btn { min-height:42px; padding:10px 12px; border:1px solid rgba(148,163,184,.10); border-left:3px solid transparent; border-radius:9px; background:rgba(255,255,255,.035); color:#b9c7d8; font-size:.82rem; }
        #page-databaze-celkova .db-btn:hover { transform:translateX(2px); background:rgba(56,189,248,.09); border-color:rgba(56,189,248,.18); color:#fff; }
        #page-databaze-celkova .db-tables-wrapper { gap:18px; }
        #page-databaze-celkova .db-group.card { margin:0; padding:16px 18px 18px; border-radius:16px; background:linear-gradient(180deg,rgba(18,31,49,.98),rgba(13,25,41,.98)); border:1px solid rgba(148,163,184,.14); box-shadow:0 12px 30px rgba(2,8,23,.18); overflow:hidden; }
        #page-databaze-celkova .db-group .table-responsive { border:1px solid rgba(148,163,184,.10); border-radius:11px; overflow:hidden; background:rgba(4,12,23,.34); }
        #page-databaze-celkova .db-group table { margin:0; border-collapse:collapse; border-spacing:0; table-layout:fixed; }
        #page-databaze-celkova .db-group thead { background:rgba(3,10,20,.72); }
        #page-databaze-celkova .db-group th { height:43px; padding:10px 10px; border:0; border-bottom:1px solid rgba(148,163,184,.14); color:#9fb0c5; font-size:.66rem; font-weight:800; letter-spacing:.8px; }
        #page-databaze-celkova .db-group tbody tr.db-member-row { background:rgba(255,255,255,.018); }
        #page-databaze-celkova .db-group tbody tr.db-member-row:nth-child(even) { background:rgba(255,255,255,.032); }
        #page-databaze-celkova .db-group tbody tr.db-member-row:hover { background:rgba(56,189,248,.065); }
        #page-databaze-celkova .db-group tbody td { height:58px; padding:10px 10px; border:0; border-bottom:1px solid rgba(148,163,184,.075); color:#e7edf5; font-size:.82rem; }
        #page-databaze-celkova .db-group tbody tr:last-child td { border-bottom:0; }
        #page-databaze-celkova .db-group th:nth-child(1) { width:11%; }
        #page-databaze-celkova .db-group th:nth-child(2) { width:22%; }
        #page-databaze-celkova .db-group th:nth-child(3) { width:17%; }
        #page-databaze-celkova .db-group th:nth-child(4) { width:17%; }
        #page-databaze-celkova .db-group th:nth-child(5) { width:23%; }
        #page-databaze-celkova .db-group th:nth-child(6) { width:10%; }
        #page-databaze-celkova .callsign-cell { font-family:'Chakra Petch',sans-serif; font-weight:800; color:#f8fafc; letter-spacing:.25px; }
        #page-databaze-celkova .db-discord-cell { color:#f8fafc; font-weight:700; overflow:hidden; text-overflow:ellipsis; }
        #page-databaze-celkova .rank-badge { display:inline-flex; align-items:center; justify-content:center; max-width:100%; min-height:25px; padding:4px 8px; border-radius:6px; font-size:.66rem; line-height:1.15; white-space:normal; text-align:center; }
        #page-databaze-celkova .db-department-cell { white-space:normal; }
        #page-databaze-celkova .tag-dept { min-width:29px; padding:3px 7px; margin:2px; border-radius:6px; font-size:.64rem; box-shadow:none; }
        #page-databaze-celkova .training-tags { flex-wrap:wrap; gap:4px; }
        #page-databaze-celkova .tag-training { min-width:29px; padding:3px 6px; border-radius:6px; background:rgba(148,163,184,.08); border-color:rgba(148,163,184,.10); color:#cbd5e1; font-size:.61rem; }
        #page-databaze-celkova .stars-gold { font-size:.78rem; letter-spacing:.5px; text-shadow:none; }
        #page-databaze-celkova .db-member-row.expanded td { background:rgba(56,189,248,.075); }
        /* 2026-09-24: světlé tabulky sladěné s veřejnou částí webu */
        #page-databaze-celkova .db-sidebar { background:#fff; border:1px solid #d5e0e8; box-shadow:0 10px 28px rgba(18,49,70,.12); }
        #page-databaze-celkova .db-sidebar-title { color:#0879b7; border-bottom-color:#dce6ed; }
        #page-databaze-celkova .db-btn { background:#f5f8fa; border-color:#e2e9ee; color:#476176; }
        #page-databaze-celkova .db-btn:hover { background:#eaf5fb; border-color:#b9d7e8; color:#123f5e; }
        #page-databaze-celkova .db-btn-all.active { background:#173b57; border-color:#173b57; border-left-color:#ffd400; color:#fff; }
        #page-databaze-celkova .db-group.card { background:#fff; border:1px solid #d6e1e9; box-shadow:0 10px 28px rgba(18,49,70,.10); }
        #page-databaze-celkova .db-group .table-responsive { background:#fff; border:1px solid #dce5eb; }
        #page-databaze-celkova .db-group thead { background:#12344c; }
        #page-databaze-celkova .db-group th { background:#12344c; color:#dbe8f1; border-bottom:0; }
        #page-databaze-celkova .db-group tbody tr.db-member-row,
        #page-databaze-celkova .db-group tbody tr.db-member-row:nth-child(even) { background:#fff; }
        #page-databaze-celkova .db-group tbody tr.db-member-row:nth-child(even) { background:#f7fafc; }
        #page-databaze-celkova .db-group tbody tr.db-member-row:hover { background:#edf7fc; }
        #page-databaze-celkova .db-group tbody td { height:54px; color:#18374d; border-bottom:1px solid #e4ebf0; }
        #page-databaze-celkova .callsign-cell, #page-databaze-celkova .db-discord-cell { color:#173b57; }
        #page-databaze-celkova .tag-training { background:#eef3f6; border-color:#dbe4ea; color:#536b7c; }
        #page-databaze-celkova .db-member-row.expanded td { background:#eaf6fc; }
        #page-databaze-celkova .db-member-detail { background:#f5fafc; border-color:#cfe2ed; }
        #page-databaze-celkova .db-member-detail-note { color:#294b62; }
        #page-databaze-celkova .db-empty-cell { color:#6d8291; }
        @media(max-width:1180px){
            #page-databaze-celkova .db-layout{grid-template-columns:205px minmax(0,1fr);gap:14px}
            #page-databaze-celkova .db-group.card{padding:12px}
            #page-databaze-celkova .db-group th,#page-databaze-celkova .db-group tbody td{padding-left:7px;padding-right:7px}
            #page-databaze-celkova .tag-training{font-size:.57rem;padding:3px 4px}
        }
        @media(max-width:900px){
            #page-databaze-celkova .db-layout{grid-template-columns:1fr}
            #page-databaze-celkova .db-sidebar{position:static}
            #page-databaze-celkova .db-nav-vertical{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
            #page-databaze-celkova .db-group .table-responsive{overflow-x:auto}
            #page-databaze-celkova .db-group table{min-width:850px}
        }


        /* === 2026-09-24: MODROBÍLÁ INTERNÍ EVIDENCE – sladěná s MP Orlice === */
        #page-databaze-celkova .db-layout{grid-template-columns:245px minmax(0,1fr);gap:18px;align-items:start}
        #page-databaze-celkova .db-sidebar{position:sticky;top:20px;padding:18px 14px;border:1px solid #dce7ef;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(20,58,84,.09)}
        #page-databaze-celkova .db-sidebar-title{margin:0 0 12px;padding:0 4px 12px;border-bottom:1px solid #e5edf3;color:#0b6fa8;font-size:.72rem;font-weight:850;letter-spacing:1.05px}
        #page-databaze-celkova .db-nav-vertical{gap:5px}
        #page-databaze-celkova .db-btn{min-height:42px;padding:10px 13px;border:1px solid #edf2f6;border-left:3px solid transparent;border-radius:9px;background:#f7f9fb;color:#4d6578;font-size:.81rem;font-weight:750;box-shadow:none;transform:none}
        #page-databaze-celkova .db-btn:hover{transform:none;background:#eef6fb;border-color:#d5e7f2;color:#103e5c}
        #page-databaze-celkova .db-btn.active{background:#eaf5fb;color:#123f5e}
        #page-databaze-celkova .db-btn-all.active{background:linear-gradient(135deg,#0a3150,#0c4c78);border-color:#0b4770;border-left-color:#f4c400;color:#fff;box-shadow:0 5px 12px rgba(7,56,91,.18)}
        #page-databaze-celkova .db-tables-wrapper{gap:14px}
        #page-databaze-celkova .db-group.card{margin:0;padding:12px 14px 14px;border:1px solid #dce6ed;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(20,58,84,.09);overflow:hidden}
        #page-databaze-celkova .db-group .table-responsive{overflow:hidden;border:1px solid #dfe8ee;border-radius:11px;background:#fff}
        #page-databaze-celkova .db-group table{margin:0;border-collapse:collapse;border-spacing:0;table-layout:fixed;background:#fff}
        #page-databaze-celkova .db-group thead{background:linear-gradient(90deg,#092e4b,#0a4169)}
        #page-databaze-celkova .db-group th{height:44px;padding:10px 9px;border:0;background:transparent;color:#eaf4fb;font-size:.65rem;font-weight:850;letter-spacing:.8px}
        #page-databaze-celkova .db-group tbody tr.db-member-row,#page-databaze-celkova .db-group tbody tr.db-member-row:nth-child(even){background:#fff}
        #page-databaze-celkova .db-group tbody tr.db-member-row:nth-child(even){background:#f8fbfd}
        #page-databaze-celkova .db-group tbody tr.db-member-row:hover{background:#eef7fc}
        #page-databaze-celkova .db-group tbody td{height:54px;padding:9px 9px;border:0;border-bottom:1px solid #e7edf2;background:transparent;color:#173a53;font-size:.81rem}
        #page-databaze-celkova .db-group tbody tr:last-child td{border-bottom:0}
        #page-databaze-celkova .callsign-cell{color:#0b3554;font-weight:850}
        #page-databaze-celkova .db-discord-cell{color:#173a53;font-weight:750}
        #page-databaze-celkova .rank-badge{min-height:25px;padding:4px 8px;border-radius:7px;font-size:.65rem;box-shadow:none}
        #page-databaze-celkova .tag-dept{min-width:29px;padding:3px 7px;margin:1px;border-radius:6px;font-size:.63rem;font-weight:850;box-shadow:0 1px 2px rgba(20,45,62,.08)}
        #page-databaze-celkova .training-tags{gap:4px;justify-content:center}
        #page-databaze-celkova .tag-training{min-width:29px;padding:3px 6px;border:1px solid #e0e8ee;border-radius:6px;background:#f1f5f8;color:#536b7c;font-size:.60rem;font-weight:800}
        #page-databaze-celkova .stars-gold{font-size:.78rem;letter-spacing:.6px;text-shadow:none}
        #page-databaze-celkova .db-member-row.expanded td{background:#eaf6fc}
        #page-databaze-celkova .db-member-detail{background:#f5fafc;border-color:#d3e4ee;color:#24485f}
        #page-databaze-celkova .db-member-detail-note{color:#365d74}
        #page-databaze-celkova .db-empty-cell{color:#6b8291}
        @media(max-width:1180px){#page-databaze-celkova .db-layout{grid-template-columns:205px minmax(0,1fr);gap:13px}#page-databaze-celkova .db-group.card{padding:10px}#page-databaze-celkova .db-group th,#page-databaze-celkova .db-group tbody td{padding-left:6px;padding-right:6px}}
        @media(max-width:900px){#page-databaze-celkova .db-layout{grid-template-columns:1fr}#page-databaze-celkova .db-sidebar{position:static}#page-databaze-celkova .db-nav-vertical{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#page-databaze-celkova .db-group .table-responsive{overflow-x:auto}#page-databaze-celkova .db-group table{min-width:850px}}

/* === Evidence členů – vzhled sladěný s veřejným webem MP Orlice === */
#page-databaze-celkova .db-layout{grid-template-columns:235px minmax(0,1fr);gap:24px;align-items:start}
#page-databaze-celkova .db-sidebar{position:sticky;top:20px;padding:18px 16px;border:1px solid #d8e2e9;border-radius:12px;background:#fff;box-shadow:0 5px 16px rgba(10,28,48,.08)}
#page-databaze-celkova .db-sidebar-title{margin:0 0 12px;padding:0 2px 12px;border-bottom:2px solid #e7eef3;color:#0067b9;font-size:.74rem;font-weight:800;letter-spacing:.9px}
#page-databaze-celkova .db-nav-vertical{gap:6px}
#page-databaze-celkova .db-btn{min-height:43px;padding:10px 13px;border:1px solid #e2e9ee;border-radius:8px;background:#f7f9fa;color:#425b6d;font-size:.82rem;font-weight:700;box-shadow:none}
#page-databaze-celkova .db-btn:hover{background:#edf6fb;border-color:#c9dfec;color:#075d92;transform:none}
#page-databaze-celkova .db-btn.active{background:#eaf5fb;border-color:#bad9e9;color:#075d92}
#page-databaze-celkova .db-btn-all.active{background:#0b3557;border-color:#0b3557;color:#fff;box-shadow:inset 4px 0 0 #f2c400}
#page-databaze-celkova .db-tables-wrapper{gap:22px}
#page-databaze-celkova .db-group.card{margin:0;padding:0;border:1px solid #d8e2e9;border-radius:12px;background:#fff;box-shadow:0 5px 16px rgba(10,28,48,.08);overflow:hidden}
#page-databaze-celkova .db-group .table-responsive{border:0;border-radius:0;background:#fff;overflow:hidden}
#page-databaze-celkova .db-group table{margin:0;width:100%;border-collapse:collapse;table-layout:fixed;background:#fff}
#page-databaze-celkova .db-group thead{background:#0b3557}
#page-databaze-celkova .db-group th{height:48px;padding:12px 12px;border:0;background:#0b3557;color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.7px}
#page-databaze-celkova .db-group tbody tr.db-member-row,#page-databaze-celkova .db-group tbody tr.db-member-row:nth-child(even){background:#fff}
#page-databaze-celkova .db-group tbody tr.db-member-row:nth-child(even){background:#f8fafb}
#page-databaze-celkova .db-group tbody tr.db-member-row:hover{background:#edf7fc}
#page-databaze-celkova .db-group tbody td{height:58px;padding:11px 12px;border:0;border-bottom:1px solid #e4ebf0;background:transparent;color:#203d52;font-size:.82rem}
#page-databaze-celkova .db-group tbody tr:last-child td{border-bottom:0}
#page-databaze-celkova .callsign-cell{color:#123d5b;font-weight:800}
#page-databaze-celkova .db-discord-cell{color:#203d52;font-weight:700}
#page-databaze-celkova .rank-badge{min-height:25px;padding:4px 8px;border-radius:6px;font-size:.65rem}
#page-databaze-celkova .tag-dept{min-width:29px;padding:3px 7px;margin:1px;border-radius:5px;font-size:.63rem;font-weight:800}
#page-databaze-celkova .training-tags{gap:4px;justify-content:center}
#page-databaze-celkova .tag-training{min-width:29px;padding:3px 6px;border:1px solid #dfe7ec;border-radius:5px;background:#f1f4f6;color:#566b7a;font-size:.60rem;font-weight:800}
#page-databaze-celkova .stars-gold{font-size:.79rem;letter-spacing:.5px;text-shadow:none}
#page-databaze-celkova .db-member-row.expanded td{background:#eaf5fb}
#page-databaze-celkova .db-member-detail{background:#f6fafc;border-color:#d2e2eb;color:#294b62}
@media(max-width:1180px){#page-databaze-celkova .db-layout{grid-template-columns:205px minmax(0,1fr);gap:15px}#page-databaze-celkova .db-group th,#page-databaze-celkova .db-group tbody td{padding-left:7px;padding-right:7px}}
@media(max-width:900px){#page-databaze-celkova .db-layout{grid-template-columns:1fr}#page-databaze-celkova .db-sidebar{position:static}#page-databaze-celkova .db-nav-vertical{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#page-databaze-celkova .db-group .table-responsive{overflow-x:auto}#page-databaze-celkova .db-group table{min-width:850px}}


/* === Evidence členů – výraznější barevné hodnosti === */
#page-databaze-celkova .rank-badge{
  min-height:30px !important; padding:5px 11px !important; border-width:2px !important; border-style:solid !important;
  border-radius:8px !important; font-size:.68rem !important; font-weight:850 !important;
  box-shadow:0 2px 7px rgba(20,45,62,.10), inset 0 0 0 1px rgba(255,255,255,.42) !important;
}
#page-databaze-celkova .rank-badge.bg-reditelstvi,#page-databaze-celkova .rank-badge.bg-reditel{background:#fff0f0 !important;border-color:#e53935 !important;color:#c51f27 !important;}
#page-databaze-celkova .rank-badge.bg-zastupce-reditele{background:#eaf6ff !important;border-color:#168bd2 !important;color:#086ca9 !important;}
#page-databaze-celkova .rank-badge.bg-vvz{background:#fff8d8 !important;border-color:#d3ae16 !important;color:#756000 !important;}
#page-databaze-celkova .rank-badge.bg-vrchni-komisar,#page-databaze-celkova .rank-badge.bg-komisar,#page-databaze-celkova .rank-badge.bg-komisariat{background:#eaf8ee !important;border-color:#2d9b55 !important;color:#16713a !important;}
#page-databaze-celkova .rank-badge.bg-vrchni-inspektorat,#page-databaze-celkova .rank-badge.bg-inspektorat,#page-databaze-celkova .rank-badge.bg-mladsi-inspektorat{background:#eef9f0 !important;border-color:#45a966 !important;color:#24733d !important;}
#page-databaze-celkova .rank-badge.bg-vrchni-nadstrazmistri,#page-databaze-celkova .rank-badge.bg-nadstrazmistri,#page-databaze-celkova .rank-badge.bg-mladsi-nadstrazmistri,#page-databaze-celkova .rank-badge.bg-vrchni-strazmistri,#page-databaze-celkova .rank-badge.bg-strazmistri,#page-databaze-celkova .rank-badge.bg-mladsi-strazmistri{background:#edf5ff !important;border-color:#4f8fca !important;color:#245f9b !important;}
#page-databaze-celkova .rank-badge:hover{transform:translateY(-1px);filter:saturate(1.08);}


/* === Evidence členů – jednotné zvýraznění aktivního filtru === */
#page-databaze-celkova .db-sidebar .db-btn.active,
#page-databaze-celkova .db-sidebar .db-btn-all.active,
#page-databaze-celkova .db-sidebar .db-btn-reditelstvi.active,
#page-databaze-celkova .db-sidebar .db-btn-komisariat.active,
#page-databaze-celkova .db-sidebar .db-btn-vrchni-inspektorat.active,
#page-databaze-celkova .db-sidebar .db-btn-inspektorat.active,
#page-databaze-celkova .db-sidebar .db-btn-mladsi-inspektorat.active,
#page-databaze-celkova .db-sidebar .db-btn-vrchni-nadstrazmistri.active,
#page-databaze-celkova .db-sidebar .db-btn-nadstrazmistri.active,
#page-databaze-celkova .db-sidebar .db-btn-mladsi-nadstrazmistri.active,
#page-databaze-celkova .db-sidebar .db-btn-vrchni-strazmistri.active,
#page-databaze-celkova .db-sidebar .db-btn-strazmistri.active {
    background: #0b3557 !important;
    border-color: #0b3557 !important;
    border-left: 4px solid #ffd400 !important;
    color: #fff !important;
    box-shadow: 0 4px 10px rgba(11,53,87,.16) !important;
}



/* === Evidence členů – žlutý akcent každého člena === */
#page-databaze-celkova .db-group tbody tr.db-member-row > td:first-child{
    position:relative;
    border-left:4px solid #f2c400 !important;
}
#page-databaze-celkova .db-group tbody tr.db-member-row{
    transition:background-color .16s ease, box-shadow .16s ease;
}
#page-databaze-celkova .db-group tbody tr.db-member-row:hover > td{
    background:#fffbea !important;
}
#page-databaze-celkova .db-group tbody tr.db-member-row:hover > td:first-child{
    border-left-color:#ffd400 !important;
}



/* === Evidence členů – žluté oddělení MEZI jednotlivými členy === */
/* zruší předchozí žlutou svislou čáru vlevo */
#page-databaze-celkova .db-group tbody tr.db-member-row > td:first-child{
    border-left:0 !important;
}
/* mezi každými dvěma členy je jemná žlutá vodorovná linka */
#page-databaze-celkova .db-group tbody tr.db-member-row + tr.db-member-row > td{
    border-top:2px solid rgba(242,196,0,.72) !important;
}
/* zachová čistý hover bez žlutého vybarvení celého řádku */
#page-databaze-celkova .db-group tbody tr.db-member-row:hover > td{
    background:#f7fbfd !important;
}



/* === Evidence členů – modrý podklad pod samotnou tabulkou === */
#page-databaze-celkova .db-group.card{
    background:linear-gradient(145deg,#0b3557 0%,#0e466f 100%) !important;
    border:1px solid #0a3150 !important;
    padding:10px !important;
    box-shadow:0 8px 22px rgba(8,45,72,.16) !important;
}
#page-databaze-celkova .db-group .table-responsive{
    background:#dcecf6 !important;
    border:1px solid rgba(255,255,255,.38) !important;
    border-radius:10px !important;
}
#page-databaze-celkova .db-group table{
    background:transparent !important;
}
/* řádky zůstanou světlé a čitelné, modrá bude vidět kolem/pod nimi */
#page-databaze-celkova .db-group tbody tr.db-member-row > td{
    background:#ffffff !important;
}
#page-databaze-celkova .db-group tbody tr.db-member-row:nth-child(even) > td{
    background:#f7fbfd !important;
}
#page-databaze-celkova .db-group tbody tr.db-member-row:hover > td{
    background:#eef8fd !important;
}



/* === Evidence členů – jemně modré řádky se žlutým ohraničením === */
#page-databaze-celkova .db-group tbody tr.db-member-row > td{
    background:#f1f8fc !important;
    border-top:1px solid rgba(236,190,0,.55) !important;
    border-bottom:1px solid rgba(236,190,0,.55) !important;
}
#page-databaze-celkova .db-group tbody tr.db-member-row > td:first-child{
    border-left:1px solid rgba(236,190,0,.55) !important;
    border-radius:9px 0 0 9px !important;
}
#page-databaze-celkova .db-group tbody tr.db-member-row > td:last-child{
    border-right:1px solid rgba(236,190,0,.55) !important;
    border-radius:0 9px 9px 0 !important;
}
#page-databaze-celkova .db-group tbody tr.db-member-row + tr.db-member-row > td{
    border-top:1px solid rgba(236,190,0,.55) !important;
}
#page-databaze-celkova .db-group tbody tr.db-member-row:hover > td{
    background:#e7f4fb !important;
}
/* aktivní filtr: vždy jen vybraný */
#page-databaze-celkova .db-sidebar .db-btn.active{
    background:#0b3557 !important;
    color:#fff !important;
    border-left:4px solid #ffd400 !important;
}



/* === Evidence členů – ŽLUTÝ OKRAJ + SVĚTLE MODRÁ VÝPLŇ každého člena === */
#page-databaze-celkova .db-group tbody{
    border-collapse:separate !important;
}
#page-databaze-celkova .db-group tbody tr.db-member-row > td{
    background:#eaf6fc !important;
    border-top:2px solid #f2c400 !important;
    border-bottom:2px solid #f2c400 !important;
}
#page-databaze-celkova .db-group tbody tr.db-member-row > td:first-child{
    border-left:2px solid #f2c400 !important;
    border-radius:10px 0 0 10px !important;
}
#page-databaze-celkova .db-group tbody tr.db-member-row > td:last-child{
    border-right:2px solid #f2c400 !important;
    border-radius:0 10px 10px 0 !important;
}
#page-databaze-celkova .db-group tbody tr.db-member-row:hover > td{
    background:#dff1fa !important;
}
/* Modré oddělení členů a ovládání evidence */
#page-databaze-celkova .db-group tbody tr.db-member-row > td{
    border-top-color:#74b9df !important;
    border-bottom-color:#74b9df !important;
}
#page-databaze-celkova .db-group tbody tr.db-member-row > td:first-child{border-left-color:#74b9df !important}
#page-databaze-celkova .db-group tbody tr.db-member-row > td:last-child{border-right-color:#74b9df !important}
#page-databaze-celkova .db-group tbody tr.db-member-row + tr.db-member-row > td{border-top-color:#74b9df !important}
#page-databaze-celkova .db-search-sort{
    display:flex; flex-wrap:wrap; align-items:end; gap:12px; padding:16px;
    border:1px solid #d8e2e9; border-radius:12px; background:#fff;
    box-shadow:0 5px 16px rgba(10,28,48,.08);
}
#page-databaze-celkova .db-search-sort label{display:flex; flex-direction:column; gap:6px; color:#38576d; font-size:.75rem; font-weight:800}
#page-databaze-celkova .db-search-sort label:first-child{flex:1 1 240px}
#page-databaze-celkova .db-search-sort input,
#page-databaze-celkova .db-search-sort select{
    min-height:40px; padding:8px 11px; border:1px solid #cbdde8; border-radius:8px;
    background:#f8fbfd; color:#203d52; font:inherit; font-size:.84rem;
}
#page-databaze-celkova .db-search-sort input:focus,
#page-databaze-celkova .db-search-sort select:focus{outline:2px solid #74b9df; outline-offset:1px}
#page-databaze-celkova .db-search-count{font-size:.75rem; color:#536b7c}


/* === FINAL: Evidence členů přesněji podle dodané předlohy === */
#page-databaze-celkova .db-group.card{
    padding:10px !important;
    background:#0b3a5c !important;
    border:0 !important;
    border-radius:15px !important;
    box-shadow:0 5px 15px rgba(11,58,92,.16) !important;
    overflow:hidden !important;
}
#page-databaze-celkova .db-group .table-responsive{
    overflow:hidden !important;
    border:0 !important;
    border-radius:5px !important;
    background:#e7f4fb !important;
}
#page-databaze-celkova .db-group table{
    border-collapse:collapse !important;
    border-spacing:0 !important;
    background:#e7f4fb !important;
}
#page-databaze-celkova .db-group thead,
#page-databaze-celkova .db-group th{
    background:#0b3a5c !important;
}
#page-databaze-celkova .db-group th{
    height:48px !important;
    padding:11px 12px !important;
    color:#fff !important;
    border:0 !important;
}
#page-databaze-celkova .db-group tbody tr.db-member-row > td,
#page-databaze-celkova .db-group tbody tr.db-member-row:nth-child(even) > td{
    height:58px !important;
    padding:10px 12px !important;
    background:#e7f4fb !important;
    border:0 !important;
    border-radius:0 !important;
    color:#173a53 !important;
}
/* pouze tenká světle modrá čára MEZI členy */
#page-databaze-celkova .db-group tbody tr.db-member-row + tr.db-member-row > td{
    border-top:1px solid #b9d7e8 !important;
}
#page-databaze-celkova .db-group tbody tr.db-member-row:hover > td{
    background:#dff0f9 !important;
}
#page-databaze-celkova .db-group tbody tr.db-member-row > td:first-child,
#page-databaze-celkova .db-group tbody tr.db-member-row > td:last-child{
    border-left:0 !important; border-right:0 !important; border-radius:0 !important;
}

/* === Evidence členů – jemné modré oddělovače mezi členy === */
#page-databaze-celkova .db-group tbody tr.db-member-row:not(:last-child) td {
    border-bottom: 1px solid rgba(42, 145, 196, 0.28) !important;
}
#page-databaze-celkova .db-group tbody tr.db-member-row:last-child td {
    border-bottom: 0 !important;
}


        /* === NAVODY: design jako zákony + žlutý hover === */
        #page-navody .guide-admin-hint {
            background:#eef5f9 !important;
            border:1px solid #d4e1ea !important;
            color:#385066 !important;
            border-radius:10px !important;
            box-shadow:none !important;
        }
        #page-navody .guide-admin-hint i { color:#006db4 !important; }
        #page-navody .guides-toolbar {
            margin:0 0 18px !important;
        }
        #page-navody .guides-search {
            width:100% !important;
            min-height:56px !important;
            padding:15px 18px !important;
            border:1px solid #ccd9e2 !important;
            border-radius:10px !important;
            background:#ffffff !important;
            color:#10283d !important;
            box-shadow:none !important;
        }
        #page-navody .guides-search::placeholder { color:#7b8da0 !important; }
        #page-navody .guides-search:focus {
            border-color:#7bb6db !important;
            box-shadow:0 0 0 3px rgba(0,109,180,.10) !important;
        }
        #page-navody .guides-grid {
            display:grid !important;
            grid-template-columns:repeat(2,minmax(0,1fr)) !important;
            gap:14px !important;
        }
        #page-navody .guide-card {
            position:relative !important;
            display:grid !important;
            grid-template-columns:52px minmax(0,1fr) auto !important;
            align-items:center !important;
            gap:14px !important;
            min-height:82px !important;
            padding:18px 16px !important;
            border:1px solid #ccd9e2 !important;
            border-radius:10px !important;
            background:#f3f6f8 !important;
            color:#071d33 !important;
            box-shadow:none !important;
            overflow:hidden !important;
            transform:none !important;
        }
        #page-navody .guide-card::before { display:none !important; }
        #page-navody .guide-card-icon {
            width:38px !important;
            height:38px !important;
            display:flex !important;
            align-items:center !important;
            justify-content:center !important;
            border:1px solid #cfe0ea !important;
            border-radius:10px !important;
            background:#eaf3f8 !important;
            color:#006db4 !important;
            font-size:1rem !important;
            box-shadow:none !important;
        }
        #page-navody .guide-card h3 {
            margin:0 0 4px !important;
            color:#08243e !important;
            font-size:1.03rem !important;
            font-weight:850 !important;
            line-height:1.3 !important;
            font-family:'Plus Jakarta Sans', sans-serif !important;
        }
        #page-navody .guide-card p {
            margin:0 !important;
            color:#5b7184 !important;
            font-size:0.82rem !important;
            line-height:1.45 !important;
        }
        #page-navody .guide-card-open {
            color:#006db4 !important;
            font-size:0.82rem !important;
            font-weight:800 !important;
            white-space:nowrap !important;
            align-self:center !important;
        }
        #page-navody .guide-card:hover {
            background:#ffd400 !important;
            border-color:#d9b600 !important;
            box-shadow:0 7px 16px rgba(255,212,0,.30) !important;
            transform:translateY(-2px) !important;
        }
        #page-navody .guide-card:hover h3,
        #page-navody .guide-card:hover p,
        #page-navody .guide-card:hover .guide-card-open,
        #page-navody .guide-card:hover .guide-card-icon,
        #page-navody .guide-card:hover .guide-card-icon i {
            color:#071d33 !important;
        }
        #page-navody .guide-card:hover .guide-card-icon {
            background:rgba(255,255,255,.32) !important;
            border-color:rgba(7,29,51,.16) !important;
        }
        @media (max-width: 900px){
            #page-navody .guides-grid { grid-template-columns:1fr !important; }
            #page-navody .guide-card { grid-template-columns:46px minmax(0,1fr) !important; }
            #page-navody .guide-card-open { grid-column:2 !important; justify-self:start !important; margin-top:6px !important; }
        }


/* MPO: dvě VVZ vedle sebe na stránce O nás → Vedení. */
@media (min-width: 701px) {
  #page-about-vedeni .leadership-v3-internal > .leadership-v3-level[data-leadership-role="internal"] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: none !important;
    gap: 20px !important;
  }
}
@media (max-width: 700px) {
  #page-about-vedeni .leadership-v3-internal > .leadership-v3-level[data-leadership-role="internal"] {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}


/* MPO: VVZ – dvě dostatečně široké karty vedle sebe.
   Přepisuje původní šířku pro jednu kartu (single). */
@media (min-width: 761px) {
  #page-about-vedeni .leadership-v3-level.leadership-v3-internal {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: min(100%, 820px) !important;
    min-width: 0 !important;
    max-width: 820px !important;
    gap: 24px !important;
    margin-inline: auto !important;
  }
  #page-about-vedeni .leadership-v3-level.leadership-v3-internal > .leadership-v3-card {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 26px 24px 22px !important;
  }
}
@media (max-width: 760px) {
  #page-about-vedeni .leadership-v3-level.leadership-v3-internal {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: min(100%, 390px) !important;
    max-width: 390px !important;
    margin-inline: auto !important;
  }
}
#page-about-vedeni .leadership-v3-level.leadership-v3-internal .leadership-v3-meta,
#page-about-vedeni .leadership-v3-level.leadership-v3-internal .leadership-v3-meta a {
  overflow-wrap: anywhere;
}


/* VVZ: shodna sirka a rozlozeni karet jako u dvojice vrchnich komisaru.
   DULEZITE: role jsou v DVOJITE vnorenem .leadership-v3-level. */
@media (min-width: 701px) {
  #page-about-vedeni .leadership-v3-level.leadership-v3-internal {
    display: block !important;
    width: min(100%, 630px) !important;
    min-width: 0 !important;
    max-width: 630px !important;
    margin: 0 auto !important;
  }
  #page-about-vedeni .leadership-v3-level.leadership-v3-internal > .leadership-v3-level[data-leadership-role="internal"] {
    display: grid !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
    align-items: stretch !important;
  }
  #page-about-vedeni .leadership-v3-level.leadership-v3-internal > .leadership-v3-level[data-leadership-role="internal"] > .leadership-v3-card {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding: 26px 22px !important;
  }
}
@media (max-width: 700px) {
  #page-about-vedeni .leadership-v3-level.leadership-v3-internal {
    display: block !important;
    width: min(100%, 390px) !important;
    max-width: 390px !important;
    margin: 0 auto !important;
  }
  #page-about-vedeni .leadership-v3-level.leadership-v3-internal > .leadership-v3-level[data-leadership-role="internal"] {
    display: grid !important;
    width: 100% !important;
    max-width: none !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
  }
}