/* _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);
}
/* _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;
}
/* _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;
}

.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;
}

.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;
}

#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;
}
/* _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/Pages/Home.razor.rz.scp.css */
/* ===== 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;
}

/* ===== 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/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/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/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/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/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;
}