/* _content/plis-web/Components/Layout/Footer.razor.rz.scp.css */
.footer[b-kjc5k6lsr2] {
    background: #1a3320;
    padding: 1.25rem 2rem 0;
}

.footer-top[b-kjc5k6lsr2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255,255,255,.08);
    position: relative;
}

.footer-support-row[b-kjc5k6lsr2] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    flex-shrink: 0;
}

.footer-logo-center[b-kjc5k6lsr2] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

/* ── Logo ── */
.footer-logo-bar[b-kjc5k6lsr2] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 0.5rem;
}

.footer-logo-line[b-kjc5k6lsr2] {
    width: 3px;
    height: 20px;
    background: white;
    border-radius: 2px;
    flex-shrink: 0;
}

.footer-logo-text[b-kjc5k6lsr2] {
    font-size: 18px;
    font-weight: 900;
    color: white;
    letter-spacing: 4px;
    font-family: 'Georgia', serif;
}

.footer-desc[b-kjc5k6lsr2] {
    font-size: 11px;
    color: rgba(255,255,255,.38);
    line-height: 1.4;
    margin-left: 4px;
}

.footer-badges[b-kjc5k6lsr2] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.footer-badge[b-kjc5k6lsr2] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 9px;
    padding: 3px 8px;
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,.1);
    color: rgba(255,255,255,.38);
}

.footer-badge-dot[b-kjc5k6lsr2] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #4caf50;
    flex-shrink: 0;
}

/* ── Columns ── */
.footer-col-title[b-kjc5k6lsr2] {
    font-size: 9px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: rgba(255,255,255,.28);
    font-weight: 700;
    margin-bottom: 0.6rem;
}

.footer-link[b-kjc5k6lsr2] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    color: rgba(255,255,255,.45);
    text-decoration: none;
    padding: 3px 0;
    transition: color .15s;
}

.footer-link:hover[b-kjc5k6lsr2] {
    color: rgba(255,255,255,.85);
    text-decoration: none;
}

.footer-link-icon[b-kjc5k6lsr2] {
    font-size: 11px;
    width: 14px;
    text-align: center;
    flex-shrink: 0;
    opacity: .55;
}

/* ── Bottom bar ── */
.footer-bottom[b-kjc5k6lsr2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.65rem 0;
    flex-wrap: wrap;
    gap: 6px;
}

.footer-status[b-kjc5k6lsr2] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.status-item[b-kjc5k6lsr2] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 10px;
    color: rgba(255,255,255,.35);
}

.status-dot[b-kjc5k6lsr2] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    flex-shrink: 0;
}

.status-dot.green[b-kjc5k6lsr2] {
    background: #4caf50;
    box-shadow: 0 0 4px rgba(76,175,80,.5);
}

.status-dot.amber[b-kjc5k6lsr2] {
    background: #ffc107;
}

.status-sep[b-kjc5k6lsr2] {
    width: 1px;
    height: 10px;
    background: rgba(255,255,255,.1);
}

.footer-bottom-right[b-kjc5k6lsr2] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    flex-wrap: wrap;
}

.footer-links[b-kjc5k6lsr2] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.footer-bottom-link[b-kjc5k6lsr2] {
    font-size: 10px;
    color: rgba(255,255,255,.25);
    text-decoration: none;
    transition: color .15s;
}

.footer-bottom-link:hover[b-kjc5k6lsr2] {
    color: rgba(255,255,255,.65);
    text-decoration: none;
}

.footer-bottom-sep[b-kjc5k6lsr2] {
    width: 1px;
    height: 9px;
    background: rgba(255,255,255,.1);
}

.footer-copy[b-kjc5k6lsr2] {
    font-size: 10px;
    color: rgba(255,255,255,.2);
}

/* ── Mobile footer ── */
@media (max-width: 767px) {
    .footer[b-kjc5k6lsr2] {
        padding: 1rem 1rem 0;
    }

    /* Stack columns vertically, drop the absolute-center trick */
    .footer-top[b-kjc5k6lsr2] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .footer-logo-center[b-kjc5k6lsr2] {
        position: static;
        left: auto;
        transform: none;
        width: 100%;
    }

    .footer-bottom-row[b-kjc5k6lsr2] {
        width: 100%;
    }

    /* Support links wrap on mobile */
    .footer-support-row[b-kjc5k6lsr2] {
        flex-wrap: wrap;
        gap: 0.75rem;
    }

    /* Policy links wrap on mobile */
    .footer-links[b-kjc5k6lsr2] {
        flex-wrap: wrap;
        gap: 0.5rem 0.75rem;
    }
}

/* ── Tablet footer ── */
@media (min-width: 768px) and (max-width: 1024px) {
    .footer[b-kjc5k6lsr2] {
        padding: 1.25rem 1.25rem 0;
    }

    .footer-support-row[b-kjc5k6lsr2] {
        gap: 1rem;
    }
}
/* _content/plis-web/Components/Layout/GlobalSearch.razor.rz.scp.css */
.gs-wrap[b-n2n8tvij8o] {
    position: relative;
    z-index: 1200;
}

.top-search[b-n2n8tvij8o] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 8px;
    padding: 0 14px;
    height: 32px;
    cursor: text;
    transition: border-color .15s, background .15s;
    min-width: 200px;
}

.top-search:hover[b-n2n8tvij8o] {
    background: rgba(255,255,255,.13);
    border-color: rgba(255,255,255,.4);
}

.top-search-icon[b-n2n8tvij8o] {
    font-size: 12px;
    opacity: .7;
    flex-shrink: 0;
}

.top-search-text[b-n2n8tvij8o] {
    font-size: 12px;
    color: #C4C4C3;
    letter-spacing: .3px;
}

.gs-overlay[b-n2n8tvij8o] {
    position: fixed;
    inset: 0;
    z-index: 1100;
}

/* Extends the existing top-search pill */
[b-n2n8tvij8o] .top-search--active {
    background: rgba(255,255,255,.22);
    min-width: 280px;
}

.gs-input[b-n2n8tvij8o] {
    background: transparent;
    border: none;
    outline: none;
    color: white;
    font-size: 12px;
    width: 100%;
    caret-color: white;
}

.gs-input[b-n2n8tvij8o]::placeholder {
    color: rgba(255,255,255,.5);
}

.gs-dropdown[b-n2n8tvij8o] {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    min-width: 320px;
    background: white;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0,0,0,.15);
    overflow: hidden;
    z-index: 1200;
}

.gs-item[b-n2n8tvij8o] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    text-decoration: none;
    color: #1a2a1a;
    border-bottom: 1px solid #f1f8e9;
    transition: background .1s;
    cursor: pointer;
}

.gs-item:last-child[b-n2n8tvij8o] {
    border-bottom: none;
}

.gs-item:hover[b-n2n8tvij8o],
.gs-item--active[b-n2n8tvij8o] {
    background: #f1f8e9;
    text-decoration: none;
    color: #1a2a1a;
}

.gs-item-icon[b-n2n8tvij8o] {
    font-size: 16px;
    width: 24px;
    text-align: center;
    flex-shrink: 0;
}

.gs-item-info[b-n2n8tvij8o] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.gs-item-name[b-n2n8tvij8o] {
    font-size: 13px;
    font-weight: 600;
    color: #1a2a1a;
}

.gs-item-cat[b-n2n8tvij8o] {
    font-size: 11px;
    color: #aaa;
}

.gs-empty[b-n2n8tvij8o] {
    padding: 14px;
    font-size: 13px;
    color: #aaa;
    text-align: center;
}

/* ── Mobile: compact search ── */
@media (max-width: 767px) {
    .top-search[b-n2n8tvij8o] {
        min-width: 36px;
        width: 36px;
        padding: 0 10px;
        justify-content: center;
    }

    .top-search-text[b-n2n8tvij8o] {
        display: none;
    }

    [b-n2n8tvij8o] .top-search--active {
        min-width: 160px;
        width: 160px;
    }

    .gs-dropdown[b-n2n8tvij8o] {
        min-width: 0;
        width: calc(100vw - 2rem);
        right: 0;
        left: auto;
    }
}

/* ── Tablet: slightly smaller ── */
@media (min-width: 768px) and (max-width: 1024px) {
    .top-search[b-n2n8tvij8o] {
        min-width: 160px;
    }

    [b-n2n8tvij8o] .top-search--active {
        min-width: 220px;
    }
}
/* _content/plis-web/Components/Layout/MainLayout.razor.rz.scp.css */
/* ── Page layout ── */
.topbar[b-yhvfiwldf8] {
    position: fixed;
    top: 0; left: 0; right: 0;
    height: 48px;
    z-index: 1300;
    background: #1B5E20;
    display: flex;
    align-items: center;
    padding: 0 1rem;
    gap: 0.5rem;
    box-sizing: border-box;
}

.layout-page[b-yhvfiwldf8] {
    padding-top: 48px;
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 48px);
}

.layout-wrap[b-yhvfiwldf8] {
    display: flex;
    flex: 1;
    min-width: 0;
}

.layout-sidebar[b-yhvfiwldf8] {
    width: 240px;
    flex-shrink: 0;
    position: sticky;
    top: 48px;
    align-self: flex-start;
    height: calc(100vh - 48px);
    overflow-y: auto;
}

.layout-main[b-yhvfiwldf8] {
    flex: 1;
    min-width: 0;
}

.top-row[b-yhvfiwldf8] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    height: 3rem;
    display: flex;
    align-items: center;
}

[b-yhvfiwldf8] .breadcrumb-bar {
    padding: 0;
    margin: 0;
}

[b-yhvfiwldf8] .breadcrumb-bar li {
    font-size: 0.85rem;
}

[b-yhvfiwldf8] .breadcrumb-bar .mud-breadcrumb-separator {
    font-size: 0.85rem;
}

/* ── Topbar elements ── */
.top-hamburger[b-yhvfiwldf8] {
    width: 32px;
    height: 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    cursor: pointer;
    flex-shrink: 0;
    margin-right: 4px;
}

.top-hamburger span[b-yhvfiwldf8] {
    display: block;
    height: 2px;
    background: rgba(255,255,255,.7);
    border-radius: 1px;
    transition: background .15s;
}

.top-hamburger:hover span[b-yhvfiwldf8] {
    background: white;
}

.top-left[b-yhvfiwldf8] {
    width: 240px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.top-logo[b-yhvfiwldf8] {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}

.top-title-slot[b-yhvfiwldf8] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    font-size: 15px;
    font-weight: 600;
    color: white;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.top-title-sep[b-yhvfiwldf8] {
    width: 1px;
    height: 20px;
    background: rgba(255,255,255,.25);
    flex-shrink: 0;
}

.top-logo-bar[b-yhvfiwldf8] {
    width: 3px;
    height: 24px;
    background: white;
    border-radius: 2px;
    opacity: .9;
}

.top-logo-text[b-yhvfiwldf8] {
    font-size: 20px;
    font-weight: 900;
    color: white;
    letter-spacing: 4px;
    font-family: 'Georgia', serif;
    line-height: 1;
}


.top-right[b-yhvfiwldf8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-left: 1rem;
}

.top-sep[b-yhvfiwldf8] {
    width: 1px;
    height: 18px;
    background: rgba(255,255,255,.2);
}

.top-user[b-yhvfiwldf8] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 10px 4px 5px;
    border-radius: 20px;
    background: rgba(255,255,255,.1);
    border: 1px solid rgba(255,255,255,.1);
    cursor: pointer;
    transition: background .15s;
    text-decoration: none;
}

.top-user:hover[b-yhvfiwldf8] {
    background: rgba(255,255,255,.18);
}

.top-avatar[b-yhvfiwldf8] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: white;
    color: #1b5e20;
    font-size: 10px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.top-username[b-yhvfiwldf8] {
    font-size: 12px;
    color: rgba(255,255,255,.9);
    font-weight: 600;
}

.top-logout[b-yhvfiwldf8] {
    font-size: 12px;
    color: rgba(255,255,255,.55);
    cursor: pointer;
    transition: color .15s;
    white-space: nowrap;
    text-decoration: none;
}

.top-logout:hover[b-yhvfiwldf8] {
    color: rgba(255,255,255,.9);
    text-decoration: none;
}

/* ── Sidebar backdrop (mobile only) ── */
.sidebar-backdrop[b-yhvfiwldf8] {
    display: none;
}

/* ══════════════════════════════════════
   RESPONSIVE — Mobile  (< 768 px)
══════════════════════════════════════ */
@media (max-width: 767px) {

    /* Sidebar becomes a slide-in overlay */
    .sidebar-backdrop[b-yhvfiwldf8] {
        display: block;
        position: fixed;
        inset: 0;
        top: 48px;
        background: rgba(0,0,0,.45);
        z-index: 1099;
    }

    .layout-sidebar[b-yhvfiwldf8] {
        position: fixed !important;
        top: 48px;
        left: 0;
        z-index: 1100;
        height: calc(100vh - 48px);
        width: 240px;
        box-shadow: 4px 0 16px rgba(0,0,0,.3);
    }

    /* Top-left no longer needs to reserve 240 px */
    .top-left[b-yhvfiwldf8] {
        width: auto;
        flex-shrink: 1;
        min-width: 0;
    }

    /* Hide page title (not enough room) */
    .top-title-slot[b-yhvfiwldf8] {
        display: none;
    }

    /* Hide username — avatar stays visible */
    .top-username[b-yhvfiwldf8] {
        display: none;
    }

    /* Tighter right side */
    .top-right[b-yhvfiwldf8] {
        gap: 0.25rem;
        margin-left: 0.25rem;
    }

    /* Remove separators between user/logout */
    .top-sep[b-yhvfiwldf8] {
        display: none;
    }

    /* Logout text shorter */
    .top-logout[b-yhvfiwldf8] {
        font-size: 11px;
    }
}

/* ══════════════════════════════════════
   RESPONSIVE — Tablet  (768 – 1024 px)
══════════════════════════════════════ */
@media (min-width: 768px) and (max-width: 1024px) {

    /* Sidebar stays in flow but is narrower */
    .layout-sidebar[b-yhvfiwldf8] {
        width: 200px;
    }

    /* Reserve matching space in top-left */
    .top-left[b-yhvfiwldf8] {
        width: 200px;
    }

    /* Truncate title more aggressively */
    .top-title-slot[b-yhvfiwldf8] {
        max-width: 180px;
    }

    /* Hide username text, keep avatar */
    .top-username[b-yhvfiwldf8] {
        display: none;
    }
}

#blazor-error-ui[b-yhvfiwldf8] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-yhvfiwldf8] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/plis-web/Components/Layout/NavMenu.razor.rz.scp.css */
.sb[b-77zn7n0g3w] {
    height: 100%;
    background: #1B5E20;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    font-family: 'Segoe UI', sans-serif;
    box-sizing: border-box;
    min-width: 0;
}

.sb[b-77zn7n0g3w]::-webkit-scrollbar { width: 3px; }
.sb[b-77zn7n0g3w]::-webkit-scrollbar-thumb { background: #3a6a3a; border-radius: 2px; }

/* ── Logo ── */
.sb-logo[b-77zn7n0g3w] {
    padding: 16px 16px 12px;
    border-bottom: 1px solid rgba(255,255,255,.07);
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.sb-logo-bar[b-77zn7n0g3w] {
    width: 4px;
    height: 28px;
    background: #4caf50;
    border-radius: 2px;
    flex-shrink: 0;
}

.sb-logo-text[b-77zn7n0g3w] {
    font-size: 22px;
    font-weight: 900;
    color: white;
    letter-spacing: 4px;
    font-family: 'Georgia', serif;
    line-height: 1;
}

.sb-logo-sub[b-77zn7n0g3w] {
    font-size: 9px;
    color: rgba(255,255,255,.35);
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-top: 2px;
}

/* ── Search ── */
.sb-search[b-77zn7n0g3w] {
    padding: 10px 12px;
    border-bottom: 1px solid rgba(255,255,255,.06);
    flex-shrink: 0;
}

.sb-si[b-77zn7n0g3w] {
    display: flex;
    align-items: center;
    gap: 7px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 8px;
    padding: 7px 10px;
    transition: border-color .15s;
}

.sb-si:focus-within[b-77zn7n0g3w] {
    border-color: rgba(76,175,80,.5);
}

.sb-si input[b-77zn7n0g3w] {
    background: transparent;
    border: none;
    outline: none;
    font-size: 12px;
    color: rgba(255,255,255,.75);
    width: 100%;
    font-family: 'Segoe UI', sans-serif;
}

.sb-si input[b-77zn7n0g3w]::placeholder {
    color: rgba(255,255,255,.28);
}

.sb-si-icon[b-77zn7n0g3w] {
    font-size: 12px;
    opacity: .35;
    flex-shrink: 0;
}

/* ── Section ── */
.sb-section[b-77zn7n0g3w] {
    padding: 4px 0;
}

.sb-lbl[b-77zn7n0g3w] {
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: rgba(255,255,255,.55);
    padding: 14px 16px 5px;
    font-weight: 700;
}

/* ── Items ── */
.sb-item[b-77zn7n0g3w] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 16px;
    cursor: pointer;
    transition: all .12s;
    text-decoration: none;
    position: relative;
    border-left: 3px solid transparent;
    margin: 1px 0;
    box-sizing: border-box;
    color: inherit;
}

.sb-item:hover[b-77zn7n0g3w] {
    background: rgba(255,255,255,.06);
    border-left-color: rgba(76,175,80,.4);
    text-decoration: none;
    color: inherit;
}

.sb-item.active[b-77zn7n0g3w] {
    background: rgba(76,175,80,.12);
    border-left-color: #4caf50;
}

.sb-item.active .sb-lbl-text[b-77zn7n0g3w] {
    color: white;
    font-weight: 600;
}

.sb-icon-wrap[b-77zn7n0g3w] {
    width: 30px;
    height: 30px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    flex-shrink: 0;
    background: rgba(255,255,255,.05);
    transition: background .12s;
}

.sb-item:hover .sb-icon-wrap[b-77zn7n0g3w] {
    background: rgba(255,255,255,.09);
}

.sb-item.active .sb-icon-wrap[b-77zn7n0g3w] {
    background: rgba(76,175,80,.2);
}

.sb-lbl-text[b-77zn7n0g3w] {
    font-size: 14px;
    color: rgba(255,255,255,.8);
    font-weight: 500;
    flex: 1;
    line-height: 1.3;
    transition: color .12s;
}

.sb-item:hover .sb-lbl-text[b-77zn7n0g3w] {
    color: white;
}

.sb-arr[b-77zn7n0g3w] {
    font-size: 11px;
    color: rgba(255,255,255,.2);
    transition: transform .2s, color .15s;
    flex-shrink: 0;
}

.sb-item.open .sb-arr[b-77zn7n0g3w] {
    transform: rotate(90deg);
    color: rgba(255,255,255,.4);
}

.sb-tag[b-77zn7n0g3w] {
    font-size: 9px;
    padding: 2px 7px;
    border-radius: 10px;
    font-weight: 700;
    flex-shrink: 0;
    letter-spacing: .3px;
}

.tag-amber[b-77zn7n0g3w] {
    background: rgba(255,193,7,.15);
    color: #ffc107;
    border: 1px solid rgba(255,193,7,.2);
}

/* ── Sub-items ── */
.sb-sub[b-77zn7n0g3w] {
    margin: 0 0 2px 0;
    overflow: hidden;
}

.sb-sub-item[b-77zn7n0g3w] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 16px 7px 58px;
    cursor: pointer;
    transition: background .12s;
    text-decoration: none;
    box-sizing: border-box;
    color: inherit;
}

.sb-sub-item:hover[b-77zn7n0g3w] {
    background: rgba(255,255,255,.04);
    text-decoration: none;
    color: inherit;
}

.sb-sub-item.active[b-77zn7n0g3w] {
    background: rgba(76,175,80,.08);
}

.sb-sub-dot[b-77zn7n0g3w] {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: rgba(255,255,255,.18);
    flex-shrink: 0;
    transition: all .12s;
}

.sb-sub-item:hover .sb-sub-dot[b-77zn7n0g3w] {
    background: rgba(255,255,255,.5);
}

.sb-sub-item.active .sb-sub-dot[b-77zn7n0g3w] {
    background: #4caf50;
    box-shadow: 0 0 4px rgba(76,175,80,.6);
}

.sb-sub-lbl[b-77zn7n0g3w] {
    font-size: 13px;
    color: rgba(255,255,255,.6);
    font-weight: 400;
    transition: color .12s;
    line-height: 1.35;
}

.sb-sub-item:hover .sb-sub-lbl[b-77zn7n0g3w] {
    color: rgba(255,255,255,.85);
}

.sb-sub-item.active .sb-sub-lbl[b-77zn7n0g3w] {
    color: white;
    font-weight: 600;
}

/* ── Divider ── */
.sb-div[b-77zn7n0g3w] {
    height: 1px;
    background: rgba(255,255,255,.06);
    margin: 6px 16px;
    flex-shrink: 0;
}

/* ── Search result item (flat registry results) ── */
.sb-item-info[b-77zn7n0g3w] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}

.sb-item-cat[b-77zn7n0g3w] {
    font-size: 10px;
    color: rgba(255,255,255,.35);
    letter-spacing: .3px;
}

.sb-empty-msg[b-77zn7n0g3w] {
    padding: 12px 16px;
    font-size: 12px;
    color: rgba(255,255,255,.35);
    font-style: italic;
}

/* ── Tablet: slightly tighter padding ── */
@media (min-width: 768px) and (max-width: 1024px) {
    .sb-item[b-77zn7n0g3w] {
        padding: 8px 12px;
    }

    .sb-sub-item[b-77zn7n0g3w] {
        padding-left: 46px;
    }

    .sb-lbl-text[b-77zn7n0g3w] {
        font-size: 13px;
    }

    .sb-sub-lbl[b-77zn7n0g3w] {
        font-size: 12px;
    }
}

/* ── Mobile: full-width overlay, comfortable touch targets ── */
@media (max-width: 767px) {
    .sb-item[b-77zn7n0g3w] {
        padding: 11px 16px;
    }

    .sb-sub-item[b-77zn7n0g3w] {
        padding-top: 9px;
        padding-bottom: 9px;
    }
}
/* _content/plis-web/Components/Layout/NoSidebarLayout.razor.rz.scp.css */
.page[b-iwj8v5l6u5] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-iwj8v5l6u5] {
    flex: 1;
    min-width: 0;
    overflow-x: hidden;
}

.top-row[b-iwj8v5l6u5] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-start;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

[b-iwj8v5l6u5] .breadcrumb-bar {
    padding: 0;
    margin: 0;
}

[b-iwj8v5l6u5] .breadcrumb-bar li {
    font-size: 0.85rem;
}

[b-iwj8v5l6u5] .breadcrumb-bar .mud-breadcrumb-separator {
    font-size: 0.85rem;
}

@media (min-width: 641px) {
    .top-row[b-iwj8v5l6u5] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-iwj8v5l6u5], article[b-iwj8v5l6u5] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-iwj8v5l6u5] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-iwj8v5l6u5] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/plis-web/Components/Layout/RoleDropdown.razor.rz.scp.css */
.rd-wrap[b-eboum4uumg] {
    position: relative;
}

.rd-btn[b-eboum4uumg] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px 4px 8px;
    border-radius: 20px;
    background: rgba(255,255,255,.1);
    border: 1px solid rgba(255,255,255,.1);
    cursor: pointer;
    transition: background .15s;
    white-space: nowrap;
}

.rd-btn:hover[b-eboum4uumg] {
    background: rgba(255,255,255,.18);
}

.rd-label[b-eboum4uumg] {
    font-size: 12px;
    color: rgba(255,255,255,.9);
    font-weight: 600;
}

/* ── Dropdown menu ── */
.rd-menu[b-eboum4uumg] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    min-width: 220px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0,0,0,.18);
    overflow: hidden;
    z-index: 2000;
    padding: 4px 0;
}

.rd-item[b-eboum4uumg] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 16px;
    font-size: 13px;
    color: #333;
    text-decoration: none;
    transition: background .12s;
    cursor: pointer;
}

.rd-item:hover[b-eboum4uumg] {
    background: #f4f4f4;
    text-decoration: none;
}

.rd-name[b-eboum4uumg] {
    flex: 1;
}

/* ── Farebné bodky podľa skupiny ── */
.rd-dot[b-eboum4uumg] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.rd-dot--hd[b-eboum4uumg]  { background: #1565C0; }
.rd-dot--ov[b-eboum4uumg]  { background: #6A1B9A; }
.rd-dot--ko[b-eboum4uumg]  { background: #2E7D32; }
.rd-dot--os[b-eboum4uumg]  { background: #E65100; }
.rd-dot--sys[b-eboum4uumg] { background: #546E7A; }

/* ── Footer link ── */
.rd-divider[b-eboum4uumg] {
    height: 1px;
    background: #eee;
    margin: 4px 0;
}

.rd-item--all[b-eboum4uumg] {
    color: #555;
    font-size: 12px;
    gap: 8px;
}

.rd-item--all .mud-icon-root[b-eboum4uumg] {
    color: #888;
}

/* ── Mobile: hide role label text, keep icon ── */
@media (max-width: 767px) {
    .rd-label[b-eboum4uumg] {
        display: none;
    }

    .rd-btn[b-eboum4uumg] {
        padding: 4px 8px;
        gap: 0;
    }
}
/* _content/plis-web/Components/Pages/BannerDetail.razor.rz.scp.css */
.bd-page[b-p8nah4x2pk] {
    max-width: 860px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

/* ===== Loading / Not found ===== */
.bd-loading[b-p8nah4x2pk],
.bd-not-found[b-p8nah4x2pk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    min-height: 300px;
    color: #555;
}

.bd-nf-icon[b-p8nah4x2pk] {
    font-size: 3rem;
}

/* ===== Header ===== */
.bd-header[b-p8nah4x2pk] {
    position: relative;
    border-radius: 14px;
    overflow: hidden;
    padding: 2rem 2rem 2rem 2rem;
    margin-bottom: 1.5rem;
    min-height: 160px;
    display: flex;
    align-items: center;
}

.bd-header-inner[b-p8nah4x2pk] {
    flex: 1;
    z-index: 2;
}

.bd-tag[b-p8nah4x2pk] {
    font-size: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.65);
    font-weight: 700;
    margin-bottom: 6px;
}

.bd-title[b-p8nah4x2pk] {
    font-size: 26px;
    font-weight: 800;
    color: white;
    line-height: 1.2;
    margin: 0 0 8px 0;
}

.bd-subtitle[b-p8nah4x2pk] {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.82);
    line-height: 1.5;
    margin: 0;
    max-width: 520px;
}

.bd-deco-icon[b-p8nah4x2pk] {
    position: absolute;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 80px;
    opacity: 0.12;
    z-index: 1;
    pointer-events: none;
}

/* ===== Content ===== */
.bd-content[b-p8nah4x2pk] {
    background: white;
    border-radius: 12px;
    border: 1.5px solid #dcedc8;
    padding: 2rem;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

/* ===== Image ===== */
.bd-image-wrap[b-p8nah4x2pk] {
    width: 100%;
    display: flex;
    justify-content: center;
}

.bd-image[b-p8nah4x2pk] {
    max-width: 100%;
    max-height: 480px;
    border-radius: 10px;
    object-fit: contain;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
}

.bd-image-download[b-p8nah4x2pk] {
    cursor: pointer;
    transition: opacity 0.15s, box-shadow 0.15s;
}

.bd-image-download:hover[b-p8nah4x2pk] {
    opacity: 0.92;
    box-shadow: 0 6px 28px rgba(0, 0, 0, 0.22);
}

/* ===== Text ===== */
.bd-text[b-p8nah4x2pk] {
    width: 100%;
    max-width: 640px;
    text-align: center;
    color: #333;
    font-size: 1rem;
    line-height: 1.7;
}

.bd-text p[b-p8nah4x2pk] {
    margin: 0 0 0.5rem 0;
}

/* ===== Footer ===== */
.bd-footer[b-p8nah4x2pk] {
    display: flex;
    justify-content: center;
}

.bd-back-btn[b-p8nah4x2pk] {
    display: inline-block;
    padding: 0.6rem 1.4rem;
    background: #1b5e20;
    color: white;
    border-radius: 8px;
    text-decoration: none;
    font-size: 0.92rem;
    font-weight: 600;
    transition: background 0.15s;
}

.bd-back-btn:hover[b-p8nah4x2pk] {
    background: #2e7d32;
    text-decoration: none;
    color: white;
}
/* _content/plis-web/Components/Pages/Home.razor.rz.scp.css */
/* ===== Banner progress animation ===== */
@keyframes plisBannerProgress-b-a1vev6qf2h {
    from { width: 0%; }
    to   { width: 100%; }
}

/* ===== Animations ===== */
@keyframes fadeUp-b-a1vev6qf2h {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0); }
}

@keyframes fadeIn-b-a1vev6qf2h {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes pulse-b-a1vev6qf2h {
    0%, 100% { opacity: 1; transform: scale(1); }
    50%       { opacity: 0.5; transform: scale(1.4); }
}

/* ===== Container ===== */
.plis-home[b-a1vev6qf2h] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 2rem 1rem;
    animation: fadeIn-b-a1vev6qf2h 0.5s ease;
}

/* ===== Logo box ===== */
.plis-logo-box[b-a1vev6qf2h] {
    border: 2px solid #2e7d32;
    border-radius: 8px;
    padding: 1.5rem 2rem;
    text-align: center;
    margin-bottom: 2rem;
    animation: fadeUp-b-a1vev6qf2h 0.5s ease;
}

.l5-logo[b-a1vev6qf2h] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
}

.l5-row[b-a1vev6qf2h] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.l5-bar[b-a1vev6qf2h] {
    width: 5px;
    height: 52px;
    background: #1b5e20;
    border-radius: 3px;
}

.l5-letters[b-a1vev6qf2h] {
    font-size: 52px;
    font-weight: 900;
    color: #1b5e20;
    letter-spacing: 6px;
    font-family: 'Georgia', serif;
    line-height: 1;
}

.l5-divider[b-a1vev6qf2h] {
    width: 100%;
    height: 1.5px;
    background: #c8e6c9;
    border-radius: 1px;
}

.l5-sub[b-a1vev6qf2h] {
    font-size: 9px;
    color: #81a881;
    letter-spacing: 2.5px;
    text-transform: uppercase;
}

/* ===== Banner ===== */
.plis-banner[b-a1vev6qf2h] {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    border: 1.5px solid #dcedc8;
    background: #1b5e20;
    height: 170px;
    flex-shrink: 0;
    margin-bottom: 1.5rem;
}

.plis-banner-slides[b-a1vev6qf2h] {
    display: flex;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    height: 100%;
}

.plis-slide[b-a1vev6qf2h] {
    min-width: 100%;
    height: 100%;
    display: flex;
    align-items: stretch;
    flex-shrink: 0;
}

.plis-slide-inner[b-a1vev6qf2h] {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 1.25rem 1.5rem;
    position: relative;
    overflow: hidden;
}

.plis-slide-1[b-a1vev6qf2h] { background: linear-gradient(135deg, #0a3d1a, #2e7d32); }
.plis-slide-2[b-a1vev6qf2h] { background: linear-gradient(135deg, #004d40, #00897b); }
.plis-slide-3[b-a1vev6qf2h] { background: linear-gradient(135deg, #1a237e, #3949ab); }
.plis-slide-4[b-a1vev6qf2h] { background: linear-gradient(135deg, #bf360c, #e64a19); }
.plis-slide-5[b-a1vev6qf2h] { background: linear-gradient(135deg, #4a148c, #7b1fa2); }

.plis-slide-text[b-a1vev6qf2h] {
    flex: 1;
    z-index: 2;
}

.plis-slide-tag[b-a1vev6qf2h] {
    font-size: 9px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.6);
    font-weight: 700;
    margin-bottom: 5px;
}

.plis-slide-title[b-a1vev6qf2h] {
    font-size: 18px;
    font-weight: 800;
    color: white;
    line-height: 1.2;
    margin-bottom: 6px;
}

.plis-slide-desc[b-a1vev6qf2h] {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.78);
    line-height: 1.45;
    max-width: 400px;
    margin-bottom: 10px;
}

.plis-slide-btn[b-a1vev6qf2h] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: white;
    border: none;
    border-radius: 7px;
    padding: 5px 13px;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.15s;
    text-decoration: none;
}

/* button text color is set via inline style from DB (ButtonColor) */

.plis-slide-btn:hover[b-a1vev6qf2h] {
    opacity: 0.9;
    transform: translateX(2px);
    text-decoration: none;
}

.plis-slide-deco[b-a1vev6qf2h] {
    position: absolute;
    right: -30px;
    top: 50%;
    transform: translateY(-50%);
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.05);
    z-index: 1;
}

.plis-slide-icon[b-a1vev6qf2h] {
    position: absolute;
    right: 60px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 64px;
    opacity: 0.15;
    z-index: 1;
}

.plis-banner-prev[b-a1vev6qf2h],
.plis-banner-next[b-a1vev6qf2h] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.18);
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: white;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: all 0.15s;
}

.plis-banner-prev[b-a1vev6qf2h] { left: 10px; }
.plis-banner-next[b-a1vev6qf2h] { right: 10px; }

.plis-banner-prev:hover[b-a1vev6qf2h],
.plis-banner-next:hover[b-a1vev6qf2h] {
    background: rgba(255, 255, 255, 0.32);
}

.plis-banner-dots[b-a1vev6qf2h] {
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 5px;
    z-index: 10;
}

.plis-dot[b-a1vev6qf2h] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.4);
    cursor: pointer;
    transition: all 0.2s;
    border: none;
    padding: 0;
}

.plis-dot-active[b-a1vev6qf2h] {
    background: white;
    width: 16px;
    border-radius: 3px;
}

.plis-slide-counter[b-a1vev6qf2h] {
    position: absolute;
    top: 10px;
    right: 44px;
    font-size: 9px;
    color: rgba(255, 255, 255, 0.45);
    z-index: 10;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    padding: 2px 7px;
}

.plis-banner-progress[b-a1vev6qf2h] {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    background: rgba(255, 255, 255, 0.45);
    z-index: 10;
    animation: plisBannerProgress-b-a1vev6qf2h 5s linear forwards;
}

/* ===== Two-column grid ===== */
.plis-columns[b-a1vev6qf2h] {
    display: grid;
    grid-template-columns: 3fr 2fr;
    gap: 1.5rem;
    animation: fadeUp-b-a1vev6qf2h 0.6s ease;
}

@media (max-width: 768px) {
    .plis-columns[b-a1vev6qf2h] {
        grid-template-columns: 1fr;
    }
}

/* ===== Cards ===== */
.plis-card[b-a1vev6qf2h] {
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}

.plis-volna[b-a1vev6qf2h] {
    background: #fff;
    border: 1px solid #c8e6c9;
    padding: 0 0 1rem 0;
}

.plis-zabez[b-a1vev6qf2h] {
    background: #1b5e20;
    padding: 0 0 1.5rem 0;
}

/* ===== Card header ===== */
.plis-card-header[b-a1vev6qf2h] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem 1.25rem 0.75rem;
    border-bottom: 1px solid #c8e6c9;
    background: #f1f8e9;
}

.plis-card-header--dark[b-a1vev6qf2h] {
    background: #2e7d32;
    border-bottom: 1px solid rgba(255,255,255,0.15);
}

.plis-header-icon[b-a1vev6qf2h] {
    font-size: 1.3rem;
}

.plis-header-title[b-a1vev6qf2h] {
    font-size: 1.15rem;
    font-weight: 600;
    color: #1b5e20;
}

.plis-card-header--dark .plis-header-title[b-a1vev6qf2h] {
    color: #fff;
}

/* ===== Card description ===== */
.plis-card-desc[b-a1vev6qf2h] {
    padding: 0.9rem 1.25rem 0.5rem;
    color: #555;
    font-size: 0.92rem;
    margin: 0;
}

.plis-card-desc--light[b-a1vev6qf2h] {
    color: rgba(255,255,255,0.8);
}

/* ===== Stats row ===== */
.plis-stats-row[b-a1vev6qf2h] {
    display: flex;
    gap: 0.75rem;
    padding: 0.5rem 1.25rem 1rem;
    flex-wrap: wrap;
}

.plis-stat-item[b-a1vev6qf2h] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    padding: 0.6rem 1rem;
    border: 1px solid #c8e6c9;
    border-radius: 6px;
    text-decoration: none;
    color: #1b5e20;
    background: #f9fbe7;
    transition: background 0.2s, border-color 0.2s, transform 0.15s;
    flex: 1;
}

.plis-stat-item:hover[b-a1vev6qf2h] {
    background: #e8f5e9;
    border-color: #66bb6a;
    transform: translateY(-2px);
    text-decoration: none;
}

.plis-stat-icon[b-a1vev6qf2h] {
    width: 28px;
    height: 28px;
}

.plis-stat-count[b-a1vev6qf2h] {
    font-size: 1.2rem;
    font-weight: 800;
    color: #1b5e20;
    line-height: 1;
}

.plis-stat-label[b-a1vev6qf2h] {
    font-size: 0.72rem;
    font-weight: 700;
    color: #81a881;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.plis-stat-badge[b-a1vev6qf2h] {
    font-size: 0.7rem;
    background: #2e7d32;
    color: #fff;
    border-radius: 4px;
    padding: 1px 5px;
}

/* ===== Animal list ===== */
.plis-animal-list[b-a1vev6qf2h] {
    list-style: none;
    margin: 0;
    padding: 0 1.25rem;
}

.plis-animal-list li[b-a1vev6qf2h] {
    border-bottom: 1px solid #f0f0f0;
}

.plis-animal-list li:last-child[b-a1vev6qf2h] {
    border-bottom: none;
}

.plis-animal-link[b-a1vev6qf2h] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.6rem 0.5rem;
    color: #333;
    text-decoration: none;
    border-radius: 4px;
    transition: background 0.15s, color 0.15s;
}

.plis-animal-link:hover[b-a1vev6qf2h] {
    background: #e8f5e9;
    color: #1b5e20;
    text-decoration: none;
}

.plis-animal-link span:nth-child(2)[b-a1vev6qf2h] {
    flex: 1;
    font-size: 0.95rem;
}

.plis-animal-icon[b-a1vev6qf2h] {
    width: 26px;
    height: 26px;
}

.plis-icon-text[b-a1vev6qf2h] {
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    color: #2e7d32;
}

.plis-arrow[b-a1vev6qf2h] {
    color: #aaa;
    font-size: 1.2rem;
}

.plis-animal-link:hover .plis-arrow[b-a1vev6qf2h] {
    color: #2e7d32;
}

/* ===== User card (Zabezpečená) ===== */
.plis-user-card[b-a1vev6qf2h] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    margin: 1rem 1.25rem;
    padding: 0.9rem 1rem;
    background: rgba(255,255,255,0.1);
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,0.2);
}

.plis-user-avatar[b-a1vev6qf2h] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #66bb6a;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.plis-user-info[b-a1vev6qf2h] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.plis-user-name[b-a1vev6qf2h] {
    color: #fff;
    font-weight: 600;
    font-size: 0.95rem;
}

.plis-user-role[b-a1vev6qf2h] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    color: rgba(255,255,255,0.75);
    font-size: 0.82rem;
}

.plis-pulse-dot[b-a1vev6qf2h] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #a5d6a7;
    display: inline-block;
    animation: pulse-b-a1vev6qf2h 1.8s ease-in-out infinite;
}

/* ===== Not authorized ===== */
.plis-not-auth[b-a1vev6qf2h] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.5rem;
    padding: 1.2rem 1.25rem 0.5rem;
    color: rgba(255,255,255,0.8);
}

.plis-not-auth-icon[b-a1vev6qf2h] {
    font-size: 2rem;
}

.plis-not-auth p[b-a1vev6qf2h] {
    margin: 0;
    font-size: 0.9rem;
}

/* ===== Enter button ===== */
.plis-enter-btn[b-a1vev6qf2h] {
    display: block;
    margin: 0.5rem 1.25rem 0;
    padding: 0.7rem 1.2rem;
    background: #fff;
    color: #1b5e20;
    border-radius: 6px;
    font-weight: 600;
    font-size: 0.93rem;
    text-align: center;
    text-decoration: none;
    transition: background 0.2s, transform 0.15s;
}

.plis-enter-btn:hover[b-a1vev6qf2h] {
    background: #f1f8e9;
    transform: translateY(-1px);
    text-decoration: none;
    color: #1b5e20;
}
/* _content/plis-web/Components/Pages/VolnaZona/Hd/Byky.razor.rz.scp.css */
/* ── layout ──────────────────────────────────────────────────────────────── */

.hd-filter-toolbar[b-narw8pce3c] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

/* ── filter grid ─────────────────────────────────────────────────────────── */
.hd-filter-grid[b-narw8pce3c] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px 14px;
}

@media (max-width: 1100px) { .hd-filter-grid[b-narw8pce3c] { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px)  { .hd-filter-grid[b-narw8pce3c] { grid-template-columns: 1fr; } }

.hd-field-row[b-narw8pce3c] {
    display: flex;
    gap: 6px;
    align-items: center;
}

/* ── checkbox ────────────────────────────────────────────────────────────── */
.hd-check[b-narw8pce3c] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #1a2a1a;
    font-weight: 600;
    cursor: pointer;
    user-select: none;
    height: 32px;
}

.hd-check input[b-narw8pce3c] { display: none; }

.hd-check-box[b-narw8pce3c] {
    width: 16px;
    height: 16px;
    border: 1.5px solid #dcedc8;
    border-radius: 4px;
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.12s;
    flex-shrink: 0;
}

.hd-check input:checked + .hd-check-box[b-narw8pce3c] {
    background: #1b5e20;
    border-color: #1b5e20;
}

.hd-check input:checked + .hd-check-box[b-narw8pce3c]::after {
    content: '';
    width: 4px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg) translate(-1px, -1px);
}

.hd-check:hover .hd-check-box[b-narw8pce3c] { border-color: #2e7d32; }

/* ── filter actions ──────────────────────────────────────────────────────── */
.hd-filter-actions[b-narw8pce3c] {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #f0f0f0;
    flex-wrap: wrap;
}

.hd-filter-summary[b-narw8pce3c] {
    margin-left: auto;
    font-size: 11px;
    color: #888;
}

.hd-filter-summary strong[b-narw8pce3c] { color: #1b5e20; font-weight: 700; }

.hd-action-sep[b-narw8pce3c] {
    width: 1px;
    height: 24px;
    background: #dcedc8;
    flex-shrink: 0;
}

.hd-dch-icon[b-narw8pce3c] {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: #1b5e20;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    flex-shrink: 0;
}

.hd-dch-title[b-narw8pce3c] {
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    color: #2e7d32;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.hd-dch-toolbar[b-narw8pce3c] {
    margin-left: auto;
    display: flex;
    gap: 6px;
}

.hd-icon-btn[b-narw8pce3c] {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    border: 1px solid #dcedc8;
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #2e7d32;
    transition: all 0.12s;
    padding: 0;
}

.hd-icon-btn:hover:not(:disabled)[b-narw8pce3c] { background: #f0f7f0; border-color: #a5d6a7; }
.hd-icon-btn:disabled[b-narw8pce3c]             { opacity: 0.5; cursor: not-allowed; }
.hd-icon-btn svg[b-narw8pce3c]                  { width: 14px; height: 14px; }

/* ── TABLE (MudTable overrides) ──────────────────────────────────────────── */
[b-narw8pce3c] .hd-table .mud-table-head th {
    background: #1b5e20 !important;
    color: #fff !important;
    font-weight: 600 !important;
    font-size: 11px !important;
    white-space: nowrap;
    border-right: 1px solid rgba(255,255,255,.12) !important;
    position: sticky;
    top: 0;
    z-index: 1;
}

[b-narw8pce3c] .hd-table .mud-table-head th:last-child { border-right: none !important; }

[b-narw8pce3c] .hd-table .mud-table-head th:hover { background: #246424 !important; }

[b-narw8pce3c] .hd-table .mud-sort-label-icon { color: rgba(255,255,255,.7) !important; }

[b-narw8pce3c] .hd-table .mud-table-foot .mud-table-pagination { border-top: 1px solid #f0f0f0; }
.hd-th-right[b-narw8pce3c]  { text-align: right !important; }
.hd-th-center[b-narw8pce3c] { text-align: center !important; }

.hd-th-sub[b-narw8pce3c] {
    font-size: 9px;
    opacity: 0.7;
    font-weight: 500;
}

.hd-td-action[b-narw8pce3c] {
    width: 34px;
    padding: 4px 6px !important;
    text-align: center;
}

.hd-row-action[b-narw8pce3c] {
    width: 24px;
    height: 24px;
    border-radius: 6px;
    border: 1px solid #dcedc8;
    background: #fff;
    color: #2e7d32;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.12s;
    text-decoration: none;
}

.hd-row-action:hover[b-narw8pce3c] { background: #1b5e20; color: #fff; border-color: #1b5e20; }
.hd-row-action svg[b-narw8pce3c]   { width: 11px; height: 11px; }

.hd-td-line[b-narw8pce3c]   { color: #5a8a5a; font-weight: 600; font-size: 12px; }
.hd-td-ear[b-narw8pce3c]    { font-size: 12px; }
.hd-td-meno-empty[b-narw8pce3c] { color: #ccc; font-size: 12px; }

.hd-td-date[b-narw8pce3c]   { font-variant-numeric: tabular-nums; color: #5a8a5a; font-size: 12px; }

.hd-td-koef[b-narw8pce3c]      { font-variant-numeric: tabular-nums; text-align: right !important; font-weight: 600; color: #1a2a1a; font-size: 12px; }
.hd-td-koef-zero[b-narw8pce3c] { font-variant-numeric: tabular-nums; text-align: right !important; color: #ccc; font-size: 12px; }

.hd-td-skladba[b-narw8pce3c] { font-weight: 700; color: #1b5e20; font-size: 12px; }

.hd-td-parent[b-narw8pce3c] { font-variant-numeric: tabular-nums; color: #5a8a5a; font-size: 11px; }

/* ── badges ──────────────────────────────────────────────────────────────── */
.hd-genom-yes[b-narw8pce3c] {
    display: inline-block;
    font-size: 9px;
    font-weight: 700;
    background: #1b5e20;
    color: #fff;
    padding: 2px 7px;
    border-radius: 10px;
    letter-spacing: 0.3px;
}

.hd-genom-no[b-narw8pce3c] { color: #ccc; font-size: 14px; }

.hd-pk-pill[b-narw8pce3c] {
    display: inline-block;
    width: 22px;
    height: 20px;
    line-height: 20px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: 800;
    text-align: center;
    background: #e8f5e8;
    color: #2e7d32;
    border: 1px solid #c8e6c9;
}

.hd-pk-b[b-narw8pce3c] { background: #fce4ec; color: #c2185b; border-color: #f48fb1; }
.hd-pk-c[b-narw8pce3c] { background: #fff8e1; color: #e65100; border-color: #ffcc80; }
/* _content/plis-web/Components/Pages/VolnaZona/Hd/Ciselniky.razor.rz.scp.css */
/* ── layout ──────────────────────────────────────────────────────────────── */
.hdcs-layout[b-0kvo5dqwyg] {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 14px;
    align-items: start;
}

/* ── SIDEBAR ─────────────────────────────────────────────────────────────── */
.hdcs-sidebar[b-0kvo5dqwyg] {
    background: #fff;
    border-radius: 14px;
    border: 1.5px solid #dcedc8;
    overflow: hidden;
    position: sticky;
    top: 10px;
}

.hdcs-sidebar-head[b-0kvo5dqwyg] {
    background: #f0f7f0;
    border-bottom: 1.5px solid #dcedc8;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.hdcs-sidebar-icon[b-0kvo5dqwyg] { font-size: 18px; }

.hdcs-sidebar-title[b-0kvo5dqwyg] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #2e7d32;
}

/* ── sidebar items ───────────────────────────────────────────────────────── */
.hdcs-item[b-0kvo5dqwyg] {
    display: flex;
    align-items: center;
    gap: 9px;
    width: 100%;
    padding: 10px 16px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-bottom: 1px solid #f5f5f5;
    cursor: pointer;
    text-align: left;
    font-family: inherit;
    font-size: 12px;
    color: #444;
    transition: background .1s, border-color .1s, color .1s;
}

.hdcs-item:last-child[b-0kvo5dqwyg] { border-bottom: none; }
.hdcs-item:hover[b-0kvo5dqwyg] { background: #f5fbf5; color: #1b5e20; }

.hdcs-item-active[b-0kvo5dqwyg] {
    background: #e8f5e8 !important;
    border-left-color: #2e7d32 !important;
    color: #1b5e20 !important;
    font-weight: 700;
}

.hdcs-item-icon[b-0kvo5dqwyg] { font-size: 15px; flex-shrink: 0; }
.hdcs-item-label[b-0kvo5dqwyg] { flex: 1; }

.hdcs-item-badge[b-0kvo5dqwyg] {
    background: #e0e0e0;
    color: #555;
    border-radius: 9px;
    padding: 1px 7px;
    font-size: 10px;
    font-weight: 700;
    flex-shrink: 0;
}

.hdcs-item-badge-active[b-0kvo5dqwyg] {
    background: #2e7d32;
    color: #fff;
}

.hdcs-data-head[b-0kvo5dqwyg] {
    background: #f0f7f0;
    border-bottom: 1px solid #dcedc8;
    padding: 10px 18px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    color: #5a8a5a;
    flex-wrap: wrap;
}

.hdcs-head-icon[b-0kvo5dqwyg] { font-size: 18px; }

.hdcs-head-title[b-0kvo5dqwyg] {
    font-size: 12px;
    font-weight: 700;
    color: #2e7d32;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.hdcs-head-badge[b-0kvo5dqwyg] {
    background: #2e7d32;
    color: #fff;
    border-radius: 10px;
    padding: 2px 9px;
    font-size: 10px;
    font-weight: 700;
}

.hdcs-head-right[b-0kvo5dqwyg] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 8px;
}

.hdcs-head-gen[b-0kvo5dqwyg] { font-size: 11px; color: #5a8a5a; }
.hdcs-head-gen b[b-0kvo5dqwyg] { color: #1b5e20; font-weight: 700; }

/* ── export buttons ──────────────────────────────────────────────────────── */
.hdcs-btn-xls[b-0kvo5dqwyg],
.hdcs-btn-pdf[b-0kvo5dqwyg] {
    height: 30px;
    padding: 0 12px;
    border-radius: 7px;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    font-family: inherit;
    border: none;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: background .12s;
}

.hdcs-btn-xls[b-0kvo5dqwyg] { background: #1b5e20; color: #fff; }
.hdcs-btn-xls:hover:not([disabled])[b-0kvo5dqwyg] { background: #246424; }

.hdcs-btn-pdf[b-0kvo5dqwyg] { background: #fff; color: #2e7d32; border: 1.5px solid #dcedc8; }
.hdcs-btn-pdf:hover:not([disabled])[b-0kvo5dqwyg] { background: #f0f7f0; border-color: #a5d6a7; }

.hdcs-btn-xls[disabled][b-0kvo5dqwyg],
.hdcs-btn-pdf[disabled][b-0kvo5dqwyg] { opacity: .5; cursor: default; }

/* ── messages ────────────────────────────────────────────────────────────── */
.hdcs-placeholder[b-0kvo5dqwyg] {
    padding: 32px;
    text-align: center;
    font-size: 13px;
    color: #aaa;
}

/* ── TABLE ───────────────────────────────────────────────────────────────── */
.hdcs-table-wrap[b-0kvo5dqwyg] { overflow-x: auto; }

.hdcs-table[b-0kvo5dqwyg] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.hdcs-table thead tr[b-0kvo5dqwyg] {
    background: #1b5e20;
}

.hdcs-table thead th[b-0kvo5dqwyg] {
    padding: 8px 12px;
    color: #fff;
    font-weight: 600;
    font-size: 11px;
    text-align: left;
    white-space: nowrap;
    border-right: 1px solid rgba(255,255,255,.12);
}

.hdcs-table thead th:last-child[b-0kvo5dqwyg] { border-right: none; }

.hdcs-table tbody td[b-0kvo5dqwyg] {
    padding: 7px 12px;
    color: #2a2a2a;
    border-bottom: 1px solid #f0f0f0;
    vertical-align: middle;
    white-space: nowrap;
}

.hdcs-table tbody tr:hover td[b-0kvo5dqwyg] { background: #f5fbf5 !important; }
.hdcs-tr-alt td[b-0kvo5dqwyg] { background: #f9fdf9; }

/* ── severity chips ──────────────────────────────────────────────────────── */
.hdcs-sev[b-0kvo5dqwyg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 26px;
    height: 22px;
    padding: 0 7px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: 700;
    border: 1.5px solid;
}

.hdcs-sev-0[b-0kvo5dqwyg] { background: #f5f5f5; color: #9e9e9e; border-color: #e0e0e0; }
.hdcs-sev-1[b-0kvo5dqwyg] { background: #e8f5e8; color: #2e7d32; border-color: #c8e6c9; }
.hdcs-sev-2[b-0kvo5dqwyg] { background: #fff3e0; color: #f57c00; border-color: #ffe0b2; }
.hdcs-sev-3[b-0kvo5dqwyg] { background: #fbe9e7; color: #e65100; border-color: #ffccbc; }
.hdcs-sev-4[b-0kvo5dqwyg] { background: #ffebee; color: #c62828; border-color: #ffcdd2; }

/* ── responsive ──────────────────────────────────────────────────────────── */
@media (max-width: 900px) {
    .hdcs-layout[b-0kvo5dqwyg] {
        grid-template-columns: 1fr;
    }
    .hdcs-sidebar[b-0kvo5dqwyg] {
        position: static;
    }
}
/* _content/plis-web/Components/Pages/VolnaZona/Hd/GenHodnotenieMedzinarodne.razor.rz.scp.css */
/* ════════════════════════════════════════════════════════════════════════
   GenHodnotenieMedzinarodne — page-specific styly
   Shared HD design system: /css/hd-shared.css
   ════════════════════════════════════════════════════════════════════════ */

/* hodnotenie field má fixnú šírku v rámci filter row */
.hd-field-hodnotenie[b-ld0vdigelc] { min-width: 240px; max-width: 340px; flex: 1 1 240px; }

/* ── DCE CUSTOM TABLE (native <table> so 2-row thead works) ─────────────── */
.hd-dce-scroll[b-ld0vdigelc] { overflow-x: auto; }

.hd-dce-table[b-ld0vdigelc] {
    width: 100%; border-collapse: collapse; table-layout: auto; font-size: 12px;
}

/* group label row */
.hd-dce-table thead tr.hd-dce-grp th[b-ld0vdigelc] {
    color: #fff; font-size: 10px; font-weight: 800;
    text-transform: uppercase; letter-spacing: .8px;
    text-align: center; padding: 5px 10px;
    border-bottom: 2px solid rgba(255,255,255,.25);
}
.hd-dce-g-id[b-ld0vdigelc]  { background: #1b5e20; }
.hd-dce-g-dce[b-ld0vdigelc] { background: #1b5e20; border-left: 3px solid rgba(255,255,255,.45) !important; }
.hd-dce-g-mce[b-ld0vdigelc] { background: #2e7d32; border-left: 3px solid rgba(255,255,255,.45) !important; }
.hd-dce-g-dsb[b-ld0vdigelc] { background: #388e3c; border-left: 3px solid rgba(255,255,255,.45) !important; }
.hd-dce-g-msb[b-ld0vdigelc] { background: #33691e; border-left: 3px solid rgba(255,255,255,.45) !important; }

/* column header row */
.hd-dce-table thead tr:not(.hd-dce-grp) th[b-ld0vdigelc] {
    color: #fff; font-size: 11px; font-weight: 600;
    white-space: nowrap; padding: 8px 10px;
    border-right: 1px solid rgba(255,255,255,.12);
    cursor: pointer; user-select: none;
    transition: filter .12s;
}
.hd-dce-table thead tr:not(.hd-dce-grp) th:hover[b-ld0vdigelc] { filter: brightness(1.15); }

.hd-dce-ch-id[b-ld0vdigelc]  { background: #1b5e20; }
.hd-dce-ch-dce[b-ld0vdigelc] { background: #1b5e20; }
.hd-dce-ch-mce[b-ld0vdigelc] { background: #2e7d32; }
.hd-dce-ch-dsb[b-ld0vdigelc] { background: #388e3c; }
.hd-dce-ch-msb[b-ld0vdigelc] { background: #33691e; }

.hd-dce-num[b-ld0vdigelc]  { text-align: right !important; }
.hd-dce-left[b-ld0vdigelc] { text-align: left  !important; }
.hd-dce-div[b-ld0vdigelc]  { border-right: 1.5px solid rgba(255,255,255,.4) !important; }

/* data rows */
.hd-dce-table tbody tr[b-ld0vdigelc] { border-bottom: 1px solid #e8f5e9; transition: background .08s; }
.hd-dce-table tbody tr:hover[b-ld0vdigelc]       { background: #f0f7f0; }
.hd-dce-table tbody tr:nth-child(even)[b-ld0vdigelc] { background: #fafffe; }
.hd-dce-table tbody tr:nth-child(even):hover[b-ld0vdigelc] { background: #f0f7f0; }
.hd-dce-table td[b-ld0vdigelc] { padding: 7px 10px; white-space: nowrap; vertical-align: middle; font-size: 12px; font-variant-numeric: tabular-nums; }

/* pager */
.hd-dce-pager[b-ld0vdigelc] {
    display: flex; align-items: center; gap: 8px;
    padding: 8px 16px; background: #f0f7f0;
    border-top: 1px solid #dcedc8; font-size: 12px; color: #5a8a5a;
}
.hd-dce-pg-btn[b-ld0vdigelc] {
    width: 28px; height: 28px; border-radius: 6px;
    border: 1.5px solid #dcedc8; background: #fff;
    color: #2e7d32; font-size: 14px; font-weight: 700;
    cursor: pointer; display: inline-flex; align-items: center; justify-content: center;
    transition: all .12s;
}
.hd-dce-pg-btn:hover:not(:disabled)[b-ld0vdigelc] { background: #e8f5e9; }
.hd-dce-pg-btn:disabled[b-ld0vdigelc] { opacity: .4; cursor: not-allowed; }

/* ── KOEFICIENTY TABLE (dialog) ──────────────────────────────────────────── */
.hd-koef-table[b-ld0vdigelc] {
    width: 100%; border-collapse: collapse; font-size: 13px;
}
.hd-koef-table th[b-ld0vdigelc] {
    background: #1b5e20; color: #fff; font-weight: 600; font-size: 11px;
    padding: 7px 12px; text-align: center;
    border: 1px solid rgba(255,255,255,.15);
}
.hd-koef-table td[b-ld0vdigelc] {
    padding: 6px 12px; border: 1px solid #dcedc8;
    text-align: center; vertical-align: middle;
}
.hd-koef-table tbody tr:nth-child(odd)[b-ld0vdigelc]  { background: #f9fdf9; }
.hd-koef-table tbody tr:nth-child(even)[b-ld0vdigelc] { background: #fff; }
.hd-koef-table tbody tr:hover[b-ld0vdigelc]           { background: #e8f5e8; }
.hd-koef-table td:first-child[b-ld0vdigelc]           { text-align: left; font-weight: 600; color: #1a2a1a; }
/* _content/plis-web/Components/Pages/VolnaZona/Hd/GenHodnotenieNarodne.razor.rz.scp.css */
/* ════════════════════════════════════════════════════════════════════════
   GenHodnotenieNarodne — page-specific styly
   Shared HD design: /css/hd-shared.css
   ════════════════════════════════════════════════════════════════════════ */

/* filter grid (3 stĺpce) — len pre túto stránku */
.hd-filter-grid[b-n1jk4nt5tv] {
    display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 10px 14px;
}
@media (max-width: 1000px) { .hd-filter-grid[b-n1jk4nt5tv] { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px)  { .hd-filter-grid[b-n1jk4nt5tv] { grid-template-columns: 1fr; } }

/* sub-row pre Výber býka — má top border */
.hd-byk-row[b-n1jk4nt5tv] {
    display: flex; align-items: flex-end; flex-wrap: wrap;
    gap: 10px; margin-top: 12px; padding-top: 12px;
    border-top: 1px solid #f0f0f0;
}
.hd-byk-row .hd-field[b-n1jk4nt5tv] { flex: 0 0 auto; }
.hd-byk-row .hd-select[b-n1jk4nt5tv] { min-width: 160px; }

.hd-filter-hint[b-n1jk4nt5tv] { margin-left: auto; font-size: 11px; color: #888; }
.hd-filter-hint b[b-n1jk4nt5tv] { color: #1b5e20; }

.hd-filter-summary[b-n1jk4nt5tv] { font-size: 11px; color: #888; white-space: nowrap; }
.hd-filter-summary strong[b-n1jk4nt5tv] { color: #1b5e20; font-weight: 700; }

/* data card head icon + title — len pre národné hodnotenie */
.hd-dch-icon[b-n1jk4nt5tv] {
    width: 30px; height: 30px; border-radius: 8px;
    background: #1b5e20; color: #fff;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 14px; flex-shrink: 0;
}
.hd-dch-title[b-n1jk4nt5tv] {
    margin: 0; font-size: 12px; font-weight: 700;
    color: #2e7d32; text-transform: uppercase; letter-spacing: 1px;
}

/* SPI cells (page-specific) */
.hd-td-spi-pos[b-n1jk4nt5tv]  { text-align: right !important; font-variant-numeric: tabular-nums; color: #1b5e20; font-weight: 800; font-size: 12px; }
.hd-td-spi-neg[b-n1jk4nt5tv]  { text-align: right !important; font-variant-numeric: tabular-nums; color: #c62828; font-weight: 700; font-size: 12px; }
.hd-td-spi-zero[b-n1jk4nt5tv] { text-align: right !important; font-variant-numeric: tabular-nums; color: #ccc; }

.hd-td-plem[b-n1jk4nt5tv]  { color: #1b5e20; font-weight: 600; font-size: 10px; }
.hd-td-ear[b-n1jk4nt5tv]   { font-size: 11px; }
.hd-sep[b-n1jk4nt5tv]      { border-left: 2px solid rgba(255,255,255,.4) !important; }
/* _content/plis-web/Components/Pages/VolnaZona/Hd/GenHodnotenieNarodnemasove.razor.rz.scp.css */
/* ════════════════════════════════════════════════════════════════════════
   GenHodnotenieNarodnemasove — page-specific styly
   Shared HD design: /css/hd-shared.css
   ════════════════════════════════════════════════════════════════════════ */

/* filter hint riadok */
.hd-filter-hint[b-7eji2yf4vf] { margin-left: auto; font-size: 11px; color: #888; }
.hd-filter-hint b[b-7eji2yf4vf] { color: #1b5e20; }

/* sub-row pre výber býka */
.hd-byk-row[b-7eji2yf4vf] {
    display: flex; align-items: flex-end; flex-wrap: wrap;
    gap: 10px; margin-top: 12px; padding-top: 12px;
    border-top: 1px solid #f0f0f0;
}
.hd-byk-row .hd-field[b-7eji2yf4vf] { flex: 0 0 auto; }
.hd-byk-row .hd-select[b-7eji2yf4vf] { min-width: 160px; }

.hd-filter-summary[b-7eji2yf4vf] { font-size: 11px; color: #888; white-space: nowrap; }
.hd-filter-summary strong[b-7eji2yf4vf] { color: #1b5e20; font-weight: 700; }

/* data card head icon + title — len pre národné mäsové */
.hd-dch-icon[b-7eji2yf4vf] {
    width: 30px; height: 30px; border-radius: 8px;
    background: #1b5e20; color: #fff;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 14px; flex-shrink: 0;
}
.hd-dch-title[b-7eji2yf4vf] {
    margin: 0; font-size: 12px; font-weight: 700;
    color: #2e7d32; text-transform: uppercase; letter-spacing: 1px;
}

.hd-td-ear[b-7eji2yf4vf]  { font-size: 11px; }
.hd-td-pl[b-7eji2yf4vf]   { text-align: center !important; }
/* _content/plis-web/Components/Pages/VolnaZona/Hd/HdDetail.razor.rz.scp.css */
/* ── Original table helper (used by non-KravaHd types) ── */
.hd-detail-table[b-gm9t5tv4xs] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}
.hd-detail-table td[b-gm9t5tv4xs] {
    padding: 1px 4px;
    vertical-align: top;
}
.hd-detail-table td:first-child[b-gm9t5tv4xs] {
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
    min-width: 110px;
    padding-right: 8px;
}
.hd-detail-table--right td:last-child[b-gm9t5tv4xs] {
    text-align: right;
}

/* ── KravaHd detail design ────────────────────────────── */
.kd-main[b-gm9t5tv4xs] { display: flex; flex-direction: column; gap: 1rem; }

/* Hero */
.kd-hero[b-gm9t5tv4xs] {
    background: white;
    border-radius: 14px;
    border: 1.5px solid #dcedc8;
    padding: 1.25rem;
    display: flex;
    align-items: center;
    gap: 1.5rem;
    flex-wrap: wrap;
}
.kd-avatar[b-gm9t5tv4xs] {
    width: 56px; height: 56px;
    border-radius: 12px;
    background: #1b5e20;
    display: flex; align-items: center; justify-content: center;
    font-size: 26px; flex-shrink: 0;
}
.kd-hero-info[b-gm9t5tv4xs] { flex: 1; min-width: 180px; }
.kd-number[b-gm9t5tv4xs] { font-size: 22px; font-weight: 900; color: #1a2a1a; letter-spacing: 1px; }
.kd-sub[b-gm9t5tv4xs] { font-size: 13px; color: #888; margin-top: 2px; }
.kd-badges[b-gm9t5tv4xs] { display: flex; gap: 6px; margin-top: 8px; flex-wrap: wrap; }
.kd-badge[b-gm9t5tv4xs] { font-size: 11px; padding: 3px 10px; border-radius: 20px; font-weight: 600; }
.kd-badge-green[b-gm9t5tv4xs] { background: #e8f5e8; color: #2e7d32; border: 1px solid #c8e6c9; }
.kd-badge-blue[b-gm9t5tv4xs]  { background: #e3f2fd; color: #1565c0; border: 1px solid #90caf9; }
.kd-badge-amber[b-gm9t5tv4xs] { background: #fff8e1; color: #e65100; border: 1px solid #ffcc80; }
.kd-badge-gray[b-gm9t5tv4xs]  { background: #f5f5f5; color: #666;    border: 1px solid #e0e0e0; }
.kd-badge-pink[b-gm9t5tv4xs]  { background: #fce4ec; color: #c2185b; border: 1px solid #f48fb1; }

/* Posledná inseminácia highlight box */
.kd-insem-highlight[b-gm9t5tv4xs] { background: #f0f7f0; border-radius: 8px; padding: 8px 10px; border: 1px solid #c8e6c9; margin-bottom: 8px; }
.kd-insem-label[b-gm9t5tv4xs] { font-size: 10px; color: #5a8a5a; margin-bottom: 3px; }
.kd-insem-date[b-gm9t5tv4xs]  { font-size: 15px; font-weight: 800; color: #1b5e20; }
.kd-insem-expected[b-gm9t5tv4xs] { font-size: 12px; color: #e65100; font-weight: 600; margin-top: 4px; }
.kd-field-val.alert[b-gm9t5tv4xs] { color: #e65100; }
.kd-field-val.link[b-gm9t5tv4xs]  { color: #126dff; }
.kd-stats[b-gm9t5tv4xs] { display: flex; gap: 1.5rem; flex-shrink: 0; }
.kd-hstat[b-gm9t5tv4xs] { text-align: center; }
.kd-hstat-val[b-gm9t5tv4xs] { font-size: 20px; font-weight: 800; color: #1b5e20; }
.kd-hstat-lbl[b-gm9t5tv4xs] { font-size: 10px; color: #aaa; text-transform: uppercase; letter-spacing: .5px; margin-top: 1px; }
.kd-actions[b-gm9t5tv4xs] { display: flex; gap: 6px; flex-shrink: 0; }
.kd-btn[b-gm9t5tv4xs] {
    width: 34px; height: 34px;
    border-radius: 8px;
    border: 1.5px solid #dcedc8;
    background: white;
    display: flex; align-items: center; justify-content: center;
    font-size: 15px; cursor: pointer;
    transition: all .15s;
    user-select: none;
}
.kd-btn:hover[b-gm9t5tv4xs] { background: #f0f7f0; border-color: #81c784; }

/* 4-column info grid */
.kd-grid4[b-gm9t5tv4xs] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}
@media (max-width: 1100px) { .kd-grid4[b-gm9t5tv4xs] { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px)  { .kd-grid4[b-gm9t5tv4xs] { grid-template-columns: 1fr; } }

.kd-grid3[b-gm9t5tv4xs] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}
@media (max-width: 900px) { .kd-grid3[b-gm9t5tv4xs] { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .kd-grid3[b-gm9t5tv4xs] { grid-template-columns: 1fr; } }

.kd-grid2[b-gm9t5tv4xs] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}
@media (max-width: 600px) { .kd-grid2[b-gm9t5tv4xs] { grid-template-columns: 1fr; } }

/* Card */
.kd-card[b-gm9t5tv4xs] { background: white; border-radius: 14px; border: 1.5px solid #dcedc8; overflow: hidden; }
.kd-card-header[b-gm9t5tv4xs] {
    background: #f0f7f0;
    border-bottom: 1px solid #dcedc8;
    padding: 10px 16px;
    display: flex; align-items: center; gap: 8px;
}
.kd-card-icon[b-gm9t5tv4xs]  { font-size: 15px; }
.kd-card-title[b-gm9t5tv4xs] { font-size: 12px; font-weight: 700; color: #2e7d32; text-transform: uppercase; letter-spacing: 1px; flex: 1; }
.kd-card-badge[b-gm9t5tv4xs] { font-size: 10px; background: #2e7d32; color: white; border-radius: 10px; padding: 2px 8px; font-weight: 700; white-space: nowrap; }
.kd-card-body[b-gm9t5tv4xs]  { padding: 12px 16px; }

/* Field row */
.kd-field-row[b-gm9t5tv4xs] {
    display: flex; align-items: baseline; justify-content: space-between;
    padding: 5px 0;
    border-bottom: 1px solid #f5f5f5;
}
.kd-field-row:last-child[b-gm9t5tv4xs] { border-bottom: none; }
.kd-field-lbl[b-gm9t5tv4xs] { font-size: 11px; color: #aaa; flex: 1; }
.kd-field-val[b-gm9t5tv4xs] { font-size: 12px; font-weight: 600; color: #1a2a1a; text-align: right; white-space: nowrap; margin-left: 8px; }
.kd-field-val.hl[b-gm9t5tv4xs]     { color: #1b5e20; font-size: 13px; }
.kd-field-val.pos[b-gm9t5tv4xs]    { color: #2e7d32; }
.kd-field-val.neg[b-gm9t5tv4xs]    { color: #c62828; }
.kd-field-val.muted[b-gm9t5tv4xs]  { color: #ccc; font-weight: 400; }
.kd-section-divider[b-gm9t5tv4xs]  { font-size: 9px; letter-spacing: 1.5px; text-transform: uppercase; color: #2e7d32; font-weight: 700; padding: 8px 0 3px; border-bottom: 1px solid #c8e6c9; margin-bottom: 2px; }

/* Tabs */
.kd-tabs[b-gm9t5tv4xs] {
    display: flex;
    background: white;
    border-radius: 12px 12px 0 0;
    border: 1.5px solid #dcedc8;
    border-bottom: none;
    overflow-x: auto;
}
.kd-tab[b-gm9t5tv4xs] {
    padding: 10px 20px;
    font-size: 13px; font-weight: 600;
    color: #888;
    cursor: pointer;
    transition: all .15s;
    border-bottom: 3px solid transparent;
    white-space: nowrap;
    user-select: none;
}
.kd-tab:hover[b-gm9t5tv4xs] { color: #2e7d32; background: #f7fdf4; }
.kd-tab.active[b-gm9t5tv4xs] { color: #1b5e20; border-bottom-color: #2e7d32; background: #f0f7f0; }
.kd-tab-hint[b-gm9t5tv4xs] {
    background: #f0f7f0;
    border-left: 1.5px solid #dcedc8;
    border-right: 1.5px solid #dcedc8;
    padding: 8px 16px;
    font-size: 12px; color: #5a8a5a;
}

/* Data table */
.kd-table-wrap[b-gm9t5tv4xs] {
    background: white;
    border: 1.5px solid #dcedc8;
    border-radius: 0 0 14px 14px;
    overflow-x: auto;
}
.kd-table[b-gm9t5tv4xs] {
    width: 100%;
    border-collapse: collapse;
    font-size: 11px;
    min-width: 900px;
}
.kd-table th[b-gm9t5tv4xs] {
    background: #1b5e20;
    color: white;
    padding: 8px 10px;
    text-align: right;
    font-weight: 600;
    white-space: nowrap;
    position: sticky;
    top: 0;
    z-index: 1;
}
.kd-table th:first-child[b-gm9t5tv4xs] { text-align: center; }
.kd-table td[b-gm9t5tv4xs] {
    padding: 7px 10px;
    border-bottom: 1px solid #f0f0f0;
    text-align: right;
    color: #2a2a2a;
    white-space: nowrap;
}
.kd-table td:first-child[b-gm9t5tv4xs] { text-align: center; font-weight: 700; color: #1b5e20; }
.kd-table td.left[b-gm9t5tv4xs] { text-align: left; }
.kd-table tr:hover td[b-gm9t5tv4xs] { background: #f7fdf4 !important; }
.kd-table tr:nth-child(even) td[b-gm9t5tv4xs] { background: #fafafa; }
.kd-table .kd-maxlak[b-gm9t5tv4xs] { color: #1b5e20; font-weight: 700; }
.kd-table tr.kd-row-open td[b-gm9t5tv4xs] { background: #fffde7 !important; }
.kd-table tr.kd-row-open:hover td[b-gm9t5tv4xs] { background: #fff9c4 !important; }
.kd-table .kd-empty[b-gm9t5tv4xs] { text-align: center; color: #aaa; padding: 20px; font-style: italic; }

/* ── Weight progress bars (KravaMp Hmotnosť card) ────────────────── */
.kd-weight-individual[b-gm9t5tv4xs] { display: flex; flex-direction: column; gap: 5px; margin-bottom: 4px; }
.kd-weight-row[b-gm9t5tv4xs] { display: flex; align-items: center; gap: 8px; }
.kd-weight-lbl[b-gm9t5tv4xs] { font-size: 11px; color: #888; width: 52px; flex-shrink: 0; }
.kd-weight-bar-wrap[b-gm9t5tv4xs] { flex: 1; height: 6px; background: #f0f0f0; border-radius: 3px; overflow: hidden; }
.kd-weight-bar[b-gm9t5tv4xs] { height: 100%; border-radius: 3px; background: #43a047; transition: width .3s; }
.kd-weight-val[b-gm9t5tv4xs] { font-size: 12px; font-weight: 700; color: #1b5e20; width: 36px; text-align: right; flex-shrink: 0; }
.kd-weight-val.hl[b-gm9t5tv4xs] { color: #1b5e20; font-size: 13px; }
.kd-weight-val.muted[b-gm9t5tv4xs] { color: #ccc; font-weight: 400; }
.kd-field-row-last[b-gm9t5tv4xs] { border-bottom: none; }

/* ── TelaMp 2fr/1fr grid ────────────────────────────────────────── */
.kd-grid-2fr-1fr[b-gm9t5tv4xs] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 1rem;
}
@media (max-width: 900px) { .kd-grid-2fr-1fr[b-gm9t5tv4xs] { grid-template-columns: 1fr; } }

/* 2-column field layout inside kd-card-body */
.kd-card-body.kd-fields-2col[b-gm9t5tv4xs] {
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.kd-card-body.kd-fields-2col > div[b-gm9t5tv4xs] {
    padding: 12px 16px;
}
.kd-card-body.kd-fields-2col > div:first-child[b-gm9t5tv4xs] {
    border-right: 1px solid #f5f5f5;
}
@media (max-width: 600px) {
    .kd-card-body.kd-fields-2col[b-gm9t5tv4xs] { grid-template-columns: 1fr; }
    .kd-card-body.kd-fields-2col > div:first-child[b-gm9t5tv4xs] { border-right: none; border-bottom: 1px solid #f5f5f5; }
}

/* ── Byk: Hero ──────────────────────────────────────────────────── */
.byk-hero[b-gm9t5tv4xs] { background: white; border-radius: 14px; border: 1.5px solid #dcedc8; padding: 1.25rem; display: flex; align-items: center; gap: 1.5rem; }
.byk-hero-avatar[b-gm9t5tv4xs] { width: 56px; height: 56px; border-radius: 12px; background: #1b5e20; display: flex; align-items: center; justify-content: center; font-size: 28px; flex-shrink: 0; }
.byk-hero-info[b-gm9t5tv4xs] { flex: 1; }
.byk-hero-number[b-gm9t5tv4xs] { font-size: 22px; font-weight: 900; color: #1a2a1a; letter-spacing: 1px; }
.byk-hero-name[b-gm9t5tv4xs] { font-size: 14px; font-weight: 700; color: #2e7d32; margin-top: 2px; }
.byk-hero-sub[b-gm9t5tv4xs] { font-size: 12px; color: #888; margin-top: 2px; }
.byk-hero-badges[b-gm9t5tv4xs] { display: flex; gap: 6px; margin-top: 8px; flex-wrap: wrap; }
.byk-badge[b-gm9t5tv4xs] { font-size: 11px; padding: 3px 10px; border-radius: 20px; font-weight: 600; }
.byk-badge-green[b-gm9t5tv4xs]  { background: #e8f5e8; color: #2e7d32; border: 1px solid #c8e6c9; }
.byk-badge-blue[b-gm9t5tv4xs]   { background: #e3f2fd; color: #1565c0; border: 1px solid #90caf9; }
.byk-badge-amber[b-gm9t5tv4xs]  { background: #fff8e1; color: #e65100; border: 1px solid #ffcc80; }
.byk-badge-gray[b-gm9t5tv4xs]   { background: #f5f5f5; color: #666;    border: 1px solid #e0e0e0; }
.byk-badge-purple[b-gm9t5tv4xs] { background: #f3e5f5; color: #6a1b9a; border: 1px solid #ce93d8; }
.byk-naab-badge[b-gm9t5tv4xs] { font-size: 13px; font-weight: 800; color: #1b5e20; background: #e8f5e8; border: 1.5px solid #a5d6a7; border-radius: 8px; padding: 5px 14px; flex-shrink: 0; }
.byk-hero-actions[b-gm9t5tv4xs] { display: flex; gap: 6px; flex-shrink: 0; }
.byk-btn-action[b-gm9t5tv4xs] { width: 34px; height: 34px; border-radius: 8px; border: 1.5px solid #dcedc8; background: white; display: flex; align-items: center; justify-content: center; font-size: 15px; cursor: pointer; transition: all .15s; user-select: none; }
.byk-btn-action:hover[b-gm9t5tv4xs] { background: #f0f7f0; border-color: #81c784; }

/* ── Byk: Card ──────────────────────────────────────────────────── */
.byk-card[b-gm9t5tv4xs] { background: white; border-radius: 14px; border: 1.5px solid #dcedc8; overflow: hidden; }
.byk-card-header[b-gm9t5tv4xs] { background: #f0f7f0; border-bottom: 1px solid #dcedc8; padding: 10px 16px; display: flex; align-items: center; gap: 8px; }
.byk-card-header-title[b-gm9t5tv4xs] { font-size: 12px; font-weight: 700; color: #2e7d32; text-transform: uppercase; letter-spacing: 1px; flex: 1; }
.byk-card-body[b-gm9t5tv4xs] { padding: 10px 14px; }
.byk-fields-2col[b-gm9t5tv4xs] { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; }
.byk-field-row[b-gm9t5tv4xs] { display: flex; align-items: baseline; justify-content: space-between; padding: 4px 0; border-bottom: 1px solid #f5f5f5; }
.byk-field-row:last-child[b-gm9t5tv4xs] { border-bottom: none; }
.byk-field-lbl[b-gm9t5tv4xs] { font-size: 11px; color: #aaa; flex: 1; }
.byk-field-val[b-gm9t5tv4xs] { font-size: 12px; font-weight: 600; color: #1a2a1a; text-align: right; margin-left: 6px; }
.byk-field-val.muted[b-gm9t5tv4xs] { color: #ccc; font-weight: 400; }
.byk-field-val.positive[b-gm9t5tv4xs] { color: #2e7d32; }

/* ── Byk: Tabs ──────────────────────────────────────────────────── */
.byk-tabs[b-gm9t5tv4xs] { display: flex; background: white; border-radius: 12px 12px 0 0; border: 1.5px solid #dcedc8; border-bottom: none; overflow-x: auto; }
.byk-tab[b-gm9t5tv4xs] { padding: 10px 16px; font-size: 12px; font-weight: 600; color: #888; cursor: pointer; transition: all .15s; border-bottom: 3px solid transparent; white-space: nowrap; user-select: none; }
.byk-tab:hover[b-gm9t5tv4xs] { color: #2e7d32; background: #f7fdf4; }
.byk-tab.active[b-gm9t5tv4xs] { color: #1b5e20; border-bottom-color: #2e7d32; background: #f0f7f0; }
.byk-tab-sep[b-gm9t5tv4xs] { width: 1px; background: #dcedc8; margin: 6px 0; flex-shrink: 0; }
.byk-tab-group-label[b-gm9t5tv4xs] { font-size: 9px; letter-spacing: 1.5px; text-transform: uppercase; color: #2e7d32; font-weight: 800; padding: 10px 8px 10px 12px; display: flex; align-items: center; white-space: nowrap; flex-shrink: 0; }
.byk-tab-info-bar[b-gm9t5tv4xs] { background: #f0f7f0; border-left: 1.5px solid #dcedc8; border-right: 1.5px solid #dcedc8; padding: 8px 16px; font-size: 12px; color: #5a8a5a; font-weight: 600; }

/* ── Byk: Genetické hodnotenie tab ──────────────────────────────── */
.byk-gen-body[b-gm9t5tv4xs] { background: white; border: 1.5px solid #dcedc8; border-top: none; border-radius: 0 0 14px 14px; padding: 1.25rem; display: flex; flex-direction: column; gap: 1rem; }
.byk-gen-2col[b-gm9t5tv4xs] { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
@media (max-width: 900px) { .byk-gen-2col[b-gm9t5tv4xs] { grid-template-columns: 1fr; } }
.byk-gen-full[b-gm9t5tv4xs] { margin-top: 0; }
.byk-gen-section[b-gm9t5tv4xs] { background: #fafafa; border: 1px solid #e8f0e8; border-radius: 10px; overflow: hidden; }
.byk-gen-section-title[b-gm9t5tv4xs] { background: #e8f5e8; padding: 8px 12px; font-size: 11px; font-weight: 700; color: #2e7d32; text-transform: uppercase; letter-spacing: 1px; }
.byk-gen-table[b-gm9t5tv4xs] { width: 100%; border-collapse: collapse; font-size: 11px; }
.byk-gen-table th[b-gm9t5tv4xs] { background: #f0f7f0; color: #5a8a5a; padding: 6px 8px; text-align: right; font-weight: 700; font-size: 10px; white-space: nowrap; }
.byk-gen-table th:first-child[b-gm9t5tv4xs], .byk-gen-table td:first-child[b-gm9t5tv4xs] { text-align: center; }
.byk-gen-table td[b-gm9t5tv4xs] { padding: 6px 8px; border-bottom: 1px solid #f5f5f5; text-align: right; color: #2a2a2a; white-space: nowrap; }
.byk-gen-table tr:last-child td[b-gm9t5tv4xs] { border-bottom: none; }
.byk-gen-table-2[b-gm9t5tv4xs] { border-top: 1px solid #e8f0e8; }
.byk-empty-row td[b-gm9t5tv4xs] { text-align: center !important; color: #bbb; padding: 12px !important; font-style: italic; }

/* ── Byk: Vlastná úžitkovosť tab ────────────────────────────────── */
.byk-uz-body[b-gm9t5tv4xs] { background: white; border: 1.5px solid #dcedc8; border-top: none; border-radius: 0 0 14px 14px; padding: 1.25rem; }
.byk-uz-grid[b-gm9t5tv4xs] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
@media (max-width: 900px) { .byk-uz-grid[b-gm9t5tv4xs] { grid-template-columns: 1fr; } }
.byk-uz-section[b-gm9t5tv4xs] { background: #fafafa; border: 1px solid #e8f0e8; border-radius: 10px; overflow: hidden; }
.byk-uz-section-title[b-gm9t5tv4xs] { background: #e8f5e8; padding: 8px 12px; font-size: 11px; font-weight: 700; color: #2e7d32; display: flex; align-items: center; gap: 6px; }
.byk-uz-table[b-gm9t5tv4xs] { width: 100%; border-collapse: collapse; font-size: 11px; }
.byk-uz-table th[b-gm9t5tv4xs] { background: #f0f7f0; color: #5a8a5a; padding: 7px 8px; text-align: center; font-weight: 700; font-size: 10px; white-space: nowrap; border-bottom: 1px solid #e0e0e0; }
.byk-uz-table td[b-gm9t5tv4xs] { padding: 8px 8px; text-align: center; color: #2a2a2a; border-bottom: 1px solid #f5f5f5; }
.byk-uz-table tr:last-child td[b-gm9t5tv4xs] { border-bottom: none; }
.byk-uz-table td.empty[b-gm9t5tv4xs] { color: #bbb; font-style: italic; }

/* Rastové pásmo badges */
.kd-band[b-gm9t5tv4xs] { font-size: 11px; padding: 2px 8px; border-radius: 10px; font-weight: 600; white-space: nowrap; }
.kd-band-a[b-gm9t5tv4xs] { background: #e8f5e8; color: #2e7d32; border: 1px solid #c8e6c9; }
.kd-band-b[b-gm9t5tv4xs] { background: #e3f2fd; color: #1565c0; border: 1px solid #90caf9; }
.kd-band-c[b-gm9t5tv4xs] { background: #fff8e1; color: #e65100; border: 1px solid #ffcc80; }
.kd-band-d[b-gm9t5tv4xs] { background: #fce4ec; color: #c2185b; border: 1px solid #f48fb1; }
/* _content/plis-web/Components/Pages/VolnaZona/Hd/Index.razor.rz.scp.css */
.toolbar[b-r8yj6ktoav] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
}

.t-search[b-r8yj6ktoav] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: white;
    border: 1.5px solid #dcedc8;
    border-radius: 10px;
    padding: 7px 14px;
    flex: 1;
    transition: border-color .15s;
}

.t-search:focus-within[b-r8yj6ktoav] {
    border-color: #2e7d32;
}

.t-search input[b-r8yj6ktoav] {
    background: transparent;
    border: none;
    outline: none;
    font-size: 13px;
    color: #1a2a1a;
    width: 100%;
}

.t-search input[b-r8yj6ktoav]::placeholder {
    color: #bbb;
}

.t-search-icon[b-r8yj6ktoav] {
    font-size: 13px;
    opacity: .4;
    flex-shrink: 0;
}

.t-count[b-r8yj6ktoav] {
    font-size: 12px;
    color: #aaa;
    white-space: nowrap;
    min-width: 70px;
    text-align: right;
}

.no-results[b-r8yj6ktoav] {
    text-align: center;
    padding: 2rem;
    font-size: 13px;
    color: #bbb;
}

@media (max-width: 600px) {
    .sections[b-r8yj6ktoav] { grid-template-columns: 1fr; }
}
/* _content/plis-web/Components/Pages/VolnaZona/Hd/KuMasove.razor.rz.scp.css */
/* ── layout ──────────────────────────────────────────────────────────── */

.hd-filter-group[b-g592yimdvx] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.hd-filter-label[b-g592yimdvx] {
    font-size: 0.82rem;
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
}

.hd-filter-divider[b-g592yimdvx] {
    width: 1px;
    height: 28px;
    background: var(--mud-palette-lines-default);
    margin: 0 4px;
}

.hd-select-narrow[b-g592yimdvx] { min-width: 80px; }

.hd-btn-on[b-g592yimdvx]  { background: #2e7d32; color: #fff; }
.hd-btn-off[b-g592yimdvx] { background: #9e9e9e; color: #fff; }

/* ── results bar ─────────────────────────────────────────────────────── */
.hd-results-bar[b-g592yimdvx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    padding: 6px 4px;
}

.hd-results-count[b-g592yimdvx] {
    font-size: 0.85rem;
    color: var(--mud-palette-text-secondary);
}

.hd-results-count strong[b-g592yimdvx] { color: #1b5e20; }

.hd-results-right[b-g592yimdvx] {
    display: flex;
    gap: 6px;
}
/* _content/plis-web/Components/Pages/VolnaZona/Hd/NajlepsieChovy.razor.rz.scp.css */
/* Stránka používa zdieľaný HD design system v /css/hd-shared.css */
/* _content/plis-web/Components/Pages/VolnaZona/Hd/NajlepsieKravy.razor.rz.scp.css */
/* Stránka používa zdieľaný HD design system v /css/hd-shared.css */
/* _content/plis-web/Components/Pages/VolnaZona/Hd/Paternita.razor.rz.scp.css */
/* ── layout ─────────────────────────────────────────────────────────────── */

.hd-hint[b-hwfyoy0151] { font-size: 12px; color: #5a8a5a; margin: 0 0 12px; }

.hd-search-row[b-hwfyoy0151] {
    display: flex; align-items: flex-end; flex-wrap: wrap; gap: 10px;
}

.hd-head-icon[b-hwfyoy0151] { font-size: 18px; }
.hd-head-title[b-hwfyoy0151] {
    margin: 0; font-size: 12px; font-weight: 700;
    color: #2e7d32; text-transform: uppercase; letter-spacing: 1px;
}

/* ── TABLE ───────────────────────────────────────────────────────────────── */
[b-hwfyoy0151] .mud-table { table-layout: auto !important; }
[b-hwfyoy0151] .mud-table-container { overflow-x: auto !important; }

[b-hwfyoy0151] .hd-table .mud-table-head th {
    background: #1b5e20 !important;
    color: #fff !important;
    font-weight: 600 !important;
    font-size: 11px !important;
    white-space: nowrap;
    border-right: 1px solid rgba(255,255,255,.12) !important;
    cursor: pointer;
    transition: background .12s;
}
[b-hwfyoy0151] .hd-table .mud-table-head th:hover { background: #246424 !important; }
[b-hwfyoy0151] .hd-table .mud-sort-label-icon { color: rgba(255,255,255,.7) !important; }
.hd-th-center[b-hwfyoy0151] { text-align: center !important; }

.hd-td-ear[b-hwfyoy0151] {
    font-family: monospace; font-size: 0.8rem;
    font-weight: 600; color: #1a2a1a; letter-spacing: .3px;
}

.hd-td-code[b-hwfyoy0151] { font-weight: 700; color: #1a2a1a; letter-spacing: .3px; }
.hd-td-date[b-hwfyoy0151] { color: #5a8a5a; font-weight: 600; }

/* ── status cells ────────────────────────────────────────────────────────── */
.hd-status-done[b-hwfyoy0151],
.hd-status-todo[b-hwfyoy0151] {
    display: inline-flex; align-items: center; justify-content: center;
    width: 22px; height: 22px; border-radius: 5px;
    font-weight: 800; border: 1.5px solid;
}
.hd-status-done[b-hwfyoy0151] {
    background: #e8f5e8; color: #2e7d32; border-color: #c8e6c9;
}
.hd-status-done svg[b-hwfyoy0151] { width: 12px; height: 12px; }
.hd-status-todo[b-hwfyoy0151] {
    background: #fff; color: #ccc; border-color: #e0e0e0;
}

/* ── gender badge ────────────────────────────────────────────────────────── */
.hd-gender[b-hwfyoy0151] {
    display: inline-flex; align-items: center; gap: 5px;
    font-weight: 600; font-size: 11px;
}
.hd-gender-kr[b-hwfyoy0151] { color: #c2185b; }
.hd-gender-bk[b-hwfyoy0151] { color: #1565c0; }

.hd-symbol[b-hwfyoy0151] {
    width: 16px; height: 16px; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 10px; font-weight: 800;
}
.hd-gender-kr .hd-symbol[b-hwfyoy0151] {
    background: #fce4ec; color: #c2185b; border: 1px solid #f48fb1;
}
.hd-gender-bk .hd-symbol[b-hwfyoy0151] {
    background: #e3f2fd; color: #1565c0; border: 1px solid #90caf9;
}
/* _content/plis-web/Components/Pages/VolnaZona/Hd/PodielKrvi.razor.rz.scp.css */
/* ── layout ──────────────────────────────────────────────────────────────── */

/* ── FORM CARD ───────────────────────────────────────────────────────────── */
.hd-form-card[b-an5i8jd64k] {
    background: #fff;
    border-radius: 14px;
    border: 1.5px solid #dcedc8;
    overflow: hidden;
}

.hd-form-card-head[b-an5i8jd64k] {
    background: #f0f7f0;
    border-bottom: 1px solid #dcedc8;
    padding: 12px 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.hd-fch-icon[b-an5i8jd64k] {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: #1b5e20;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    flex-shrink: 0;
}

.hd-fch-title[b-an5i8jd64k] {
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    color: #2e7d32;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.hd-fch-meta[b-an5i8jd64k] {
    margin-left: auto;
    font-size: 11px;
    color: #5a8a5a;
    font-weight: 500;
}

.hd-form-body[b-an5i8jd64k] {
    padding: 14px 18px 12px;
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* ── form rows ───────────────────────────────────────────────────────────── */
.hd-form-row[b-an5i8jd64k] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
    flex-wrap: wrap;
}

.hd-form-row-sep[b-an5i8jd64k] {
    border-top: 1px solid #f5f5f5;
}

.hd-row-disabled[b-an5i8jd64k] {
    opacity: 0.45;
    pointer-events: none;
}

.hd-row-chips[b-an5i8jd64k] {
    align-items: flex-start;
}

.hd-row-label[b-an5i8jd64k] {
    width: 90px;
    font-size: 11px;
    font-weight: 700;
    color: #5a8a5a;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.hd-row-label-top[b-an5i8jd64k] {
    padding-top: 10px;
}

/* ── swatches ────────────────────────────────────────────────────────────── */
.hd-swatch[b-an5i8jd64k] {
    width: 4px;
    height: 18px;
    border-radius: 2px;
    background: #43a047;
    flex-shrink: 0;
}

.hd-swatch-matka[b-an5i8jd64k]   { background: #f48fb1; }
.hd-swatch-selected[b-an5i8jd64k] { background: #1b5e20; }

.hd-field-grow[b-an5i8jd64k] {
    flex: 1;
    min-width: 280px;
}

.hd-field-name[b-an5i8jd64k] {
    font-size: 11px;
    color: #aaa;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
}

.hd-alebo[b-an5i8jd64k] {
    font-size: 11px;
    color: #aaa;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    font-weight: 700;
    margin: 0 2px;
    white-space: nowrap;
}

.hd-input-mini[b-an5i8jd64k] {
    width: 90px;
    font-variant-numeric: tabular-nums;
}

.hd-input-ear[b-an5i8jd64k] {
    width: 230px;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
}

/* ── chips count ─────────────────────────────────────────────────────────── */
.hd-chips-count[b-an5i8jd64k] {
    font-size: 10px;
    color: #aaa;
    font-weight: 600;
}

/* ── matka chips area ────────────────────────────────────────────────────── */
.hd-matka-chips[b-an5i8jd64k] {
    flex: 1;
    min-height: 38px;
    border: 1.5px dashed #dcedc8;
    background: #fafdf8;
    border-radius: 10px;
    padding: 6px 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
    min-width: 280px;
}

.hd-chips-empty[b-an5i8jd64k] {
    font-size: 11px;
    color: #aaa;
    padding: 0 4px;
}

.hd-chip-ear[b-an5i8jd64k] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #fce4ec;
    color: #c2185b;
    border: 1px solid #f48fb1;
    border-radius: 16px;
    padding: 3px 4px 3px 10px;
    font-size: 11px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    font-family: monospace;
}

.hd-chip-x[b-an5i8jd64k] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: rgba(194, 24, 91, 0.12);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 10px;
    line-height: 1;
    transition: background 0.1s;
}

.hd-chip-x:hover[b-an5i8jd64k] { background: rgba(194, 24, 91, 0.22); }

.hd-btn-add[b-an5i8jd64k] {
    width: 34px;
    height: 34px;
    padding: 0;
    border: none;
    border-radius: 8px;
    background: #2e7d32;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background 0.12s;
    line-height: 1;
}

.hd-btn-add:hover:not(:disabled)[b-an5i8jd64k] { background: #1b5e20; }
.hd-btn-add:disabled[b-an5i8jd64k]              { opacity: 0.5; cursor: not-allowed; }

.hd-btn-calc svg[b-an5i8jd64k] { flex-shrink: 0; }

/* ── form actions row ────────────────────────────────────────────────────── */
.hd-form-actions[b-an5i8jd64k] {
    margin-top: 10px;
    padding-top: 12px;
    border-top: 1px solid #f0f0f0;
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.hd-action-sep[b-an5i8jd64k] {
    width: 1px;
    height: 24px;
    background: #dcedc8;
    flex-shrink: 0;
}

.hd-hint[b-an5i8jd64k] {
    margin-left: auto;
    font-size: 11px;
    color: #aaa;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* ── OTEC HERO CARD ──────────────────────────────────────────────────────── */
.hd-otec-hero[b-an5i8jd64k] {
    background: #fff;
    border-radius: 14px;
    border: 1.5px solid #dcedc8;
    overflow: hidden;
}

.hd-hero-top[b-an5i8jd64k] {
    background: #1b5e20;
    color: #fff;
    padding: 14px 18px;
    display: flex;
    align-items: center;
    gap: 14px;
}

.hd-hero-avatar[b-an5i8jd64k] {
    width: 56px;
    height: 56px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    flex-shrink: 0;
}

.hd-hero-info[b-an5i8jd64k] { flex: 1; }

.hd-hero-label[b-an5i8jd64k] {
    font-size: 10px;
    color: rgba(255, 255, 255, 0.65);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
}

.hd-hero-ear[b-an5i8jd64k] {
    font-size: 20px;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.5px;
    margin-top: 2px;
    font-family: monospace;
}

.hd-hero-badges[b-an5i8jd64k] {
    display: flex;
    gap: 6px;
    margin-top: 6px;
    flex-wrap: wrap;
}

.hd-hero-badge[b-an5i8jd64k] {
    font-size: 10px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.18);
    border: 1px solid rgba(255, 255, 255, 0.28);
}

.hd-hero-stats[b-an5i8jd64k] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.hd-hero-stat[b-an5i8jd64k] {
    padding: 12px 18px;
    border-right: 1px solid #f5f5f5;
}

.hd-hero-stat:last-child[b-an5i8jd64k] { border-right: 0; }

.hd-hero-stat-lbl[b-an5i8jd64k] {
    font-size: 10px;
    color: #aaa;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    font-weight: 700;
}

.hd-hero-stat-val[b-an5i8jd64k] {
    font-size: 16px;
    font-weight: 700;
    color: #1a2a1a;
    margin-top: 6px;
    font-variant-numeric: tabular-nums;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.hd-hero-stat-breeds[b-an5i8jd64k] {
    font-size: 14px;
}

.hd-hero-breed-pct[b-an5i8jd64k] {
    font-size: 13px;
    color: #444;
    margin-right: 4px;
}

.hd-hero-breed-letter[b-an5i8jd64k] {
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 800;
    line-height: 22px;
    text-align: center;
    color: #fff;
    vertical-align: middle;
}

.hd-hero-stat-bar[b-an5i8jd64k] { display: flex; flex-direction: column; justify-content: center; }

/* ── blood bar (visual) ──────────────────────────────────────────────────── */
.hd-blood-bar-vis[b-an5i8jd64k] {
    display: flex;
    height: 16px;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #dcedc8;
    background: #f5f5f5;
    min-width: 120px;
    width: 100%;
}

.hd-dch-icon[b-an5i8jd64k] {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: #1b5e20;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    flex-shrink: 0;
}

.hd-dch-title[b-an5i8jd64k] {
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    color: #2e7d32;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.hd-dch-meta[b-an5i8jd64k] {
    margin-left: auto;
    font-size: 11px;
    color: #5a8a5a;
    font-weight: 500;
}

/* ── TABLE ───────────────────────────────────────────────────────────────── */
.hd-table-wrap[b-an5i8jd64k] {
    overflow-x: auto;
}

/* group header row (dark green) */
.hd-tr-group .hd-gh[b-an5i8jd64k] {
    background: #1b5e20;
    color: #fff;
    padding: 9px 12px;
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-align: center;
    border-right: 1.5px solid rgba(255, 255, 255, 0.3);
    white-space: nowrap;
}

.hd-tr-group .hd-gh:last-child[b-an5i8jd64k] { border-right: 0; }
.hd-tr-group .hd-gh-divider[b-an5i8jd64k]    { border-right: 1.5px solid #fff; }

/* column header row (mid green) */
.hd-tr-cols .hd-ch[b-an5i8jd64k] {
    background: #246424;
    color: rgba(255, 255, 255, 0.95);
    padding: 7px 10px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    text-align: center;
    border-right: 1px solid rgba(255, 255, 255, 0.15);
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    white-space: nowrap;
}

.hd-tr-cols .hd-ch:last-child[b-an5i8jd64k]  { border-right: 0; }
.hd-tr-cols .hd-ch-divider[b-an5i8jd64k]     { border-right: 1.5px solid #fff; }

.hd-tr-even .hd-td[b-an5i8jd64k] { background: #fafdf8; }
tr:hover .hd-new-breed[b-an5i8jd64k] { background: #ffecb3 !important; }

.hd-td-por[b-an5i8jd64k] {
    font-weight: 700;
    color: #5a8a5a;
    width: 40px;
}

.hd-td-ear[b-an5i8jd64k] {
    font-family: monospace;
    font-size: 11px;
    font-weight: 600;
    color: #1b5e20;
    text-align: left;
}

.hd-td-skladba[b-an5i8jd64k] {
    text-align: left;
    font-weight: 600;
    color: #1a2a1a;
}

.hd-td-breed[b-an5i8jd64k] {
    text-align: center;
    padding: 6px;
}

.hd-td-kr[b-an5i8jd64k] {
    text-align: right;
    font-weight: 700;
}

.hd-td-empty[b-an5i8jd64k] {
    text-align: center;
    color: #ccc;
    background: #fcfcfa !important;
}

.hd-dash[b-an5i8jd64k] { color: #ccc; }

.hd-td-bar[b-an5i8jd64k] {
    text-align: left;
    min-width: 150px;
    padding: 6px 12px;
}

.hd-td-bar .hd-blood-bar-vis[b-an5i8jd64k] {
    width: 100%;
    min-width: 120px;
}

/* new-breed highlight */
.hd-new-breed[b-an5i8jd64k] {
    background: #fff8e1 !important;
}

.hd-tr-even .hd-new-breed[b-an5i8jd64k] { background: #fff3cd !important; }

/* ── legend strip ────────────────────────────────────────────────────────── */
.hd-legend[b-an5i8jd64k] {
    padding: 10px 18px;
    background: #fafdf8;
    border-top: 1px solid #f0f0f0;
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    font-size: 11px;
    color: #5a8a5a;
}

.hd-legend-ttl[b-an5i8jd64k] {
    text-transform: uppercase;
    letter-spacing: 0.8px;
    font-weight: 700;
    color: #aaa;
}

.hd-legend-item[b-an5i8jd64k] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.hd-legend-hint[b-an5i8jd64k] {
    margin-left: auto;
    color: #aaa;
    font-size: 10px;
}
/* _content/plis-web/Components/Pages/VolnaZona/Hd/RegisterChovov.razor.rz.scp.css */
/* ── layout ─────────────────────────────────────────────────────────── */

.hd-filter-group[b-9w2lt5cu0r] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

.hd-filter-search[b-9w2lt5cu0r] {
    flex: 1;
    min-width: 260px;
}

.hd-filter-right[b-9w2lt5cu0r] {
    display: flex;
    gap: 6px;
    margin-left: auto;
}

.hd-filter-label[b-9w2lt5cu0r] {
    font-size: 0.82rem;
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
}

.hd-filter-divider[b-9w2lt5cu0r] {
    width: 1px;
    height: 24px;
    background: var(--mud-palette-lines-default);
    flex-shrink: 0;
}

.hd-btn-on[b-9w2lt5cu0r]  { background: #2e7d32; color: #fff; }
.hd-btn-off[b-9w2lt5cu0r] { background: #9e9e9e; color: #fff; }

/* ── chips ───────────────────────────────────────────────────────────── */
.hd-chips-row[b-9w2lt5cu0r] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding-top: 2px;
}

.hd-chip[b-9w2lt5cu0r] {
    display: inline-flex;
    align-items: center;
    height: 22px;
    padding: 0 10px;
    border-radius: 11px;
    font-size: 0.75rem;
    font-weight: 600;
}

.hd-chip-green[b-9w2lt5cu0r] { background: #c8e6c9; color: #1b5e20; }
.hd-chip-blue[b-9w2lt5cu0r]  { background: #e3f2fd; color: #0d47a1; }

/* ── results bar ─────────────────────────────────────────────────────── */
.hd-results-bar[b-9w2lt5cu0r] {
    font-size: 0.82rem;
    color: var(--mud-palette-text-secondary);
    padding: 0 2px;
}

.hd-no-results[b-9w2lt5cu0r] { font-style: italic; }

/* ── type badges ─────────────────────────────────────────────────────── */
.hd-badge[b-9w2lt5cu0r] {
    display: inline-block;
    padding: 2px 7px;
    border-radius: 10px;
    font-size: 0.72rem;
    font-weight: 700;
    white-space: nowrap;
}

.hd-badge-mliek[b-9w2lt5cu0r]  { background: #c8e6c9; color: #1b5e20; }
.hd-badge-masova[b-9w2lt5cu0r] { background: #ffe0b2; color: #e65100; }
.hd-badge-bez[b-9w2lt5cu0r]    { background: #f5f5f5; color: #616161; border: 1px solid #e0e0e0; }
/* _content/plis-web/Components/Pages/VolnaZona/Hd/ReproInseminacie.razor.rz.scp.css */
/* ════════════════════════════════════════════════════════════════════════
   ReproInseminacie — page-specific styly
   Shared HD design: /css/hd-shared.css
   ════════════════════════════════════════════════════════════════════════ */

/* loading indicator */
.hd-loading[b-jcebb0l9po] {
    display: flex;
    justify-content: center;
    padding: 32px;
}

/* ── tabuľka prerokovaní mesiacov ─────────────────────────────────────── */
.hd-table-wrap[b-jcebb0l9po] { overflow-x: auto; }

.hd-th-total[b-jcebb0l9po] {
    background: #a5d6a7 !important;
    border-left: 2px solid #81c784 !important;
    color: #1a2a1a !important;
}

.hd-th-idx[b-jcebb0l9po] {
    background: #e8f5e9 !important;
    color: #1a2a1a !important;
    font-weight: 600 !important;
    white-space: normal !important;
    min-width: 80px;
}

.hd-row-label[b-jcebb0l9po] {
    text-align: left !important;
    font-weight: 600;
    color: #1b5e20;
    background: #fafdf8 !important;
    border-right: 2px solid #c8e6c9 !important;
    padding: 5px 10px !important;
}

.hd-label-total[b-jcebb0l9po] {
    color: #1b5e20 !important;
    font-weight: 800 !important;
    background: #e8f5e9 !important;
}

.hd-td-total[b-jcebb0l9po] {
    font-weight: 700;
    border-left: 2px solid #c8e6c9 !important;
    background: #f9fbe7 !important;
}

.hd-td-idx[b-jcebb0l9po] {
    color: #1b5e20;
    font-weight: 600;
}

.hd-tr-total td[b-jcebb0l9po] {
    background: #e8f5e9 !important;
    font-weight: 700 !important;
    border-top: 2px solid #a5d6a7;
}

.hd-table tbody tr:nth-child(even) .hd-row-label[b-jcebb0l9po] { background: #f2fbf2 !important; }
/* _content/plis-web/Components/Pages/VolnaZona/Hd/ReproUkazovatele.razor.rz.scp.css */
/* ════════════════════════════════════════════════════════════════════════
   ReproUkazovatele — page-specific styly
   Shared HD design: /css/hd-shared.css
   ════════════════════════════════════════════════════════════════════════ */

/* loading indicator */
.hd-loading[b-pt539hkbe1] {
    display: flex;
    justify-content: center;
    padding: 32px;
}

/* ── STAT STRIP (4 metriky pred tabuľkou) ────────────────────────────── */
.hd-stats[b-pt539hkbe1] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.hd-stat[b-pt539hkbe1] {
    flex: 1;
    min-width: 155px;
    background: #fff;
    border: 1.5px solid #dcedc8;
    border-radius: 10px;
    padding: 12px 14px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.hd-stat-ico[b-pt539hkbe1] {
    font-size: 1.4rem;
    line-height: 1;
    flex-shrink: 0;
}

.hd-stat-lbl[b-pt539hkbe1] {
    font-size: 0.74rem;
    color: #5a8a5a;
    margin-bottom: 2px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .3px;
}

.hd-stat-val[b-pt539hkbe1] {
    font-size: 1.15rem;
    font-weight: 700;
    color: #1b5e20;
    line-height: 1.2;
}

.hd-stat-delta[b-pt539hkbe1] {
    font-size: 0.74rem;
    color: #5a8a5a;
    margin-top: 2px;
}

.hd-stat-unit[b-pt539hkbe1] {
    font-size: 0.8rem;
    font-weight: 400;
    color: #888;
}

/* ── 3-riadkový thead (rowspan/colspan) ───────────────────────────────── */
.hd-table-wrap[b-pt539hkbe1] { overflow-x: auto; }

/* shared CSS dáva table.hd-table thead th tmavo-zelený default;
   tieto triedy override pre špecifické bunky */
.hd-sr-cell[b-pt539hkbe1] {
    background: #2e7d32 !important;
    color: #fff !important;
    font-weight: 700 !important;
    min-width: 115px;
    text-align: left !important;
    padding: 6px 10px !important;
}

.hd-sr-dark[b-pt539hkbe1] {
    background: #1b5e20 !important;
    color: #fff !important;
    min-width: 70px;
}

.hd-th-group[b-pt539hkbe1] {
    font-size: 0.78rem !important;
    background: #2e7d32 !important;
}

.hd-period[b-pt539hkbe1] {
    display: block;
    font-size: 0.63rem;
    font-weight: 400;
    color: #c8e6c9;
    margin-top: 1px;
}

.hd-th-period[b-pt539hkbe1] {
    display: block;
    font-size: 0.63rem;
    font-weight: 400;
    color: #c8e6c9;
    margin-top: 2px;
}

/* ── data rows ─────────────────────────────────────────────────────────── */
.hd-row-label[b-pt539hkbe1] {
    text-align: left !important;
    padding: 5px 10px !important;
    background: #f9fbe7 !important;
    min-width: 115px;
    border-right: 2px solid #c8e6c9 !important;
}

.hd-label-index[b-pt539hkbe1] {
    background: #fff8e1 !important;
}

.hd-label-text[b-pt539hkbe1] {
    font-weight: 600;
    font-size: 0.78rem;
    color: #1b5e20;
}

.hd-label-idx-color[b-pt539hkbe1] {
    color: #e65100 !important;
}

.hd-label-sub[b-pt539hkbe1] {
    display: block;
    font-size: 0.64rem;
    color: #888;
    font-weight: 400;
}

.hd-td-bold[b-pt539hkbe1] {
    font-weight: 700;
}
/* _content/plis-web/Components/Pages/VolnaZona/Ov/VovUni/OvDetail.razor.rz.scp.css */
.ov-detail-table[b-shzwanvcgn] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.ov-detail-table td[b-shzwanvcgn] {
    padding: 1px 4px;
    vertical-align: top;
}

.ov-detail-table td:first-child[b-shzwanvcgn] {
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
    min-width: 110px;
    padding-right: 8px;
}

.ov-detail-table--right td:last-child[b-shzwanvcgn] {
    text-align: right;
}
/* _content/plis-web/Components/Pages/ZabezZona/Ekonomika/Prehlady/Prehlad.razor.rz.scp.css */
/* ── layout ──────────────────────────────────────────────────────────────── */
.prh-layout[b-4sotntrh7r] {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 14px;
    align-items: start;
}

.prh-toolbar[b-4sotntrh7r] {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

/* ── SIDEBAR ─────────────────────────────────────────────────────────────── */
.prh-sidebar[b-4sotntrh7r] {
    background: #fff;
    border-radius: 14px;
    border: 1.5px solid #dcedc8;
    overflow: hidden;
    position: sticky;
    top: 10px;
}

.prh-sidebar-head[b-4sotntrh7r] {
    background: #f0f7f0;
    border-bottom: 1.5px solid #dcedc8;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.prh-sidebar-icon[b-4sotntrh7r] { font-size: 18px; }

.prh-sidebar-title[b-4sotntrh7r] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #2e7d32;
}

/* ── sidebar items ───────────────────────────────────────────────────────── */
.prh-item[b-4sotntrh7r] {
    display: flex;
    align-items: center;
    gap: 9px;
    width: 100%;
    padding: 10px 16px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-bottom: 1px solid #f5f5f5;
    cursor: pointer;
    text-align: left;
    font-family: inherit;
    font-size: 12px;
    color: #444;
    transition: background .1s, border-color .1s, color .1s;
}

.prh-item:last-child[b-4sotntrh7r] { border-bottom: none; }
.prh-item:hover[b-4sotntrh7r] { background: #f5fbf5; color: #1b5e20; }

.prh-item-active[b-4sotntrh7r] {
    background: #e8f5e8 !important;
    border-left-color: #2e7d32 !important;
    color: #1b5e20 !important;
    font-weight: 700;
}

.prh-item-icon[b-4sotntrh7r] { font-size: 15px; flex-shrink: 0; }
.prh-item-label[b-4sotntrh7r] { flex: 1; }

.prh-item-badge[b-4sotntrh7r] {
    background: #e0e0e0;
    color: #555;
    border-radius: 9px;
    padding: 1px 7px;
    font-size: 10px;
    font-weight: 700;
    flex-shrink: 0;
}

.prh-item-badge-active[b-4sotntrh7r] {
    background: #2e7d32;
    color: #fff;
}

/* ── content card ────────────────────────────────────────────────────────── */
.prh-card[b-4sotntrh7r] {
    background: #fff;
    border-radius: 14px;
    border: 1.5px solid #dcedc8;
    overflow: hidden;
}

.prh-data-head[b-4sotntrh7r] {
    background: #f0f7f0;
    border-bottom: 1px solid #dcedc8;
    padding: 10px 18px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    color: #5a8a5a;
    flex-wrap: wrap;
}

.prh-head-icon[b-4sotntrh7r] { font-size: 18px; }

.prh-head-title[b-4sotntrh7r] {
    font-size: 12px;
    font-weight: 700;
    color: #2e7d32;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.prh-head-badge[b-4sotntrh7r] {
    background: #2e7d32;
    color: #fff;
    border-radius: 10px;
    padding: 2px 9px;
    font-size: 10px;
    font-weight: 700;
}

.prh-head-right[b-4sotntrh7r] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    color: #5a8a5a;
}

.prh-head-right b[b-4sotntrh7r] { color: #1b5e20; font-weight: 700; }

/* ── chart wrapper ───────────────────────────────────────────────────────── */
.prh-chart-wrap[b-4sotntrh7r] {
    padding: 12px 18px;
    border-bottom: 1px solid #f0f0f0;
}

/* Širšie stĺpce v grafe regionálnych stredísk (MudBlazor kreslí stĺpec ako
   <path> a jeho hrúbka = stroke-width). Default je úzky, pri 5 stĺpcoch ich
   rozšírime. */
.prh-chart-region[b-4sotntrh7r]  path.mud-chart-bar {
    stroke-width: 60px;
}

/* Posun popisky Y osi doľava, aby sa neprekrývali so širokým prvým stĺpcom. */
.prh-chart-region[b-4sotntrh7r]  .mud-charts-yaxis {
    transform: translateX(-34px);
}


/* ── messages ────────────────────────────────────────────────────────────── */
.prh-placeholder[b-4sotntrh7r] {
    padding: 32px;
    text-align: center;
    font-size: 13px;
    color: #aaa;
}

/* ── TABLE ───────────────────────────────────────────────────────────────── */
.prh-table-wrap[b-4sotntrh7r] { overflow-x: auto; }

.prh-table[b-4sotntrh7r] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.prh-table thead tr[b-4sotntrh7r] {
    background: #1b5e20;
}

.prh-table thead th[b-4sotntrh7r] {
    padding: 8px 12px;
    color: #fff;
    font-weight: 600;
    font-size: 11px;
    text-align: left;
    white-space: nowrap;
    border-right: 1px solid rgba(255,255,255,.12);
}

.prh-table thead th.prh-num[b-4sotntrh7r] { text-align: right; }
.prh-table thead th:last-child[b-4sotntrh7r] { border-right: none; }

.prh-table tbody td[b-4sotntrh7r] {
    padding: 7px 12px;
    color: #2a2a2a;
    border-bottom: 1px solid #f0f0f0;
    vertical-align: middle;
    white-space: nowrap;
}

.prh-table tbody td.prh-num[b-4sotntrh7r] { text-align: right; }
.prh-table tbody td.prh-strong[b-4sotntrh7r] { font-weight: 600; }
.prh-table tbody td.prh-mono[b-4sotntrh7r] { font-family: monospace; }
.prh-table tbody tr:hover td[b-4sotntrh7r] { background: #f5fbf5 !important; }
.prh-table tbody tr.prh-tr-alt td[b-4sotntrh7r] { background: #f9fdf9; }

.prh-table a[b-4sotntrh7r] { color: #1B5E20 !important; }

/* ── responsive ──────────────────────────────────────────────────────────── */
@media (max-width: 900px) {
    .prh-layout[b-4sotntrh7r] {
        grid-template-columns: 1fr;
    }
    .prh-sidebar[b-4sotntrh7r] {
        position: static;
    }
}
/* _content/plis-web/Components/Pages/ZabezZona/HD/HdPrevadzka/GenTukyChyby.razor.rz.scp.css */
.select-xs[b-9a3e54niv6]  .mud-input-control {
    min-width: 0 !important;
}

.select-xs[b-9a3e54niv6]  .mud-input-slot {
    min-width: 0 !important;
}
/* _content/plis-web/Components/Pages/ZabezZona/HD/HdPrevadzka/HistoriaHlaseni.razor.rz.scp.css */
.hh-wrap[b-v79uvkus8r] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-bottom: 2rem;
}

.hh-subtitle[b-v79uvkus8r] {
    font-size: 12px;
    color: #888;
    padding: 2px 0;
}

/* ── FILTER ── */
.hh-filter-card[b-v79uvkus8r] {
    background: white;
    border-radius: 14px;
    border: 1.5px solid #dcedc8;
    padding: 1rem 1.25rem;
}

.hh-filter-row[b-v79uvkus8r] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.hh-filter-group[b-v79uvkus8r] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.hh-label[b-v79uvkus8r] {
    font-size: 12px;
    color: #5a8a5a;
    font-weight: 600;
    white-space: nowrap;
}

.hh-input[b-v79uvkus8r] {
    height: 34px;
    border: 1.5px solid #dcedc8;
    border-radius: 8px;
    padding: 0 10px;
    font-size: 13px;
    color: #1a2a1a;
    outline: none;
    transition: border-color .15s;
    font-family: 'Segoe UI', sans-serif;
    background: white;
}

.hh-input:focus[b-v79uvkus8r] { border-color: #2e7d32; }

.hh-input-wide[b-v79uvkus8r] { width: 190px; }
.hh-input-date[b-v79uvkus8r] { width: 140px; }

.hh-sep[b-v79uvkus8r] { font-size: 12px; color: #aaa; }

.hh-check[b-v79uvkus8r] {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    font-size: 12px;
    color: #555;
    user-select: none;
}

.hh-check input[type=checkbox][b-v79uvkus8r] {
    width: 15px;
    height: 15px;
    accent-color: #2e7d32;
    cursor: pointer;
}

.hh-divider[b-v79uvkus8r] {
    height: 20px;
    width: 1px;
    background: #e0e0e0;
}

.hh-btn-search[b-v79uvkus8r] {
    height: 34px;
    padding: 0 18px;
    background: #1b5e20;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s;
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: 'Segoe UI', sans-serif;
}

.hh-btn-search:hover:not(:disabled)[b-v79uvkus8r] { background: #246424; }
.hh-btn-search:disabled[b-v79uvkus8r] { background: #a5d6a7; cursor: not-allowed; }

/* ── VÝSLEDKY BAR ── */
.hh-results-bar[b-v79uvkus8r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 2px;
}

.hh-results-count[b-v79uvkus8r] { font-size: 12px; color: #888; }
.hh-results-count strong[b-v79uvkus8r] { color: #1b5e20; }

.hh-results-export[b-v79uvkus8r] { display: flex; gap: 6px; }

.hh-export-btn[b-v79uvkus8r] {
    font-size: 11px;
    padding: 5px 12px;
    border-radius: 6px;
    border: 1px solid #dcedc8;
    background: white;
    color: #5a8a5a;
    cursor: pointer;
    font-weight: 600;
    transition: all .15s;
    font-family: 'Segoe UI', sans-serif;
}

.hh-export-btn:hover:not(:disabled)[b-v79uvkus8r] { background: #f0f7f0; border-color: #81c784; }
.hh-export-btn:disabled[b-v79uvkus8r] { opacity: .45; cursor: not-allowed; }

/* ── TABUĽKA ── */
.hh-table-wrap[b-v79uvkus8r] {
    background: white;
    border-radius: 14px;
    border: 1.5px solid #dcedc8;
    overflow: auto;
    max-height: 65vh;
}

.hh-table[b-v79uvkus8r] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.hh-table thead tr[b-v79uvkus8r] { background: #1b5e20; }

.hh-table th[b-v79uvkus8r] {
    padding: 10px 12px;
    text-align: left;
    color: white;
    font-weight: 600;
    font-size: 11px;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
    transition: background .12s;
    position: sticky;
    top: 0;
    z-index: 1;
    background: #1b5e20;
}

.hh-table th:hover[b-v79uvkus8r] { background: #246424; }

.hh-sort-icon[b-v79uvkus8r] { font-size: 9px; margin-left: 4px; opacity: .7; }

.hh-table tbody tr[b-v79uvkus8r] {
    border-bottom: 1px solid #f0f0f0;
    transition: background .12s;
}

.hh-table tbody tr:last-child[b-v79uvkus8r] { border-bottom: none; }
.hh-table tbody tr:hover[b-v79uvkus8r] { background: #f0f7f0; }
.hh-table tbody tr:nth-child(even)[b-v79uvkus8r] { background: #fafdf8; }
.hh-table tbody tr:nth-child(even):hover[b-v79uvkus8r] { background: #f0f7f0; }

.hh-table td[b-v79uvkus8r] { padding: 9px 12px; color: #2a2a2a; white-space: nowrap; }

.hh-td-typ[b-v79uvkus8r]  { font-weight: 600; color: #1a2a1a; }
.hh-td-id[b-v79uvkus8r]   { color: #1b5e20; font-weight: 700; text-decoration: underline; cursor: pointer; }
.hh-td-id:hover[b-v79uvkus8r] { color: #2e7d32; }
.hh-td-date[b-v79uvkus8r] { font-size: 11px; color: #555; }
.hh-td-login[b-v79uvkus8r]{ font-size: 11px; color: #888; }
.hh-td-ver[b-v79uvkus8r]  { font-size: 10px; background: #e3f2fd; color: #1565c0; border-radius: 8px; padding: 2px 7px; font-weight: 700; display: inline-block; }

/* Stav badges */
.hh-badge[b-v79uvkus8r] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 10px;
    font-weight: 700;
    padding: 3px 9px;
    border-radius: 10px;
}

.hh-badge-archiv[b-v79uvkus8r]     { background: #f5f5f5; color: #666;    border: 1px solid #e0e0e0; }
.hh-badge-priprave[b-v79uvkus8r]   { background: #fff8e1; color: #f57f17; border: 1px solid #ffe082; }
.hh-badge-spracovani[b-v79uvkus8r] { background: #e3f2fd; color: #1565c0; border: 1px solid #90caf9; }

/* Stavové správy */
.hh-loading[b-v79uvkus8r] { padding: 2rem; text-align: center; color: #888; font-size: 13px; }
.hh-empty[b-v79uvkus8r]   { padding: 2rem; text-align: center; color: #aaa; font-size: 13px; font-style: italic; }

.hh-error[b-v79uvkus8r] {
    padding: 10px 14px;
    background: #fdecea;
    border: 1px solid #f5c6c6;
    border-radius: 8px;
    font-size: 13px;
    color: #c62828;
}
/* _content/plis-web/Components/Pages/ZabezZona/HD/HdPrevadzka/Sumar.razor.rz.scp.css */
/* Mobile: button fills its row */
@media (max-width: 599px) {
    .sumar-search-btn[b-apx8c7oceq] {
        width: 100%;
    }
}
/* _content/plis-web/Components/Pages/ZabezZona/HD/HdPrevadzka/Vyhladanie.razor.rz.scp.css */
.vh-wrap[b-1ont74jwrb] {
    padding: 2rem 0;
    display: flex;
    justify-content: center;
}

.vh-card[b-1ont74jwrb] {
    background: white;
    border-radius: 16px;
    border: 1.5px solid #dcedc8;
    overflow: hidden;
    width: 100%;
    max-width: 480px;
    box-shadow: 0 4px 24px rgba(27,94,32,.07);
}

.vh-card-header[b-1ont74jwrb] {
    background: #1b5e20;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.vh-icon[b-1ont74jwrb] {
    font-size: 18px;
}

.vh-title[b-1ont74jwrb] {
    font-size: 14px;
    font-weight: 700;
    color: white;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.vh-card-body[b-1ont74jwrb] {
    padding: 24px 20px;
}

.vh-hint[b-1ont74jwrb] {
    font-size: 13px;
    color: #888;
    margin: 0 0 20px;
}

/* Input row */
.vh-input-row[b-1ont74jwrb] {
    display: flex;
    gap: 8px;
    align-items: stretch;
}

.vh-input-wrap[b-1ont74jwrb] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    background: #f8fdf8;
    border: 1.5px solid #dcedc8;
    border-radius: 10px;
    padding: 0 12px;
    transition: border-color .15s, background .15s;
}

.vh-input-wrap.focused[b-1ont74jwrb] {
    border-color: #2e7d32;
    background: white;
}

.vh-input-icon[b-1ont74jwrb] {
    font-size: 16px;
    flex-shrink: 0;
}

.vh-input[b-1ont74jwrb] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-size: 14px;
    color: #1a2a1a;
    padding: 12px 0;
    font-family: inherit;
}

.vh-input[b-1ont74jwrb]::placeholder {
    color: #bbb;
}

.vh-clear[b-1ont74jwrb] {
    font-size: 11px;
    color: #bbb;
    cursor: pointer;
    padding: 2px 4px;
    border-radius: 4px;
    transition: color .12s, background .12s;
    flex-shrink: 0;
}

.vh-clear:hover[b-1ont74jwrb] {
    color: #c62828;
    background: #fce4ec;
}

/* Button */
.vh-btn[b-1ont74jwrb] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 18px;
    background: #1b5e20;
    color: white;
    border: none;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s;
    white-space: nowrap;
    font-family: inherit;
}

.vh-btn:hover:not(.disabled)[b-1ont74jwrb] {
    background: #2e7d32;
}

.vh-btn.disabled[b-1ont74jwrb] {
    background: #c8e6c9;
    color: #a5d6a7;
    cursor: not-allowed;
}

.vh-btn-arrow[b-1ont74jwrb] {
    font-size: 16px;
    opacity: .8;
}

/* Error */
.vh-error[b-1ont74jwrb] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    padding: 10px 14px;
    background: #fdecea;
    border: 1px solid #f5c6c6;
    border-radius: 8px;
    font-size: 13px;
    color: #c62828;
}

.vh-error-icon[b-1ont74jwrb] {
    font-size: 15px;
    flex-shrink: 0;
}

/* Tips */
.vh-tips[b-1ont74jwrb] {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.vh-tip[b-1ont74jwrb] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #888;
}

.vh-tip-dot[b-1ont74jwrb] {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #a5d6a7;
    flex-shrink: 0;
}
/* _content/plis-web/Components/Pages/ZabezZona/KO/KoPrevadzka/ReportChybovosti.razor.rz.scp.css */
.select-xs[b-2ackuw0bzj]  .mud-input-control {
    min-width: 0 !important;
}

.select-xs[b-2ackuw0bzj]  .mud-input-slot {
    min-width: 0 !important;
}
/* _content/plis-web/Components/Pages/ZabezZona/OV/OvPlemenar/Index.razor.rz.scp.css */
/* _content/plis-web/Components/Pages/ZabezZona/OV/OvPlemenar/Mllt.razor.rz.scp.css */
.mllt-chart[b-gx94u95ig1] {
    padding-bottom: 60px;
}

.mllt-chart[b-gx94u95ig1]  svg {
    overflow: visible;
}

.mllt-chart[b-gx94u95ig1]  .mud-charts-xaxis text {
    text-anchor: end;
    transform-box: fill-box;
    transform-origin: right center;
    transform: translateY(-50px) rotate(-45deg);
}
/* _content/plis-web/Components/Pages/ZabezZona/OV/OvPrevadzka/Mllt.razor.rz.scp.css */
.mllt-chart[b-qtei81eurm] {
    padding-bottom: 60px;
}

.mllt-chart[b-qtei81eurm]  svg {
    overflow: visible;
}

.mllt-chart[b-qtei81eurm]  .mud-charts-xaxis text {
    text-anchor: end;
    transform-box: fill-box;
    transform-origin: right center;
    transform: translateY(-50px) rotate(-45deg);
}
/* _content/plis-web/Components/Pages/ZabezZona/OV/OvPrevadzka/ReportChybovosti.razor.rz.scp.css */
.select-xs[b-effhqiwj85]  .mud-input-control {
    min-width: 0 !important;
}

.select-xs[b-effhqiwj85]  .mud-input-slot {
    min-width: 0 !important;
}
/* _content/plis-web/Components/Pages/ZabezZona/PrehladRoly.razor.rz.scp.css */
.pr-title[b-zfjwqkd831] {
    font-size: 23px;
    font-weight: 700;
    color: #1a2a1a;
    margin-bottom: 4px;
}

.pr-sub[b-zfjwqkd831] {
    font-size: 15px;
    color: #999;
    margin-bottom: 1.5rem;
}

.pr-empty[b-zfjwqkd831] {
    font-size: 14px;
    color: #aaa;
    padding: 2rem 0;
}

/* ── LIST VIEW ── */
.list-view[b-zfjwqkd831] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    max-width: 50%;
}

.lcard[b-zfjwqkd831] {
    background: white;
    border-radius: 14px;
    border: 1.5px solid #e8f0e8;
    cursor: pointer;
    transition: all .2s;
    text-decoration: none;
    display: flex;
    overflow: hidden;
    position: relative;
}

.lcard:hover[b-zfjwqkd831] {
    border-color: #a5d6a7;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(46,125,50,.1);
    text-decoration: none;
}

.lcard-accent[b-zfjwqkd831] {
    width: 5px;
    flex-shrink: 0;
}

.lcard-body[b-zfjwqkd831] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
    flex: 1;
}

.lcard-icon[b-zfjwqkd831] {
    font-size: 32px;
    flex-shrink: 0;
    width: 44px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-animal-icon[b-zfjwqkd831] {
    width: 36px;
    height: 36px;
    object-fit: contain;
}

.card-animal-icon--sm[b-zfjwqkd831] {
    width: 22px;
    height: 22px;
}

.lcard-info[b-zfjwqkd831] {
    flex: 1;
}

.lcard-title[b-zfjwqkd831] {
    font-size: 18px;
    font-weight: 700;
    color: #1a2a1a;
    margin-bottom: 3px;
}

.lcard-desc[b-zfjwqkd831] {
    font-size: 14px;
    color: #999;
    line-height: 1.5;
}

.lcard-stats[b-zfjwqkd831] {
    display: flex;
    gap: 1.25rem;
    flex-shrink: 0;
}

.lstat[b-zfjwqkd831] {
    text-align: right;
}

.lstat-val[b-zfjwqkd831] {
    font-size: 18px;
    font-weight: 800;
    line-height: 1;
}

.lstat-lbl[b-zfjwqkd831] {
    font-size: 10px;
    color: #bbb;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-top: 2px;
}

.lcard-arr[b-zfjwqkd831] {
    font-size: 18px;
    color: #ddd;
    flex-shrink: 0;
    margin-left: 0.5rem;
    transition: all .15s;
}

.lcard:hover .lcard-arr[b-zfjwqkd831] {
    color: #2e7d32;
    transform: translateX(3px);
}

/* ── GRID VIEW ── */
.section-lbl[b-zfjwqkd831] {
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #aaa;
    font-weight: 700;
    padding: 16px 0 8px;
    border-bottom: 1px solid #eee;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.section-lbl-icon[b-zfjwqkd831] {
    font-size: 14px;
}

.panels-grid[b-zfjwqkd831] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.85rem;
    margin-bottom: 0.5rem;
}

.gcard[b-zfjwqkd831] {
    background: white;
    border-radius: 12px;
    border: 1.5px solid #e8f0e8;
    cursor: pointer;
    transition: all .18s;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
}

.gcard:hover[b-zfjwqkd831] {
    transform: translateY(-3px);
    box-shadow: 0 8px 22px rgba(0,0,0,.08);
    text-decoration: none;
}

.gcard-top-bar[b-zfjwqkd831] {
    height: 3px;
    width: 100%;
}

.gcard-body[b-zfjwqkd831] {
    padding: 1rem 1rem 0.85rem;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.gcard-head[b-zfjwqkd831] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.gcard-icon[b-zfjwqkd831] {
    font-size: 20px;
    width: 28px;
    text-align: center;
    flex-shrink: 0;
}

.gcard-title[b-zfjwqkd831] {
    font-size: 15px;
    font-weight: 700;
    color: #1a2a1a;
    line-height: 1.2;
}

.gcard-desc[b-zfjwqkd831] {
    font-size: 13px;
    color: #aaa;
    line-height: 1.45;
    flex: 1;
}

.gcard-stats[b-zfjwqkd831] {
    display: flex;
    gap: 0;
    margin-top: 6px;
    border-top: 1px solid #f5f5f5;
    padding-top: 8px;
}

.gstat[b-zfjwqkd831] {
    flex: 1;
    text-align: center;
    padding: 0 4px;
}

.gstat + .gstat[b-zfjwqkd831] {
    border-left: 1px solid #f5f5f5;
}

.gstat-val[b-zfjwqkd831] {
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
}

.gstat-lbl[b-zfjwqkd831] {
    font-size: 9px;
    color: #bbb;
    text-transform: uppercase;
    letter-spacing: .4px;
    margin-top: 1px;
}

/* ── Farby podľa skupiny ── */
.c-hd .lcard-accent[b-zfjwqkd831], .c-hd .gcard-top-bar[b-zfjwqkd831] { background: #43a047; }
.c-hd .lstat-val[b-zfjwqkd831],    .c-hd .gstat-val[b-zfjwqkd831]     { color: #2e7d32; }
.c-hd:hover[b-zfjwqkd831] { border-color: #a5d6a7; }

.c-ov .lcard-accent[b-zfjwqkd831], .c-ov .gcard-top-bar[b-zfjwqkd831] { background: #f9a825; }
.c-ov .lstat-val[b-zfjwqkd831],    .c-ov .gstat-val[b-zfjwqkd831]     { color: #f57f17; }
.c-ov:hover[b-zfjwqkd831] { border-color: #ffe082; }

.c-ko .lcard-accent[b-zfjwqkd831], .c-ko .gcard-top-bar[b-zfjwqkd831] { background: #ab47bc; }
.c-ko .lstat-val[b-zfjwqkd831],    .c-ko .gstat-val[b-zfjwqkd831]     { color: #7b1fa2; }
.c-ko:hover[b-zfjwqkd831] { border-color: #ce93d8; }

.c-os .lcard-accent[b-zfjwqkd831], .c-os .gcard-top-bar[b-zfjwqkd831] { background: #e91e63; }
.c-os .lstat-val[b-zfjwqkd831],    .c-os .gstat-val[b-zfjwqkd831]     { color: #c2185b; }
.c-os:hover[b-zfjwqkd831] { border-color: #f48fb1; }

.c-sys .lcard-accent[b-zfjwqkd831], .c-sys .gcard-top-bar[b-zfjwqkd831] { background: #1e88e5; }
.c-sys .lstat-val[b-zfjwqkd831],    .c-sys .gstat-val[b-zfjwqkd831]     { color: #1565c0; }
.c-sys:hover[b-zfjwqkd831] { border-color: #90caf9; }

@media (max-width: 900px) {
    .panels-grid[b-zfjwqkd831] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 650px) {
    .panels-grid[b-zfjwqkd831] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 420px) {
    .panels-grid[b-zfjwqkd831] { grid-template-columns: 1fr; }
}
/* _content/plis-web/Components/Pages/ZabezZona/UserProfile.razor.rz.scp.css */
@keyframes fadeUp-b-nn7xz7g54f {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Hero ── */
.profile-hero[b-nn7xz7g54f] {
    background: #1b5e20;
    border-radius: 16px;
    padding: 2rem;
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
    animation: fadeUp-b-nn7xz7g54f .4s ease;
    flex-wrap: wrap;
}

.hero-avatar[b-nn7xz7g54f] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: white;
    color: #1b5e20;
    font-size: 24px;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 3px solid rgba(255,255,255,.3);
}

.hero-info[b-nn7xz7g54f] {
    flex: 1;
    min-width: 180px;
}

.hero-name[b-nn7xz7g54f] {
    font-size: 22px;
    font-weight: 800;
    color: white;
    letter-spacing: .5px;
}

.hero-role[b-nn7xz7g54f] {
    font-size: 12px;
    color: #a5d6a7;
    margin-top: 3px;
    letter-spacing: .5px;
}

.hero-meta[b-nn7xz7g54f] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 10px;
    flex-wrap: wrap;
}

.hero-tag[b-nn7xz7g54f] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    color: #c8e6c9;
}

.hero-tag-dot[b-nn7xz7g54f] {
    width: 6px;
    height: 6px;
    background: #4caf50;
    border-radius: 50%;
}

.hero-stats[b-nn7xz7g54f] {
    display: flex;
    gap: 1.5rem;
    flex-shrink: 0;
}

.hstat[b-nn7xz7g54f] {
    text-align: center;
}

.hstat-val[b-nn7xz7g54f] {
    font-size: 20px;
    font-weight: 800;
    color: white;
}

.hstat-lbl[b-nn7xz7g54f] {
    font-size: 10px;
    color: #81c784;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-top: 1px;
}

/* ── Grids ── */
.up-grid[b-nn7xz7g54f] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
    animation: fadeUp-b-nn7xz7g54f .4s ease .1s both;
}

.up-grid3[b-nn7xz7g54f] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1.25rem;
    margin-top: 1.25rem;
    animation: fadeUp-b-nn7xz7g54f .4s ease .2s both;
}

@media (max-width: 640px) {
    .up-grid[b-nn7xz7g54f]  { grid-template-columns: 1fr; }
    .up-grid3[b-nn7xz7g54f] { grid-template-columns: 1fr 1fr; }
    .profile-hero[b-nn7xz7g54f] { flex-direction: column; text-align: center; }
    .hero-meta[b-nn7xz7g54f] { justify-content: center; }
    .hero-stats[b-nn7xz7g54f] { justify-content: center; }
}

/* ── Cards ── */
.up-card[b-nn7xz7g54f] {
    background: white;
    border-radius: 14px;
    border: 1px solid #dcedc8;
    padding: 1.25rem;
}

.up-card-title[b-nn7xz7g54f] {
    font-size: 13px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #5a8a5a;
    font-weight: 700;
    margin-bottom: 1rem;
}

/* ── Field rows ── */
.field-row[b-nn7xz7g54f] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7px 0;
    border-bottom: 1px solid #f1f8e9;
}

.field-row:last-child[b-nn7xz7g54f] {
    border-bottom: none;
}

.field-lbl[b-nn7xz7g54f] {
    font-size: 14px;
    color: #aaa;
    font-weight: 500;
}

.field-val[b-nn7xz7g54f] {
    font-size: 14px;
    color: #1a2a1a;
    font-weight: 600;
    text-align: right;
}

.field-val.green[b-nn7xz7g54f] {
    color: #2e7d32;
    background: none;
}

.field-val.muted[b-nn7xz7g54f] {
    color: #bbb;
    font-weight: 400;
}

/* ── Roles wrap ── */
.roles-wrap[b-nn7xz7g54f] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.role-chip[b-nn7xz7g54f] {
    font-size: 13px;
    font-weight: 600;
    color: #2e7d32;
    background: #e8f5e9;
    border: 1px solid #c8e6c9;
    border-radius: 20px;
    padding: 4px 10px;
    white-space: nowrap;
}

.role-chip--empty[b-nn7xz7g54f] {
    color: #bbb;
    background: #f5f5f5;
    border-color: #e0e0e0;
}

/* ── Activity / role list ── */
.activity-list[b-nn7xz7g54f] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.act-row[b-nn7xz7g54f] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
    border-bottom: 1px solid #f1f8e9;
}

.act-row:last-child[b-nn7xz7g54f] {
    border-bottom: none;
}

.act-dot[b-nn7xz7g54f] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.act-dot.green[b-nn7xz7g54f] { background: #4caf50; }
.act-dot.gray[b-nn7xz7g54f]  { background: #ccc; }

.act-text[b-nn7xz7g54f] {
    font-size: 14px;
    color: #2a2a2a;
    flex: 1;
}

.act-text.muted[b-nn7xz7g54f] {
    color: #bbb;
}

/* ── Stat cards ── */
.stat-card[b-nn7xz7g54f] {
    background: white;
    border-radius: 14px;
    border: 1px solid #dcedc8;
    padding: 1.25rem;
    text-align: center;
}

.stat-card-icon[b-nn7xz7g54f] {
    font-size: 24px;
    margin-bottom: 8px;
    display: block;
}

.stat-card-val[b-nn7xz7g54f] {
    font-size: 30px;
    font-weight: 800;
    color: #1b5e20;
}

.stat-card-lbl[b-nn7xz7g54f] {
    font-size: 12px;
    color: #aaa;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-top: 3px;
}

/* ── Access list ── */
.access-list[b-nn7xz7g54f] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
}

@media (max-width: 900px) {
    .access-list[b-nn7xz7g54f] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 500px) {
    .access-list[b-nn7xz7g54f] { grid-template-columns: 1fr; }
}

.access-item[b-nn7xz7g54f] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 8px;
    background: #f7fdf4;
    border: 1px solid #e8f5e8;
}

.access-icon[b-nn7xz7g54f] {
    font-size: 16px;
    width: 24px;
    text-align: center;
}

.access-name[b-nn7xz7g54f] {
    font-size: 14px;
    font-weight: 600;
    color: #1a2a1a;
    flex: 1;
}

.access-badge[b-nn7xz7g54f] {
    font-size: 12px;
    padding: 2px 8px;
    border-radius: 10px;
    font-weight: 700;
}

.badge-full[b-nn7xz7g54f] { background: #e8f5e8; color: #2e7d32; }
.badge-none[b-nn7xz7g54f] { background: #f5f5f5; color: #aaa; }

/* ── Actions ── */
.up-actions[b-nn7xz7g54f] {
    display: flex;
    gap: 0.75rem;
    margin-top: 1.25rem;
    animation: fadeUp-b-nn7xz7g54f .4s ease .3s both;
    flex-wrap: wrap;
}

.btn-secondary[b-nn7xz7g54f] {
    flex: 1;
    min-width: 140px;
    padding: 0.65rem;
    background: white;
    border: 1.5px solid #dcedc8;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 700;
    color: #2e7d32;
    cursor: pointer;
    transition: all .15s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    text-decoration: none;
}

.btn-secondary:hover[b-nn7xz7g54f] {
    background: #f0f7f0;
    border-color: #aed581;
    text-decoration: none;
    color: #1b5e20;
}
/* _content/plis-web/Components/Shared/DetailItem.razor.rz.scp.css */
.detail-item[b-0c3iwcpavj] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.detail-item-label[b-0c3iwcpavj] {
    font-size: 0.72rem;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 500;
}

.detail-item-value[b-0c3iwcpavj] {
    font-size: 0.95rem;
    color: #1a2a1a;
    word-break: break-word;
}

.detail-item-value.right[b-0c3iwcpavj] { text-align: right; }
.detail-item-value.bold[b-0c3iwcpavj]  { font-weight: 700; color: #1b5e20; }
.detail-item-value.mono[b-0c3iwcpavj]  { font-family: monospace; font-size: 0.88rem; }

.detail-item-value .muted[b-0c3iwcpavj]  { color: #ccc; }
.detail-item-value .suffix[b-0c3iwcpavj] { color: #888; font-size: 0.85em; }
/* _content/plis-web/Components/Shared/Pedigree/HdPedigreeChart.razor.rz.scp.css */
/* ── Pedigree tree wrapper ───────────────────────────────────────────── */
.ped-tree[b-4y1dxmei4i] {
    display: inline-flex;
    align-items: stretch;
    min-height: 480px;
    padding: 8px 0;
}

.ped-tree-wrapper[b-4y1dxmei4i] {
    overflow-x: auto;
}

/* ── Generation columns ──────────────────────────────────────────────── */
.ped-col[b-4y1dxmei4i] {
    display: flex;
    flex-direction: column;
    width: 170px;
    min-width: 170px;
}

/* ── Cells (proportional heights) ───────────────────────────────────── */
.ped-cell[b-4y1dxmei4i] {
    display: flex;
    align-items: center;
    padding: 4px 0;
}

.ped-cell--full[b-4y1dxmei4i]    { flex: 8; }
.ped-cell--half[b-4y1dxmei4i]    { flex: 4; }
.ped-cell--quarter[b-4y1dxmei4i] { flex: 2; }
.ped-cell--eighth[b-4y1dxmei4i]  { flex: 1; }

/* ── Connector columns ───────────────────────────────────────────────── */
.ped-conn[b-4y1dxmei4i] {
    display: flex;
    flex-direction: column;
    width: 20px;
    min-width: 20px;
}

.ped-conn-branch[b-4y1dxmei4i] {
    position: relative;
    background-image:
        linear-gradient(to right, #a5d6a7, #a5d6a7),
        linear-gradient(to right, #a5d6a7, #a5d6a7),
        linear-gradient(to right, #a5d6a7, #a5d6a7);
    background-size:    50% 1.5px, 50% 1.5px, 50% 1.5px;
    background-position: 0% 50%, 100% 25%, 100% 75%;
    background-repeat:  no-repeat;
}

.ped-conn-branch[b-4y1dxmei4i]::before {
    content: '';
    position: absolute;
    left: calc(50% - 0.75px);
    top: 25%;
    bottom: 25%;
    width: 1.5px;
    background: #a5d6a7;
}

.ped-conn-branch--full[b-4y1dxmei4i]    { flex: 8; }
.ped-conn-branch--half[b-4y1dxmei4i]    { flex: 4; }
.ped-conn-branch--quarter[b-4y1dxmei4i] { flex: 2; }

/* ── Card ────────────────────────────────────────────────────────────── */
.ped-card[b-4y1dxmei4i] {
    border: 1.5px solid;
    border-radius: 8px;
    padding: 7px 9px;
    font-size: 11px;
    width: 100%;
    min-height: 88px;
    height: auto;
    box-sizing: border-box;
    color: #444;
    line-height: 1.35;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    position: relative;
    transition: box-shadow .15s, transform .15s;
}

.ped-card:hover[b-4y1dxmei4i] {
    box-shadow: 0 4px 12px rgba(0,0,0,.12);
    transform: translateY(-1px);
}

/* ── Shared card pieces ──────────────────────────────────────────────── */
.ped-card__label[b-4y1dxmei4i] {
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    opacity: 0.75;
    flex-shrink: 0;
}

.ped-card__empty[b-4y1dxmei4i] {
    color: #bbb;
    font-style: italic;
    font-size: 11px;
}

.ped-card__link[b-4y1dxmei4i] {
    color: #2e7d32;
    text-decoration: none;
}

.ped-card__link:hover[b-4y1dxmei4i] {
    text-decoration: underline;
}

/* ── HD-specific card layout ─────────────────────────────────────────── */
.ped-hd__header[b-4y1dxmei4i] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 4px;
    margin-bottom: 2px;
}

.ped-hd__linia[b-4y1dxmei4i] {
    font-size: 8px;
    font-weight: 700;
    background: rgba(0,0,0,.08);
    border-radius: 3px;
    padding: 1px 4px;
    color: #555;
    margin-left: auto;
    white-space: nowrap;
}

.ped-hd__meno[b-4y1dxmei4i] {
    font-weight: 700;
    font-size: 11px;
    color: #1a2a1a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 1px;
}

.ped-hd__luc-row[b-4y1dxmei4i] {
    display: flex;
    align-items: baseline;
}

.ped-hd__luc[b-4y1dxmei4i] {
    font-weight: 600;
    font-size: 10px;
    color: #2e7d32;
}

.ped-hd__bottom[b-4y1dxmei4i] {
    display: flex;
    justify-content: space-between;
    font-size: 9px;
    color: #888;
    margin-top: 2px;
}

.ped-hd__koef[b-4y1dxmei4i] {
    text-align: right;
    font-weight: 700;
    color: #555;
}

.ped-hd__plem[b-4y1dxmei4i] {
    font-size: 9px;
    color: #aaa;
    margin-top: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* _content/plis-web/Components/Shared/Pedigree/PedigreeChart.razor.rz.scp.css */
/* ── Pedigree tree wrapper ───────────────────────────────────────────── */
.ped-tree[b-1darkycnig] {
    display: inline-flex;
    align-items: stretch;
    min-height: 360px;
    padding: 8px 0;
}

.ped-tree-wrapper[b-1darkycnig] {
    overflow-x: auto;
    display: flex;
    justify-content: center;
}

/* ── Generation columns ──────────────────────────────────────────────── */
.ped-col[b-1darkycnig] {
    display: flex;
    flex-direction: column;
    min-width: 200px;
    max-width: 260px;
    width: 220px;
}

/* ── Cells (proportional heights) ───────────────────────────────────── */
.ped-cell[b-1darkycnig] {
    display: flex;
    align-items: center;
    padding: 4px 0;
}

.ped-cell--half[b-1darkycnig]    { flex: 4; }
.ped-cell--quarter[b-1darkycnig] { flex: 2; }
.ped-cell--eighth[b-1darkycnig]  { flex: 1; }

/* ── Connector columns ───────────────────────────────────────────────── */
.ped-conn[b-1darkycnig] {
    display: flex;
    flex-direction: column;
    width: 24px;
    min-width: 24px;
}

/*
 * Jedna vetva = jedna rodičovská bunka → dve detské bunky.
 * Tvar ako v obrázku:
 *   rodič ──┬── dieťa1
 *           └── dieťa2
 *
 * background-image: 3 horizontálne čiary
 *   1. od rodiča (ľavá polovica, stred výšky)
 *   2. k dieťaťu 1 (pravá polovica, 25 % výšky)
 *   3. k dieťaťu 2 (pravá polovica, 75 % výšky)
 * ::before: vertikálna os od 25 % do 75 % výšky
 */
.ped-conn-branch[b-1darkycnig] {
    position: relative;
    background-image:
        linear-gradient(to right, #aaa, #aaa),
        linear-gradient(to right, #aaa, #aaa),
        linear-gradient(to right, #aaa, #aaa);
    background-size:    50% 1px, 50% 1px, 50% 1px;
    background-position: 0% 50%, 100% 25%, 100% 75%;
    background-repeat:  no-repeat;
}

.ped-conn-branch[b-1darkycnig]::before {
    content: '';
    position: absolute;
    left: calc(50% - 0.5px);
    top: 25%;
    bottom: 25%;
    width: 1px;
    background: #aaa;
}

/* výška vetvy = výška rodičovskej bunky */
.ped-conn-branch--half[b-1darkycnig]    { flex: 4; }
.ped-conn-branch--quarter[b-1darkycnig] { flex: 2; }

/* ── Card ────────────────────────────────────────────────────────────── */
.ped-card[b-1darkycnig] {
    border: 1px solid;
    border-radius: 4px;
    padding: 6px 8px;
    font-size: 0.78rem;
    width: 100%;
    height: 90px;
    box-sizing: border-box;
    color: #444;
    line-height: 1.4;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
}

.ped-card__header[b-1darkycnig] {
    display: flex;
    align-items: baseline;
    gap: 4px;
    margin-bottom: 2px;
    min-width: 0;
}

.ped-card__label[b-1darkycnig] {
    font-size: 0.65rem;
    opacity: 0.55;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    flex-shrink: 0;
}

.ped-card__linia[b-1darkycnig] {
    font-size: 0.65rem;
    color: #666;
    opacity: 0.8;
    flex: 1;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ped-card__header .ped-card__luc[b-1darkycnig] {
    font-weight: 600;
    font-size: 0.78rem;
    flex-shrink: 0;
    margin-left: auto;
}

.ped-card__empty[b-1darkycnig] {
    color: #bbb;
    font-style: italic;
    font-size: 0.75rem;
}

.ped-card__row[b-1darkycnig] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.ped-card__ids[b-1darkycnig] {
    gap: 4px;
    flex-direction: column;
}

.ped-card__luc[b-1darkycnig] {
    font-weight: 600;
    font-size: 0.82rem;
}

.ped-card__bottom[b-1darkycnig] {
    justify-content: space-between;
    margin-top: 2px;
}

.ped-card__koef[b-1darkycnig] {
    text-align: right;
    color: #555;
}

.ped-card__plem[b-1darkycnig] {
    color: #666;
    font-size: 0.72rem;
}

.ped-card__link[b-1darkycnig] {
    color: #5CA392;
    text-decoration: none;
}

.ped-card__link:hover[b-1darkycnig] {
    text-decoration: underline;
}