@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';

/* /Components/CustomerComponents/AddRequestsComponent.razor.rz.scp.css */
.nav-section.request-block .request-container[b-7xjyepck9j] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    border-right: 1px solid #e0e6ed;
}

.nav-section  .requests-panel[b-7xjyepck9j] {
    --rp-bg: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    --rp-border: #e2e8f0;
    --rp-shadow: 0 4px 20px rgba(15, 23, 42, 0.08), 0 1px 4px rgba(15, 23, 42, 0.04);
    --rp-text: #1e293b;
    --rp-text-muted: #64748b;

    margin: 15px 10px;
    padding: 10px;
    background: var(--rp-bg);
    border: 1px solid var(--rp-border);
    border-radius: 16px;
    box-shadow: var(--rp-shadow);
    position: relative;
    overflow: hidden;
}

.requests-panel[b-7xjyepck9j]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, #3b82f6, #10b981, #8b5cf6);
    border-radius: 16px 16px 0 0;
}

.rp-head[b-7xjyepck9j] {
    display: flex;
    justify-content: center;
}

.rp-chip[b-7xjyepck9j] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: #060707;
    background: transparent;
    border: none;
    border-radius: 20px;
    box-shadow: none;
    user-select: none;
    position: relative;
    pointer-events: none;
}

.rp-chip[b-7xjyepck9j]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(255,255,255,0.4), transparent);
    border-radius: inherit;
    pointer-events: none;
}

.rp-grid[b-7xjyepck9j] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 10px 12px;
    align-items: center;
}

.rp-caption[b-7xjyepck9j] {
    font-size: 14px;
    font-weight: 600;
    color: var(--rp-text);
    line-height: 1.2;
    transition: color 0.2s ease;
}

.rp-caption[b-7xjyepck9j]::after {
    content: "→ View all";
    display: block;
    font-size: 12px;
    color: var(--rp-text);
    margin-top: 2px;
    font-weight: 500;
    opacity: 0.8;
    transition: color 0.15s ease, opacity 0.15s ease;
}

.rp-caption:hover[b-7xjyepck9j]::after {
    color: #2563eb;
    text-decoration: underline;
    opacity: 1;
}

.rp-fab[b-7xjyepck9j] {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: none;
    display: grid;
    place-items: center;
    font-size: 18px;
    cursor: pointer;
    position: relative;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15), 0 2px 4px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    outline: none;
}

.rp-fab[b-7xjyepck9j]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(255,255,255,0.3), transparent 60%);
    border-radius: inherit;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.rp-fab:hover[b-7xjyepck9j]::before {
    opacity: 1;
}

.rp-fab:hover[b-7xjyepck9j] {
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2), 0 4px 12px rgba(0, 0, 0, 0.15);
}

.rp-fab:active[b-7xjyepck9j] {
    transform: translateY(-1px) scale(1.02);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0, 0, 0, 0.15);
}

.rp-fab:focus-visible[b-7xjyepck9j] {
    outline: 3px solid rgba(59, 130, 246, 0.4);
    outline-offset: 2px;
}

.rp-fab--blue[b-7xjyepck9j] {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    color: white;
}

.rp-fab--blue:hover[b-7xjyepck9j] {
    background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%);
}

.rp-fab--green[b-7xjyepck9j] {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: white;
}

.rp-fab--green:hover[b-7xjyepck9j] {
    background: linear-gradient(135deg, #059669 0%, #047857 100%);
}

.rp-fab i[b-7xjyepck9j] {
    font-size: 1.125rem;
    line-height: 1;
}

.rp-fab i[b-7xjyepck9j]::before {
    vertical-align: 0;
}

@keyframes fadeInUp-b-7xjyepck9j {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.requests-panel[b-7xjyepck9j] {
    animation: fadeInUp-b-7xjyepck9j 0.4s ease-out;
}

.nav-section.request-block[b-7xjyepck9j] {
    padding-top: 18px;
}

.nav-section.request-block > .requests-panel[b-7xjyepck9j] {
    width: 100%;
}

.request-container[b-7xjyepck9j] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.vertical-shell.is-mini .requests-panel[b-7xjyepck9j]{
    width: calc(90px - 12px);
    margin: 10px 6px !important;
    padding: 12px 8px !important;
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.vertical-shell.is-mini .rp-head[b-7xjyepck9j]{
    display: none !important;
}

.vertical-shell.is-mini .rp-grid[b-7xjyepck9j]{
    grid-template-columns: 1fr !important;
    justify-items: center;
    gap: 8px !important;
}

.vertical-shell.is-mini .rp-caption[b-7xjyepck9j] {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 10px;
}

.vertical-shell.is-mini .rp-caption[b-7xjyepck9j]::after{
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 9px;
}

.vertical-shell.is-mini .rp-fab[b-7xjyepck9j] {
    width: 25px;
    height: 25px;
    font-size: 16px;
}

.vertical-shell:not(.is-mini) .requests-panel[b-7xjyepck9j] {
    margin: 15px 10px;
}

.vertical-shell:not(.is-mini) .request-container[b-7xjyepck9j] {
    width: 100%;
}

.vertical-shell:not(.is-mini) .rp-grid[b-7xjyepck9j] {
    gap: 10px 12px;
}

@keyframes ripple-b-7xjyepck9j {
    to {
        transform: scale(2);
        opacity: 0;
    }
}

.rp-fab-ripple[b-7xjyepck9j] {
    position: absolute;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    transform: scale(0);
    animation: ripple-b-7xjyepck9j 0.6s ease-out;
    pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
    .requests-panel[b-7xjyepck9j],
    .rp-fab[b-7xjyepck9j],
    .rp-fab[b-7xjyepck9j]::before {
        animation: none;
        transition: none;
    }

    .rp-fab:hover[b-7xjyepck9j] {
        transform: none;
    }
}
/* /Components/CustomerComponents/NavigationMenuComponent.razor.rz.scp.css */
.vertical-shell[b-auk7h8kf8r] {
    position: sticky;
    top:0;
    height:100svh;
    min-height:100svh;
    block-size:100svh;
    display:flex;
    flex-direction:column;
    flex:0 0 auto;
    transition: width .2s ease;
    z-index:1030;
}

.vertical-drawer[b-auk7h8kf8r],
.mud-drawer[b-auk7h8kf8r],
.mud-drawer-content[b-auk7h8kf8r],
.mud-drawer-paper[b-auk7h8kf8r] {
    height: 100%;
    min-height: 100%;
    block-size: 100%;
    overflow: visible !important;
}

.vertical-shell.is-mini[b-auk7h8kf8r] {
    width: 90px !important;
}

.vertical-shell.is-mini .mud-drawer[b-auk7h8kf8r] {
    width: 90px !important;
}

.vertical-drawer[b-auk7h8kf8r] {
    height: 100%;
    border-right: 1px solid #e0e6ed;
    box-shadow: 2px 0 8px rgba(0,0,0,0.06);
    overflow: visible;
}

.mud-nav-menu-custom[b-auk7h8kf8r] {
    flex: 1;
    min-height: 0;
    padding-bottom: 8px;
    overflow: visible;
}

.nav-no-access[b-auk7h8kf8r] {
    padding: 16px 12px;
    text-align: center;
}

.nav-no-access-text[b-auk7h8kf8r] {
    color: var(--mud-palette-text-secondary);
    white-space: normal;
}

.request-block[b-auk7h8kf8r], .nav-footer[b-auk7h8kf8r], .bottom-toggle[b-auk7h8kf8r] {
    flex: 0 0 auto;
    position: static;
    bottom: 0;
    background: #fff;
}

.nav-text[b-auk7h8kf8r] {
    font-family: Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.01071em;
}

.section-header .nav-text[b-auk7h8kf8r],
.sub .nav-text[b-auk7h8kf8r]{
    font: inherit;
}

.nav-section[b-auk7h8kf8r] {
    position: relative;
}

.brand-nav-link[b-auk7h8kf8r] {
    text-decoration: none !important;
    border-bottom: none !important;
    margin-bottom: 6px;
}

.brand-container[b-auk7h8kf8r] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
    margin-right: 17px;
    white-space: nowrap;
    transition: all 0.2s ease;
    justify-content: flex-start;
}

.brand-logo[b-auk7h8kf8r] {
    height: 28px;
    width: auto;
    display: block;
    flex: 0 0 auto;
}

.brand-title[b-auk7h8kf8r] {
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    flex: 0 0 auto;
    transition: opacity 0.2s ease;
}

.nav-item[b-auk7h8kf8r] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 29px;
    border-left: 3px solid transparent;
    border-radius: 0;
    margin: 2px 4px 2px 0;
    transition: background-color .15s ease, border-color .15s ease;
    text-decoration: none !important;
}

.section-header[b-auk7h8kf8r] {
    font-weight: 600;
    margin-top: 2px;
    text-decoration: none !important;
}

.section-header .mud-icon-root[b-auk7h8kf8r] {
    font-size: 22px;
}

.sub[b-auk7h8kf8r] {
    padding-left: 40px;
    font-size: .94rem;
    font-weight: 400;
    text-decoration: none !important;
}

.sub .mud-icon-root[b-auk7h8kf8r] {
    color: #6b7280;
    font-size: 18px;
}

.nav-item.mud-nav-active[b-auk7h8kf8r] {
    background: #eaf6ff;
    border-left-color: #4AC4FF;
}

.nav-item:hover[b-auk7h8kf8r] {
    background: rgba(0,0,0,0.06);
}

.bottom-toggle[b-auk7h8kf8r] {
    display: flex;
    justify-content: flex-end;
    padding: 4px;
    position: static;
    bottom: 0;
    background: #fff;
    border-right: 1px solid #e0e6ed;
}

.vertical-shell.is-mini .nav-section .nav-item[b-auk7h8kf8r] {
    justify-content: center !important;
    padding: 8px 0 !important;
    margin: 1px 2px !important;
}

.vertical-shell.is-mini .nav-section .section-header[b-auk7h8kf8r] {
    justify-content: center !important;
    padding: 10px 0 !important;
    margin: 2px !important;
}

.vertical-shell.is-mini .nav-section .sub[b-auk7h8kf8r] {
    justify-content: center !important;
    padding: 6px 0 !important;
    margin: 1px 2px !important;
    height: 32px;
    min-height: 32px;
}

.vertical-shell.is-mini .nav-section .nav-item span[b-auk7h8kf8r],
.vertical-shell.is-mini .nav-section .section-header span[b-auk7h8kf8r],
.vertical-shell.is-mini .nav-section .sub span[b-auk7h8kf8r] {
    display: none !important;
}

.vertical-shell.is-mini .nav-section[b-auk7h8kf8r]  .mud-nav-link {
    justify-content: center !important;
    width: 100% !important;
}

.vertical-shell.is-mini .nav-section[b-auk7h8kf8r]  .mud-nav-link-content {
    justify-content: center !important;
    width: 100% !important;
}

.vertical-shell.is-mini .nav-section[b-auk7h8kf8r]  .mud-nav-link-text {
    display: none !important;
}

.vertical-shell.is-mini .nav-section[b-auk7h8kf8r]  .mud-icon-root {
    margin: 0 auto !important;
}

.vertical-shell.is-mini .brand-container[b-auk7h8kf8r] {
    justify-content: center !important;
    padding: 6px 12px !important;
    gap: 0 !important;
}

.vertical-shell.is-mini .brand-title[b-auk7h8kf8r] {
    display: none !important;
    opacity: 0 !important;
}

.vertical-shell.is-mini .brand-nav-link[b-auk7h8kf8r] {
    display: flex !important;
    justify-content: center !important;
}

.vertical-shell .brand-nav-link[b-auk7h8kf8r],
.vertical-shell .brand-nav-link:hover[b-auk7h8kf8r],
.vertical-shell .brand-nav-link:focus[b-auk7h8kf8r],
.vertical-shell .brand-nav-link:active[b-auk7h8kf8r] {
    text-decoration: none !important;
    border-bottom: none !important;
}

.vertical-shell .brand-nav-link *[b-auk7h8kf8r],
.vertical-shell .brand-nav-link *:hover[b-auk7h8kf8r] {
    text-decoration: none !important;
    border-bottom: none !important;
}

.vertical-shell[b-auk7h8kf8r]  .brand-nav-link,
.vertical-shell[b-auk7h8kf8r]  .brand-nav-link .mud-nav-link-content,
.vertical-shell[b-auk7h8kf8r]  .brand-nav-link .mud-nav-link-text {
    text-decoration: none !important;
    border-bottom: none !important;
}

.vertical-shell.is-mini[b-auk7h8kf8r]  .brand-nav-link {
    justify-content: center !important;
}

.vertical-shell.is-mini[b-auk7h8kf8r]  .brand-nav-link .mud-nav-link-content {
    justify-content: center !important;
    width: 100% !important;
}

.vertical-shell.is-mini .hover-menu[b-auk7h8kf8r]  .mud-nav-link {
    justify-content: flex-start !important;
}

.vertical-shell.is-mini .hover-menu[b-auk7h8kf8r]  .mud-nav-link-text {
    display: inline !important;
}

.vertical-shell.is-mini .nav-item[b-auk7h8kf8r] {
    position: relative;
}

.vertical-shell.is-mini .nav-item:hover[b-auk7h8kf8r]::after {
    content: attr(title);
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    background: #333;
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 1000;
    margin-left: 8px;
    pointer-events: none;
}

.vertical-shell.is-mini .nav-item:hover[b-auk7h8kf8r]::before {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    border: 4px solid transparent;
    border-right-color: #333;
    margin-left: 4px;
    pointer-events: none;
}

.hover-menu[b-auk7h8kf8r] {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1040;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(-10px);
    transition: opacity 0.2s ease-out, visibility 0.2s ease-out, transform 0.2s ease-out;
    transition-delay: 240ms; /* Hide delay */
}

/* Show hover menu on section hover (only for non-active sections) */
.nav-section:not(.is-active):hover .hover-menu[b-auk7h8kf8r] {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(0);
    transition-delay: 150ms; /* Show delay */
}

.hover-menu.mini-mode[b-auk7h8kf8r] {
    left: 90px;
}

.hover-menu-content[b-auk7h8kf8r] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    border: 1px solid #e0e6ed;
    padding: 8px 0;
    margin-left: 8px;
    min-width: 200px;
    max-width: 250px;
}

.hover-menu.mini-mode .hover-menu-content[b-auk7h8kf8r] {
    margin-left: 8px;
}

.hover-menu-title[b-auk7h8kf8r] {
    padding: 8px 16px;
    font-weight: 600;
    font-size: 13px;
    color: #374151;
    border-bottom: 1px solid #f3f4f6;
    margin-bottom: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.hover-menu-item[b-auk7h8kf8r] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 16px;
    font-size: 14px;
    color: #374151;
    text-decoration: none !important;
    transition: background-color 0.15s ease;
    border: none;
    border-radius: 0;
}

.hover-menu-item:hover[b-auk7h8kf8r] {
    background: #f8fafc;
    color: #1f2937;
}

.hover-menu-item .mud-icon-root[b-auk7h8kf8r] {
    font-size: 18px;
    color: #6b7280;
    flex-shrink: 0;
}

.hover-menu-item:hover .mud-icon-root[b-auk7h8kf8r] {
    color: #4AC4FF;
}

@keyframes fadeInMenu-b-auk7h8kf8r {
    0% {
        opacity: 0;
        transform: translateX(-10px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.nav-section:hover .vertical-shell.is-mini .nav-item:hover[b-auk7h8kf8r]::after,
.nav-section:hover .vertical-shell.is-mini .nav-item:hover[b-auk7h8kf8r]::before {
    display: none;
}

.vertical-shell.is-mini .nav-section[b-auk7h8kf8r] {
    overflow: visible;
}

.vertical-shell.is-mini .hover-menu[b-auk7h8kf8r] {
    left: 90px;
    margin-left: 0;
}

/* Keep hover menu visible when hovering on the menu itself */
.nav-section:not(.is-active) .hover-menu:hover[b-auk7h8kf8r] {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(0);
    transition-delay: 0ms;
}

@media (max-width: 768px) {
    .hover-menu-content[b-auk7h8kf8r] {
        min-width: 180px;
    }

    .hover-menu-item[b-auk7h8kf8r] {
        padding: 10px 16px;
        font-size: 13px;
    }
}

.vertical-shell.is-hovering .nav-item:hover[b-auk7h8kf8r]::after,
.vertical-shell.is-hovering .nav-item:hover[b-auk7h8kf8r]::before {
    display: none !important;
}

.mud-drawer[b-auk7h8kf8r],
.mud-drawer-content[b-auk7h8kf8r],
.mud-drawer-paper[b-auk7h8kf8r] {
    overflow: visible !important;
}

.hover-menu[b-auk7h8kf8r] { z-index: 2000; }

.vertical-shell.is-mini .hover-menu[b-auk7h8kf8r]  .mud-nav-link .mud-nav-link-text,
.mud-drawer--mini .hover-menu[b-auk7h8kf8r]  .mud-nav-link .mud-nav-link-text,
.mud-drawer-mini .hover-menu[b-auk7h8kf8r]  .mud-nav-link .mud-nav-link-text {
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.vertical-shell.is-mini .hover-menu[b-auk7h8kf8r]  .mud-nav-link.hover-menu-item,
.mud-drawer--mini .hover-menu[b-auk7h8kf8r]  .mud-nav-link.hover-menu-item,
.mud-drawer-mini .hover-menu[b-auk7h8kf8r]  .mud-nav-link.hover-menu-item {
    justify-content: flex-start !important;
    gap: 12px !important;
    padding: 8px 16px !important;
}

.vertical-shell .mud-nav-link[b-auk7h8kf8r],
.vertical-shell .mud-nav-link:link[b-auk7h8kf8r],
.vertical-shell .mud-nav-link:visited[b-auk7h8kf8r],
.vertical-shell .mud-nav-link:hover[b-auk7h8kf8r],
.vertical-shell .mud-nav-link:focus[b-auk7h8kf8r],
.vertical-shell .mud-nav-link:active[b-auk7h8kf8r],
.vertical-shell .mud-nav-link.active[b-auk7h8kf8r] {
    text-decoration: none !important;
    border-bottom: none !important;
}

.vertical-shell .mud-nav-link .mud-nav-link-text[b-auk7h8kf8r],
.vertical-shell .mud-nav-link .mud-nav-link-text:hover[b-auk7h8kf8r],
.vertical-shell .mud-nav-link .mud-nav-link-text:focus[b-auk7h8kf8r],
.vertical-shell .mud-nav-link .mud-nav-link-text:active[b-auk7h8kf8r] {
    text-decoration: none !important;
    border-bottom: none !important;
}

.vertical-shell .mud-nav-link *[b-auk7h8kf8r],
.vertical-shell .mud-nav-link *:hover[b-auk7h8kf8r],
.vertical-shell .mud-nav-link *:focus[b-auk7h8kf8r] {
    text-decoration: none !important;
    border-bottom: none !important;
}

.vertical-shell .mud-nav-link-content[b-auk7h8kf8r],
.vertical-shell .mud-nav-link-content:hover[b-auk7h8kf8r] {
    text-decoration: none !important;
    border-bottom: none !important;
}

.vertical-shell .mud-nav-link span[b-auk7h8kf8r],
.vertical-shell .mud-nav-link span:hover[b-auk7h8kf8r],
.vertical-shell .nav-item span[b-auk7h8kf8r],
.vertical-shell .nav-item span:hover[b-auk7h8kf8r] {
    text-decoration: none !important;
    border-bottom: none !important;
}

.vertical-shell .nav-section *[b-auk7h8kf8r],
.vertical-shell .nav-section *:hover[b-auk7h8kf8r],
.vertical-shell .nav-section *:focus[b-auk7h8kf8r],
.vertical-shell .nav-section *:active[b-auk7h8kf8r] {
    text-decoration: none !important;
    border-bottom: none !important;
}

.vertical-shell .hover-menu-item[b-auk7h8kf8r],
.vertical-shell .hover-menu-item:hover[b-auk7h8kf8r],
.vertical-shell .hover-menu-item:focus[b-auk7h8kf8r],
.vertical-shell .hover-menu-item:active[b-auk7h8kf8r],
.vertical-shell .hover-menu-item *[b-auk7h8kf8r],
.vertical-shell .hover-menu-item *:hover[b-auk7h8kf8r] {
    text-decoration: none !important;
    border-bottom: none !important;
}

.mud-nav-link.vertical-shell .mud-nav-link[b-auk7h8kf8r],
.mud-nav-link.nav-item[b-auk7h8kf8r],
.mud-nav-link.section-header[b-auk7h8kf8r],
.mud-nav-link.sub[b-auk7h8kf8r],
.mud-nav-link.hover-menu-item[b-auk7h8kf8r] {
    text-decoration: none !important;
    border-bottom: none !important;
}

.vertical-shell[b-auk7h8kf8r] {
    --mud-nav-link-text-decoration: none;
    --mud-nav-link-border-bottom: none;
}

.vertical-shell[b-auk7h8kf8r]  .mud-nav-link,
.vertical-shell[b-auk7h8kf8r]  .mud-nav-link:hover,
.vertical-shell[b-auk7h8kf8r]  .mud-nav-link-text,
.vertical-shell[b-auk7h8kf8r]  .mud-nav-link-content {
    text-decoration: none !important;
    border-bottom: none !important;
}

.vertical-shell [class*="mud-nav"][b-auk7h8kf8r] {
    text-decoration: none !important;
    border-bottom: none !important;
}

.vertical-shell .mud-nav-link[b-auk7h8kf8r],
.vertical-shell .mud-nav-link:hover[b-auk7h8kf8r],
.vertical-shell .nav-item[b-auk7h8kf8r],
.vertical-shell .nav-item:hover[b-auk7h8kf8r] {
    text-decoration: none !important;
    border-bottom: none !important;
    text-decoration-color: transparent !important;
}

.vertical-drawer[b-auk7h8kf8r],
.mud-nav-menu-custom[b-auk7h8kf8r],
.nav-footer[b-auk7h8kf8r] { min-width: 0; }

.nav-footer[b-auk7h8kf8r] { flex:0 0 auto; padding: 4px 10px; }

.nav-footer[b-auk7h8kf8r]{
    position: sticky;
    bottom: 0;
    background: #fff;
    z-index: 1;
    padding: 4px 10px;
    border-right: 1px solid #e0e6ed;
}

.nav-footer[b-auk7h8kf8r]  .profile-row{ display:flex;
    align-items:center;
    gap:8px;
    min-width:0;
}
.nav-footer[b-auk7h8kf8r]  .user-name-wrap{ display:flex;
    align-items:center;
    gap:8px;
    min-width:0; 
    flex:1 1 auto; 
}

.nav-footer[b-auk7h8kf8r]  .user-badge{
    display:none;
    width:32px;
    height:32px;
    border-radius:50%;
    place-items:center;
    background:#e5f2ff;
    color:#1b76d1;
    font-weight:700;
    font-size:.9rem; 
    border:1px solid #d7e6f7;
    flex:0 0 auto;
}

.nav-footer[b-auk7h8kf8r]  .user-name{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    height: 28px;
    border-radius: 14px;
    background: #e5f2ff;
    color: #1b76d1;
    font-weight: 600;
    font-size: 0.85rem;
    border: 1px solid #d7e6f7;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 0 1 auto;
    margin-right: 6px;
}

.nav-footer[b-auk7h8kf8r]  .profile-row .dropdown-toggle{ 
    margin-left: 0 !important;
}

.nav-footer[b-auk7h8kf8r]  .profile-toggle.dropdown-toggle::after {
    transform: rotate(180deg);
}
.nav-footer[b-auk7h8kf8r]  .profile-toggle{ 
    padding:.25rem .5rem;
    line-height:1;
    border-radius:.5rem; 
}

.vertical-shell.is-mini .nav-footer[b-auk7h8kf8r]  .user-name{ display:none !important; }
.vertical-shell.is-mini .nav-footer[b-auk7h8kf8r]  .user-name-wrap .user-badge{ display:grid !important; }
.vertical-shell.is-mini .nav-footer[b-auk7h8kf8r]  .profile-row{ justify-content:center; gap: 10px; }
.vertical-shell.is-mini .nav-footer[b-auk7h8kf8r]  .profile-toggle {
    width: 34px;
    height: 26px;
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .5rem;
    line-height: 1;
}

.vertical-shell.is-mini .nav-footer[b-auk7h8kf8r]  .profile-toggle .bi {
    margin: 0 !important;
    line-height: 1;
    font-size: 14px;
}

.vertical-shell .nav-item.sub[b-auk7h8kf8r]{
    padding-block: 8px;
}

.vertical-shell .nav-item.sub[b-auk7h8kf8r]{
    gap: 10px;
    min-height: 28px;
}

@media (max-height: 920px){
    .vertical-shell .nav-item[b-auk7h8kf8r]{ padding:8px 20px !important; gap:9px !important; }
    .vertical-shell .section-header .mud-icon-root[b-auk7h8kf8r]{ font-size:20px !important; }
    .vertical-shell .sub[b-auk7h8kf8r]{ padding-left:30px !important; }
    .vertical-shell .brand-container[b-auk7h8kf8r]{ padding:4px 0; } 
    .vertical-shell .brand-logo[b-auk7h8kf8r]{ height:24px; }
    .vertical-shell .brand-title[b-auk7h8kf8r]{ font-size:12px; }
    .vertical-shell .nav-text[b-auk7h8kf8r]{ font-size: 12px; }

    .vertical-shell[b-auk7h8kf8r]  .requests-panel{ margin:10px 10px !important; padding:10px 10px !important; }
    .vertical-shell[b-auk7h8kf8r]  .rp-grid{ gap:8px 6px !important; }
    .vertical-shell[b-auk7h8kf8r]  .rp-chip{ gap: 0; font-size: 11px; padding: 6px 16px;}
    .vertical-shell[b-auk7h8kf8r]  .rp-caption{ font-size:11px; }
    .vertical-shell[b-auk7h8kf8r]  .rp-caption::after{ font-size:10px; margin-top: 0;}
    .vertical-shell[b-auk7h8kf8r]  .rp-fab{ width:22px; height:22px; font-size:14px; }
    .vertical-shell .nav-footer[b-auk7h8kf8r]{ padding:6px 8px; }
    .vertical-shell .nav-footer[b-auk7h8kf8r]  .user-name{ height:26px; font-size:.8rem; padding:0 8px; }
}
/*75*/
@media (max-height: 820px){
    .vertical-shell .nav-item[b-auk7h8kf8r]{ padding:7px 18px !important; gap:8px !important; }
    .vertical-shell .section-header .mud-icon-root[b-auk7h8kf8r]{ font-size:19px !important; }
    .vertical-shell .sub[b-auk7h8kf8r]{ padding-left:26px !important; }

    .vertical-shell .brand-logo[b-auk7h8kf8r]{ height:22px; }
    .vertical-shell .brand-title[b-auk7h8kf8r]{ font-size:12px; }
    .vertical-shell .nav-text[b-auk7h8kf8r] { font-size:12px; }

    .vertical-shell[b-auk7h8kf8r]  .requests-panel{ margin:8px 6px !important; padding:8px 6px !important; }
    .vertical-shell[b-auk7h8kf8r]  .rp-grid{ gap:5px 6px !important; }
    .vertical-shell[b-auk7h8kf8r]  .rp-chip{ gap: 0; font-size: 10px; padding: 4px 16px;}
    .vertical-shell[b-auk7h8kf8r]  .rp-caption{ font-size:10px; }
    .vertical-shell[b-auk7h8kf8r]  .rp-caption::after{ font-size:9px; margin-top: 0;}
    .vertical-shell[b-auk7h8kf8r]  .rp-fab{ width:21px; height:21px; font-size:13px; }
    .vertical-shell.is-mini[b-auk7h8kf8r]  .rp-caption{ font-size:10px;}
    .vertical-shell.is-mini[b-auk7h8kf8r]  .rp-caption::after{ font-size:9px; margin-top: 0;}
    .vertical-shell.is-mini[b-auk7h8kf8r]  .rp-fab{ width:21px; height:21px; font-size:13px; }
    .vertical-shell.is-mini[b-auk7h8kf8r]  .rp-grid{ gap:5px 6px !important; }

    .vertical-shell .bottom-toggle[b-auk7h8kf8r]{ padding:2px; }
}

@media (max-height: 760px){
    .vertical-shell .nav-item[b-auk7h8kf8r]{ padding:6px 16px !important; gap:7px !important; }
    .vertical-shell .section-header .mud-icon-root[b-auk7h8kf8r]{ font-size:18px !important; }
    .vertical-shell .sub[b-auk7h8kf8r]{ padding-left:22px !important; }
    .vertical-shell .brand-logo[b-auk7h8kf8r]{ height:20px; }
    .vertical-shell .brand-title[b-auk7h8kf8r]{ font-size:11px; }
    .vertical-shell .nav-text[b-auk7h8kf8r] { font-size:11px; }
    
    .vertical-shell[b-auk7h8kf8r]  .rp-caption{ font-size:10px; }
    .vertical-shell[b-auk7h8kf8r]  .rp-caption::after{ font-size:9px; margin-top: 0;}
    .vertical-shell[b-auk7h8kf8r]  .rp-fab{ width:20px; height:20px; font-size:13px; }
    .vertical-shell.is-mini[b-auk7h8kf8r]  .rp-caption{ font-size:10px;}
    .vertical-shell.is-mini[b-auk7h8kf8r]  .rp-caption::after{ font-size:9px; margin-top: 0;}
    .vertical-shell.is-mini[b-auk7h8kf8r]  .rp-fab{ width:20px; height:20px; font-size:13px; }
}

@media (max-height: 700px){
    .vertical-shell .nav-item[b-auk7h8kf8r]{ padding:5px 14px !important; gap:6px !important; }
    .vertical-shell .section-header .mud-icon-root[b-auk7h8kf8r]{ font-size:17px !important; }
    .vertical-shell .sub[b-auk7h8kf8r]{ padding-left:20px !important; }
    .vertical-shell .nav-text[b-auk7h8kf8r] { font-size: 11px }

    .vertical-shell[b-auk7h8kf8r]  .requests-panel{ margin:6px 4px !important; padding:6px 4px !important; }
    .vertical-shell[b-auk7h8kf8r]  .rp-grid{ gap:6px 6px !important; }
    .vertical-shell[b-auk7h8kf8r]  .rp-caption{ font-size:10px; }
    .vertical-shell[b-auk7h8kf8r]  .rp-caption::after{ font-size:9px; margin-top: 0;}
    .vertical-shell[b-auk7h8kf8r]  .rp-fab{ width:19px; height:19px; font-size:12px; }
    .vertical-shell.is-mini[b-auk7h8kf8r]  .rp-caption{ font-size:10px;}
    .vertical-shell.is-mini[b-auk7h8kf8r]  .rp-caption::after{ font-size:9px; margin-top: 0;}
    .vertical-shell.is-mini[b-auk7h8kf8r]  .rp-fab{ width:19px; height:19px; font-size:12px; }
    .vertical-shell.is-mini[b-auk7h8kf8r]  .rp-grid{ gap:6px 6px !important; }
}

.vertical-shell .request-block[b-auk7h8kf8r],
.vertical-shell .nav-footer[b-auk7h8kf8r],
.vertical-shell .bottom-toggle[b-auk7h8kf8r]{
    position: static !important;
}

.vertical-shell .mud-drawer[b-auk7h8kf8r],
.vertical-shell .mud-drawer-content[b-auk7h8kf8r],
.vertical-shell .mud-drawer-paper[b-auk7h8kf8r]{
    overflow: visible !important;
}

@media (max-height: 1200px) {
    .vertical-shell[b-auk7h8kf8r]  .mud-nav-menu-custom {
        padding-bottom: 5px;
    }

    .vertical-shell[b-auk7h8kf8r]  .mud-nav-menu {
        padding-bottom: 5px;
    }

    .vertical-shell[b-auk7h8kf8r]  .mud-nav-link {
        padding: 10px 28px !important;
        min-height: 35px;
    }

    .vertical-shell .nav-item[b-auk7h8kf8r] {
        padding: 10px 28px !important;
        gap: 11px !important;
    }

    .vertical-shell .section-header[b-auk7h8kf8r]  .mud-icon-root {
        font-size: 25px !important;
    }

    .vertical-shell[b-auk7h8kf8r]  .mud-nav-link .mud-icon-root {
        font-size: 25px !important;
    }

    .vertical-shell .sub[b-auk7h8kf8r] {
        padding-left: 35px !important;
        min-height: 35px;
    }

    .vertical-shell .brand-container[b-auk7h8kf8r] {
        padding: 6px 0;
    }

    .vertical-shell .brand-logo[b-auk7h8kf8r] {
        height: 28px;
    }

    .vertical-shell .brand-title[b-auk7h8kf8r] {
        font-size: 16px;
    }

    .vertical-shell .nav-text[b-auk7h8kf8r] {
        font-size: 16px;
        line-height: 1.2;
    }

    .vertical-shell[b-auk7h8kf8r]  .mud-nav-link-text {
        font-size: 16px;
        line-height: 1.2;
    }
}

@media (max-height: 920px) {
    .vertical-shell[b-auk7h8kf8r]  .mud-nav-menu-custom {
        padding-bottom: 5px;
    }

    .vertical-shell[b-auk7h8kf8r]  .mud-nav-menu {
        padding-bottom: 5px;
    }

    .vertical-shell[b-auk7h8kf8r]  .mud-nav-link {
        padding: 7px 18px !important;
        min-height: 32px;
    }

    .vertical-shell .nav-item[b-auk7h8kf8r] {
        padding: 7px 18px !important;
        gap: 8px !important;
        min-height: 34px;
    }

    .vertical-shell .section-header[b-auk7h8kf8r]  .mud-icon-root {
        font-size: 22px !important;
    }

    .vertical-shell[b-auk7h8kf8r]  .mud-nav-link .mud-icon-root {
        font-size: 22px !important;
    }

    .vertical-shell .sub[b-auk7h8kf8r] {
        padding-left: 28px !important;
        min-height: 28px;
        padding-block: 5px;
    }

    .vertical-shell[b-auk7h8kf8r]  .mud-nav-link.sub {
        padding-left: 28px !important;
        min-height: 28px;
    }

    .vertical-shell .brand-container[b-auk7h8kf8r] {
        padding: 4px 0;
    }

    .vertical-shell .brand-logo[b-auk7h8kf8r] {
        height: 22px;
    }

    .vertical-shell .brand-title[b-auk7h8kf8r] {
        font-size: 13px;
    }

    .vertical-shell .nav-text[b-auk7h8kf8r] {
        font-size: 13px;
    }

    .vertical-shell[b-auk7h8kf8r]  .mud-nav-link-text {
        font-size: 13px;
    }
    
    .hover-menu-content[b-auk7h8kf8r] {
        min-width: 180px;
        max-width: 220px;
    }

    .hover-menu-item[b-auk7h8kf8r] {
        padding: 7px 14px;
        font-size: 12px;
        gap: 10px;
    }

    .hover-menu-item[b-auk7h8kf8r]  .mud-icon-root {
        font-size: 18px;
    }

    .hover-menu-title[b-auk7h8kf8r] {
        padding: 6px 12px;
        font-size: 12px;
        margin-bottom: 1px;
    }
}

@media (max-height: 820px) {
    .vertical-shell[b-auk7h8kf8r]  .mud-nav-menu-custom {
        padding-bottom: 2px;
    }

    .vertical-shell[b-auk7h8kf8r]  .mud-nav-menu {
        padding-bottom: 2px;
    }

    .vertical-shell[b-auk7h8kf8r]  .mud-nav-link {
        padding: 6px 16px !important;
        min-height: 30px;
    }

    .vertical-shell .nav-item[b-auk7h8kf8r] {
        padding: 6px 16px !important;
        gap: 8px !important;
        min-height: 32px;
    }

    .vertical-shell .section-header[b-auk7h8kf8r]  .mud-icon-root {
        font-size: 18px !important;
    }

    .vertical-shell[b-auk7h8kf8r]  .mud-nav-link .mud-icon-root {
        font-size: 18px !important;
    }

    .vertical-shell .sub[b-auk7h8kf8r] {
        padding-left: 24px !important;
        min-height: 26px;
        padding-block: 4px;
    }

    .vertical-shell[b-auk7h8kf8r]  .mud-nav-link.sub {
        padding-left: 24px !important;
        min-height: 26px;
    }

    .vertical-shell .brand-logo[b-auk7h8kf8r] {
        height: 21px;
    }

    .vertical-shell .brand-title[b-auk7h8kf8r] {
        font-size: 12px;
    }

    .vertical-shell .nav-text[b-auk7h8kf8r] {
        font-size: 12px;
    }

    .vertical-shell[b-auk7h8kf8r]  .mud-nav-link-text {
        font-size: 12px;
    }
    
    .hover-menu-content[b-auk7h8kf8r] {
        min-width: 170px;
        max-width: 200px;
        padding: 6px 0;
    }

    .hover-menu-item[b-auk7h8kf8r] {
        padding: 6px 12px;
        font-size: 12px;
        gap: 8px;
    }

    .hover-menu-item[b-auk7h8kf8r]  .mud-icon-root {
        font-size: 16px;
    }

    .hover-menu-title[b-auk7h8kf8r] {
        padding: 5px 12px;
        font-size: 11px;
        margin-bottom: 2px;
    }
}

@media (max-height: 760px) {
    .vertical-shell[b-auk7h8kf8r]  .mud-nav-menu-custom {
        padding-bottom: 2px;
    }

    .vertical-shell[b-auk7h8kf8r]  .mud-nav-menu {
        padding-bottom: 2px;
    }

    .vertical-shell[b-auk7h8kf8r]  .mud-nav-link {
        padding: 5px 15px !important;
        min-height: 28px;
    }

    .vertical-shell .nav-item[b-auk7h8kf8r] {
        padding: 5px 15px !important;
        gap: 5px !important;
        min-height: 30px;
    }

    .vertical-shell .section-header[b-auk7h8kf8r]  .mud-icon-root {
        font-size: 18px !important;
    }

    .vertical-shell[b-auk7h8kf8r]  .mud-nav-link .mud-icon-root {
        font-size: 18px !important;
    }

    .vertical-shell .sub[b-auk7h8kf8r] {
        padding-left: 20px !important;
        min-height: 25px;
        padding-block: 4px;
    }

    .vertical-shell[b-auk7h8kf8r]  .mud-nav-link.sub {
        padding-left: 20px !important;
        min-height: 25px;
    }

    .vertical-shell .brand-logo[b-auk7h8kf8r] {
        height: 18px;
    }

    .vertical-shell .brand-title[b-auk7h8kf8r] {
        font-size: 11px;
    }

    .vertical-shell .nav-text[b-auk7h8kf8r] {
        font-size: 11px;
    }

    .vertical-shell[b-auk7h8kf8r]  .mud-nav-link-text {
        font-size: 11px;
    }
    
    .hover-menu-content[b-auk7h8kf8r] {
        min-width: 160px;
        max-width: 180px;
        padding: 3px 0;
    }

    .hover-menu-item[b-auk7h8kf8r] {
        padding: 4px 9px;
        font-size: 10px;
        gap: 5px;
    }

    .hover-menu-item[b-auk7h8kf8r]  .mud-icon-root {
        font-size: 14px;
    }

    .hover-menu-title[b-auk7h8kf8r] {
        padding: 3px 9px;
        font-size: 9px;
        margin-bottom: 1px;
    }
}

@media (max-height: 700px) {
    .vertical-shell[b-auk7h8kf8r]  .mud-nav-menu-custom {
        padding-bottom: 0;
    }

    .vertical-shell[b-auk7h8kf8r]  .mud-nav-menu {
        padding-bottom: 0;
    }

    .vertical-shell[b-auk7h8kf8r]  .mud-nav-link {
        padding: 4px 12px !important;
        min-height: 24px;
    }

    .vertical-shell .nav-item[b-auk7h8kf8r] {
        padding: 4px 12px !important;
        gap: 5px !important;
        min-height: 30px;
    }

    .vertical-shell .section-header[b-auk7h8kf8r]  .mud-icon-root {
        font-size: 17px !important;
    }

    .vertical-shell[b-auk7h8kf8r]  .mud-nav-link .mud-icon-root {
        font-size: 16px !important;
    }

    .vertical-shell .sub[b-auk7h8kf8r] {
        padding-left: 18px !important;
        min-height: 22px;
        padding-block: 3px;
    }

    .vertical-shell[b-auk7h8kf8r]  .mud-nav-link.sub {
        padding-left: 18px !important;
        min-height: 22px;
    }

    .vertical-shell .brand-logo[b-auk7h8kf8r] {
        height: 15px;
    }
    
    .vertical-shell .nav-text[b-auk7h8kf8r] {
        font-size: 10px;
        line-height: 1.2;
    }

    .vertical-shell[b-auk7h8kf8r]  .mud-nav-link-text {
        font-size: 10px;
        line-height: 1.2;
    }

    .hover-menu-content[b-auk7h8kf8r] {
        min-width: 150px;
        max-width: 170px;
        padding: 2px 0;
    }

    .hover-menu-item[b-auk7h8kf8r] {
        padding: 2px 6px;
        font-size: 11px;
        gap: 4px;
    }

    .hover-menu-item[b-auk7h8kf8r]  .mud-icon-root {
        font-size: 14px;
    }

    .hover-menu-title[b-auk7h8kf8r] {
        padding: 2px 6px;
        font-size: 9px;
        margin-bottom: 1px;
    }
}

@media (max-height: 650px) {
    .vertical-shell[b-auk7h8kf8r]  .mud-nav-menu-custom {
        padding-bottom: 0;
    }

    .vertical-shell[b-auk7h8kf8r]  .mud-nav-menu {
        padding-bottom: 0;
    }

    .vertical-shell[b-auk7h8kf8r]  .mud-nav-link {
        padding: 4px 12px !important;
        min-height: 24px;
    }

    .vertical-shell .nav-item[b-auk7h8kf8r] {
        padding: 4px 12px !important;
        gap: 5px !important;
        min-height: 26px;
    }

    .vertical-shell .section-header[b-auk7h8kf8r]  .mud-icon-root {
        font-size: 16px !important;
    }

    .vertical-shell[b-auk7h8kf8r]  .mud-nav-link .mud-icon-root {
        font-size: 16px !important;
    }

    .vertical-shell .sub[b-auk7h8kf8r] {
        padding-left: 18px !important;
        min-height: 22px;
        padding-block: 2px;
    }

    .vertical-shell[b-auk7h8kf8r]  .mud-nav-link.sub {
        padding-left: 18px !important;
        min-height: 22px;
    }

    .vertical-shell .sub[b-auk7h8kf8r]  .mud-icon-root {
        font-size: 16px;
    }

    .vertical-shell .nav-text[b-auk7h8kf8r] {
        font-size: 10px;
        line-height: 1.1;
    }

    .vertical-shell[b-auk7h8kf8r]  .mud-nav-link-text {
        font-size: 10px;
        line-height: 1.1;
    }

    .vertical-shell .brand-container[b-auk7h8kf8r] {
        padding: 2px 0;
    }

    .vertical-shell .brand-logo[b-auk7h8kf8r] {
        height: 18px;
    }

    .vertical-shell .brand-title[b-auk7h8kf8r] {
        font-size: 10px;
    }

    .hover-menu-content[b-auk7h8kf8r] {
        min-width: 140px;
        max-width: 160px;
        padding: 2px 0;
    }

    .hover-menu-item[b-auk7h8kf8r] {
        padding: 3px 6px;
        font-size: 10px;
        gap: 4px;
    }

    .hover-menu-item[b-auk7h8kf8r]  .mud-icon-root {
        font-size: 13px;
    }

    .hover-menu-title[b-auk7h8kf8r] {
        padding: 2px 6px;
        font-size: 9px;
        margin-bottom: 0;
    }
}

@media (max-height: 600px) {
    .vertical-shell[b-auk7h8kf8r]  .mud-nav-link {
        padding: 3px 10px !important;
        min-height: 22px;
    }

    .vertical-shell .nav-item[b-auk7h8kf8r] {
        padding: 3px 10px !important;
        gap: 4px !important;
        min-height: 26px;
    }

    .vertical-shell .section-header[b-auk7h8kf8r]  .mud-icon-root {
        font-size: 15px !important;
    }

    .vertical-shell[b-auk7h8kf8r]  .mud-nav-link .mud-icon-root {
        font-size: 15px !important;
    }

    .vertical-shell .sub[b-auk7h8kf8r] {
        padding-left: 16px !important;
        min-height: 20px;
        padding-block: 1px;
    }

    .vertical-shell[b-auk7h8kf8r]  .mud-nav-link.sub {
        padding-left: 16px !important;
        min-height: 20px;
    }

    .vertical-shell .sub[b-auk7h8kf8r]  .mud-icon-root {
        font-size: 15px;
    }

    .vertical-shell .nav-text[b-auk7h8kf8r] {
        font-size: 10px;
        line-height: 1;
    }

    .vertical-shell[b-auk7h8kf8r]  .mud-nav-link-text {
        font-size: 10px;
        line-height: 1;
    }

    .vertical-shell .brand-logo[b-auk7h8kf8r] {
        height: 16px;
    }

    .vertical-shell .brand-title[b-auk7h8kf8r] {
        font-size: 10px;
    }
    
    .hover-menu-content[b-auk7h8kf8r] {
        min-width: 130px;
        max-width: 150px;
        padding: 1px 0;
    }

    .hover-menu-item[b-auk7h8kf8r] {
        padding: 2px 4px;
        font-size: 10px;
        gap: 3px;
    }

    .hover-menu-item[b-auk7h8kf8r]  .mud-icon-root {
        font-size: 12px;
    }

    .hover-menu-title[b-auk7h8kf8r] {
        padding: 1px 4px;
        font-size: 8px;
        margin-bottom: 0;
    }
}

@media (max-height: 920px) {
    .vertical-shell.is-mini .nav-section .nav-item[b-auk7h8kf8r] {
        padding: 6px 0 !important;
        margin: 1px 2px !important;
        min-height: 32px;
    }

    .vertical-shell.is-mini .nav-section[b-auk7h8kf8r]  .mud-nav-link {
        padding: 6px 0 !important;
        justify-content: center !important;
        min-height: 28px;
    }

    .vertical-shell.is-mini .nav-section .section-header[b-auk7h8kf8r] {
        padding: 8px 0 !important;
        margin: 2px !important;
    }

    .vertical-shell.is-mini .nav-section .sub[b-auk7h8kf8r] {
        padding: 4px 0 !important;
        margin: 1px 2px !important;
        height: 24px;
        min-height: 26px;
    }

    .vertical-shell.is-mini .nav-section[b-auk7h8kf8r]  .mud-nav-link.sub {
        padding: 4px 0 !important;
        height: 24px;
        min-height: 26px;
    }
}

@media (max-height: 760px) {
    .vertical-shell.is-mini .nav-section .nav-item[b-auk7h8kf8r] {
        padding: 5px 0 !important;
        min-height: 24px;
    }

    .vertical-shell.is-mini .nav-section[b-auk7h8kf8r]  .mud-nav-link {
        padding: 5px 0 !important;
        min-height: 24px;
    }

    .vertical-shell.is-mini .nav-section .section-header[b-auk7h8kf8r] {
        padding: 6px 0 !important;
    }

    .vertical-shell.is-mini .nav-section .sub[b-auk7h8kf8r] {
        padding: 3px 0 !important;
        height: 20px;
        min-height: 22px;
    }

    .vertical-shell.is-mini .nav-section[b-auk7h8kf8r]  .mud-nav-link.sub {
        padding: 3px 0 !important;
        height: 20px;
        min-height: 22px;
    }
}

@media (max-height: 700px) {
    .vertical-shell.is-mini .nav-section .nav-item[b-auk7h8kf8r] {
        padding: 4px 0 !important;
        margin: 1px 2px !important;
        min-height: 24px;
    }

    .vertical-shell.is-mini .nav-section[b-auk7h8kf8r]  .mud-nav-link {
        padding: 4px 0 !important;
        min-height: 24px;
    }

    .vertical-shell.is-mini .nav-section .section-header[b-auk7h8kf8r] {
        padding: 5px 0 !important;
        margin: 1px 2px !important;
    }

    .vertical-shell.is-mini .nav-section .sub[b-auk7h8kf8r] {
        padding: 2px 0 !important;
        margin: 1px 2px !important;
        height: 22px;
        min-height: 22px;
    }

    .vertical-shell.is-mini .nav-section[b-auk7h8kf8r]  .mud-nav-link.sub {
        padding: 2px 0 !important;
        height: 22px;
        min-height: 22px;
    }

    .vertical-shell.is-mini .nav-section[b-auk7h8kf8r]  .mud-icon-root,
    .vertical-shell.is-mini .nav-section[b-auk7h8kf8r]  .mud-nav-link .mud-icon-root {
        font-size: 15px !important;
    }

    .vertical-shell.is-mini .nav-footer[b-auk7h8kf8r] {
        padding: 3px 6px !important;
    }

    .vertical-shell.is-mini .nav-footer[b-auk7h8kf8r]  .profile-row {
        gap: 7px !important;
    }

    .vertical-shell.is-mini .nav-footer[b-auk7h8kf8r]  .user-badge {
        width: 26px !important;
        height: 26px !important;
        font-size: 0.8rem !important;
    }

    .vertical-shell.is-mini .nav-footer[b-auk7h8kf8r]  .profile-toggle {
        width: 28px !important;
        height: 23px !important;
        padding: 0 !important;
        font-size: 11px !important;
    }
}

@media (max-height: 650px) {
    .vertical-shell.is-mini .nav-section .nav-item[b-auk7h8kf8r] {
        padding: 4px 0 !important;
        min-height: 22px;
    }

    .vertical-shell.is-mini .nav-section[b-auk7h8kf8r]  .mud-nav-link {
        padding: 4px 0 !important;
        min-height: 22px;
    }

    .vertical-shell.is-mini .nav-section .section-header[b-auk7h8kf8r] {
        padding: 5px 0 !important;
    }

    .vertical-shell.is-mini .nav-section .sub[b-auk7h8kf8r] {
        padding: 2px 0 !important;
        height: 20px;
        min-height: 20px;
    }

    .vertical-shell.is-mini .nav-section[b-auk7h8kf8r]  .mud-nav-link.sub {
        padding: 2px 0 !important;
        height: 20px;
        min-height: 20px;
    }

    .vertical-shell.is-mini .nav-section[b-auk7h8kf8r]  .mud-icon-root {
        font-size: 16px !important;
    }

    .vertical-shell.is-mini .nav-section[b-auk7h8kf8r]  .mud-nav-link .mud-icon-root {
        font-size: 16px !important;
    }
}

@media (max-height: 600px) {
    .vertical-shell.is-mini .nav-section .nav-item[b-auk7h8kf8r] {
        padding: 3px 0 !important;
        margin: 1px 0 !important;
        min-height: 20px;
    }

    .vertical-shell.is-mini .nav-section[b-auk7h8kf8r]  .mud-nav-link {
        padding: 3px 0 !important;
        justify-content: center !important;
        min-height: 20px;
    }

    .vertical-shell.is-mini .nav-section .section-header[b-auk7h8kf8r] {
        padding: 4px 0 !important;
        margin: 1px 0 !important;
        min-height: 20px;
    }

    .vertical-shell.is-mini .nav-section .sub[b-auk7h8kf8r] {
        padding: 2px 0 !important;
        margin: 1px 0 !important;
        height: 19px;
        min-height: 19px;
    }

    .vertical-shell.is-mini .nav-section[b-auk7h8kf8r]  .mud-nav-link.sub {
        padding: 2px 0 !important;
        height: 19px;
        min-height: 19px;
    }

    .vertical-shell.is-mini .nav-section[b-auk7h8kf8r]  .mud-icon-root,
    .vertical-shell.is-mini .nav-section[b-auk7h8kf8r]  .mud-nav-link .mud-icon-root {
        font-size: 14px !important;
    }

    .vertical-shell.is-mini .brand-container[b-auk7h8kf8r] {
        padding: 2px 0 !important;
    }

    .vertical-shell.is-mini .brand-logo[b-auk7h8kf8r] {
        height: 16px !important;
    }

    .vertical-shell.is-mini .nav-footer[b-auk7h8kf8r] {
        padding: 3px 6px !important;
    }

    .vertical-shell.is-mini .nav-footer[b-auk7h8kf8r]  .profile-row {
        gap: 7px !important;
    }

    .vertical-shell.is-mini .nav-footer[b-auk7h8kf8r]  .user-badge {
        width: 26px !important;
        height: 26px !important;
        font-size: 0.8rem !important;
    }

    .vertical-shell.is-mini .nav-footer[b-auk7h8kf8r]  .profile-toggle {
        width: 26px !important;
        height: 23px !important;
        padding: 0 !important;
        font-size: 11px !important;
    }
}

@media (max-height: 760px) {
    .vertical-shell.is-mini .nav-item:hover[b-auk7h8kf8r]::after {
        font-size: 11px;
        padding: 3px 6px;
    }
}

@media (max-height: 650px) {
    .vertical-shell.is-mini .nav-item:hover[b-auk7h8kf8r]::after {
        font-size: 10px;
        padding: 2px 4px;
    }
}

.vertical-shell[b-auk7h8kf8r]  .mud-nav-link-content {
    display: flex;
    align-items: center;
    width: 100%;
}

.vertical-shell[b-auk7h8kf8r]  .mud-nav-link.nav-item,
.vertical-shell[b-auk7h8kf8r]  .mud-nav-link.section-header,
.vertical-shell[b-auk7h8kf8r]  .mud-nav-link.sub {
    text-decoration: none !important;
    border-bottom: none !important;
}

.vertical-shell.is-mini .nav-section[b-auk7h8kf8r]  .mud-nav-link {
    justify-content: center !important;
}

.vertical-shell.is-mini[b-auk7h8kf8r]  .mud-nav-link-content {
    justify-content: center !important;
}

.vertical-shell.is-mini .hover-menu[b-auk7h8kf8r]  .mud-nav-link {
    padding: 8px 16px !important;
    justify-content: flex-start !important;
}

.vertical-shell.is-mini .hover-menu[b-auk7h8kf8r]  .mud-nav-link-content{
    justify-content: flex-start !important;
    width: 100%;
}

.vertical-shell.is-mini .hover-menu[b-auk7h8kf8r]  .mud-nav-link .mud-icon-root{
    margin-right: 12px;
}

.vertical-shell .nav-item .nav-text[b-auk7h8kf8r],
.vertical-shell .section-header .nav-text[b-auk7h8kf8r],
.vertical-shell .sub .nav-text[b-auk7h8kf8r],
.vertical-shell[b-auk7h8kf8r]  .mud-nav-link-text {
    position: relative;
    top: 2px;
}
/* /Components/Layout/PublicMainLayout.razor.rz.scp.css */
.page[b-f3v3hhwuvj] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-f3v3hhwuvj] {
    flex: 1;
}

.sidebar[b-f3v3hhwuvj] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

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

    .top-row[b-f3v3hhwuvj]  a, .top-row[b-f3v3hhwuvj]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-f3v3hhwuvj]  a:hover, .top-row[b-f3v3hhwuvj]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-f3v3hhwuvj]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-f3v3hhwuvj] {
        justify-content: space-between;
    }

    .top-row[b-f3v3hhwuvj]  a, .top-row[b-f3v3hhwuvj]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-f3v3hhwuvj] {
        flex-direction: row;
    }

    .sidebar[b-f3v3hhwuvj] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-f3v3hhwuvj] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-f3v3hhwuvj]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

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

#blazor-error-ui[b-f3v3hhwuvj] {
    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-f3v3hhwuvj] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

/* Css for navbar */
.fixed-navbar[b-f3v3hhwuvj] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1050;
}

.content-with-navbar[b-f3v3hhwuvj] {
    padding-top: 100px;
}
/* /Components/Pages/Account/AdminLogin.razor.rz.scp.css */
*[b-wyq6haittu] {
    box-sizing: border-box;
}

.login-page-root[b-wyq6haittu] {
    --background: #f8fafc;
    --foreground: #111827;
    --border: #e5e7eb;
    --input: #ffffff;
    --primary: #3b82f6;
    --primary-foreground: #ffffff;
    --muted-foreground: #6b7280;
    --label-color: #475569;
    --card: #ffffff;
    --radius-md: 8px;
    --radius-lg: 16px;
    --radius-xl: 24px;

    min-height: 100vh;
    background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1440 812' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='1'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(165.32 0 0 165.32 0 0)'><stop stop-color='rgba(240,249,255,1)' offset='0'/><stop stop-color='rgba(248,250,252,1)' offset='0.4'/><stop stop-color='rgba(248,250,252,1)' offset='1'/></radialGradient></defs></svg>");
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 57.5px 16px;
    font-size: 14px;
    color: var(--foreground);
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

.login-logo-large[b-wyq6haittu] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 32px;
    gap: 12px;
}

.login-logo-icon-large[b-wyq6haittu] {
    width: 80px;
    height: 80px;
    border-radius: var(--radius-xl);
    border: 2px solid var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(46, 117, 182, 0.06);
    padding: 2px;
}

.login-logo-icon-large span[b-wyq6haittu] {
    font-size: 40px;
    color: var(--primary);
}

.login-logo-text-large[b-wyq6haittu] {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 1.28px;
    color: var(--primary);
}

.login-card[b-wyq6haittu] {
    width: 100%;
    max-width: 520px;
    background: var(--card);
    border-radius: var(--radius-lg);
    border: 1px solid var(--border);
    padding: 41px 33px 33px;
    box-shadow:
        0 8px 24px rgba(15, 23, 42, 0.12),
        0 2px 8px rgba(15, 23, 42, 0.08);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 24px;
}

.login-card-title[b-wyq6haittu] {
    font-size: 18px;
    font-weight: 600;
    color: var(--foreground);
    margin: 0;
    padding-bottom: 8px;
    line-height: normal;
}

.login-card-subtitle[b-wyq6haittu] {
    font-size: 13px;
    font-weight: 400;
    color: var(--muted-foreground);
    margin: 0;
    padding-bottom: 24px;
    line-height: normal;
}

.login-field-group[b-wyq6haittu] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-bottom: 16px;
}

.login-field-label[b-wyq6haittu] {
    font-size: 13px;
    font-weight: 500;
    color: var(--label-color);
    margin: 0;
}

.login-input-wrapper[b-wyq6haittu] {
    position: relative;
}

.login-input[b-wyq6haittu] {
    width: 100%;
    height: 56px;
    border-radius: var(--radius-md);
    border: 1px solid var(--border);
    padding: 0 18px;
    font-size: 15px;
    color: var(--foreground);
    background: #ffffff;
    font-family: inherit;
    box-sizing: border-box;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.login-input[b-wyq6haittu]::placeholder {
    color: #94a3b8;
}

.login-input:focus-visible[b-wyq6haittu] {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12);
}

.login-input-password[b-wyq6haittu] {
    padding-right: 50px;
}

.login-password-toggle[b-wyq6haittu] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    border-radius: 999px;
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #64748b;
    font-size: 16px;
    padding: 0;
    transition: color 0.2s ease, background 0.2s ease;
}

.login-password-toggle:hover[b-wyq6haittu] {
    color: #475569;
    background: #f8fafc;
}

.login-submit-button[b-wyq6haittu] {
    width: 100%;
    height: 56px;
    border-radius: var(--radius-md);
    border: none;
    background: var(--primary);
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
    font-family: inherit;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login-submit-button:hover:not(:disabled)[b-wyq6haittu] {
    background: #2563eb;
}

.login-submit-button:active:not(:disabled)[b-wyq6haittu] {
    background: #1d4ed8;
    box-shadow: inset 0 2px 4px rgba(15, 23, 42, 0.2);
}

.login-submit-button:focus-visible[b-wyq6haittu] {
    outline: 2px solid #ffffff;
    outline-offset: 2px;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.4);
}

.login-submit-button:disabled[b-wyq6haittu] {
    opacity: 0.7;
    cursor: not-allowed;
}

.login-error-banner[b-wyq6haittu] {
    margin-top: 12px;
    padding: 11px 13px;
    border-radius: var(--radius-md);
    border: 1px solid #fca5a5;
    background: #fee2e2;
    color: #dc2626;
    font-size: 13px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
}

.login-back-link[b-wyq6haittu] {
    margin-top: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 400;
    color: #64748b;
    cursor: pointer;
    text-decoration: none;
    width: 100%;
}

.login-back-link-icon[b-wyq6haittu] {
    font-size: 14px;
    padding-bottom: 1px;
}

.login-back-link:hover[b-wyq6haittu] {
    color: var(--primary);
    text-decoration: underline;
}

/* Validation messages */
.validation-message[b-wyq6haittu] {
    color: #dc2626;
    font-size: 12px;
    margin-top: 4px;
    display: block;
}

/* Responsive design */
@media (max-width: 480px) {
    .login-page-root[b-wyq6haittu] {
        padding: 32px 16px;
        min-height: 100vh;
    }

    .login-card[b-wyq6haittu] {
        padding: 32px 24px 24px;
    }

    .login-logo-icon-large[b-wyq6haittu] {
        width: 64px;
        height: 64px;
    }

    .login-logo-icon-large span[b-wyq6haittu] {
        font-size: 32px;
    }

    .login-logo-text-large[b-wyq6haittu] {
        font-size: 28px;
    }
}

@media (max-width: 360px) {
    .login-logo-text-large[b-wyq6haittu] {
        font-size: 24px;
    }
}

/* Accessibility improvements */
@media (prefers-reduced-motion: reduce) {
    .login-submit-button[b-wyq6haittu] {
        transition: none;
    }
}
/* /Components/Pages/Account/AzureOAuthCallback.razor.rz.scp.css */
*[b-jdf9nt8gra] {
    box-sizing: border-box;
}

/* Shared Variables */
.auth-processing-root[b-jdf9nt8gra],
.auth-success-root[b-jdf9nt8gra],
.auth-error-root[b-jdf9nt8gra] {
    --background: #f8fafc;
    --foreground: #1e293b;
    --border: #e2e8f0;
    --primary: #2e75b6;
    --primary-foreground: #ffffff;
    --secondary: #f1f5f9;
    --secondary-foreground: #475569;
    --muted-foreground: #64748b;
    --success: #10b981;
    --success-foreground: #ffffff;
    --destructive: #ef4444;
    --card: #ffffff;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;

    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", sans-serif;
    font-size: 14px;
    color: var(--foreground);
}

/* ================================
   PROCESSING STATE
   ================================ */
.auth-processing-root[b-jdf9nt8gra] {
    min-height: 100vh;
    background: linear-gradient(
        135deg,
        #f0f9ff 0%,
        #f8fafc 50%,
        #ffffff 100%
    );
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px 16px;
    position: relative;
}

.auth-logo-large[b-jdf9nt8gra] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 32px;
    color: var(--primary);
    gap: 12px;
}

.auth-logo-icon-large[b-jdf9nt8gra] {
    width: 80px;
    height: 80px;
    border-radius: 24px;
    border: 2px solid var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(46, 117, 182, 0.06);
}

.auth-logo-icon-large span[b-jdf9nt8gra] {
    font-size: 40px;
}

.auth-logo-text-large[b-jdf9nt8gra] {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.auth-processing-card[b-jdf9nt8gra] {
    width: 100%;
    max-width: 440px;
    background: var(--card);
    border-radius: var(--radius-xl);
    border: 1px solid var(--border);
    padding: 40px 32px;
    box-shadow:
        0 8px 24px rgba(15, 23, 42, 0.12),
        0 2px 8px rgba(15, 23, 42, 0.08);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 16px;
    animation: slideUp-b-jdf9nt8gra 0.6s ease-out;
    position: relative;
}

.auth-spinner-wrapper[b-jdf9nt8gra] {
    width: 64px;
    height: 64px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    position: relative;
}

.auth-spinner-ring[b-jdf9nt8gra] {
    width: 56px;
    height: 56px;
    border-radius: 999px;
    border-width: 4px;
    border-style: solid;
    border-color: var(--primary) transparent transparent transparent;
    animation: auth-spin-b-jdf9nt8gra 1s linear infinite;
    box-sizing: border-box;
}

@keyframes auth-spin-b-jdf9nt8gra {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.auth-status-title[b-jdf9nt8gra] {
    font-size: 18px;
    font-weight: 600;
    color: var(--foreground);
    max-width: 320px;
    line-height: 1.5;
    margin: 0;
}

.auth-status-subtitle[b-jdf9nt8gra] {
    font-size: 14px;
    color: var(--muted-foreground);
    margin: 0;
    line-height: 1.5;
}

.auth-status-sr-only[b-jdf9nt8gra] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

/* ================================
   SUCCESS STATE
   ================================ */
.auth-success-root[b-jdf9nt8gra] {
    min-height: 100vh;
    background: linear-gradient(
        135deg,
        #f0f9ff 0%,
        #f8fafc 50%,
        #ffffff 100%
    );
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px 16px;
    position: relative;
}

.auth-success-card[b-jdf9nt8gra] {
    width: 100%;
    max-width: 440px;
    background: var(--card);
    border-radius: var(--radius-xl);
    border: 1px solid var(--border);
    padding: 40px 32px;
    box-shadow:
        0 8px 24px rgba(15, 23, 42, 0.12),
        0 2px 8px rgba(15, 23, 42, 0.08);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 16px;
    animation: slideUp-b-jdf9nt8gra 0.6s ease-out;
    position: relative;
}

.auth-success-icon-wrap[b-jdf9nt8gra] {
    width: 64px;
    height: 64px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
    position: relative;
}

.auth-success-checkmark[b-jdf9nt8gra] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: block;
    stroke-width: 3;
    stroke: var(--success);
    stroke-miterlimit: 10;
    box-shadow: inset 0px 0px 0px #dcfce7;
    animation: auth-success-fill-b-jdf9nt8gra 0.4s ease-in-out 0.4s forwards, auth-success-scale-b-jdf9nt8gra 0.3s ease-in-out 0.4s;
}

.auth-success-checkmark-circle[b-jdf9nt8gra] {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 3;
    stroke-miterlimit: 10;
    stroke: var(--success);
    fill: none;
    animation: auth-success-stroke-b-jdf9nt8gra 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.auth-success-checkmark-check[b-jdf9nt8gra] {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: var(--success);
    animation: auth-success-stroke-check-b-jdf9nt8gra 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes auth-success-stroke-b-jdf9nt8gra {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes auth-success-stroke-check-b-jdf9nt8gra {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes auth-success-fill-b-jdf9nt8gra {
    100% {
        box-shadow: inset 0px 0px 0px 30px #dcfce7;
    }
}

@keyframes auth-success-scale-b-jdf9nt8gra {
    0%, 100% {
        transform: none;
    }
    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}


.auth-success-title[b-jdf9nt8gra] {
    font-size: 18px;
    font-weight: 600;
    color: var(--foreground);
    max-width: 280px;
    line-height: 1.4;
    margin-top: 8px;
}

.auth-success-message[b-jdf9nt8gra] {
    font-size: 14px;
    color: var(--muted-foreground);
    margin-top: 4px;
    line-height: 1.5;
}

.auth-success-redirect[b-jdf9nt8gra] {
    font-size: 14px;
    font-weight: 500;
    color: var(--muted-foreground);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 8px;
}

.auth-success-dots[b-jdf9nt8gra] {
    display: inline-flex;
    gap: 3px;
}

.auth-success-dot[b-jdf9nt8gra] {
    width: 4px;
    height: 4px;
    border-radius: 999px;
    background: var(--muted-foreground);
    opacity: 0.2;
    animation: auth-dots-b-jdf9nt8gra 1s ease-in-out infinite;
}

.auth-success-dot:nth-child(2)[b-jdf9nt8gra] {
    animation-delay: 0.15s;
}

.auth-success-dot:nth-child(3)[b-jdf9nt8gra] {
    animation-delay: 0.3s;
}

@keyframes auth-dots-b-jdf9nt8gra {
    0%, 100% {
        opacity: 0.2;
        transform: translateY(0);
    }
    50% {
        opacity: 1;
        transform: translateY(-2px);
    }
}

.auth-success-skip[b-jdf9nt8gra] {
    margin-top: 8px;
    font-size: 13px;
    color: var(--muted-foreground);
    padding: 8px 16px;
    border-radius: var(--radius-md);
    border: 1px solid var(--border);
    background: var(--secondary);
    cursor: pointer;
    white-space: nowrap;
    font-family: inherit;
    transition: all 0.2s ease;
}

.auth-success-skip:hover[b-jdf9nt8gra] {
    border-color: #cbd5e1;
    color: var(--secondary-foreground);
}

.auth-success-sr-only[b-jdf9nt8gra] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

/* ================================
   ERROR STATE
   ================================ */
.auth-error-root[b-jdf9nt8gra] {
    min-height: 100vh;
    background: linear-gradient(
        135deg,
        #f0f9ff 0%,
        #f8fafc 40%,
        #f8fafc 100%
    );
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px 16px;
    position: relative;
}

.auth-error-card[b-jdf9nt8gra] {
    width: 100%;
    max-width: 440px;
    background: var(--card);
    border-radius: var(--radius-xl);
    border: 1px solid var(--border);
    padding: 40px 32px;
    box-shadow:
        0 8px 24px rgba(15, 23, 42, 0.12),
        0 2px 8px rgba(15, 23, 42, 0.08);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 16px;
    animation: slideUp-b-jdf9nt8gra 0.6s ease-out;
    position: relative;
}

@keyframes slideUp-b-jdf9nt8gra {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Add slideUp animation for processing card */

.auth-error-icon-wrap[b-jdf9nt8gra] {
    width: 64px;
    height: 64px;
    border-radius: 999px;
    background: #fef2f2;
    border: 3px solid var(--destructive);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
}

.auth-error-icon-wrap span[b-jdf9nt8gra] {
    font-size: 28px;
}

.auth-error-title[b-jdf9nt8gra] {
    font-size: 18px;
    font-weight: 600;
    color: var(--foreground);
    max-width: 280px;
    line-height: 1.4;
    margin-top: 8px;
}

.auth-error-message[b-jdf9nt8gra] {
    font-size: 14px;
    color: var(--muted-foreground);
    line-height: 1.6;
    max-width: 320px;
    margin-top: 4px;
}

.auth-error-retry-button[b-jdf9nt8gra] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    background: var(--primary);
    color: var(--primary-foreground);
    border-radius: var(--radius-md);
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s ease;
    margin-top: 8px;
}

.auth-error-retry-button:hover[b-jdf9nt8gra] {
    background: #256399;
}

.auth-error-retry-button span[b-jdf9nt8gra] {
    font-size: 16px;
}

/* ================================
   RESPONSIVE DESIGN
   ================================ */
@media (max-width: 480px) {
    .auth-processing-root[b-jdf9nt8gra],
    .auth-success-root[b-jdf9nt8gra],
    .auth-error-root[b-jdf9nt8gra] {
        padding: 24px 16px;
    }

    .auth-processing-card[b-jdf9nt8gra],
    .auth-success-card[b-jdf9nt8gra],
    .auth-error-card[b-jdf9nt8gra] {
        padding: 32px 24px;
    }

    .auth-logo-icon-large[b-jdf9nt8gra] {
        width: 56px;
        height: 56px;
    }

    .auth-logo-icon-large span[b-jdf9nt8gra] {
        font-size: 28px;
    }

    .auth-logo-text-large[b-jdf9nt8gra] {
        font-size: 24px;
    }

    .auth-success-icon-wrap[b-jdf9nt8gra],
    .auth-error-icon-wrap[b-jdf9nt8gra] {
        width: 56px;
        height: 56px;
    }

    .auth-success-title[b-jdf9nt8gra],
    .auth-error-title[b-jdf9nt8gra] {
        font-size: 16px;
    }

    .auth-success-card[b-jdf9nt8gra],
    .auth-error-card[b-jdf9nt8gra] {
        padding: 32px 24px;
    }
}

/* ================================
   ACCESSIBILITY
   ================================ */
@media (prefers-reduced-motion: reduce) {
    .auth-spinner-ring[b-jdf9nt8gra] {
        animation: none;
        border-color: var(--primary);
    }


    .auth-success-dot[b-jdf9nt8gra] {
        animation: none;
        opacity: 1;
    }

    .auth-success-checkmark-circle[b-jdf9nt8gra] {
        stroke-dashoffset: 0;
        animation: none;
    }

    .auth-success-checkmark-check[b-jdf9nt8gra] {
        stroke-dashoffset: 0;
        animation: none;
    }

    .auth-success-checkmark[b-jdf9nt8gra] {
        animation: none;
        box-shadow: inset 0px 0px 0px 30px #dcfce7;
    }

    .auth-processing-card[b-jdf9nt8gra],
    .auth-success-card[b-jdf9nt8gra],
    .auth-error-card[b-jdf9nt8gra] {
        animation: none;
    }
}
/* /Components/Pages/Account/Login.razor.rz.scp.css */
*[b-qvk3ncqefn] {
    box-sizing: border-box;
}

.login-page-root[b-qvk3ncqefn] {
    --background: #f8fafc;
    --foreground: #1e293b;
    --border: #e2e8f0;
    --input: #ffffff;
    --primary: #2e75b6;
    --primary-foreground: #ffffff;
    --secondary: #f1f5f9;
    --secondary-foreground: #475569;
    --muted: #f1f5f9;
    --muted-foreground: #64748b;
    --success: #10b981;
    --success-foreground: #ffffff;
    --accent: #f0f9ff;
    --accent-foreground: #1e293b;
    --destructive: #ef4444;
    --destructive-foreground: #ffffff;
    --card: #ffffff;
    --card-foreground: #1e293b;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;

    min-height: 100vh;
    background: radial-gradient(
        circle at top left,
        #f0f9ff 0%,
        #f8fafc 40%,
        #f8fafc 100%
    );
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px 16px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", sans-serif;
    font-size: 14px;
    color: var(--foreground);
    position: relative;
}

.login-logo-large[b-qvk3ncqefn] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 32px;
    color: var(--primary);
    gap: 12px;
}

.login-logo-icon-large[b-qvk3ncqefn] {
    width: 80px;
    height: 80px;
    border-radius: 24px;
    border: 2px solid var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(46, 117, 182, 0.06);
}

.login-logo-icon-large span[b-qvk3ncqefn] {
    font-size: 40px;
}

.login-logo-text-large[b-qvk3ncqefn] {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.login-card[b-qvk3ncqefn] {
    width: 100%;
    max-width: 440px;
    background: var(--card);
    border-radius: var(--radius-xl);
    border: 1px solid var(--border);
    padding: 40px 32px 32px;
    box-shadow:
        0 8px 24px rgba(15, 23, 42, 0.12),
        0 2px 8px rgba(15, 23, 42, 0.08);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 24px;
    animation: slideUp-b-qvk3ncqefn 0.6s ease-out;
    position: relative;
}

@keyframes slideUp-b-qvk3ncqefn {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.login-logo-small[b-qvk3ncqefn] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--primary);
}

.login-logo-icon-small[b-qvk3ncqefn] {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    border: 1px solid var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(46, 117, 182, 0.06);
    font-size: 22px;
}

.login-logo-text-small[b-qvk3ncqefn] {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.06em;
}

.login-card-title[b-qvk3ncqefn] {
    margin-top: 8px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: var(--foreground);
    line-height: 1.4;
}

.login-card-subtitle[b-qvk3ncqefn] {
    margin-top: 4px;
    text-align: center;
    font-size: 14px;
    color: var(--muted-foreground);
    line-height: 1.5;
}

/* Microsoft Sign-in Button */
.login-ms-button-wrapper[b-qvk3ncqefn] {
    margin-top: 16px;
}

.login-ms-button[b-qvk3ncqefn] {
    width: 100%;
    height: 48px;
    border-radius: var(--radius-md);
    border: 1px solid var(--border);
    background: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 15px;
    font-weight: 500;
    color: #1e293b;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
    white-space: nowrap;
    transition: all 0.2s ease;
    font-family: inherit;
    position: relative;
}

.login-ms-button:hover[b-qvk3ncqefn] {
    background: #f8fafc;
    border-color: #cbd5e1;
}

.login-ms-button:active[b-qvk3ncqefn] {
    background: #f1f5f9;
    border-color: #cbd5e1;
    box-shadow: inset 0 2px 4px rgba(15, 23, 42, 0.06);
}

.login-ms-button:focus-visible[b-qvk3ncqefn] {
    outline: 2px solid var(--primary);
    outline-offset: 2px;
    border-color: var(--primary);
    box-shadow: none;
}

.login-ms-logo-box[b-qvk3ncqefn] {
    width: 22px;
    height: 22px;
    border-radius: 3px;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
}

.login-ms-logo-box span[b-qvk3ncqefn] {
    display: block;
    width: 100%;
    height: 100%;
}

.login-ms-logo-red[b-qvk3ncqefn] {
    background: #d93026;
}

.login-ms-logo-green[b-qvk3ncqefn] {
    background: #188038;
}

.login-ms-logo-blue[b-qvk3ncqefn] {
    background: #1662c4;
}

.login-ms-logo-yellow[b-qvk3ncqefn] {
    background: #f9ab00;
}

/* Alert styles */
.login-alert[b-qvk3ncqefn] {
    padding: 16px 20px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    animation: fadeInUp-b-qvk3ncqefn 0.4s ease-out;
}

.login-alert-info[b-qvk3ncqefn] {
    background: linear-gradient(135deg, #f8fbff 0%, #f0f7ff 100%);
    color: #1565c0;
    border: 1px solid #e3f2fd;
    border-left: 4px solid #2196f3;
}

@keyframes fadeInUp-b-qvk3ncqefn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Alternative Login Area */
.login-alt-area[b-qvk3ncqefn] {
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.login-alt-text-link[b-qvk3ncqefn] {
    font-size: 12px;
    color: #94a3b8;
    cursor: pointer;
    text-decoration: none;
    transition: color 0.2s ease;
}

.login-alt-text-link:hover[b-qvk3ncqefn] {
    color: #64748b;
    text-decoration: underline;
}

.login-alt-icon-button[b-qvk3ncqefn] {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    border: none;
    background: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #94a3b8;
    font-size: 18px;
}

.login-alt-icon-button:hover[b-qvk3ncqefn] {
    background: #f8fafc;
    color: #64748b;
}

/* Responsive design */
@media (max-width: 480px) {
    .login-page-root[b-qvk3ncqefn] {
        padding: 24px 16px;
    }

    .login-card[b-qvk3ncqefn] {
        padding: 32px 24px 24px;
    }

    .login-logo-icon-large[b-qvk3ncqefn] {
        width: 64px;
        height: 64px;
    }

    .login-logo-icon-large span[b-qvk3ncqefn] {
        font-size: 32px;
    }

    .login-logo-text-large[b-qvk3ncqefn] {
        font-size: 26px;
    }

    .login-ms-button[b-qvk3ncqefn] {
        height: 44px;
        font-size: 14px;
    }
}

@media (max-width: 360px) {
    .login-logo-text-large[b-qvk3ncqefn] {
        font-size: 22px;
    }
}

/* Accessibility improvements */
@media (prefers-reduced-motion: reduce) {
    .login-card[b-qvk3ncqefn] {
        animation: none;
    }

    .login-alert[b-qvk3ncqefn] {
        animation: none;
    }
}
/* /Components/Pages/CandidatePages/CandidateDetails/CandidateCVsTab.razor.rz.scp.css */
/* Empty State - Original */
.cv-empty-state[b-93kew1de8a] {
    max-width: 600px;
    margin: 2rem auto;
    padding: 1rem;
}

.empty-state-card[b-93kew1de8a] {
    background-color: #fafafa;
    border-radius: 12px;
    padding: 3rem 2rem;
}

.empty-state-icon[b-93kew1de8a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    background-color: #f0f0f0;
    border-radius: 12px;
    margin-bottom: 1rem;
}

.empty-state-icon i[b-93kew1de8a] {
    font-size: 2.5rem;
    color: #bdbdbd;
}

.empty-state-title[b-93kew1de8a] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 0.5rem 0;
}

.empty-state-subtitle[b-93kew1de8a] {
    font-size: 0.9375rem;
    color: #757575;
    margin: 0 0 1.5rem 0;
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
}

/* Compact Empty State for Grid Layout */
.cv-empty-state-compact[b-93kew1de8a] {
    text-align: center;
    padding: 2rem 1rem;
}

.empty-icon-wrapper[b-93kew1de8a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    background-color: #f5f5f5;
    border-radius: 50%;
    margin-bottom: 1rem;
}

.empty-icon-wrapper i[b-93kew1de8a] {
    font-size: 2rem;
    color: #bdbdbd;
}

.empty-title[b-93kew1de8a] {
    font-size: 1rem;
    font-weight: 600;
    color: #424242;
    margin: 0 0 0.5rem 0;
}

.empty-subtitle[b-93kew1de8a] {
    font-size: 0.875rem;
    color: #757575;
    margin: 0;
    line-height: 1.5;
}

/* Upload CV Button */
.btn-upload-cv[b-93kew1de8a] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.625rem 1.25rem;
    background-color: #4f6bed;
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 0.9375rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-upload-cv:hover[b-93kew1de8a] {
    background-color: #3d5bd9;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(79, 107, 237, 0.3);
}

.btn-upload-cv i[b-93kew1de8a] {
    font-size: 1.125rem;
}

/* Main Container */
.cvs-main-container[b-93kew1de8a] {
    max-width: 1400px;
    margin: 1rem auto 15rem;
    padding: 0 1rem;
}

/* Grid Layout */
.cvs-grid[b-93kew1de8a] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    align-items: start;
}

/* Section Styling */
.cvs-section[b-93kew1de8a] {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.2s ease;
}

.cvs-section:hover[b-93kew1de8a] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.cvs-section-header[b-93kew1de8a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
    border-bottom: 1px solid #e0e0e0;
    gap: 1rem;
}

.cvs-section-title-wrapper[b-93kew1de8a] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.section-icon[b-93kew1de8a] {
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.external-icon[b-93kew1de8a] {
    color: #4f6bed;
}

.internal-icon[b-93kew1de8a] {
    color: #28a745;
}

.cvs-section-title[b-93kew1de8a] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0;
}

.cvs-section-body[b-93kew1de8a] {
    padding: 1.5rem;
    min-height: 200px;
}

/* Action Buttons */
.btn-action[b-93kew1de8a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
    min-width: auto;
    flex-shrink: 0;
    width: auto;
}

.btn-action i[b-93kew1de8a] {
    font-size: 1rem;
}

.btn-action span[b-93kew1de8a] {
    display: inline-block;
}

.btn-action.btn-primary[b-93kew1de8a] {
    background-color: #4f6bed;
    color: white;
}

.btn-action.btn-primary:hover[b-93kew1de8a] {
    background-color: #3d5bd9;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(79, 107, 237, 0.3);
}

.btn-action.btn-secondary[b-93kew1de8a] {
    background-color: #28a745;
    color: white;
}

.btn-action.btn-secondary:hover[b-93kew1de8a] {
    background-color: #218838;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3);
}

/* CV List */
.cv-list[b-93kew1de8a] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.cv-item[b-93kew1de8a] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    transition: all 0.2s ease;
}

.cv-item:hover[b-93kew1de8a] {
    border-color: #c0c0c0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

/* File Badge */
.cv-file-badge[b-93kew1de8a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    height: 28px;
    padding: 0 0.5rem;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    border-radius: 4px;
    flex-shrink: 0;
}

.cv-badge-pdf[b-93kew1de8a] {
    background-color: #ffebee;
    color: #d32f2f;
}

.cv-badge-doc[b-93kew1de8a] {
    background-color: #e3f2fd;
    color: #1976d2;
}

.cv-badge-default[b-93kew1de8a] {
    background-color: #f5f5f5;
    color: #757575;
}

/* CV Details */
.cv-details[b-93kew1de8a] {
    flex: 1;
    min-width: 0;
}

.cv-filename[b-93kew1de8a] {
    font-size: 0.9375rem;
    font-weight: 500;
    color: #1a1a1a;
    margin: 0 0 0.25rem 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cv-meta[b-93kew1de8a] {
    font-size: 0.8125rem;
    color: #757575;
    margin: 0;
}

.cv-filesize[b-93kew1de8a] {
    font-size: 0.75rem;
    color: #9e9e9e;
    margin: 0.25rem 0 0 0;
}

/* Download Button */
.btn-download[b-93kew1de8a] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 1rem;
    background-color: #ffffff;
    color: #555555;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.btn-download:hover:not(:disabled)[b-93kew1de8a] {
    background-color: #f5f5f5;
    border-color: #c0c0c0;
}

.btn-download:disabled[b-93kew1de8a] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-download.downloading[b-93kew1de8a] {
    background-color: #f5f5f5;
    border-color: #e0e0e0;
}

.btn-download i[b-93kew1de8a] {
    font-size: 1rem;
    color: #4f6bed;
}

.btn-download .spinner-border-sm[b-93kew1de8a] {
    border-color: #4f6bed;
    border-right-color: transparent;
}

/* Upload Zone */
.upload-zone[b-93kew1de8a] {
    transition: all 0.3s ease;
    background-color: #ffffff;
}

.upload-zone:hover[b-93kew1de8a] {
    border-color: #4f6bed !important;
    background-color: #f5f9ff !important;
}

.upload-zone.drag-over[b-93kew1de8a] {
    border-color: #4f6bed !important;
    background-color: #e3f2fd !important;
}

/* Responsive */
@media (max-width: 1200px) {
    .cvs-grid[b-93kew1de8a] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .cvs-main-container[b-93kew1de8a] {
        max-width: 900px;
    }
}

@media (max-width: 768px) {
    .cvs-main-container[b-93kew1de8a] {
        padding: 0 0.5rem;
    }

    .cvs-section-header[b-93kew1de8a] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1.25rem 1.5rem;
        background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
        border-bottom: 1px solid #e0e0e0;
        gap: 1rem;
    }

    .cvs-section-title-wrapper[b-93kew1de8a] {
        justify-content: center;
    }

    .btn-action[b-93kew1de8a] {
        justify-content: center;
    }

    .cvs-section-body[b-93kew1de8a] {
        padding: 1rem;
    }
}

@media (max-width: 600px) {
    .cv-item[b-93kew1de8a] {
        flex-wrap: wrap;
        gap: 0.75rem;
        padding: 1rem;
    }

    .cv-details[b-93kew1de8a] {
        flex: 1 1 calc(100% - 60px);
        order: 2;
    }

    .cv-file-badge[b-93kew1de8a] {
        order: 1;
    }

    .btn-download[b-93kew1de8a] {
        order: 3;
        width: 100%;
        justify-content: center;
    }

    .section-icon[b-93kew1de8a] {
        font-size: 1.25rem;
    }

    .cvs-section-title[b-93kew1de8a] {
        font-size: 1rem;
    }
}

/* PDF Preview Modal (same as Feedback) */
.dialog-overlay[b-93kew1de8a] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1300;
    animation: fadeIn-b-93kew1de8a 0.2s ease-in-out;
}

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

.preview-layout[b-93kew1de8a] {
    display: flex;
    width: 95vw;
    max-width: 1200px;
    height: 90vh;
    gap: 24px;
    animation: slideIn-b-93kew1de8a 0.3s ease-out;
}

@keyframes slideIn-b-93kew1de8a {
    from { transform: translateY(-40px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

.pdf-preview-area[b-93kew1de8a] {
    flex: 1;
    background: #525659;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pdf-iframe[b-93kew1de8a] {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 8px;
}

.preview-sidebar[b-93kew1de8a] {
    width: 220px;
    flex-shrink: 0;
    background: white;
    border-radius: 8px;
    padding: 24px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
    align-self: flex-start;
}
/* /Components/Pages/CandidatePages/CandidateDetails/InternalComments.razor.rz.scp.css */
.summary-container[b-z1cnu9p29k] {
    position: relative;
    overflow: hidden;
}

.loading-overlay[b-z1cnu9p29k] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(248, 249, 250, 0.95);
    backdrop-filter: blur(4px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 10;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.loading-overlay.active[b-z1cnu9p29k] {
    opacity: 1;
}

.snake-border[b-z1cnu9p29k] {
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    border-radius: 8px;
    opacity: 0;
    pointer-events: none;
    overflow: hidden;
}

.snake-border.active[b-z1cnu9p29k] {
    opacity: 1;
}

.snake-border[b-z1cnu9p29k]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background: linear-gradient(90deg,
    transparent 0%,
    transparent 70%,
    #007bff 80%,
    #0056b3 90%,
    transparent 100%);
    animation: snakeMove-b-z1cnu9p29k 3s linear infinite;
}

.snake-border[b-z1cnu9p29k]::after {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    border-radius: 6px;
    background: #fff;
    z-index: 1;
}

@keyframes snakeMove-b-z1cnu9p29k {
    0% {
        transform: rotate(0deg) scale(1.1);
    }
    25% {
        transform: rotate(90deg) scale(1.1);
    }
    50% {
        transform: rotate(180deg) scale(1.1);
    }
    75% {
        transform: rotate(270deg) scale(1.1);
    }
    100% {
        transform: rotate(360deg) scale(1.1);
    }
}

.updating-text[b-z1cnu9p29k] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #007bff;
    margin-bottom: 0.5rem;
}

.dots[b-z1cnu9p29k] {
    display: inline-block;
    width: 20px;
}

.dots[b-z1cnu9p29k]::after {
    content: '';
    animation: dots-b-z1cnu9p29k 1.5s steps(4, end) infinite;
}

@keyframes dots-b-z1cnu9p29k {
    0%, 20% { content: ''; }
    40% { content: '.'; }
    60% { content: '..'; }
    80%, 100% { content: '...'; }
}

.ai-icon[b-z1cnu9p29k] {
    font-size: 2rem;
    color: #007bff;
    animation: pulse-b-z1cnu9p29k 2s ease-in-out infinite;
}

@keyframes pulse-b-z1cnu9p29k {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.7; transform: scale(1.1); }
}

.summary-container.no-clip[b-z1cnu9p29k] {
    overflow: visible;
}
/* /Components/Pages/CandidatePages/CandidateDetails/JobList.razor.rz.scp.css */
.cvb-arrow[b-jlu2q0f71c] {
    fill: rgba(0,0,0,0.54);
    transition: transform .15s ease;
}

.cvb-rotate-180[b-jlu2q0f71c] {
    transform: rotate(180deg);
}

.cvb-backdrop[b-jlu2q0f71c] {
    position: fixed;
    inset: 0;
    z-index: 1045;
    background: transparent;
}

.cvb-dropdown[b-jlu2q0f71c] {
    position: absolute;
    z-index: 1055;
    max-height: 380px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 0.25rem;
}

.cvb-list[b-jlu2q0f71c] {
    max-height: 280px;
    overflow: auto;
    padding-left: 4px;
}

.jobs-select-btn[b-jlu2q0f71c] {
    height: 60px;
    padding-top: 8px;
    padding-bottom: 8px;
}
/* /Components/Pages/CandidatePages/CandidateDetails/PersonalInfo.razor.rz.scp.css */
.summary-container[b-dk1wwxrhm7] {
    position: relative;
    overflow: hidden;
}

.loading-overlay[b-dk1wwxrhm7] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(248, 249, 250, 0.95);
    backdrop-filter: blur(4px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 10;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.loading-overlay.active[b-dk1wwxrhm7] {
    opacity: 1;
}

.snake-border[b-dk1wwxrhm7] {
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    border-radius: 8px;
    opacity: 0;
    pointer-events: none;
    overflow: hidden;
}

.snake-border.active[b-dk1wwxrhm7] {
    opacity: 1;
}

.snake-border[b-dk1wwxrhm7]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background: linear-gradient(90deg,
    transparent 0%,
    transparent 70%,
    #007bff 80%,
    #0056b3 90%,
    transparent 100%);
    animation: snakeMove-b-dk1wwxrhm7 3s linear infinite;
}

.snake-border[b-dk1wwxrhm7]::after {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    border-radius: 6px;
    background: #fff;
    z-index: 1;
}

@keyframes snakeMove-b-dk1wwxrhm7 {
    0% {
        transform: rotate(0deg) scale(1.1);
    }
    25% {
        transform: rotate(90deg) scale(1.1);
    }
    50% {
        transform: rotate(180deg) scale(1.1);
    }
    75% {
        transform: rotate(270deg) scale(1.1);
    }
    100% {
        transform: rotate(360deg) scale(1.1);
    }
}

.updating-text[b-dk1wwxrhm7] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #007bff;
    margin-bottom: 0.5rem;
}

.dots[b-dk1wwxrhm7] {
    display: inline-block;
    width: 20px;
}

.dots[b-dk1wwxrhm7]::after {
    content: '';
    animation: dots-b-dk1wwxrhm7 1.5s steps(4, end) infinite;
}

@keyframes dots-b-dk1wwxrhm7 {
    0%, 20% { content: ''; }
    40% { content: '.'; }
    60% { content: '..'; }
    80%, 100% { content: '...'; }
}

.ai-icon[b-dk1wwxrhm7] {
    font-size: 2rem;
    color: #007bff;
    animation: pulse-b-dk1wwxrhm7 2s ease-in-out infinite;
}

@keyframes pulse-b-dk1wwxrhm7 {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.7; transform: scale(1.1); }
}

.summary-container.no-clip[b-dk1wwxrhm7] {
    overflow: visible;
}
/* /Components/Pages/CandidatePages/CandidateDetails/WorkExperience.razor.rz.scp.css */
.summary-container[b-lvjsvyokxn] {
    position: relative;
    overflow: hidden;
}

.loading-overlay[b-lvjsvyokxn] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(248, 249, 250, 0.95);
    backdrop-filter: blur(4px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 10;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.loading-overlay.active[b-lvjsvyokxn] {
    opacity: 1;
}

.snake-border[b-lvjsvyokxn] {
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    border-radius: 8px;
    opacity: 0;
    pointer-events: none;
    overflow: hidden;
}

.snake-border.active[b-lvjsvyokxn] {
    opacity: 1;
}

.snake-border[b-lvjsvyokxn]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background: linear-gradient(90deg,
    transparent 0%,
    transparent 70%,
    #007bff 80%,
    #0056b3 90%,
    transparent 100%);
    animation: snakeMove-b-lvjsvyokxn 3s linear infinite;
}

.snake-border[b-lvjsvyokxn]::after {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    border-radius: 6px;
    background: #fff;
    z-index: 1;
}

@keyframes snakeMove-b-lvjsvyokxn {
    0% {
        transform: rotate(0deg) scale(1.1);
    }
    25% {
        transform: rotate(90deg) scale(1.1);
    }
    50% {
        transform: rotate(180deg) scale(1.1);
    }
    75% {
        transform: rotate(270deg) scale(1.1);
    }
    100% {
        transform: rotate(360deg) scale(1.1);
    }
}

.updating-text[b-lvjsvyokxn] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #007bff;
    margin-bottom: 0.5rem;
}

.dots[b-lvjsvyokxn] {
    display: inline-block;
    width: 20px;
}

.dots[b-lvjsvyokxn]::after {
    content: '';
    animation: dots-b-lvjsvyokxn 1.5s steps(4, end) infinite;
}

@keyframes dots-b-lvjsvyokxn {
    0%, 20% { content: ''; }
    40% { content: '.'; }
    60% { content: '..'; }
    80%, 100% { content: '...'; }
}

.ai-icon[b-lvjsvyokxn] {
    font-size: 2rem;
    color: #007bff;
    animation: pulse-b-lvjsvyokxn 2s ease-in-out infinite;
}

@keyframes pulse-b-lvjsvyokxn {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.7; transform: scale(1.1); }
}

.summary-container.no-clip[b-lvjsvyokxn] {
    overflow: visible;
}
/* /Components/Pages/CandidatePages/CandidatePreview.razor.rz.scp.css */
.dialog-overlay-preview[b-kqduzags1s] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1300;
    padding: 24px;
}

.preview-layout[b-kqduzags1s] {
    display: flex;
    width: 95vw;
    max-width: 1200px;
    height: 90vh;
    gap: 24px;
    background: transparent;
}

.pdf-preview-area[b-kqduzags1s] {
    flex: 1;
    background: #525659;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pdf-iframe[b-kqduzags1s] {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 8px;
}

.preview-sidebar[b-kqduzags1s] {
    width: 220px;
    flex-shrink: 0;
    background: white;
    border-radius: 8px;
    padding: 24px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
    align-self: flex-start;
}
/* /Components/Pages/CandidatePages/CandidateRequests/CandidateRequestsPage.razor.rz.scp.css */
.status-history-list[b-h4xk3s5v2e] {
    display: flex;
    flex-direction: column;
}

.history-row[b-h4xk3s5v2e] {
    display: grid;
    grid-template-columns: 120px 165px 110px 20px auto;
    align-items: center;
    gap: 8px;
}

.history-row .separator[b-h4xk3s5v2e] {
    text-align: center;
}

.drop-zone[b-h4xk3s5v2e] {
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.drop-zone[b-h4xk3s5v2e]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.drop-zone:hover[b-h4xk3s5v2e] {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

.drop-zone.mud-drop-zone-drag-over[b-h4xk3s5v2e] {
    transform: scale(1.02);
    box-shadow: 0 12px 40px rgba(0,0,0,0.2);
}

.drop-zone.mud-drop-zone-drag-over[b-h4xk3s5v2e]::before {
    opacity: 0.1;
}

.drop-zone-requested.mud-drop-zone-drag-over[b-h4xk3s5v2e]::before {
    background: #1976d2;
}

.drop-zone-progress.mud-drop-zone-drag-over[b-h4xk3s5v2e]::before {
    background: #f57c00;
}

.drop-zone-completed.mud-drop-zone-drag-over[b-h4xk3s5v2e]::before {
    background: #388e3c;
}

.drop-zone-cancelled.mud-drop-zone-drag-over[b-h4xk3s5v2e]::before {
    background: #d32f2f;
}

.request-card[b-h4xk3s5v2e] {
    transition: all 0.3s ease;
}

.request-card:hover[b-h4xk3s5v2e] {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(0,0,0,0.15);
}

.request-card.mud-dragging[b-h4xk3s5v2e] {
    transform: rotate(5deg) scale(1.05);
    box-shadow: 0 15px 50px rgba(0,0,0,0.3);
    z-index: 1000;
}

/* Status-based left borders */
.request-card.status-requested[b-h4xk3s5v2e] {
    border-left: 4px solid #1976d2;
}

.request-card.status-inprogress[b-h4xk3s5v2e] {
    border-left: 4px solid #f57c00;
}

.request-card.status-completed[b-h4xk3s5v2e] {
    border-left: 4px solid #388e3c;
}

.request-card.status-cancelled[b-h4xk3s5v2e] {
    border-left: 4px solid #d32f2f;
}

.text-primary[b-h4xk3s5v2e] { color: #1976d2 !important; }
.text-secondary[b-h4xk3s5v2e] { color: #7b1fa2 !important; }
.text-info[b-h4xk3s5v2e] { color: #0288d1 !important; }
.text-warning[b-h4xk3s5v2e] { color: #f57c00 !important; }
.text-success[b-h4xk3s5v2e] { color: #388e3c !important; }

.font-weight-bold[b-h4xk3s5v2e] { font-weight: 600 !important; }
.font-weight-medium[b-h4xk3s5v2e] { font-weight: 500 !important; }

.details-eye-button:hover[b-h4xk3s5v2e] {
    transform: scale(1.1);
    background-color: rgba(156, 39, 176, 0.4) !important;
    color: rgba(156, 39, 176, 0.4) !important;
    box-shadow: 0 4px 15px rgba(33, 150, 243, 0.4);
}

.ai-update-button:hover[b-h4xk3s5v2e] {
    transform: scale(1.1);
    background-color: rgba(33, 150, 243, 0.4) !important;
    color: rgba(33, 150, 243, 0.4) !important;
    animation: sparkle-b-h4xk3s5v2e 0.6s ease-in-out;
    box-shadow: 0 4px 15px rgba(156, 39, 176, 0.4);
}

@keyframes sparkle-b-h4xk3s5v2e {
    0%, 100% { transform: scale(1.1) rotate(0deg); }
    25% { transform: scale(1.15) rotate(5deg); }
    75% { transform: scale(1.15) rotate(-5deg); }
}

.gap-2[b-h4xk3s5v2e] {
    gap: 0.5rem;
}

/* Loading Animation */
.loader-container[b-h4xk3s5v2e] {
    background: transparent;
    backdrop-filter: blur(20px);
    padding: 40px;
    text-align: center;
}

.ai-brain[b-h4xk3s5v2e] {
    width: 80px;
    height: 80px;
    margin: 0 auto 30px;
    position: relative;
}

.brain-svg[b-h4xk3s5v2e] {
    width: 100%;
    height: 100%;
    animation: pulse-b-h4xk3s5v2e 2s ease-in-out infinite;
}

.neural-network[b-h4xk3s5v2e] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.6;
}

.neural-dot[b-h4xk3s5v2e] {
    width: 4px;
    height: 4px;
    background: #667eea;
    border-radius: 50%;
    position: absolute;
    animation: neuralPulse-b-h4xk3s5v2e 1.5s ease-in-out infinite;
}

.neural-dot:nth-child(1)[b-h4xk3s5v2e] { top: 20%; left: 30%; animation-delay: 0s; }
.neural-dot:nth-child(2)[b-h4xk3s5v2e] { top: 40%; left: 70%; animation-delay: 0.3s; }
.neural-dot:nth-child(3)[b-h4xk3s5v2e] { top: 60%; left: 20%; animation-delay: 0.6s; }
.neural-dot:nth-child(4)[b-h4xk3s5v2e] { top: 80%; left: 60%; animation-delay: 0.9s; }

.title[b-h4xk3s5v2e] {
    font-size: 28px;
    font-weight: 700;
    color: #2d3748;
    margin-bottom: 12px;
    background: linear-gradient(135deg, #667eea, #764ba2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.subtitle[b-h4xk3s5v2e] {
    font-size: 16px;
    color: #718096;
    margin-bottom: 40px;
}

.processing-steps[b-h4xk3s5v2e] {
    text-align: left;
    margin-bottom: 30px;
}

.step[b-h4xk3s5v2e] {
    display: flex;
    align-items: center;
    padding: 12px 0;
    transition: all 0.3s ease;
    border-radius: 8px;
    padding-left: 16px;
    margin-bottom: 8px;
}

.step.active[b-h4xk3s5v2e] {
    background: linear-gradient(90deg, rgba(102, 126, 234, 0.1), rgba(118, 75, 162, 0.1));
    transform: translateX(8px);
}

.step.completed[b-h4xk3s5v2e] {
    opacity: 0.6;
}

.step-icon[b-h4xk3s5v2e] {
    width: 24px;
    height: 24px;
    margin-right: 16px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    transition: all 0.3s ease;
}

.step.active .step-icon[b-h4xk3s5v2e] {
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: white;
    animation: spin-b-h4xk3s5v2e 1s linear infinite;
}

.step.completed .step-icon[b-h4xk3s5v2e] {
    background: #48bb78;
    color: white;
}

.step.pending .step-icon[b-h4xk3s5v2e] {
    background: #e2e8f0;
    color: #a0aec0;
}

.step-text[b-h4xk3s5v2e] {
    font-size: 16px;
    font-weight: 500;
    color: #2d3748;
}

.step.active .step-text[b-h4xk3s5v2e] {
    color: #667eea;
    font-weight: 600;
}

.progress-bar[b-h4xk3s5v2e] {
    width: 100%;
    height: 6px;
    background: #e2e8f0;
    border-radius: 3px;
    overflow: hidden;
    margin-top: 20px;
}

.progress-fill[b-h4xk3s5v2e] {
    width: 20%;
    height: 100%;
    background: linear-gradient(90deg, #667eea, #764ba2);
    border-radius: 3px;
    position: relative;
    animation: fill-b-h4xk3s5v2e 90s steps(10, end) forwards;
}

@keyframes fill-b-h4xk3s5v2e {
    from { width: 20%; }
    to   { width: 100%; }
}

.progress-fill[b-h4xk3s5v2e]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
    animation: load 2s infinite;
}

.estimated-time[b-h4xk3s5v2e] {
    margin-top: 16px;
    font-size: 14px;
    color: #718096;
}

@keyframes pulse-b-h4xk3s5v2e {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.05); opacity: 0.8; }
}

@keyframes neuralPulse-b-h4xk3s5v2e {
    0%, 100% { opacity: 0.3; transform: scale(1); }
    50% { opacity: 1; transform: scale(1.2); }
}

@keyframes spin-b-h4xk3s5v2e {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes shimmer-b-h4xk3s5v2e {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}

@media (max-width: 480px) {
    .loader-container[b-h4xk3s5v2e] {
        padding: 30px 20px;
    }

    .title[b-h4xk3s5v2e] {
        font-size: 24px;
    }

    .step-text[b-h4xk3s5v2e] {
        font-size: 14px;
    }
}

.cvb-arrow[b-h4xk3s5v2e] {
    fill: rgba(0,0,0,0.54);
    transition: transform .15s ease;
}

.cvb-rotate-180[b-h4xk3s5v2e] {
    transform: rotate(180deg);
}

.cvb-backdrop[b-h4xk3s5v2e] {
    position: fixed;
    inset: 0;
    z-index: 1045;
    background: transparent;
}

.cvb-dropdown[b-h4xk3s5v2e] {
    position: absolute;
    z-index: 1055;
    max-height: 380px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 0.25rem;
}

.cvb-list[b-h4xk3s5v2e] {
    max-height: 280px;
    overflow: auto;
    padding-left: 4px;
}

.jobs-select-btn[b-h4xk3s5v2e] {
    height: 60px;
    padding-top: 8px;
    padding-bottom: 8px;
}
/* /Components/Pages/CandidatePages/CandidateRequests/CandidateRequestsStatistics.razor.rz.scp.css */
.stats-container[b-26cstsluhf] {
    border: 2px solid #000;
    border-radius: 8px;
    padding: 1.5rem;
    background-color: #f8f9fa;
    max-width: 1200px;
    margin: 0 auto;
}

.stats-content[b-26cstsluhf] {
    display: flex;
    gap: 4rem;
    align-items: stretch
}

.stats-middle[b-26cstsluhf] {
    border: 1px solid #000;
    border-radius: 4px;
    padding: 1rem;
    background-color: white;
    font-size: 1rem;
    align-items: center;
}

.requests-section[b-26cstsluhf] {
    border: 1px solid #000;
    border-radius: 4px;
    padding: 1rem;
    background-color: white;
    min-width: 180px;
}

.requests-section h4[b-26cstsluhf] {
    margin: 0 0 1rem 0;
    font-size: 0.95rem;
    font-weight: bold;
}

.request-item[b-26cstsluhf] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
}

.request-item:last-child[b-26cstsluhf] {
    margin-bottom: 0;
}

.avg-section[b-26cstsluhf] {
    border: 1px solid #000;
    border-radius: 4px;
    padding: 1rem;
    background-color: white;
    flex: 1;
}

.avg-section h4[b-26cstsluhf] {
    margin: 0 0 1rem 0;
    font-size: 1rem;
    font-weight: bold;
}

.avg-grid[b-26cstsluhf] {
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 0.63rem 0.9rem;
    align-items: center;
    font-size: 0.9rem;
}

.avg-label[b-26cstsluhf] {
    white-space: nowrap;
}

.avg-values[b-26cstsluhf] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.avg-value[b-26cstsluhf] {
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1;
    white-space: nowrap;
}
/* /Components/Pages/CandidatePages/CandidatesPage.razor.rz.scp.css */
.candidates-page[b-wej760vr3o] {
    padding: 0.5rem;
}

[b-wej760vr3o] .candidates-grid {
    border-radius: 8px;
    overflow: hidden;
}

[b-wej760vr3o] .candidates-grid .mud-table-cell {
    padding: 12px 16px;
}

[b-wej760vr3o] .candidates-grid .mud-table-head .mud-table-cell {
    font-weight: 600;
    background-color: #f5f5f5;
}

[b-wej760vr3o] .candidates-grid .mud-table-row:hover {
    background-color: #fafafa;
}

.filters-wrapper[b-wej760vr3o] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: flex-start;
}

.filter-item[b-wej760vr3o] {
    flex: 0 0 auto;
    width: 200px;
}

.filter-search[b-wej760vr3o] {
    flex: 1 1 300px;
    min-width: 200px;
}

.filter-item-toggle[b-wej760vr3o] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    padding-top: 8px;
}

[b-wej760vr3o] .filter-item-button {
    flex: 0 0 auto;
    display: flex;
    align-items: flex-end;
    margin-top: 9px;
}

.filter-clear[b-wej760vr3o] {
    flex: 0 0 auto;
    display: flex;
    align-items: flex-end;
    margin-top: 9px;
}

[b-wej760vr3o] .filter-item .mud-input-control,
[b-wej760vr3o] .filter-item .mud-select {
    width: 100%;
}

[b-wej760vr3o] .filter-item .mud-select-input,
[b-wej760vr3o] .filter-item .mud-input-slot {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.search-container[b-wej760vr3o] {
    position: relative;
    flex-grow: 1;
    min-width: 180px;
}

.search-input-wrapper[b-wej760vr3o] {
    position: relative;
    display: flex;
    align-items: center;
    border: 1px solid #ced4da;
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
}

.search-input-wrapper:focus-within[b-wej760vr3o] {
    border-color: #00b4ff;
    box-shadow: 0 0 0 0.2rem rgba(0, 180, 255, 0.15);
}

.search-leading-icon[b-wej760vr3o] {
    position: absolute;
    left: 12px;
    font-size: 1rem;
    color: #9aa0a6;
    pointer-events: none;
}

.search-input[b-wej760vr3o] {
    border: none;
    outline: none;
    width: 100%;
    padding: 0.75rem 130px 0.75rem 0.9rem;
    font-size: 1rem;
    background: transparent;
}

.search-mode[b-wej760vr3o] {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    gap: 6px;
}

.icon-btn[b-wej760vr3o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    background: #4AC4FF;
    color: #fff;
    transition: all .15s ease;
    position: relative;
    cursor: pointer;
}

.icon-btn:hover:not(:disabled)[b-wej760vr3o] {
    background: #3ab3ef;
}

.icon-btn:disabled[b-wej760vr3o] {
    opacity: 0.6;
    cursor: not-allowed;
}

.icon-btn.active[b-wej760vr3o] {
    border-color: #00b4ff;
    color: #00b4ff;
    background: #e6f7ff;
}

.icon-btn .spinner-border[b-wej760vr3o] {
    display: none;
}

.icon-btn.ghost[b-wej760vr3o] {
    background: transparent;
    color: #6b7280;
    border-color: #e5e7eb;
}

.icon-btn.ghost:hover[b-wej760vr3o] {
    background: #f3f4f6;
    color: #111827;
}

.autocomplete-wrapper[b-wej760vr3o] {
    position: relative;
    width: 100%;
}

.suggestions[b-wej760vr3o] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    border: 1px solid #ccc;
    background: #fff;
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 150px;
    overflow-y: auto;
    z-index: 1000;
    border-radius: 0.375rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .075);
}

.suggestions li[b-wej760vr3o] {
    padding: 0.75rem 1rem;
    cursor: pointer;
    border-bottom: 1px solid #f1f3f4;
}

.suggestions li:hover[b-wej760vr3o] {
    background: #f0f0f0;
}

.toggle[b-wej760vr3o] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: .35rem;
    user-select: none;
    cursor: pointer;
}

.toggle-ui[b-wej760vr3o] {
    width: 38px;
    height: 18px;
    border-radius: 999px;
    background: #e9ecef;
    position: relative;
    transition: background .2s ease;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

.toggle input[b-wej760vr3o] {
    display: none;
}

.toggle-ui[b-wej760vr3o]::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    transition: transform .2s ease;
}

.toggle input:checked + .toggle-ui[b-wej760vr3o] {
    background: #00b4ff;
}

.toggle input:checked + .toggle-ui[b-wej760vr3o]::after {
    transform: translateX(20px);
}

.toggle-caption[b-wej760vr3o] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #343a40;
}

@media (max-width: 576px) {
    .candidates-page[b-wej760vr3o] {
        padding: 1rem;
    }

    .filter-item[b-wej760vr3o],
    .filter-search[b-wej760vr3o],
    .filter-item-button[b-wej760vr3o] {
        width: 100%;
        flex: 1 1 100%;
    }

    .filter-item-toggle[b-wej760vr3o] {
        width: 100%;
        justify-content: center;
    }
}

@media (min-width: 577px) and (max-width: 992px) {
    .filter-item[b-wej760vr3o] {
        width: calc(50% - 0.375rem);
    }

    .filter-search[b-wej760vr3o] {
        width: 100%;
        flex: 1 1 100%;
    }
}
/* /Components/Pages/CandidatePages/CandidatesStatistics.razor.rz.scp.css */
.stats-table-wrap[b-cxs7itfxxo] {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 8px;
    padding: 0.7rem 1rem;
    margin: 0 1rem;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    position: relative;
    overflow: hidden;
    min-height: 80px;
}

.stats-table-wrap[b-cxs7itfxxo]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.03) 100%);
    border-radius: 8px;
    pointer-events: none;
}

.stats-table[b-cxs7itfxxo] {
    font-size: 13px;
    line-height: 1.3;
    margin: 0;
    width: 100%;
    position: relative;
    z-index: 1;
    --pad-x: 0.6rem;
    --pad-y: 0.3rem;
}

.stats-table th[b-cxs7itfxxo],
.stats-table td[b-cxs7itfxxo] {
    padding: var(--pad-y) var(--pad-x);
    white-space: nowrap;
    border: none !important;
    background: transparent;
    color: #ffffff;
    text-align: center;
}

.stats-table th:first-child[b-cxs7itfxxo],
.stats-table td:first-child[b-cxs7itfxxo] {
    text-align: left;
}

.stats-table thead th[b-cxs7itfxxo] {
    font-weight: 600;
    color: rgba(255, 255, 255, 0.85);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
    padding-bottom: 0.35rem;
}

.stats-table tbody td[b-cxs7itfxxo] {
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1;
    font-weight: 500;
    color: #ffffff;
    padding-top: 0.35rem;
}

.stats-table tbody td:first-child[b-cxs7itfxxo] {
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    font-weight: 500;
}

.stats-table tbody td:not(:first-child)[b-cxs7itfxxo] {
    font-weight: 600;
    position: relative;
}

.stats-table th:not(:first-child):not(:last-child)[b-cxs7itfxxo],
.stats-table td:not(:first-child):not(:last-child)[b-cxs7itfxxo] {
    border-right: 1px solid rgba(255, 255, 255, 0.15) !important;
}

.stats-loading[b-cxs7itfxxo] {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.9);
    position: relative;
    z-index: 1;
}

.stats-loading .spinner-border[b-cxs7itfxxo] {
    color: rgba(255, 255, 255, 0.8);
    width: 1.1rem;
    height: 1.1rem;
}

.stats-table-wrap .text-danger[b-cxs7itfxxo] {
    color: #ff6b6b !important;
    font-weight: 500;
    font-size: 13px;
    position: relative;
    z-index: 1;
}

@media (max-width: 768px) {
    .stats-table-wrap[b-cxs7itfxxo] {
        margin: 0 0.5rem;
        padding: 0.75rem;
    }

    .stats-table[b-cxs7itfxxo] {
        font-size: 12px;
        --pad-x: 0.5rem;
        --pad-y: 0.4rem;
    }

    .stats-table thead th[b-cxs7itfxxo] {
        font-size: 10px;
        padding-bottom: 0.5rem;
    }

    .stats-table tbody td[b-cxs7itfxxo] {
        padding-top: 0.5rem;
    }
}

.stats-table-wrap.light[b-cxs7itfxxo] {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border: 1px solid rgba(148, 163, 184, 0.2);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

.stats-table-wrap.light .stats-table th[b-cxs7itfxxo],
.stats-table-wrap.light .stats-table td[b-cxs7itfxxo],
.stats-table-wrap.light .stats-loading[b-cxs7itfxxo] {
    color: #1f2937;
}

.stats-table-wrap.light .stats-table thead th[b-cxs7itfxxo] {
    color: #1f2937;
    font-weight: 700;
    border-bottom-color: rgba(148, 163, 184, 0.3) !important;
}

.stats-table-wrap.light .stats-table tbody td:first-child[b-cxs7itfxxo] {
    color: #1f2937;
    font-weight: 600;
}

.stats-table-wrap.light .stats-table th:not(:first-child):not(:last-child)[b-cxs7itfxxo],
.stats-table-wrap.light .stats-table td:not(:first-child):not(:last-child)[b-cxs7itfxxo] {
    border-right-color: rgba(148, 163, 184, 0.2) !important;
}
/* /Components/Pages/CandidatePages/CvBuilder.razor.rz.scp.css */
.loader-container[b-257pu0td4h] {
    background: transparent;
    backdrop-filter: blur(20px);
    padding: 40px;
    text-align: center;
}

.ai-brain[b-257pu0td4h] {
    width: 80px;
    height: 80px;
    margin: 0 auto 30px;
    position: relative;
}

.brain-svg[b-257pu0td4h] {
    width: 100%;
    height: 100%;
    animation: pulse-b-257pu0td4h 2s ease-in-out infinite;
}

.neural-network[b-257pu0td4h] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.6;
}

.neural-dot[b-257pu0td4h] {
    width: 4px;
    height: 4px;
    background: #667eea;
    border-radius: 50%;
    position: absolute;
    animation: neuralPulse-b-257pu0td4h 1.5s ease-in-out infinite;
}

.neural-dot:nth-child(1)[b-257pu0td4h] { top: 20%; left: 30%; animation-delay: 0s; }
.neural-dot:nth-child(2)[b-257pu0td4h] { top: 40%; left: 70%; animation-delay: 0.3s; }
.neural-dot:nth-child(3)[b-257pu0td4h] { top: 60%; left: 20%; animation-delay: 0.6s; }
.neural-dot:nth-child(4)[b-257pu0td4h] { top: 80%; left: 60%; animation-delay: 0.9s; }

.title[b-257pu0td4h] {
    font-size: 28px;
    font-weight: 700;
    color: #2d3748;
    margin-bottom: 12px;
    background: linear-gradient(135deg, #667eea, #764ba2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.subtitle[b-257pu0td4h] {
    font-size: 16px;
    color: #718096;
    margin-bottom: 40px;
}

.processing-steps[b-257pu0td4h] {
    text-align: left;
    margin-bottom: 30px;
}

.step[b-257pu0td4h] {
    display: flex;
    align-items: center;
    padding: 12px 0;
    transition: all 0.3s ease;
    border-radius: 8px;
    padding-left: 16px;
    margin-bottom: 8px;
}

.step.active[b-257pu0td4h] {
    background: linear-gradient(90deg, rgba(102, 126, 234, 0.1), rgba(118, 75, 162, 0.1));
    transform: translateX(8px);
}

.step.completed[b-257pu0td4h] {
    opacity: 0.6;
}

.step-icon[b-257pu0td4h] {
    width: 24px;
    height: 24px;
    margin-right: 16px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    transition: all 0.3s ease;
}

.step.active .step-icon[b-257pu0td4h] {
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: white;
    animation: spin-b-257pu0td4h 1s linear infinite;
}

.step.completed .step-icon[b-257pu0td4h] {
    background: #48bb78;
    color: white;
}

.step.pending .step-icon[b-257pu0td4h] {
    background: #e2e8f0;
    color: #a0aec0;
}

.step-text[b-257pu0td4h] {
    font-size: 16px;
    font-weight: 500;
    color: #2d3748;
}

.step.active .step-text[b-257pu0td4h] {
    color: #667eea;
    font-weight: 600;
}

.progress-bar[b-257pu0td4h] {
    width: 100%;
    height: 6px;
    background: #e2e8f0;
    border-radius: 3px;
    overflow: hidden;
    margin-top: 20px;
}

.progress-fill[b-257pu0td4h] {
    width: 20%;
    height: 100%;
    background: linear-gradient(90deg, #667eea, #764ba2);
    border-radius: 3px;
    position: relative;
    animation: fill-b-257pu0td4h 90s steps(10, end) forwards;
}

@keyframes fill-b-257pu0td4h {
    from { width: 20%; }
    to   { width: 100%; }
}

.progress-fill[b-257pu0td4h]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
    animation: load 2s infinite;
}

.estimated-time[b-257pu0td4h] {
    margin-top: 16px;
    font-size: 14px;
    color: #718096;
}

@keyframes pulse-b-257pu0td4h {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.05); opacity: 0.8; }
}

@keyframes neuralPulse-b-257pu0td4h {
    0%, 100% { opacity: 0.3; transform: scale(1); }
    50% { opacity: 1; transform: scale(1.2); }
}

@keyframes spin-b-257pu0td4h {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes shimmer-b-257pu0td4h {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}

@media (max-width: 480px) {
    .loader-container[b-257pu0td4h] {
        padding: 30px 20px;
    }

    .title[b-257pu0td4h] {
        font-size: 24px;
    }

    .step-text[b-257pu0td4h] {
        font-size: 14px;
    }
}

.cvb-arrow[b-257pu0td4h] {
    fill: rgba(0,0,0,0.54);
    transition: transform .15s ease;
}

.cvb-rotate-180[b-257pu0td4h] {
    transform: rotate(180deg);
}

.cvb-backdrop[b-257pu0td4h] {
    position: fixed;
    inset: 0;
    z-index: 1045;
    background: transparent;
}

.cvb-dropdown[b-257pu0td4h] {
    position: absolute;
    z-index: 1055;
    max-height: 380px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 0.25rem;
}

.cvb-list[b-257pu0td4h] {
    max-height: 280px;
    overflow: auto;
    padding-left: 4px;
}

.jobs-select-btn[b-257pu0td4h] {
    height: 60px;
    padding-top: 8px;
    padding-bottom: 8px;
}
/* /Components/Pages/CandidatePages/Nen.razor.rz.scp.css */
.toggle[b-6tszu8cela] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: .35rem;
    user-select: none;
    margin-right: 24px;
    margin-top: 5px;
}

.toggle-ui[b-6tszu8cela] {
    width: 38px;
    height: 18px;
    border-radius: 999px;
    background: #e9ecef;
    position: relative;
    transition: background .2s ease;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}

.toggle input[b-6tszu8cela] {
    display: none;
}

.toggle-ui[b-6tszu8cela]::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    transition: transform .2s ease;
}

.toggle input:checked + .toggle-ui[b-6tszu8cela] {
    background: #00b4ff;
}

.toggle input:checked + .toggle-ui[b-6tszu8cela]::after {
    transform: translateX(20px);
}

.toggle-caption[b-6tszu8cela] {
    font-size: 1rem;
    font-weight: 500;
    color: #343a40;
}

.nen-mark-sent-icon[b-6tszu8cela] {
    border-radius: 999px;
    background-color: #E8F5E9;
    padding: 2px;
}
/* /Components/Pages/Company/CompanyDetails/Feedback.razor.rz.scp.css */
.candidates-container[b-kz6nlyb97h] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1rem;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.candidates-title[b-kz6nlyb97h] {
    color: #2c3e50;
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
    font-weight: 600;
}

.filter-container[b-kz6nlyb97h] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.search-box[b-kz6nlyb97h] {
    flex: 1;
    max-width: 400px;
}

.search-input[b-kz6nlyb97h] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid #e1e5e9;
    border-radius: 8px;
    font-size: 0.9rem;
    transition: all 0.2s;
}

.search-input:focus[b-kz6nlyb97h] {
    outline: none;
    border-color: #3498db;
    box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.2);
}

.filter-buttons[b-kz6nlyb97h] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.filter-btn[b-kz6nlyb97h] {
    padding: 0.5rem 1rem;
    background: #f8f9fa;
    border: 1px solid #e1e5e9;
    border-radius: 6px;
    color: #6c757d;
    cursor: pointer;
    font-size: 0.875rem;
    transition: all 0.2s;
}

.filter-btn:hover[b-kz6nlyb97h] {
    background: #e9ecef;
}

.filter-btn.active[b-kz6nlyb97h] {
    background: #e9f5ff;
    color: #0b73c7;
    border-color: #9ad3ff;
    font-weight: 500;
}

.candidates-list[b-kz6nlyb97h] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.candidate-card[b-kz6nlyb97h] {
    background: white;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    transition: all 0.3s;
}

.candidate-card:hover[b-kz6nlyb97h] {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.candidate-card.expanded[b-kz6nlyb97h] {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
}

.candidate-header[b-kz6nlyb97h] {
    display: grid;
    grid-template-columns: 1fr auto auto auto;
    align-items: center;
    padding: 1rem 1.5rem;
    cursor: pointer;
    gap: 1rem;
}

.candidate-name[b-kz6nlyb97h] {
    font-weight: 600;
    color: #2c3e50;
    font-size: 1.1rem;
}

.candidate-status[b-kz6nlyb97h] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.status-icon[b-kz6nlyb97h] {
    display: flex;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
}

.status-icon.pending[b-kz6nlyb97h] {
    background-color: #fff4e5;
    color: #f59e0b;
}

.status-icon.confirmed[b-kz6nlyb97h] {
    background-color: #e6f7ed;
    color: #10b981;
}

.status-icon.rejected[b-kz6nlyb97h] {
    background-color: #feeced;
    color: #ef4444;
}

.status-text[b-kz6nlyb97h] {
    font-size: 0.875rem;
    font-weight: 500;
}

.status-text.pending[b-kz6nlyb97h] {
    color: #f59e0b;
}

.status-text.confirmed[b-kz6nlyb97h] {
    color: #10b981;
}

.status-text.rejected[b-kz6nlyb97h] {
    color: #ef4444;
}

.candidate-date[b-kz6nlyb97h] {
    color: #64748b;
    font-size: 0.875rem;
}

.expand-icon[b-kz6nlyb97h] {
    color: #94a3b8;
    transition: transform 0.3s;
}

.candidate-card.expanded .expand-icon[b-kz6nlyb97h] {
    transform: rotate(180deg);
}

.candidate-details[b-kz6nlyb97h] {
    padding: 0 1.5rem 1.5rem;
    border-top: 1px solid #f1f5f9;
    animation: fadeIn-b-kz6nlyb97h 0.3s ease-in-out;
}

.details-header[b-kz6nlyb97h] {
    margin-bottom: 1.5rem;
    padding-top: 1rem;
}

.details-header h3[b-kz6nlyb97h] {
    color: #334155;
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
    font-weight: 600;
}

.candidate-metadata[b-kz6nlyb97h] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    color: #64748b;
    font-size: 0.875rem;
}

.details-section[b-kz6nlyb97h] {
    margin-bottom: 1.5rem;
}

.details-section h4[b-kz6nlyb97h] {
    color: #475569;
    font-size: 1rem;
    margin-bottom: 0.75rem;
    font-weight: 500;
}

.selected-dates[b-kz6nlyb97h] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.date-card[b-kz6nlyb97h] {
    background: #f8fafc;
    padding: 1rem;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    min-width: 250px;
}

.date-header[b-kz6nlyb97h] {
    font-weight: 600;
    color: #334155;
    margin-bottom: 0.5rem;
}

.time-slot[b-kz6nlyb97h] {
    display: flex;
    justify-content: space-between;
    color: #64748b;
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
}

.date-comment[b-kz6nlyb97h] {
    font-size: 0.875rem;
    color: #64748b;
    font-style: italic;
    margin-top: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.answer-box[b-kz6nlyb97h] {
    background: #f8fafc;
    padding: 1rem;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    color: #334155;
    font-size: 0.875rem;
    white-space: pre-line;
}

.no-data[b-kz6nlyb97h] {
    color: #94a3b8;
    font-style: italic;
    font-size: 0.875rem;
}

.pending-message[b-kz6nlyb97h] {
    background: #f8fafc;
    padding: 1.5rem;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    color: #64748b;
    text-align: center;
    font-style: italic;
}

.empty-state[b-kz6nlyb97h] {
    text-align: center;
    padding: 3rem 0;
    color: #94a3b8;
}

.empty-state i[b-kz6nlyb97h] {
    font-size: 3rem;
    margin-bottom: 1rem;
    opacity: 0.5;
}

@keyframes fadeIn-b-kz6nlyb97h {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 768px) {
    .candidate-header[b-kz6nlyb97h] {
        grid-template-columns: 1fr auto;
        grid-template-rows: auto auto;
        gap: 0.5rem;
    }

    .candidate-status[b-kz6nlyb97h] {
        grid-row: 2;
        grid-column: 1;
    }

    .candidate-date[b-kz6nlyb97h] {
        grid-row: 2;
        grid-column: 2;
        text-align: right;
    }

    .expand-icon[b-kz6nlyb97h] {
        grid-row: 1;
        grid-column: 2;
    }
}
/* /Components/Pages/Employees/AssessmentSessionPages/AssessmentCreatePage.razor.rz.scp.css */
.assessment-create-page[b-vq4b4sszbx] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: #f8fafc;
    color: #1e293b;
}

.assessment-create-inner[b-vq4b4sszbx] {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    padding: 0 16px 100px;
}

[b-vq4b4sszbx] .assessment-create-stepper-wrapper {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    padding: 16px 0 !important;
}

[b-vq4b4sszbx] .assessment-create-stepper {
    width: 100% !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

[b-vq4b4sszbx] .assessment-create-stepper > .mud-stepper {
    width: 100% !important;
}

[b-vq4b4sszbx] .assessment-create-stepper .mud-stepper-content {
    width: 100% !important;
}

[b-vq4b4sszbx] .assessment-create-stepper .mud-stepper-header {
    width: 100% !important;
    justify-content: space-between !important;
}

[b-vq4b4sszbx] .assessment-create-stepper .mud-step {
    flex: 1 !important;
}

.assessment-create-footer[b-vq4b4sszbx] {
    position: fixed;
    bottom: 0;
    left: 225px;
    right: 0;
    background: #ffffff;
    border-top: 1px solid #e2e8f0;
    padding: 16px 32px;
    z-index: 10;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.05);
    transition: left 0.2s ease;
}

.assessment-create-footer-content[b-vq4b4sszbx] {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.assessment-modal-backdrop[b-vq4b4sszbx] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.65);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    z-index: 1200;
}

.assessment-modal[b-vq4b4sszbx] {
    background: #ffffff;
    border-radius: 12px;
    width: min(640px, 96vw);
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.18);
}

.assessment-modal.assessment-modal-wide[b-vq4b4sszbx] {
    width: min(900px, 96vw);
}

.assessment-modal-header[b-vq4b4sszbx] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 24px;
    border-bottom: 1px solid #e5e7eb;
}

.assessment-modal-title[b-vq4b4sszbx] {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

.assessment-modal-subtitle[b-vq4b4sszbx] {
    margin: 6px 0 0;
    font-size: 13px;
    color: #6b7280;
}

.assessment-modal-close[b-vq4b4sszbx] {
    border: none;
    background: transparent;
    color: #6b7280;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    padding: 4px;
}

.assessment-modal-close:hover[b-vq4b4sszbx] {
    color: #111827;
}

.assessment-modal-close-wrap[b-vq4b4sszbx] {
    margin-left: auto;
    display: flex;
    align-items: center;
}

[b-vq4b4sszbx] .assessment-modal-close-icon {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    color: #64748b;
}

[b-vq4b4sszbx] .assessment-modal-close-icon:hover {
    color: #111827;
    background: #f3f4f6;
}

.assessment-modal-body[b-vq4b4sszbx] {
    padding: 16px 24px;
    overflow: auto;
}

.assessment-modal-footer[b-vq4b4sszbx] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 16px 24px;
    border-top: 1px solid #e5e7eb;
}

.question-kind-select[b-vq4b4sszbx] {
    min-width: 130px;
}

.regenerate-preview[b-vq4b4sszbx] {
    display: grid;
    gap: 12px;
}

.regenerate-preview-block[b-vq4b4sszbx] {
    border: 1px solid #d1d5db;
    border-radius: 10px;
    padding: 12px;
    background: #f8fafc;
}

.regenerate-preview-block-new[b-vq4b4sszbx] {
    border-color: #bfdbfe;
    background: #eff6ff;
}

.regenerate-preview-label[b-vq4b4sszbx] {
    font-size: 12px;
    font-weight: 600;
    color: #475569;
    margin-bottom: 6px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.regenerate-preview-text[b-vq4b4sszbx] {
    font-size: 14px;
    color: #0f172a;
    line-height: 1.5;
    white-space: normal;
}

.regenerate-preview-note[b-vq4b4sszbx] {
    font-size: 12px;
    color: #475569;
}

.regenerate-footer-row[b-vq4b4sszbx] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.regenerate-footer-actions[b-vq4b4sszbx] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.regenerate-preview-text[b-vq4b4sszbx]  .ot-markdown-html {
    line-height: 1.6;
}

.regenerate-preview-text[b-vq4b4sszbx]  .ot-markdown-html p {
    margin: 0 0 0.45rem;
}

.regenerate-preview-text[b-vq4b4sszbx]  .ot-markdown-html p:last-child {
    margin-bottom: 0;
}

.regenerate-preview-text[b-vq4b4sszbx]  .ot-markdown-html ul,
.regenerate-preview-text[b-vq4b4sszbx]  .ot-markdown-html ol {
    margin: 0.25rem 0 0.45rem;
    padding-left: 1.25rem;
}

.regenerate-preview-text[b-vq4b4sszbx]  .ot-markdown-html li {
    margin-bottom: 0.2rem;
}

.regenerate-preview-text[b-vq4b4sszbx]  .ot-code-block {
    margin: 0.5rem 0;
    border: 1px solid #bccde2;
    border-radius: 12px;
    overflow: hidden;
    background: #e8eef7;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.08);
}

.regenerate-preview-text[b-vq4b4sszbx]  .ot-code-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(180deg, #e2eaf6 0%, #d4e0f1 100%);
    border-bottom: 1px solid #bccde2;
    padding: 0.35rem 0.7rem;
}

.regenerate-preview-text[b-vq4b4sszbx]  .ot-code-block pre {
    margin: 0;
    padding: 0.85rem 1rem;
    background: #e8eef7;
    color: #0f172a;
    overflow-x: auto;
}

@media (min-width: 961px) {
    .vertical-shell.is-mini ~ * .assessment-create-footer[b-vq4b4sszbx] {
        left: 90px;
    }
}


.wizard-header[b-vq4b4sszbx] {
    padding: 24px 32px;
    border-bottom: 1px solid #e2e8f0;
    background: #f8fafc;
}

.breadcrumb-link[b-vq4b4sszbx] {
    background: transparent;
    border: none;
    color: #64748b;
    font-size: 14px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 0;
    margin-bottom: 12px;
}

.breadcrumb-link:hover[b-vq4b4sszbx] {
    color: #1e3a8a;
}

.wizard-header-row[b-vq4b4sszbx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.wizard-title[b-vq4b4sszbx] {
    margin: 0;
    font-size: 28px;
    font-weight: 700;
    color: #0f172a;
}

.wizard-subtitle[b-vq4b4sszbx] {
    margin: 6px 0 0;
    font-size: 14px;
    color: #64748b;
}

.btn-outline[b-vq4b4sszbx] {
    border: 1px solid #cbd5e1;
    background: #ffffff;
    color: #1e293b;
    padding: 8px 14px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.btn-outline:disabled[b-vq4b4sszbx] {
    opacity: 0.6;
    cursor: not-allowed;
}

.wizard-progress[b-vq4b4sszbx] {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.progress-steps[b-vq4b4sszbx] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.progress-step[b-vq4b4sszbx] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #94a3b8;
}

.progress-step.active[b-vq4b4sszbx] {
    color: #0f172a;
    font-weight: 600;
}

.progress-step.completed[b-vq4b4sszbx] {
    color: #1d4ed8;
}

.progress-dot[b-vq4b4sszbx] {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    border: 1px solid #cbd5e1;
    background: #ffffff;
}

.progress-step.active .progress-dot[b-vq4b4sszbx] {
    background: #2e75b6;
    border-color: #2e75b6;
}

.progress-step.completed .progress-dot[b-vq4b4sszbx] {
    background: #1d4ed8;
    border-color: #1d4ed8;
}

.progress-bar[b-vq4b4sszbx] {
    height: 4px;
    border-radius: 999px;
    background: #e2e8f0;
    overflow: hidden;
}

.progress-bar-fill[b-vq4b4sszbx] {
    height: 100%;
    background: #2e75b6;
}

.progress-summary[b-vq4b4sszbx] {
    font-size: 13px;
    color: #475569;
}

.wizard-body[b-vq4b4sszbx] {
    flex: 1;
    padding: 24px 32px 140px;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
}

.wizard-loading[b-vq4b4sszbx] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 400px;
}

.wizard-empty[b-vq4b4sszbx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 60px 0;
}

.wizard-empty-title[b-vq4b4sszbx] {
    font-size: 18px;
    font-weight: 600;
    color: #0f172a;
}

.wizard-card[b-vq4b4sszbx] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
    margin-bottom: 24px;
}

.card-header h2[b-vq4b4sszbx] {
    margin: 0;
    font-size: 20px;
    color: #0f172a;
}

.card-header p[b-vq4b4sszbx] {
    margin: 6px 0 0;
    font-size: 14px;
    color: #64748b;
}

.form-row[b-vq4b4sszbx] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.form-group[b-vq4b4sszbx] {
    margin-top: 16px;
}

.form-label[b-vq4b4sszbx] {
    display: block;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 6px;
    color: #1e293b;
}

.required[b-vq4b4sszbx] {
    color: #dc2626;
}

.option-row[b-vq4b4sszbx] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.option-pill[b-vq4b4sszbx] {
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    padding: 6px 12px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #1e293b;
    background: #ffffff;
}

.option-pill.selected[b-vq4b4sszbx] {
    border-color: #2e75b6;
    color: #1e3a8a;
    background: #eff6ff;
}

.helper-text[b-vq4b4sszbx] {
    margin-top: 6px;
    font-size: 12px;
    color: #64748b;
}

.form-control[b-vq4b4sszbx] {
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    padding: 10px 12px;
    background: #ffffff;
    color: #1e293b;
    min-height: 42px;
    display: flex;
    align-items: center;
}

.form-control.read-only[b-vq4b4sszbx] {
    background: #f8fafc;
    color: #475569;
}

.form-select[b-vq4b4sszbx],
.form-input[b-vq4b4sszbx] {
    width: 100%;
    height: 42px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    padding: 0 12px;
    background: #ffffff;
    color: #1e293b;
}

.info-grid[b-vq4b4sszbx] {
    margin-top: 16px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 16px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.info-label[b-vq4b4sszbx] {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b;
    font-weight: 600;
}

.info-value[b-vq4b4sszbx] {
    font-size: 14px;
    font-weight: 600;
    color: #0f172a;
}

.summary-bar[b-vq4b4sszbx] {
    position: sticky;
    top: 12px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 12px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
    z-index: 5;
}

.summary-title[b-vq4b4sszbx] {
    font-size: 12px;
    text-transform: uppercase;
    color: #94a3b8;
    font-weight: 600;
}

.summary-value[b-vq4b4sszbx] {
    font-size: 14px;
    font-weight: 600;
    color: #0f172a;
}

.summary-metrics[b-vq4b4sszbx] {
    display: flex;
    gap: 16px;
    font-size: 13px;
    color: #475569;
}

.summary-actions[b-vq4b4sszbx] {
    display: flex;
    gap: 12px;
}

.link-button[b-vq4b4sszbx] {
    background: transparent;
    border: none;
    color: #1d4ed8;
    font-weight: 600;
    cursor: pointer;
    padding: 0;
    font-size: 13px;
}

.link-button.muted[b-vq4b4sszbx] {
    color: #64748b;
}

.skill-category[b-vq4b4sszbx] {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    margin-bottom: 12px;
    background: #ffffff;
}

.skill-category-header[b-vq4b4sszbx] {
    width: 100%;
    border: none;
    background: #f8fafc;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    color: #0f172a;
    cursor: pointer;
}

.category-meta[b-vq4b4sszbx] {
    font-size: 12px;
    color: #64748b;
    font-weight: 500;
}

.category-points[b-vq4b4sszbx] {
    margin-left: auto;
    color: #7c3aed;
    font-weight: 700;
}

.skill-category-body[b-vq4b4sszbx] {
    padding: 8px 16px 16px;
}

.skill-row[b-vq4b4sszbx] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 12px;
    padding: 12px 8px;
    border-bottom: 1px solid #f1f5f9;
    cursor: pointer;
}

.skill-row:last-child[b-vq4b4sszbx] {
    border-bottom: none;
}

.skill-row.selected[b-vq4b4sszbx] {
    background: #eff6ff;
    border-radius: 8px;
}

.skill-row:hover[b-vq4b4sszbx] {
    filter: brightness(0.98);
}

.skill-checkbox input[b-vq4b4sszbx] {
    width: 16px;
    height: 16px;
}

.skill-name[b-vq4b4sszbx] {
    font-size: 14px;
    font-weight: 600;
    color: #0f172a;
}

.skill-roadmap[b-vq4b4sszbx] {
    margin: 6px 0 0;
    padding-left: 18px;
    color: #64748b;
    font-size: 12px;
}

.skill-score[b-vq4b4sszbx] {
    font-size: 13px;
    font-weight: 700;
    color: #7c3aed;
}

.add-skill-button[b-vq4b4sszbx] {
    margin-top: 16px;
    width: 100%;
    border: 2px dashed #cbd5e1;
    background: #ffffff;
    color: #64748b;
    padding: 12px;
    border-radius: 10px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.question-toolbar[b-vq4b4sszbx] {
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 12px;
    margin: 16px 0 24px;
}

.question-search[b-vq4b4sszbx] {
    position: relative;
}

.question-search i[b-vq4b4sszbx] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #94a3b8;
}

.question-search .form-input[b-vq4b4sszbx] {
    padding-left: 34px;
}

.question-category[b-vq4b4sszbx] {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    margin-bottom: 16px;
    background: #ffffff;
}

.question-category-header[b-vq4b4sszbx] {
    width: 100%;
    border: none;
    background: #f8fafc;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    cursor: pointer;
}

.question-category-body[b-vq4b4sszbx] {
    padding: 16px;
}

.question-skill[b-vq4b4sszbx] {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    margin-bottom: 12px;
    overflow: hidden;
}

.question-skill-header[b-vq4b4sszbx] {
    width: 100%;
    background: #ffffff;
    border: none;
    padding: 12px 16px;
    display: flex;
    justify-content: space-between;
    font-weight: 600;
    color: #0f172a;
    cursor: pointer;
}

.question-list[b-vq4b4sszbx] {
    border-top: 1px solid #e2e8f0;
}

.question-card[b-vq4b4sszbx] {
    padding: 16px;
    border-bottom: 1px solid #e2e8f0;
    background: #f8fafc;
}

.question-card:last-child[b-vq4b4sszbx] {
    border-bottom: none;
}

.assessment-markdown-preview[b-vq4b4sszbx] {
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    background: #ffffff;
}

.assessment-markdown-preview .markdown-content[b-vq4b4sszbx] {
    line-height: 1.6;
    color: #0f172a;
}

.question-badges[b-vq4b4sszbx] {
    margin-bottom: 8px;
}

.badge[b-vq4b4sszbx] {
    display: inline-flex;
    align-items: center;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.badge-custom[b-vq4b4sszbx] {
    background: #e9d5ff;
    color: #7c3aed;
}

.question-text[b-vq4b4sszbx] {
    font-size: 14px;
    color: #0f172a;
    margin-bottom: 12px;
}

.question-actions[b-vq4b4sszbx] {
    display: flex;
    gap: 8px;
}

.icon-button[b-vq4b4sszbx] {
    border: none;
    background: #ffffff;
    border-radius: 6px;
    padding: 6px 8px;
    cursor: pointer;
    color: #64748b;
}

.icon-button:hover[b-vq4b4sszbx] {
    background: #e2e8f0;
    color: #0f172a;
}

.icon-button.danger:hover[b-vq4b4sszbx] {
    background: #fee2e2;
    color: #dc2626;
}

.add-question-button[b-vq4b4sszbx] {
    width: 100%;
    padding: 12px;
    border: 2px dashed #cbd5e1;
    background: #ffffff;
    border-radius: 8px;
    font-weight: 600;
    color: #64748b;
    cursor: pointer;
}

.duration-options[b-vq4b4sszbx] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    font-size: 14px;
    color: #1e293b;
}

.duration-custom[b-vq4b4sszbx] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.duration-input[b-vq4b4sszbx] {
    width: 60px;
}

.interviewer-list[b-vq4b4sszbx] {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    margin-top: 12px;
    max-height: 220px;
    overflow: auto;
}

.interviewer-row[b-vq4b4sszbx] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-bottom: 1px solid #f1f5f9;
    font-size: 14px;
    color: #0f172a;
}

.interviewer-row:last-child[b-vq4b4sszbx] {
    border-bottom: none;
}

.form-textarea[b-vq4b4sszbx] {
    width: 100%;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    padding: 12px;
    font-size: 14px;
    background: #ffffff;
}

.review-card[b-vq4b4sszbx] {
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 16px;
    background: #ffffff;
}

.review-card.highlight[b-vq4b4sszbx] {
    background: #f0f9ff;
    border-color: #2e75b6;
}

.review-header[b-vq4b4sszbx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.review-header h3[b-vq4b4sszbx] {
    margin: 0;
    font-size: 16px;
    color: #0f172a;
}

.review-grid[b-vq4b4sszbx] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 16px;
}

.review-list[b-vq4b4sszbx] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 12px;
}

.review-list-item[b-vq4b4sszbx] {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #475569;
}

.wizard-footer[b-vq4b4sszbx] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 16px 32px;
    background: #ffffff;
    border-top: 1px solid #e2e8f0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    z-index: 10;
}

.footer-right[b-vq4b4sszbx] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.btn-primary[b-vq4b4sszbx] {
    background: #2e75b6;
    color: #ffffff;
    border: none;
    padding: 10px 18px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.btn-primary:disabled[b-vq4b4sszbx] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-secondary[b-vq4b4sszbx] {
    background: #ffffff;
    color: #1e293b;
    border: 1px solid #cbd5e1;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.btn-ghost[b-vq4b4sszbx] {
    background: transparent;
    border: none;
    color: #64748b;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

@media (max-width: 960px) {
    .wizard-header-row[b-vq4b4sszbx] {
        flex-direction: column;
        align-items: flex-start;
    }

    .assessment-create-stepper-wrapper[b-vq4b4sszbx] {
        flex-basis: 100%;
        justify-content: flex-start;
        margin-top: 12px;
    }

    .wizard-body[b-vq4b4sszbx] {
        padding: 24px 16px 140px;
    }

    .assessment-create-footer[b-vq4b4sszbx] {
        padding: 12px 16px;
    }

    .form-row[b-vq4b4sszbx] {
        grid-template-columns: 1fr;
    }

    .info-grid[b-vq4b4sszbx],
    .review-grid[b-vq4b4sszbx] {
        grid-template-columns: 1fr;
    }

    .summary-bar[b-vq4b4sszbx] {
        flex-direction: column;
        align-items: flex-start;
    }

    .question-toolbar[b-vq4b4sszbx] {
        grid-template-columns: 1fr;
    }

    .wizard-footer[b-vq4b4sszbx] {
        flex-direction: column;
        align-items: stretch;
    }

    .footer-right[b-vq4b4sszbx],
    .footer-left[b-vq4b4sszbx] {
        width: 100%;
        justify-content: space-between;
    }
}

.assessment-create-inner[b-vq4b4sszbx]  .ot-markdown-html {
    line-height: 1.6;
}

.assessment-create-inner[b-vq4b4sszbx]  .ot-markdown-html p {
    margin: 0 0 0.75rem;
}

.assessment-create-inner[b-vq4b4sszbx]  .ot-markdown-html p:last-child {
    margin-bottom: 0;
}

.assessment-create-inner[b-vq4b4sszbx]  .ot-markdown-html ul,
.assessment-create-inner[b-vq4b4sszbx]  .ot-markdown-html ol {
    margin: 0.5rem 0 0.75rem;
    padding-left: 1.25rem;
}

.assessment-create-inner[b-vq4b4sszbx]  .ot-markdown-html li {
    margin-bottom: 0.35rem;
}

.assessment-create-inner[b-vq4b4sszbx]  .ot-code-block {
    margin: 0.75rem 0;
    border: 1px solid #bccde2;
    border-radius: 12px;
    overflow: hidden;
    background: #e8eef7;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.08);
}

.assessment-create-inner[b-vq4b4sszbx]  .ot-code-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(180deg, #e2eaf6 0%, #d4e0f1 100%);
    border-bottom: 1px solid #bccde2;
    padding: 0.35rem 0.7rem;
}

.assessment-create-inner[b-vq4b4sszbx]  .ot-code-language {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #1e40af;
}

.assessment-create-inner[b-vq4b4sszbx]  .ot-code-copy {
    border: 1px solid #aabed9;
    background: #eef4ff;
    color: #1b3358;
    border-radius: 6px;
    padding: 0.2rem 0.55rem;
    font-size: 0.72rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.assessment-create-inner[b-vq4b4sszbx]  .ot-code-copy:hover {
    background: #dbe8fb;
    border-color: #8fa9cc;
}

.assessment-create-inner[b-vq4b4sszbx]  .ot-code-block pre {
    margin: 0;
    padding: 0.85rem 1rem;
    background: #e8eef7;
    color: #0f172a;
    overflow-x: auto;
    border-radius: 0;
}

.assessment-create-inner[b-vq4b4sszbx]  .ot-code-block pre code {
    display: block;
    color: inherit;
    font-size: 0.86rem;
    line-height: 1.55;
    white-space: pre;
}
/* /Components/Pages/Employees/AssessmentSessionPages/AssessmentDetailsPage.razor.rz.scp.css */
/* Assessment Details Styles */
.assessment-details-container[b-qmfwki6ub4] {
    max-width: 100%;
    margin: 0 auto;
    padding: 24px 40px;
    min-height: 100vh;
}

.assessment-details-loading[b-qmfwki6ub4],
.assessment-details-error[b-qmfwki6ub4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    gap: 16px;
}

/* Breadcrumbs */
.assessment-breadcrumbs[b-qmfwki6ub4] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #64748b;
    margin-bottom: 24px;
}

.assessment-breadcrumbs span[b-qmfwki6ub4] {
    color: #94a3b8;
}

/* Header Card */
.assessment-header-card[b-qmfwki6ub4] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 24px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    gap: 24px;
}

.assessment-header-content[b-qmfwki6ub4] {
    display: flex;
    gap: 20px;
    flex: 1;
}

.assessment-header-avatar[b-qmfwki6ub4] {
    flex-shrink: 0;
}

.assessment-header-info h1[b-qmfwki6ub4] {
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 4px 0;
    color: #1e293b;
}

.assessment-competence-text[b-qmfwki6ub4] {
    font-size: 16px;
    color: #64748b;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.assessment-competence-text .separator[b-qmfwki6ub4] {
    color: #e2e8f0;
}

.assessment-status-row[b-qmfwki6ub4] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.assessment-pass-badge[b-qmfwki6ub4] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.assessment-pass-badge.pass[b-qmfwki6ub4] {
    background: #d1fae5;
    color: #059669;
}

.assessment-pass-badge.fail[b-qmfwki6ub4] {
    background: #fee2e2;
    color: #dc2626;
}

.assessment-pass-badge.pending[b-qmfwki6ub4] {
    background: #f3f4f6;
    color: #6b7280;
}

.assessment-date-info[b-qmfwki6ub4] {
    font-size: 14px;
    color: #64748b;
    display: flex;
    align-items: center;
    gap: 6px;
}

.assessment-header-actions[b-qmfwki6ub4] {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    flex-wrap: wrap;
}

.interviewer-invite-actions[b-qmfwki6ub4] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.interviewer-invite-button[b-qmfwki6ub4] {
    min-width: 92px;
    text-transform: none;
}

.invite-popup-overlay[b-qmfwki6ub4] {
    background-color: rgba(17, 24, 39, 0.7);
    backdrop-filter: blur(4px);
}

.invite-popup-content[b-qmfwki6ub4] {
    border-radius: 14px;
}

.invite-popup-field[b-qmfwki6ub4] {
    background: #f8fafc;
    border: 1px solid #dbe3ef;
    border-radius: 10px;
    padding: 10px;
}

.invite-popup-label[b-qmfwki6ub4] {
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748b;
    font-weight: 600;
    font-size: 0.75rem;
    margin-bottom: 6px;
}

.invite-popup-value[b-qmfwki6ub4] {
    color: #0f172a;
    background: #fff;
}

.assessment-question-list[b-qmfwki6ub4] {
    margin: 0;
    padding-left: 18px;
    color: #64748b;
    font-size: 16px;
    line-height: 1.72;
}

.assessment-question-list .question-markdown[b-qmfwki6ub4] {
    font-size: 16px;
    line-height: 1.72;
    color: #334155;
}

.assessment-question-list .question-markdown p[b-qmfwki6ub4] {
    margin: 0;
}

.assessment-question-list > li.question-markdown[b-qmfwki6ub4] {
    margin-bottom: 0.95rem !important;
}

.assessment-question-list > li.question-markdown:last-child[b-qmfwki6ub4] {
    margin-bottom: 0 !important;
}

/* Main Layout */
.assessment-main-layout[b-qmfwki6ub4] {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 24px;
}

/* Sidebar */
.assessment-sidebar[b-qmfwki6ub4] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.assessment-nav-tabs[b-qmfwki6ub4] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.assessment-nav-tab[b-qmfwki6ub4] {
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    color: #64748b;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    border-left: 3px solid transparent;
    cursor: pointer;
    transition: all 0.2s ease;
    user-select: none;
}

.assessment-nav-tab:hover[b-qmfwki6ub4] {
    background: #f8fafc;
    color: #1e293b;
}

.assessment-nav-tab.active[b-qmfwki6ub4] {
    background: #f0f9ff;
    color: #2e75b6;
    border-left-color: #2e75b6;
}

.assessment-quick-actions[b-qmfwki6ub4] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.assessment-quick-actions .action-btn[b-qmfwki6ub4] {
    justify-content: flex-start;
    text-transform: none;
}

/* Content Area */
.assessment-content-area[b-qmfwki6ub4] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* Summary Cards */
.assessment-summary-grid[b-qmfwki6ub4] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 24px;
}

.assessment-score-card[b-qmfwki6ub4] {
    margin-bottom: 24px;
}

.score-summary[b-qmfwki6ub4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.score-value[b-qmfwki6ub4] {
    font-size: 22px;
    font-weight: 700;
    color: #1e293b;
}

.score-recommendation[b-qmfwki6ub4] {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 4px 10px;
    border-radius: 999px;
}

.rec-pass[b-qmfwki6ub4] {
    background: #d1fae5;
    color: #059669;
}

.rec-fail[b-qmfwki6ub4] {
    background: #fee2e2;
    color: #dc2626;
}

.rec-pending[b-qmfwki6ub4] {
    background: #f3f4f6;
    color: #6b7280;
}

.score-progress[b-qmfwki6ub4] {
    height: 10px;
    background: #e2e8f0;
    border-radius: 999px;
    overflow: hidden;
    margin-bottom: 8px;
}

.score-progress-fill[b-qmfwki6ub4] {
    height: 100%;
    background: #059669;
}

.score-progress-fill.rec-pass[b-qmfwki6ub4] {
    background: #059669;
}

.score-progress-fill.rec-fail[b-qmfwki6ub4] {
    background: #dc2626;
}

.score-progress-fill.rec-pending[b-qmfwki6ub4] {
    background: #64748b;
}

.assessment-summary-card[b-qmfwki6ub4] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 8px;
}

.summary-label[b-qmfwki6ub4] {
    font-size: 14px;
    font-weight: 500;
    color: #64748b;
}

.summary-value[b-qmfwki6ub4] {
    font-size: 28px;
    font-weight: 700;
    color: #1e293b;
}

.summary-sub[b-qmfwki6ub4] {
    font-size: 13px;
    color: #94a3b8;
}

.avatar-group[b-qmfwki6ub4] {
    display: flex;
    justify-content: center;
    margin-top: 4px;
}

.assessment-lifecycle[b-qmfwki6ub4] {
    display: flex;
    flex-direction: column;
}

.lifecycle-entry[b-qmfwki6ub4] {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding-bottom: 18px;
}

.lifecycle-entry:not(:last-child)[b-qmfwki6ub4]::after {
    content: "";
    position: absolute;
    left: 15px;
    top: 34px;
    bottom: 0;
    width: 2px;
    background: #e2e8f0;
}

.lifecycle-icon[b-qmfwki6ub4] {
    width: 32px;
    height: 32px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid transparent;
}

.lifecycle-content[b-qmfwki6ub4] {
    flex: 1;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 12px 14px;
}

.lifecycle-title[b-qmfwki6ub4] {
    font-weight: 600;
}

.lifecycle-meta[b-qmfwki6ub4] {
    margin-top: 8px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.lifecycle-actor[b-qmfwki6ub4] {
    color: #334155;
    font-weight: 600;
}

.lifecycle-success[b-qmfwki6ub4] {
    background: #d1fae5;
    color: #059669;
    border-color: #a7f3d0;
}

.lifecycle-info[b-qmfwki6ub4] {
    background: #dbeafe;
    color: #1d4ed8;
    border-color: #bfdbfe;
}

.lifecycle-warning[b-qmfwki6ub4] {
    background: #fef3c7;
    color: #b45309;
    border-color: #fde68a;
}

.lifecycle-default[b-qmfwki6ub4] {
    background: #e2e8f0;
    color: #475569;
    border-color: #cbd5e1;
}

/* Skills List */
.skill-list-item[b-qmfwki6ub4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #e2e8f0;
}

.skill-list-item:last-child[b-qmfwki6ub4] {
    border-bottom: none;
}

/* Responsive Design */
@media (max-width: 1200px) {
    .assessment-details-container[b-qmfwki6ub4] {
        padding: 20px 24px;
    }

    .assessment-main-layout[b-qmfwki6ub4] {
        grid-template-columns: 240px 1fr;
    }
}

@media (max-width: 960px) {
    .assessment-details-container[b-qmfwki6ub4] {
        padding: 16px;
    }

    .assessment-header-card[b-qmfwki6ub4] {
        flex-direction: column;
    }

    .assessment-header-actions[b-qmfwki6ub4] {
        width: 100%;
        justify-content: flex-start;
    }

    .assessment-main-layout[b-qmfwki6ub4] {
        grid-template-columns: 1fr;
    }

    .assessment-nav-tabs[b-qmfwki6ub4] {
        flex-direction: row;
        overflow-x: auto;
    }

    .assessment-nav-tab[b-qmfwki6ub4] {
        border-left: none;
        border-bottom: 3px solid transparent;
        white-space: nowrap;
        min-width: fit-content;
    }

    .assessment-nav-tab.active[b-qmfwki6ub4] {
        border-left: none;
        border-bottom-color: #2e75b6;
    }

    .assessment-summary-grid[b-qmfwki6ub4] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 600px) {
    .assessment-header-content[b-qmfwki6ub4] {
        flex-direction: column;
    }

    .assessment-summary-grid[b-qmfwki6ub4] {
        grid-template-columns: 1fr;
    }

    .assessment-header-actions[b-qmfwki6ub4] {
        flex-direction: column;
        align-items: stretch;
    }

    .assessment-header-actions button[b-qmfwki6ub4] {
        width: 100%;
    }
}

.assessment-details-container[b-qmfwki6ub4]  .ot-markdown-html {
    line-height: 1.6;
}

.assessment-details-container[b-qmfwki6ub4]  .ot-markdown-html p {
    margin: 0 0 0.75rem;
}

.assessment-details-container[b-qmfwki6ub4]  .ot-markdown-html p:last-child {
    margin-bottom: 0;
}

.assessment-details-container[b-qmfwki6ub4]  .ot-markdown-html ul,
.assessment-details-container[b-qmfwki6ub4]  .ot-markdown-html ol {
    margin: 0.5rem 0 0.75rem;
    padding-left: 1.25rem;
}

.assessment-details-container[b-qmfwki6ub4]  .ot-markdown-html li {
    margin-bottom: 0.35rem;
}

.assessment-details-container[b-qmfwki6ub4]  .ot-code-block {
    margin: 0.75rem 0;
    border: 1px solid #bccde2;
    border-radius: 12px;
    overflow: hidden;
    background: #e8eef7;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.08);
}

.assessment-details-container[b-qmfwki6ub4]  .ot-code-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(180deg, #e2eaf6 0%, #d4e0f1 100%);
    border-bottom: 1px solid #bccde2;
    padding: 0.35rem 0.7rem;
}

.assessment-details-container[b-qmfwki6ub4]  .ot-code-language {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #1e40af;
}

.assessment-details-container[b-qmfwki6ub4]  .ot-code-copy {
    border: 1px solid #aabed9;
    background: #eef4ff;
    color: #1b3358;
    border-radius: 6px;
    padding: 0.2rem 0.55rem;
    font-size: 0.72rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.assessment-details-container[b-qmfwki6ub4]  .ot-code-copy:hover {
    background: #dbe8fb;
    border-color: #8fa9cc;
}

.assessment-details-container[b-qmfwki6ub4]  .ot-code-block pre {
    margin: 0;
    padding: 0.85rem 1rem;
    background: #e8eef7;
    color: #0f172a;
    overflow-x: auto;
    border-radius: 0;
}

.assessment-details-container[b-qmfwki6ub4]  .ot-code-block pre code {
    display: block;
    color: inherit;
    font-size: 0.86rem;
    line-height: 1.55;
    white-space: pre;
}

.dialog-overlay[b-qmfwki6ub4] {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1300;
}

.preview-layout[b-qmfwki6ub4] {
    display: flex;
    width: 95vw;
    max-width: 1200px;
    height: 90vh;
    gap: 24px;
}

.pdf-preview-area[b-qmfwki6ub4] {
    flex: 1;
    background: #525659;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pdf-iframe[b-qmfwki6ub4] {
    width: 100%;
    height: 100%;
    border: none;
}

.preview-sidebar[b-qmfwki6ub4] {
    width: 220px;
    flex-shrink: 0;
    background: #fff;
    border-radius: 8px;
    padding: 24px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
    align-self: flex-start;
}

@media (max-width: 900px) {
    .preview-layout[b-qmfwki6ub4] {
        flex-direction: column;
        width: 96vw;
        height: 92vh;
        gap: 12px;
    }

    .preview-sidebar[b-qmfwki6ub4] {
        width: 100%;
        padding: 16px;
    }
}
/* /Components/Pages/Employees/AssessmentSessionPages/AssessmentResultsPage.razor.rz.scp.css */
/* Assessment Results Page */
.assessment-results-page[b-4s3ptjiqhh] {
    background: #f8fafc;
    min-height: 100vh;
    padding: 24px 40px 96px;
}

.results-container[b-4s3ptjiqhh] {
    max-width: 1200px;
    margin: 0 auto;
}

.assessment-results-loading[b-4s3ptjiqhh],
.assessment-results-error[b-4s3ptjiqhh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    gap: 16px;
}

.results-breadcrumb[b-4s3ptjiqhh] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #64748b;
    margin-bottom: 24px;
}

.results-breadcrumb a[b-4s3ptjiqhh] {
    color: #64748b;
    text-decoration: none;
    cursor: pointer;
}

.results-breadcrumb a:hover[b-4s3ptjiqhh] {
    color: #2e75b6;
}

.breadcrumb-sep[b-4s3ptjiqhh] {
    color: #94a3b8;
}

.results-header[b-4s3ptjiqhh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    gap: 16px;
}

.results-title[b-4s3ptjiqhh] {
    font-size: 28px;
    font-weight: 700;
    color: #1e293b;
}

.header-actions[b-4s3ptjiqhh] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.results-card[b-4s3ptjiqhh] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    position: relative;
    margin-bottom: 24px;
}

.pass-badge[b-4s3ptjiqhh] {
    position: absolute;
    top: 24px;
    right: 24px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 16px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.pass-badge.pass[b-4s3ptjiqhh] {
    background: #d1fae5;
    color: #059669;
}

.pass-badge.fail[b-4s3ptjiqhh] {
    background: #fee2e2;
    color: #dc2626;
}

.pass-badge.pending[b-4s3ptjiqhh] {
    background: #f3f4f6;
    color: #6b7280;
}

.candidate-header[b-4s3ptjiqhh] {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-bottom: 20px;
}

.avatar[b-4s3ptjiqhh] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    font-weight: 700;
    color: #1e293b;
}

.avatar img[b-4s3ptjiqhh] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.candidate-info h2[b-4s3ptjiqhh] {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 4px;
}

.candidate-role[b-4s3ptjiqhh] {
    color: #64748b;
    font-size: 14px;
    margin-bottom: 8px;
}

.candidate-meta[b-4s3ptjiqhh] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 13px;
    color: #64748b;
}

.meta-row[b-4s3ptjiqhh] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.score-container[b-4s3ptjiqhh] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 20px;
}

.score-text[b-4s3ptjiqhh] {
    font-size: 28px;
    font-weight: 700;
    color: #059669;
    margin-bottom: 12px;
}

.progress-bar[b-4s3ptjiqhh] {
    height: 10px;
    background: #e2e8f0;
    border-radius: 999px;
    overflow: hidden;
    margin-bottom: 8px;
}

.progress-fill[b-4s3ptjiqhh] {
    height: 100%;
    background: #059669;
}

.threshold-text[b-4s3ptjiqhh] {
    font-size: 13px;
    color: #64748b;
}

.grade-progression[b-4s3ptjiqhh] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.grade-box[b-4s3ptjiqhh] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.grade-label[b-4s3ptjiqhh] {
    font-size: 12px;
    text-transform: uppercase;
    color: #94a3b8;
    font-weight: 600;
}

.grade-value[b-4s3ptjiqhh] {
    font-size: 15px;
    font-weight: 600;
}

.achieved-badge[b-4s3ptjiqhh] {
    font-size: 12px;
    color: #059669;
    background: #d1fae5;
    padding: 2px 8px;
    border-radius: 999px;
    margin-left: 8px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.stats-grid[b-4s3ptjiqhh] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-bottom: 24px;
}

.stat-card[b-4s3ptjiqhh] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 16px;
    text-align: center;
}

.stat-label[b-4s3ptjiqhh] {
    font-size: 11px;
    text-transform: uppercase;
    color: #94a3b8;
    font-weight: 600;
    margin-bottom: 6px;
}

.stat-value[b-4s3ptjiqhh] {
    font-size: 24px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 4px;
}

.stat-sub[b-4s3ptjiqhh] {
    font-size: 12px;
    color: #94a3b8;
}

.skills-section[b-4s3ptjiqhh] {
    margin-bottom: 24px;
}

.section-header[b-4s3ptjiqhh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.section-title[b-4s3ptjiqhh] {
    font-size: 18px;
    font-weight: 600;
}

.accordion-item[b-4s3ptjiqhh] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    margin-bottom: 12px;
    overflow: hidden;
}

.accordion-header[b-4s3ptjiqhh] {
    padding: 16px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    background: #ffffff;
}

.accordion-header:hover[b-4s3ptjiqhh] {
    background: #f8fafc;
}

.accordion-title[b-4s3ptjiqhh] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    font-size: 15px;
}

.score-badge[b-4s3ptjiqhh] {
    font-size: 12px;
    color: #059669;
    background: #d1fae5;
    padding: 2px 8px;
    border-radius: 6px;
}

.performance-label[b-4s3ptjiqhh] {
    font-size: 13px;
    font-weight: 600;
}

.accordion-content[b-4s3ptjiqhh] {
    border-top: 1px solid #e2e8f0;
}

.skill-row[b-4s3ptjiqhh] {
    padding: 20px;
    border-bottom: 1px solid #e2e8f0;
}

.skill-row:last-child[b-4s3ptjiqhh] {
    border-bottom: none;
}

.skill-meta[b-4s3ptjiqhh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.skill-name[b-4s3ptjiqhh] {
    font-size: 15px;
    font-weight: 600;
}

.skill-score[b-4s3ptjiqhh] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    flex-wrap: wrap;
}

.score-value[b-4s3ptjiqhh] {
    font-weight: 600;
}

.eval-badge[b-4s3ptjiqhh] {
    font-size: 11px;
    text-transform: uppercase;
    padding: 4px 8px;
    border-radius: 999px;
    font-weight: 700;
}

.badge-exceeds[b-4s3ptjiqhh] {
    background: #d1fae5;
    color: #059669;
}

.badge-meets[b-4s3ptjiqhh] {
    background: #dbeafe;
    color: #2563eb;
}

.badge-below[b-4s3ptjiqhh] {
    background: #fef3c7;
    color: #b45309;
}

.badge-na[b-4s3ptjiqhh] {
    background: #f3f4f6;
    color: #6b7280;
}

.ai-eval-chip[b-4s3ptjiqhh] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.ai-eval-label[b-4s3ptjiqhh] {
    font-size: 11px;
    font-weight: 700;
    color: #7c3aed;
    text-transform: uppercase;
}

.qa-block[b-4s3ptjiqhh] {
    margin-top: 12px;
    padding-left: 12px;
}

.question-text[b-4s3ptjiqhh] {
    font-size: 14px;
    color: #64748b;
    margin-bottom: 6px;
    font-weight: 500;
}

.question-text[b-4s3ptjiqhh] {
    display: flex;
    gap: 6px;
}

.question-prefix[b-4s3ptjiqhh] {
    font-weight: 600;
    color: #64748b;
}

.question-markdown p[b-4s3ptjiqhh] {
    margin: 0;
}

.answer-box[b-4s3ptjiqhh] {
    background: #f8fafc;
    border-left: 3px solid #cbd5e1;
    padding: 12px;
    border-radius: 0 8px 8px 0;
    font-size: 14px;
    color: #1e293b;
    margin-bottom: 8px;
    line-height: 1.5;
    display: flex;
    gap: 6px;
    align-items: flex-start;
}

.answer-label[b-4s3ptjiqhh] {
    font-weight: 600;
    color: #64748b;
    margin-right: 6px;
}

.answer-content[b-4s3ptjiqhh] {
    flex: 1;
    min-width: 0;
}

.evidence-box[b-4s3ptjiqhh] {
    background: #fef3c7;
    border-left: 3px solid #f59e0b;
    padding: 10px;
    border-radius: 0 6px 6px 0;
    font-size: 13px;
    color: #92400e;
    display: flex;
    gap: 6px;
    align-items: flex-start;
}

.ai-evidence-box[b-4s3ptjiqhh] {
    margin-top: 8px;
    background: #ede9fe;
    border-left: 3px solid #7c3aed;
    padding: 10px;
    border-radius: 0 6px 6px 0;
    font-size: 13px;
    color: #4c1d95;
    display: flex;
    gap: 6px;
    align-items: flex-start;
}

.evidence-content[b-4s3ptjiqhh],
.ai-evidence-content[b-4s3ptjiqhh] {
    flex: 1;
    min-width: 0;
}

.evidence-content strong[b-4s3ptjiqhh],
.ai-evidence-content strong[b-4s3ptjiqhh] {
    display: block;
    margin-bottom: 4px;
}

.conclusion-card[b-4s3ptjiqhh],
.ai-section[b-4s3ptjiqhh] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 24px;
}

.conclusion-header[b-4s3ptjiqhh] {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px;
}

.manual-session[b-4s3ptjiqhh] {
    border-top: 1px solid #e2e8f0;
    padding-top: 16px;
    margin-top: 16px;
}

.manual-session:first-of-type[b-4s3ptjiqhh] {
    border-top: none;
    padding-top: 0;
    margin-top: 0;
}

.manual-session-header[b-4s3ptjiqhh] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
    margin-bottom: 12px;
}

.manual-session-title[b-4s3ptjiqhh] {
    font-weight: 600;
    font-size: 16px;
    color: #1e293b;
}

.manual-session-meta[b-4s3ptjiqhh] {
    font-size: 12px;
    color: #64748b;
}

.manual-decision[b-4s3ptjiqhh] {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 4px 10px;
    border-radius: 999px;
}

.decision-pass[b-4s3ptjiqhh] {
    background: #d1fae5;
    color: #059669;
}

.decision-fail[b-4s3ptjiqhh] {
    background: #fee2e2;
    color: #dc2626;
}

.decision-pending[b-4s3ptjiqhh] {
    background: #f3f4f6;
    color: #6b7280;
}

.manual-notes[b-4s3ptjiqhh] {
    margin-top: 12px;
    background: #f8fafc;
    border-radius: 8px;
    padding: 12px;
    font-size: 13px;
    color: #334155;
}

.ai-section[b-4s3ptjiqhh] {
    border-color: #e9d5ff;
    background: #faf5ff;
}

.ai-header[b-4s3ptjiqhh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    color: #5b21b6;
}

.ai-title[b-4s3ptjiqhh] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
}

.ai-generated-at[b-4s3ptjiqhh] {
    font-size: 12px;
    font-weight: 600;
    color: #6d28d9;
}

.ai-decision-row[b-4s3ptjiqhh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
    padding: 10px 12px;
    border: 1px solid #e9d5ff;
    border-radius: 10px;
    background: #f5f3ff;
}

.ai-decision-label[b-4s3ptjiqhh] {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #6d28d9;
}

.ai-insights-grid[b-4s3ptjiqhh] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 12px;
}

.ai-insight-box[b-4s3ptjiqhh] {
    border: 1px solid #e9d5ff;
    border-radius: 10px;
    background: #ffffff;
    padding: 12px;
}

.ai-insight-title[b-4s3ptjiqhh] {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #6d28d9;
    margin-bottom: 8px;
}

.ai-insight-content[b-4s3ptjiqhh] {
    font-size: 14px;
    color: #1f2937;
    line-height: 1.6;
}

.ai-insight-content[b-4s3ptjiqhh]  .ot-markdown-html h1,
.ai-insight-content[b-4s3ptjiqhh]  .ot-markdown-html h2,
.ai-insight-content[b-4s3ptjiqhh]  .ot-markdown-html h3,
.ai-insight-content[b-4s3ptjiqhh]  .ot-markdown-html h4,
.ai-insight-content[b-4s3ptjiqhh]  .ot-markdown-html h5,
.ai-insight-content[b-4s3ptjiqhh]  .ot-markdown-html h6 {
    font-size: 1.05rem;
    font-weight: 700;
    margin: 0 0 0.5rem;
    line-height: 1.35;
    color: #1f2937;
}

.ai-note[b-4s3ptjiqhh] {
    margin-top: 12px;
    font-size: 12px;
    color: #6d28d9;
}

.sticky-footer[b-4s3ptjiqhh] {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #ffffff;
    border-top: 1px solid #e2e8f0;
    padding: 12px 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
    z-index: 100;
}

.footer-actions[b-4s3ptjiqhh] {
    display: flex;
    gap: 12px;
}

.empty-text[b-4s3ptjiqhh] {
    color: #94a3b8;
    font-size: 14px;
}

.text-success[b-4s3ptjiqhh] {
    color: #059669;
}

.text-info[b-4s3ptjiqhh] {
    color: #2563eb;
}

.text-warning[b-4s3ptjiqhh] {
    color: #f59e0b;
}

.text-danger[b-4s3ptjiqhh] {
    color: #dc2626;
}

@media (max-width: 1024px) {
    .stats-grid[b-4s3ptjiqhh] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    .assessment-results-page[b-4s3ptjiqhh] {
        padding: 24px 20px 96px;
    }

    .results-header[b-4s3ptjiqhh] {
        flex-direction: column;
        align-items: flex-start;
    }

    .candidate-header[b-4s3ptjiqhh] {
        flex-direction: column;
        align-items: flex-start;
    }

    .pass-badge[b-4s3ptjiqhh] {
        position: static;
        margin-bottom: 12px;
    }

    .stats-grid[b-4s3ptjiqhh] {
        grid-template-columns: 1fr;
    }

    .ai-insights-grid[b-4s3ptjiqhh] {
        grid-template-columns: 1fr;
    }

    .sticky-footer[b-4s3ptjiqhh] {
        flex-direction: column;
        gap: 12px;
        align-items: stretch;
    }
}

.assessment-results-page[b-4s3ptjiqhh]  .ot-markdown-html {
    line-height: 1.6;
}

.assessment-results-page[b-4s3ptjiqhh]  .ot-markdown-html p {
    margin: 0 0 0.75rem;
}

.assessment-results-page[b-4s3ptjiqhh]  .ot-markdown-html p:last-child {
    margin-bottom: 0;
}

.assessment-results-page[b-4s3ptjiqhh]  .ot-markdown-html ul,
.assessment-results-page[b-4s3ptjiqhh]  .ot-markdown-html ol {
    margin: 0.5rem 0 0.75rem;
    padding-left: 1.25rem;
}

.assessment-results-page[b-4s3ptjiqhh]  .ot-markdown-html li {
    margin-bottom: 0.35rem;
}

.assessment-results-page[b-4s3ptjiqhh]  .ot-code-block {
    margin: 0.75rem 0;
    border: 1px solid #bccde2;
    border-radius: 12px;
    overflow: hidden;
    background: #e8eef7;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.08);
}

.assessment-results-page[b-4s3ptjiqhh]  .ot-code-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(180deg, #e2eaf6 0%, #d4e0f1 100%);
    border-bottom: 1px solid #bccde2;
    padding: 0.35rem 0.7rem;
}

.assessment-results-page[b-4s3ptjiqhh]  .ot-code-language {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #1e40af;
}

.assessment-results-page[b-4s3ptjiqhh]  .ot-code-copy {
    border: 1px solid #aabed9;
    background: #eef4ff;
    color: #1b3358;
    border-radius: 6px;
    padding: 0.2rem 0.55rem;
    font-size: 0.72rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.assessment-results-page[b-4s3ptjiqhh]  .ot-code-copy:hover {
    background: #dbe8fb;
    border-color: #8fa9cc;
}

.assessment-results-page[b-4s3ptjiqhh]  .ot-code-block pre {
    margin: 0;
    padding: 0.85rem 1rem;
    background: #e8eef7;
    color: #0f172a;
    overflow-x: auto;
    border-radius: 0;
}

.assessment-results-page[b-4s3ptjiqhh]  .ot-code-block pre code {
    display: block;
    color: inherit;
    font-size: 0.86rem;
    line-height: 1.55;
    white-space: pre;
}

.dialog-overlay[b-4s3ptjiqhh] {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1300;
}

.preview-layout[b-4s3ptjiqhh] {
    display: flex;
    width: 95vw;
    max-width: 1200px;
    height: 90vh;
    gap: 24px;
}

.pdf-preview-area[b-4s3ptjiqhh] {
    flex: 1;
    background: #525659;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pdf-iframe[b-4s3ptjiqhh] {
    width: 100%;
    height: 100%;
    border: none;
}

.preview-sidebar[b-4s3ptjiqhh] {
    width: 220px;
    flex-shrink: 0;
    background: #fff;
    border-radius: 8px;
    padding: 24px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
    align-self: flex-start;
}

@media (max-width: 900px) {
    .preview-layout[b-4s3ptjiqhh] {
        flex-direction: column;
        width: 96vw;
        height: 92vh;
        gap: 12px;
    }

    .preview-sidebar[b-4s3ptjiqhh] {
        width: 100%;
        padding: 16px;
    }
}
/* /Components/Pages/Employees/AssessmentSessionPages/AssessmentSessionPreparation.razor.rz.scp.css */
.assessment-prep-page[b-fy9wghjrox] {
    background: #f8fafc;
    min-height: 100vh;
    padding: 0;
    font-family: "Inter", system-ui, -apple-system, sans-serif;
    color: #111827;
}

.assessment-prep-page .prep-loading[b-fy9wghjrox],
.assessment-prep-page .session-pin-wrapper[b-fy9wghjrox] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-fy9wghjrox] .assessment-prep-page .pin-card {
    padding: 40px 36px;
    max-width: 440px;
    width: 100%;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 8px 32px rgba(15, 23, 42, 0.12);
}

[b-fy9wghjrox] .assessment-prep-page .pin-icon {
    width: 64px;
    height: 64px;
    background: #2e75b6 !important;
}

[b-fy9wghjrox] .assessment-prep-page .pin-submit-btn {
    margin-top: 24px;
    height: 48px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 10px;
}

[b-fy9wghjrox] .assessment-prep-page .pin-input-field input {
    text-align: center !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    letter-spacing: 2px;
}

[b-fy9wghjrox] .assessment-prep-page .pin-input-field .mud-input-root {
    width: 60px;
    height: 60px;
}

[b-fy9wghjrox] .assessment-prep-page .pin-input-field .mud-input-root-text {
    border-radius: 10px;
}

.assessment-prep-page .prep-wrapper[b-fy9wghjrox] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    transition: filter 0.18s ease;
}

.assessment-prep-page.page-blur-active .prep-wrapper[b-fy9wghjrox] {
    filter: blur(3px);
}

.assessment-prep-page .prep-header[b-fy9wghjrox] {
    height: 72px;
    background: #ffffff;
    border-bottom: 1px solid #e5e7eb;
    padding: 0 24px;
    display: flex;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 100;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
    flex-shrink: 0;
}

.assessment-prep-page .header-logo[b-fy9wghjrox] {
    width: 40px;
    height: 40px;
    background: #1e3a8a;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-weight: 700;
    margin-right: 16px;
}

.assessment-prep-page .header-info[b-fy9wghjrox] {
    flex: 1;
    min-width: 0;
}

.assessment-prep-page .assessment-title[b-fy9wghjrox] {
    font-size: 18px;
    font-weight: 600;
    color: #111827;
    margin: 0 0 2px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.assessment-prep-page .assessment-meta[b-fy9wghjrox] {
    font-size: 13px;
    color: #6b7280;
    margin: 0;
}

.assessment-prep-page .header-actions[b-fy9wghjrox] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.assessment-prep-page .save-status[b-fy9wghjrox] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: #ecfdf3;
    border: 1px solid #10b981;
    color: #065f46;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
}

.assessment-prep-page .btn-exit[b-fy9wghjrox] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: transparent;
    border: 1px solid transparent;
    color: #6b7280;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.assessment-prep-page .btn-exit:hover[b-fy9wghjrox] {
    background: #f3f4f6;
}

.assessment-prep-page .prep-content[b-fy9wghjrox] {
    display: flex;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.assessment-prep-page .prep-sidebar[b-fy9wghjrox] {
    width: 320px;
    background: #f9fafb;
    border-right: 1px solid #e5e7eb;
    padding: 24px 16px;
    overflow-y: auto;
    flex-shrink: 0;
}

.assessment-prep-page .sidebar-title[b-fy9wghjrox] {
    font-size: 11px;
    font-weight: 700;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
}

.assessment-prep-page .sidebar-divider[b-fy9wghjrox] {
    height: 1px;
    background: #e5e7eb;
    margin: 12px 0;
}

.assessment-prep-page .category-group[b-fy9wghjrox] {
    margin-bottom: 8px;
}

.assessment-prep-page .category-header[b-fy9wghjrox] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #374151;
    margin: 16px 0 8px 0;
    padding: 0 8px;
}

.assessment-prep-page .category-dot[b-fy9wghjrox] {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    display: inline-block;
}

.assessment-prep-page .category-count[b-fy9wghjrox] {
    color: #9ca3af;
    font-weight: 400;
}

.assessment-prep-page .skill-item[b-fy9wghjrox] {
    display: flex;
    align-items: center;
    padding: 10px 12px;
    border-radius: 6px;
    cursor: pointer;
    margin-bottom: 4px;
    transition: background 0.12s;
    position: relative;
}

.assessment-prep-page .skill-item:hover[b-fy9wghjrox] {
    background: #ffffff;
}

.assessment-prep-page .skill-item.active[b-fy9wghjrox] {
    background: #dbeafe;
    border-left: 3px solid #3b82f6;
    padding-left: 9px;
}

.assessment-prep-page .skill-item.active .skill-name[b-fy9wghjrox] {
    font-weight: 600;
}

.assessment-prep-page .skill-chevron[b-fy9wghjrox] {
    font-size: 12px;
    color: #9ca3af;
    margin-right: 8px;
    display: flex;
    align-items: center;
}

.assessment-prep-page .skill-name[b-fy9wghjrox] {
    font-size: 14px;
    color: #111827;
    flex: 1;
}

.assessment-prep-page .skill-count[b-fy9wghjrox] {
    font-size: 13px;
    color: #6b7280;
    background: #f3f4f6;
    padding: 2px 6px;
    border-radius: 4px;
}

.assessment-prep-page .modified-dot[b-fy9wghjrox] {
    width: 8px;
    height: 8px;
    background: #f59e0b;
    border-radius: 50%;
    margin-left: 8px;
}

.assessment-prep-page .question-preview-list[b-fy9wghjrox] {
    margin-left: 12px;
    border-left: 1px solid #e5e7eb;
    padding-left: 12px;
    margin-bottom: 8px;
}

.assessment-prep-page .question-preview-item[b-fy9wghjrox] {
    font-size: 13px;
    color: #6b7280;
    padding: 4px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    display: block;
    width: 100%;
    text-align: left;
    background: transparent;
    border: none;
    text-decoration: none;
}

.assessment-prep-page .question-preview-item:hover[b-fy9wghjrox] {
    color: #3b82f6;
}

.assessment-prep-page .preview-more[b-fy9wghjrox] {
    font-size: 12px;
    color: #3b82f6;
    font-weight: 600;
    margin-top: 4px;
    cursor: pointer;
    background: transparent;
    border: none;
    padding: 0;
}

.assessment-prep-page .prep-main[b-fy9wghjrox] {
    flex: 1;
    min-width: 0;
    min-height: 0;
    overflow-y: auto;
    padding: 0 0 40px 0;
    background: #ffffff;
}

.assessment-prep-page .skill-header-section[b-fy9wghjrox] {
    padding: 32px 40px 24px;
    background: #ffffff;
    position: sticky;
    top: 0;
    z-index: 50;
    border-bottom: 1px solid #e5e7eb;
}

.assessment-prep-page .skill-title[b-fy9wghjrox] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 24px;
    font-weight: 700;
    color: #111827;
    margin-bottom: 8px;
}

.assessment-prep-page .skill-meta[b-fy9wghjrox] {
    font-size: 14px;
    color: #6b7280;
}

.assessment-prep-page .content-divider[b-fy9wghjrox] {
    height: 1px;
    background: #e5e7eb;
    margin: 24px 0;
}

.assessment-prep-page .roadmap-container[b-fy9wghjrox] {
    margin-bottom: 24px;
}

.assessment-prep-page .roadmap-toggle[b-fy9wghjrox] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    font-weight: 600;
    color: #2563eb;
    background: none;
    border: none;
    padding: 12px 16px;
    border-radius: 8px;
    cursor: pointer;
    width: 100%;
    text-align: left;
    transition: background 0.15s;
}

.assessment-prep-page .roadmap-toggle:hover[b-fy9wghjrox] {
    background: #eff6ff;
}

.assessment-prep-page .roadmap-toggle-state[b-fy9wghjrox] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #6b7280;
}

.assessment-prep-page .roadmap-list[b-fy9wghjrox] {
    background: #ecfdf3;
    border: 1px solid #bbf7d0;
    border-radius: 8px;
    padding: 20px;
    margin: 12px 0 24px;
}

.assessment-prep-page .roadmap-item[b-fy9wghjrox] {
    display: flex;
    gap: 12px;
    margin-bottom: 16px;
}

.assessment-prep-page .roadmap-item:last-child[b-fy9wghjrox] {
    margin-bottom: 0;
}

.assessment-prep-page .roadmap-number[b-fy9wghjrox] {
    font-weight: 700;
    color: #065f46;
    font-size: 14px;
}

.assessment-prep-page .roadmap-content h4[b-fy9wghjrox] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #065f46;
}

.assessment-prep-page .questions-list[b-fy9wghjrox] {
    padding: 0 40px 40px;
}

.assessment-prep-page .question-card[b-fy9wghjrox] {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 20px 24px;
    margin-bottom: 24px;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
    transition: all 0.2s ease;
    scroll-margin-top: 260px;
}

.assessment-prep-page .question-card:target[b-fy9wghjrox] {
    border-color: #60a5fa;
    box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.22);
}

.assessment-prep-page .question-card:hover[b-fy9wghjrox] {
    border-color: #dbeafe;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
    transform: translateY(-2px);
}

.assessment-prep-page .q-card-header[b-fy9wghjrox] {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.assessment-prep-page .drag-handle[b-fy9wghjrox] {
    color: #d1d5db;
    cursor: grab;
    margin-right: 8px;
    opacity: 0;
    transition: opacity 0.2s;
}

.assessment-prep-page .question-card:hover .drag-handle[b-fy9wghjrox] {
    opacity: 1;
}

.assessment-prep-page .q-badge[b-fy9wghjrox] {
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 700;
    margin-right: 12px;
}

.assessment-prep-page .q-badge-num[b-fy9wghjrox] {
    background: #1e3a8a;
    color: #ffffff;
}

.assessment-prep-page .type-badge[b-fy9wghjrox],
.assessment-prep-page .source-badge[b-fy9wghjrox] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    margin-right: 8px;
}

.assessment-prep-page .type-theoretical[b-fy9wghjrox] {
    background: #dbeafe;
    color: #1e40af;
}

.assessment-prep-page .type-practical[b-fy9wghjrox] {
    background: #ecfdf3;
    color: #065f46;
}

.assessment-prep-page .source-ai[b-fy9wghjrox] {
    background: #f3f4f6;
    color: #374151;
}

.assessment-prep-page .source-custom[b-fy9wghjrox] {
    background: #eff6ff;
    color: #1e3a8a;
}

.assessment-prep-page .card-actions[b-fy9wghjrox] {
    margin-left: auto;
    display: flex;
    gap: 8px;
}

.assessment-prep-page .icon-btn[b-fy9wghjrox] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    cursor: pointer;
    background: transparent;
    border: none;
    transition: background 0.15s;
}

.assessment-prep-page .icon-btn:disabled[b-fy9wghjrox] {
    opacity: 0.4;
    cursor: not-allowed;
}

.assessment-prep-page .btn-regenerate[b-fy9wghjrox] {
    color: #2563eb;
}

.assessment-prep-page .btn-regenerate:hover[b-fy9wghjrox] {
    background: #eff6ff;
}

.assessment-prep-page .btn-edit[b-fy9wghjrox] {
    color: #0369a1;
}

.assessment-prep-page .btn-edit:hover[b-fy9wghjrox] {
    background: #e0f2fe;
}

.assessment-prep-page .btn-edit.active[b-fy9wghjrox] {
    background: #e0f2fe;
}

.assessment-prep-page .btn-reorder[b-fy9wghjrox] {
    color: #6b7280;
}

.assessment-prep-page .btn-reorder:hover:not(:disabled)[b-fy9wghjrox] {
    background: #f3f4f6;
    color: #374151;
}

.assessment-prep-page .btn-delete[b-fy9wghjrox] {
    color: #ef4444;
}

.assessment-prep-page .btn-delete:hover[b-fy9wghjrox] {
    background: #fee2e2;
}

.assessment-prep-page .q-content[b-fy9wghjrox] {
    font-size: 15px;
    color: #111827;
    line-height: 1.7;
    margin-bottom: 16px;
    white-space: pre-wrap;
}

.assessment-prep-page .expected-answer-block[b-fy9wghjrox] {
    border: 1px solid #d6e6fb;
    border-radius: 10px;
    overflow: hidden;
    white-space: normal;
}

.assessment-prep-page .expected-answer-header[b-fy9wghjrox] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 10px 12px;
    background: #eaf3ff;
    color: #1d4ed8;
    font-size: 13px;
    font-weight: 700;
    border-bottom: 1px solid #dbeafe;
    width: 100%;
    text-align: left;
    border: none;
    cursor: pointer;
}

.assessment-prep-page .expected-answer-header-main[b-fy9wghjrox] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.assessment-prep-page .expected-answer-chevron[b-fy9wghjrox] {
    color: #64748b;
}

.assessment-prep-page .expected-answer-body[b-fy9wghjrox] {
    background: #f4f9ff;
    border-top: 1px solid #dbeafe;
    padding: 12px;
}

.assessment-prep-page .expected-answer-empty[b-fy9wghjrox] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.assessment-prep-page .expected-answer-block[b-fy9wghjrox]  .mud-collapse-container,
.assessment-prep-page .expected-answer-block[b-fy9wghjrox]  .mud-collapse-wrapper,
.assessment-prep-page .expected-answer-block[b-fy9wghjrox]  .mud-collapse-wrapper-inner {
    margin: 0;
    padding: 0;
}

.assessment-prep-page .q-content[b-fy9wghjrox]  p {
    margin: 0 0 12px 0;
}

.assessment-prep-page .q-content[b-fy9wghjrox]  p:last-child {
    margin-bottom: 0;
}

.assessment-prep-page .q-content[b-fy9wghjrox]  ul,
.assessment-prep-page .q-content[b-fy9wghjrox]  ol {
    margin: 0 0 12px 20px;
    padding: 0;
}

.assessment-prep-page .q-content[b-fy9wghjrox]  li {
    margin-bottom: 6px;
}

.assessment-prep-page .question-edit-inline[b-fy9wghjrox] {
    display: flex;
    flex-direction: column;
}

.assessment-prep-page .question-edit-actions[b-fy9wghjrox] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 12px;
}

[b-fy9wghjrox] .question-edit-btn {
    min-width: 78px;
    height: 34px;
    padding: 0 12px;
}

.assessment-prep-page .q-footer[b-fy9wghjrox] {
    border-top: 1px solid #f3f4f6;
    padding-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 12px;
    color: #9ca3af;
}

.assessment-prep-page .meta-item[b-fy9wghjrox] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.assessment-prep-page .related-roadmap[b-fy9wghjrox] {
    color: #7c3aed;
    cursor: pointer;
}

.assessment-prep-page .related-roadmap:hover[b-fy9wghjrox] {
    text-decoration: underline;
}

.assessment-prep-page .btn-add-question[b-fy9wghjrox] {
    width: 100%;
    height: 100px;
    background: #ffffff;
    border: 2px dashed #d1d5db;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s;
    padding: 0;
    text-align: center;
}

.assessment-prep-page .btn-add-question:hover[b-fy9wghjrox] {
    border-color: #2563eb;
    background: #eff6ff;
}

.assessment-prep-page .add-q-title[b-fy9wghjrox] {
    font-size: 16px;
    font-weight: 600;
    color: #2563eb;
    margin-bottom: 4px;
}

.assessment-prep-page .add-q-sub[b-fy9wghjrox] {
    font-size: 13px;
    color: #6b7280;
}

[b-fy9wghjrox] .prep-modal-backdrop {
    background-color: rgba(15, 23, 42, 0.55);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    z-index: 1200;
}

[b-fy9wghjrox] .prep-modal-content {
    border-radius: 14px;
}

[b-fy9wghjrox] .add-question-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

[b-fy9wghjrox] .modal-close-wrap {
    margin-left: auto;
    display: flex;
    align-items: center;
    padding-left: 12px;
}

[b-fy9wghjrox] .prep-modal-close {
    margin-left: auto;
}

[b-fy9wghjrox] .prep-regenerate-header {
    border-bottom: 1px solid #e5e7eb !important;
    padding-bottom: 14px;
    margin-bottom: 8px;
}

[b-fy9wghjrox] .prep-regenerate-footer {
    border-top: 1px solid #e5e7eb !important;
    padding-top: 12px;
    margin-top: 10px;
}

[b-fy9wghjrox] .regenerate-preview {
    display: grid;
    gap: 12px;
}

[b-fy9wghjrox] .regenerate-preview-block {
    border: 1px solid #d1d5db;
    border-radius: 10px;
    padding: 12px;
    background: #f8fafc;
}

[b-fy9wghjrox] .regenerate-preview-block-new {
    border-color: #bfdbfe;
    background: #eff6ff;
}

[b-fy9wghjrox] .regenerate-preview-label {
    font-size: 12px;
    font-weight: 600;
    color: #475569;
    margin-bottom: 6px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

[b-fy9wghjrox] .regenerate-preview-text {
    font-size: 14px;
    color: #0f172a;
    line-height: 1.5;
    white-space: normal;
}

[b-fy9wghjrox] .regenerate-preview-note {
    font-size: 12px;
    color: #475569;
}

[b-fy9wghjrox] .regenerate-footer-row {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

[b-fy9wghjrox] .regenerate-footer-actions {
    display: flex;
    align-items: center;
    gap: 12px;
}

[b-fy9wghjrox] .regenerate-preview-text .ot-markdown-html {
    line-height: 1.6;
}

[b-fy9wghjrox] .regenerate-preview-text .ot-markdown-html p {
    margin: 0 0 0.45rem;
}

[b-fy9wghjrox] .regenerate-preview-text .ot-markdown-html p:last-child {
    margin-bottom: 0;
}

[b-fy9wghjrox] .regenerate-preview-text .ot-markdown-html ul,
[b-fy9wghjrox] .regenerate-preview-text .ot-markdown-html ol {
    margin: 0.25rem 0 0.45rem;
    padding-left: 1.25rem;
}

[b-fy9wghjrox] .regenerate-preview-text .ot-markdown-html li {
    margin-bottom: 0.2rem;
}

[b-fy9wghjrox] .regenerate-preview-text .ot-code-block {
    margin: 0.5rem 0;
    border: 1px solid #bccde2;
    border-radius: 12px;
    overflow: hidden;
    background: #e8eef7;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.08);
}

[b-fy9wghjrox] .regenerate-preview-text .ot-code-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(180deg, #e2eaf6 0%, #d4e0f1 100%);
    border-bottom: 1px solid #bccde2;
    padding: 0.35rem 0.7rem;
}

[b-fy9wghjrox] .regenerate-preview-text .ot-code-block pre {
    margin: 0;
    padding: 0.85rem 1rem;
    background: #e8eef7;
    color: #0f172a;
    overflow-x: auto;
}

[b-fy9wghjrox] .add-question-mode-radio {
    margin-top: 0;
    margin-bottom: 24px;
}

[b-fy9wghjrox] .add-question-mode-radio .mud-radio-group {
    gap: 4px;
}

[b-fy9wghjrox] .add-question-hint {
    color: #4b5563;
    margin-bottom: 16px;
}

[b-fy9wghjrox] .custom-question-input {
    resize: vertical;
    min-height: 150px;
}

[b-fy9wghjrox] .question-label-row {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 10px;
    margin-bottom: 8px;
}

[b-fy9wghjrox] .question-preview-btn-wrap {
    margin-left: auto;
    display: flex;
    align-items: center;
}

[b-fy9wghjrox] .preview-label-btn {
    background: #e0f2fe;
    border-color: #bae6fd;
    color: #0369a1;
    flex-shrink: 0;
}

[b-fy9wghjrox] .preview-label-btn:hover {
    background: #d0ecfc;
    border-color: #7dd3fc;
}

[b-fy9wghjrox] .question-type-select {
    margin-top: 8px;
}

[b-fy9wghjrox] .question-edit-type-select {
    margin-top: 0;
}

[b-fy9wghjrox] .markdown-preview-panel {
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: #f9fafb;
    padding: 14px;
    margin-bottom: 12px;
}

[b-fy9wghjrox] .preview-title {
    font-size: 13px;
    font-weight: 700;
    color: #374151;
    margin-bottom: 10px;
}

[b-fy9wghjrox] .preview-content {
    font-size: 14px;
    color: #111827;
    line-height: 1.6;
}

[b-fy9wghjrox] .preview-content p {
    margin: 0 0 8px 0;
}

[b-fy9wghjrox] .preview-content p:last-child {
    margin-bottom: 0;
}

@media (max-width: 1100px) {
    .assessment-prep-page .prep-sidebar[b-fy9wghjrox] {
        width: 260px;
    }
}

@media (max-width: 900px) {
    .assessment-prep-page .prep-content[b-fy9wghjrox] {
        flex-direction: column;
    }

    .assessment-prep-page .prep-sidebar[b-fy9wghjrox] {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #e5e7eb;
        max-height: 320px;
    }

    .assessment-prep-page .skill-header-section[b-fy9wghjrox] {
        position: static;
    }
}

@media (max-width: 640px) {
    .assessment-prep-page .prep-header[b-fy9wghjrox] {
        flex-direction: column;
        align-items: flex-start;
        height: auto;
        gap: 10px;
        padding: 12px 16px;
    }

    .assessment-prep-page .header-actions[b-fy9wghjrox] {
        width: 100%;
        justify-content: space-between;
    }

    .assessment-prep-page .questions-list[b-fy9wghjrox],
    .assessment-prep-page .skill-header-section[b-fy9wghjrox] {
        padding-left: 20px;
        padding-right: 20px;
    }

    [b-fy9wghjrox] .add-question-mode-radio .mud-radio-group {
        align-items: flex-start;
    }
}

.assessment-prep-page .q-content[b-fy9wghjrox]  .ot-markdown-html,
.assessment-prep-page .preview-content[b-fy9wghjrox]  .ot-markdown-html {
    line-height: 1.6;
    white-space: normal;
}

.assessment-prep-page .q-content[b-fy9wghjrox]  .ot-markdown-html p,
.assessment-prep-page .preview-content[b-fy9wghjrox]  .ot-markdown-html p {
    margin: 0 0 0.45rem;
}

.assessment-prep-page .q-content[b-fy9wghjrox]  .ot-markdown-html p:last-child,
.assessment-prep-page .preview-content[b-fy9wghjrox]  .ot-markdown-html p:last-child {
    margin-bottom: 0;
}

.assessment-prep-page .q-content[b-fy9wghjrox]  .ot-markdown-html ul,
.assessment-prep-page .q-content[b-fy9wghjrox]  .ot-markdown-html ol,
.assessment-prep-page .preview-content[b-fy9wghjrox]  .ot-markdown-html ul,
.assessment-prep-page .preview-content[b-fy9wghjrox]  .ot-markdown-html ol {
    margin: 0.25rem 0 0.45rem;
    padding-left: 1.25rem;
}

.assessment-prep-page .q-content[b-fy9wghjrox]  .ot-markdown-html li,
.assessment-prep-page .preview-content[b-fy9wghjrox]  .ot-markdown-html li {
    margin-bottom: 0.2rem;
}

.assessment-prep-page .q-content[b-fy9wghjrox]  .ot-markdown-html li > p,
.assessment-prep-page .preview-content[b-fy9wghjrox]  .ot-markdown-html li > p {
    margin: 0;
}

.assessment-prep-page .q-content[b-fy9wghjrox]  .ot-code-block,
.assessment-prep-page .preview-content[b-fy9wghjrox]  .ot-code-block {
    margin: 0.5rem 0;
    border: 1px solid #bccde2;
    border-radius: 12px;
    overflow: hidden;
    background: #e8eef7;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.08);
    white-space: normal;
}

.assessment-prep-page .q-content[b-fy9wghjrox]  .ot-code-toolbar,
.assessment-prep-page .preview-content[b-fy9wghjrox]  .ot-code-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(180deg, #e2eaf6 0%, #d4e0f1 100%);
    border-bottom: 1px solid #bccde2;
    padding: 0.35rem 0.7rem;
}

.assessment-prep-page .q-content[b-fy9wghjrox]  .ot-code-language,
.assessment-prep-page .preview-content[b-fy9wghjrox]  .ot-code-language {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #1e40af;
}

.assessment-prep-page .q-content[b-fy9wghjrox]  .ot-code-copy,
.assessment-prep-page .preview-content[b-fy9wghjrox]  .ot-code-copy {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    white-space: nowrap;
    border: 1px solid #aabed9;
    background: #eef4ff;
    color: #1b3358;
    border-radius: 6px;
    height: 2rem;
    min-height: 0;
    min-width: 0;
    padding: 0 0.65rem;
    font-size: 0.7rem;
    line-height: 1;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.assessment-prep-page .q-content[b-fy9wghjrox]  .ot-code-copy:hover,
.assessment-prep-page .preview-content[b-fy9wghjrox]  .ot-code-copy:hover {
    background: #dbe8fb;
    border-color: #8fa9cc;
}

.assessment-prep-page .q-content[b-fy9wghjrox]  .ot-code-block pre,
.assessment-prep-page .preview-content[b-fy9wghjrox]  .ot-code-block pre {
    margin: 0;
    padding: 0.35rem 1rem 0.85rem;
    background: #e8eef7;
    color: #0f172a;
    overflow-x: auto;
    border-radius: 0;
}

.assessment-prep-page .q-content[b-fy9wghjrox]  .ot-code-block pre code,
.assessment-prep-page .preview-content[b-fy9wghjrox]  .ot-code-block pre code {
    display: block;
    color: inherit;
    font-size: 0.86rem;
    line-height: 1.55;
    white-space: pre;
}
/* /Components/Pages/Employees/AssessmentSessionPages/PublicAssessmentSession.razor.rz.scp.css */
.assessment-session-page[b-k7hm3bfeov] {
    background: #f8fafc;
    min-height: 100vh;
    padding: 0;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

.assessment-session-page .session-loading[b-k7hm3bfeov] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.assessment-session-page .session-pin-wrapper[b-k7hm3bfeov] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-k7hm3bfeov] .assessment-session-page .pin-card {
    padding: 40px 36px;
    max-width: 440px;
    width: 100%;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
}

[b-k7hm3bfeov] .assessment-session-page .pin-icon {
    width: 64px;
    height: 64px;
    background: #2e75b6 !important;
}

[b-k7hm3bfeov] .assessment-session-page .pin-submit-btn {
    margin-top: 24px;
    height: 48px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 10px;
}

[b-k7hm3bfeov] .pin-input-field input {
    text-align: center !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    letter-spacing: 2px;
}

[b-k7hm3bfeov] .pin-input-field .mud-input-root {
    width: 60px;
    height: 60px;
}

[b-k7hm3bfeov] .pin-input-field .mud-input-root-text {
    border-radius: 10px;
}

.assessment-session-page .session-header[b-k7hm3bfeov] {
    position: sticky;
    top: 0;
    z-index: 50;
    background: #ffffff;
    border-bottom: 1px solid #e2e8f0;
    padding: 14px 28px;
    display: flex;
    align-items: center;
    gap: 20px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}

.assessment-session-page .session-header-left[b-k7hm3bfeov] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 280px;
}

.assessment-session-page .session-header-icon[b-k7hm3bfeov] {
    color: #2e75b6;
    font-size: 20px;
}

.assessment-session-page .session-header-title[b-k7hm3bfeov] {
    font-size: 17px;
    font-weight: 700;
    color: #1e293b;
}

.assessment-session-page .session-header-separator[b-k7hm3bfeov] {
    width: 1px;
    height: 22px;
    background: #e2e8f0;
    margin: 0 4px;
}

.assessment-session-page .session-header-subtitle[b-k7hm3bfeov] {
    font-size: 13px;
    color: #64748b;
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    align-items: center;
}

.assessment-session-page .session-header-subtitle span[b-k7hm3bfeov] {
    color: #94a3b8;
}

/* progress bar in header */
.assessment-session-page .session-header-progress[b-k7hm3bfeov] {
    flex: 1;
    max-width: 380px;
    margin: 0 auto;
}

.assessment-session-page .session-progress-label[b-k7hm3bfeov] {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: #64748b;
    font-weight: 500;
    margin-bottom: 5px;
}

.assessment-session-page .session-progress-track[b-k7hm3bfeov] {
    height: 5px;
    background: #e2e8f0;
    border-radius: 999px;
    overflow: hidden;
}

.assessment-session-page .session-progress-fill[b-k7hm3bfeov] {
    height: 100%;
    background: #2e75b6;
    border-radius: 999px;
    transition: width 0.3s ease;
}

.assessment-session-page .session-header-actions[b-k7hm3bfeov] {
    display: flex;
    gap: 10px;
    margin-left: auto;
}

.assessment-session-page .session-layout[b-k7hm3bfeov] {
    display: grid;
    grid-template-columns: 230px 1fr 280px;
    gap: 0;
    width: 100%;
    margin: 0 auto;
    padding: 16px 20px;
    align-items: start;
}

.assessment-session-page .session-panel[b-k7hm3bfeov] {
    background: #ffffff;
    border: 1px solid #e8ecf0;
    border-radius: 10px;
    height: calc(100vh - 100px);
    overflow-y: auto;
    overflow-x: hidden;
}

.assessment-session-page .session-skills-panel[b-k7hm3bfeov] {
    padding: 14px 12px;
    margin-right: 12px;
}

.assessment-session-page .panel-title[b-k7hm3bfeov] {
    font-size: 14px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid #f1f3f6;
}

.assessment-session-page .skill-category[b-k7hm3bfeov] {
    margin-bottom: 4px;
}

.assessment-session-page .category-header[b-k7hm3bfeov] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
    background: transparent;
    border: none;
    padding: 7px 6px;
    border-radius: 6px;
    color: #475569;
    font-size: 13px;
    cursor: pointer;
    transition: background 0.15s;
}

.assessment-session-page .category-header:hover[b-k7hm3bfeov] {
    background: #f4f6f8;
}

.assessment-session-page .category-name[b-k7hm3bfeov] {
    font-weight: 700;
    color: #1e293b;
    font-size: 13px;
}

.assessment-session-page .category-count[b-k7hm3bfeov] {
    color: #94a3b8;
    font-size: 12px;
}

.assessment-session-page .category-score[b-k7hm3bfeov] {
    margin-left: auto;
    font-weight: 700;
    color: #7c3aed;
    font-size: 12px;
}

.assessment-session-page .category-content[b-k7hm3bfeov] {
    padding-left: 6px;
    margin-top: 2px;
}

.assessment-session-page .skill-card[b-k7hm3bfeov] {
    padding: 9px 10px;
    border-radius: 7px;
    border-left: 3px solid transparent;
    margin-bottom: 4px;
    cursor: pointer;
    position: relative;
    transition: background 0.15s, transform 0.15s;
    background: #fafbfc;
}

.assessment-session-page .skill-card:hover[b-k7hm3bfeov] {
    background: #f0f4f8;
    transform: translateX(3px);
}

.assessment-session-page .skill-card.completed[b-k7hm3bfeov] {
    background: #eef9f2;
    border-left-color: #059669;
}

.assessment-session-page .skill-card.in-progress[b-k7hm3bfeov] {
    background: #fef6ee;
    border-left-color: #ea580c;
}

.assessment-session-page .skill-card.not-started[b-k7hm3bfeov] {
    border-left-color: #dde2e8;
    background: #fafbfc;
}

.assessment-session-page .skill-card.current[b-k7hm3bfeov] {
    background: #eef2f6;
    border-left-color: #2e75b6;
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.15);
}

.assessment-session-page .skill-card-header[b-k7hm3bfeov] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 6px;
}

.assessment-session-page .skill-name[b-k7hm3bfeov] {
    font-size: 13px;
    font-weight: 600;
    color: #1e293b;
    line-height: 1.3;
}

.assessment-session-page .skill-status-icon[b-k7hm3bfeov] {
    color: #94a3b8;
    font-size: 16px;
    flex-shrink: 0;
}

.assessment-session-page .skill-card.completed .skill-status-icon[b-k7hm3bfeov] {
    color: #059669;
}

.assessment-session-page .skill-card.in-progress .skill-status-icon[b-k7hm3bfeov] {
    color: #ea580c;
}

.assessment-session-page .skill-meta[b-k7hm3bfeov] {
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    color: #64748b;
    margin-top: 4px;
}

.assessment-session-page .skill-progress-track[b-k7hm3bfeov] {
    height: 3px;
    background: #e2e8f0;
    border-radius: 999px;
    margin-top: 5px;
    overflow: hidden;
}

.assessment-session-page .skill-progress-fill[b-k7hm3bfeov] {
    height: 100%;
    background: #2e75b6;
    border-radius: 999px;
    transition: width 0.3s;
}

.assessment-session-page .skill-card.completed .skill-progress-fill[b-k7hm3bfeov] {
    background: #059669;
}

.assessment-session-page .skill-card.in-progress .skill-progress-fill[b-k7hm3bfeov] {
    background: #ea580c;
}


.assessment-session-page .session-questions-panel[b-k7hm3bfeov] {
    padding: 22px 28px;
    margin: 0 8px;
}

.assessment-session-page .question-container[b-k7hm3bfeov] {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.assessment-session-page .skill-header-card[b-k7hm3bfeov] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #eef0f3;
}

.assessment-session-page .skill-header-title[b-k7hm3bfeov] {
    font-size: 18px;
    font-weight: 700;
    color: #1e293b;
    display: flex;
    align-items: center;
    gap: 8px;
}

.assessment-session-page .points-badge[b-k7hm3bfeov] {
    font-size: 13px;
    color: #7c3aed;
    font-weight: 500;
}

.assessment-session-page .question-dots[b-k7hm3bfeov] {
    display: flex;
    gap: 7px;
}

.assessment-session-page .q-dot[b-k7hm3bfeov] {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: transparent;
    border: 2px solid #cbd5e1;
    cursor: pointer;
    transition: transform 0.15s;
}

.assessment-session-page .q-dot:hover[b-k7hm3bfeov] {
    transform: scale(1.25);
}

.assessment-session-page .q-dot.answered[b-k7hm3bfeov] {
    background: #059669;
    border-color: #059669;
}

.assessment-session-page .q-dot.current[b-k7hm3bfeov] {
    background: #2e75b6;
    border-color: #2e75b6;
    box-shadow: 0 0 0 3px rgba(46, 117, 182, 0.18);
}

.assessment-session-page .question-counter[b-k7hm3bfeov] {
    font-size: 13px;
    color: #64748b;
    font-weight: 600;
}

.assessment-session-page .question-text[b-k7hm3bfeov] {
    font-size: 15px;
    color: #1e293b;
    line-height: 1.6;
}

.assessment-session-page .question-text p[b-k7hm3bfeov] {
    margin: 0;
}

.assessment-session-page .question-meta[b-k7hm3bfeov] {
    display: flex;
    gap: 7px;
}

.assessment-session-page .input-group[b-k7hm3bfeov] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.assessment-session-page .expected-answer-block[b-k7hm3bfeov] {
    border: 1px solid #d6e6fb;
    border-radius: 10px;
    overflow: hidden;
}

.assessment-session-page .expected-answer-header[b-k7hm3bfeov] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 10px 12px;
    background: #eaf3ff;
    color: #1d4ed8;
    font-size: 13px;
    font-weight: 700;
    border-bottom: 1px solid #dbeafe;
    width: 100%;
    text-align: left;
    border: none;
    cursor: pointer;
}

.assessment-session-page .expected-answer-header-main[b-k7hm3bfeov] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.assessment-session-page .expected-answer-chevron[b-k7hm3bfeov] {
    color: #64748b;
}

.assessment-session-page .expected-answer-body[b-k7hm3bfeov] {
    background: #f4f9ff;
    border-top: 1px solid #dbeafe;
    padding: 12px;
}

.assessment-session-page .expected-answer-empty[b-k7hm3bfeov] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.assessment-session-page .expected-answer-block[b-k7hm3bfeov]  .mud-collapse-container,
.assessment-session-page .expected-answer-block[b-k7hm3bfeov]  .mud-collapse-wrapper,
.assessment-session-page .expected-answer-block[b-k7hm3bfeov]  .mud-collapse-wrapper-inner {
    margin: 0;
    padding: 0;
}

.assessment-session-page .input-label[b-k7hm3bfeov] {
    font-size: 13px;
    font-weight: 600;
    color: #475569;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.assessment-session-page .evaluation-section[b-k7hm3bfeov] {
    padding-top: 4px;
}

.assessment-session-page .required-mark[b-k7hm3bfeov] {
    color: #dc2626;
    margin-left: 3px;
}

.assessment-session-page .evaluation-grid[b-k7hm3bfeov] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-top: 8px;
}

.assessment-session-page .eval-card[b-k7hm3bfeov] {
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    padding: 14px 8px;
    text-align: center;
    cursor: pointer;
    position: relative;
    color: #64748b;
    transition: all 0.2s;
    background: #fff;
}

.assessment-session-page .eval-card:hover[b-k7hm3bfeov] {
    border-color: #cbd5e1;
    background: #f8fafc;
}

.assessment-session-page .eval-card.selected .eval-check[b-k7hm3bfeov] {
    opacity: 1;
}

.assessment-session-page .eval-check[b-k7hm3bfeov] {
    position: absolute;
    top: 7px;
    right: 7px;
    opacity: 0;
    transition: opacity 0.2s;
    font-size: 16px;
}

.assessment-session-page .eval-na.selected[b-k7hm3bfeov] {
    background: #f3f4f6;
    border-color: #94a3b8;
    color: #64748b;
}

.assessment-session-page .eval-below.selected[b-k7hm3bfeov] {
    background: #fee2e2;
    border-color: #dc2626;
    color: #dc2626;
}

.assessment-session-page .eval-meets.selected[b-k7hm3bfeov] {
    background: #dbeafe;
    border-color: #2563eb;
    color: #2563eb;
}

.assessment-session-page .eval-exceeds.selected[b-k7hm3bfeov] {
    background: #d1fae5;
    border-color: #059669;
    color: #059669;
}

.assessment-session-page .eval-label[b-k7hm3bfeov] {
    font-size: 12px;
    font-weight: 600;
}

.assessment-session-page .score-input-row[b-k7hm3bfeov] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
}

.assessment-session-page .score-input[b-k7hm3bfeov] {
    max-width: 140px;
}

.assessment-session-page .score-hint[b-k7hm3bfeov] {
    font-size: 12px;
    color: #94a3b8;
    margin-top: 6px;
}

.assessment-session-page .nav-section[b-k7hm3bfeov] {
    border-top: 1px solid #eef0f3;
    padding-top: 14px;
    margin-top: 6px;
}

.assessment-session-page .section-subtitle[b-k7hm3bfeov] {
    font-size: 12px;
    font-weight: 600;
    color: #64748b;
    margin-bottom: 8px;
}

.assessment-session-page .preview-scroll[b-k7hm3bfeov] {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding-bottom: 6px;
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 transparent;
}

.assessment-session-page .preview-scroll[b-k7hm3bfeov]::-webkit-scrollbar {
    height: 4px;
}

.assessment-session-page .preview-scroll[b-k7hm3bfeov]::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 2px;
}

.assessment-session-page .preview-card[b-k7hm3bfeov] {
    min-width: 200px;
    max-width: 230px;
    padding: 10px 12px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #ffffff;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex-shrink: 0;
    transition: all 0.18s;
}

.assessment-session-page .preview-card:hover[b-k7hm3bfeov] {
    background: #f8fafc;
    border-color: #cbd5e1;
    transform: translateY(-2px);
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
}

.assessment-session-page .preview-card.current[b-k7hm3bfeov] {
    border-color: #2e75b6;
    background: #eff6ff;
    box-shadow: 0 2px 6px rgba(46, 117, 182, 0.15);
}

.assessment-session-page .preview-card.answered[b-k7hm3bfeov] {
    border-color: #059669;
    background: #f0fdf4;
}

.assessment-session-page .preview-text[b-k7hm3bfeov] {
    font-size: 12px;
    color: #475569;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.assessment-session-page .preview-status[b-k7hm3bfeov] {
    display: flex;
    justify-content: center;
    color: #94a3b8;
    font-size: 16px;
}

.assessment-session-page .preview-card.answered .preview-status[b-k7hm3bfeov] {
    color: #059669;
}

.assessment-session-page .preview-card.current .preview-status[b-k7hm3bfeov] {
    color: #2e75b6;
}

.assessment-session-page .nav-buttons[b-k7hm3bfeov] {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    margin-top: 14px;
}

.assessment-session-page .session-summary-panel[b-k7hm3bfeov] {
    padding: 14px 14px;
    margin-left: 8px;
}

.assessment-session-page .summary-card[b-k7hm3bfeov] {
    background: #f8fafc;
    border-radius: 8px;
    padding: 14px;
    margin-bottom: 12px;
    border: 1px solid #eef0f3;
}

.assessment-session-page .summary-score[b-k7hm3bfeov] {
    font-size: 20px;
    font-weight: 800;
    color: #ea580c;
    margin-top: 4px;
}

.assessment-session-page .summary-progress-track[b-k7hm3bfeov] {
    height: 6px;
    background: #e2e8f0;
    border-radius: 999px;
    margin: 8px 0;
    overflow: hidden;
}

.assessment-session-page .summary-progress-fill[b-k7hm3bfeov] {
    height: 100%;
    background: #ea580c;
    border-radius: 999px;
    transition: width 0.3s;
}

.assessment-session-page .summary-subtext[b-k7hm3bfeov] {
    font-size: 12px;
    color: #64748b;
}

.assessment-session-page .summary-divider[b-k7hm3bfeov] {
    height: 1px;
    background: #e2e8f0;
    margin: 10px 0;
}

.assessment-session-page .summary-group-title[b-k7hm3bfeov] {
    font-size: 10px;
    font-weight: 800;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    margin-top: 8px;
    margin-bottom: 4px;
}

.assessment-session-page .mini-skill-item[b-k7hm3bfeov] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    color: #64748b;
    padding: 5px 4px;
    border-radius: 4px;
    cursor: pointer;
    border-bottom: 1px solid #f1f3f6;
    transition: background 0.12s;
}

.assessment-session-page .mini-skill-item:last-child[b-k7hm3bfeov] {
    border-bottom: none;
}

.assessment-session-page .mini-skill-item:hover[b-k7hm3bfeov] {
    background: #fff;
}

.assessment-session-page .mini-skill-item.current[b-k7hm3bfeov] {
    background: #ffffff;
    color: #1e293b;
    font-weight: 700;
}

.assessment-session-page .mini-skill-left[b-k7hm3bfeov] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.assessment-session-page .auto-save[b-k7hm3bfeov] {
    font-size: 11px;
    color: #94a3b8;
    margin-top: 5px;
    text-align: right;
}

.assessment-session-page .conclusion-wrapper[b-k7hm3bfeov] {
    max-width: 860px;
    margin: 0 auto;
    padding: 32px 24px 56px;
}

.assessment-session-page .conclusion-header[b-k7hm3bfeov] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 28px;
}

.assessment-session-page .conclusion-title[b-k7hm3bfeov] {
    font-size: 22px;
    font-weight: 700;
    color: #1e293b;
}

.assessment-session-page .conclusion-steps[b-k7hm3bfeov] {
    display: flex;
    gap: 16px;
    font-size: 13px;
    color: #64748b;
    align-items: center;
}

.assessment-session-page .conclusion-steps .step.completed[b-k7hm3bfeov] {
    color: #059669;
    font-weight: 500;
}

.assessment-session-page .conclusion-steps .step.active[b-k7hm3bfeov] {
    color: #2e75b6;
    font-weight: 700;
}

.assessment-session-page .score-card[b-k7hm3bfeov] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 20px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}

.assessment-session-page .score-grid[b-k7hm3bfeov] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 18px;
}

.assessment-session-page .score-box[b-k7hm3bfeov] {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 18px;
    text-align: center;
    background: #fafbfc;
}

.assessment-session-page .score-value[b-k7hm3bfeov] {
    font-size: 30px;
    font-weight: 800;
    color: #1e293b;
}

.assessment-session-page .score-label[b-k7hm3bfeov] {
    font-size: 12px;
    color: #64748b;
    margin-top: 3px;
}

.assessment-session-page .score-progress[b-k7hm3bfeov] {
    height: 22px;
    background: #e2e8f0;
    border-radius: 999px;
    overflow: hidden;
    margin-bottom: 10px;
}

.assessment-session-page .score-progress-fill[b-k7hm3bfeov] {
    height: 100%;
    background: #059669;
    color: white;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;
    font-size: 12px;
    font-weight: 700;
    border-radius: 999px;
}

.assessment-session-page .score-subtext[b-k7hm3bfeov] {
    font-size: 12px;
    color: #64748b;
}

.assessment-session-page .conclusion-instructions[b-k7hm3bfeov] {
    background: #eff6ff;
    border-left: 4px solid #2e75b6;
    padding: 14px 18px;
    border-radius: 8px;
    font-size: 13px;
    color: #1e293b;
    line-height: 1.55;
    margin-bottom: 22px;
}

.assessment-session-page .conclusion-section[b-k7hm3bfeov] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 20px 22px;
    margin-bottom: 16px;
    position: relative;
    overflow: hidden;
}

.assessment-session-page .conclusion-section[b-k7hm3bfeov]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    border-radius: 12px 0 0 12px;
}

.assessment-session-page .conclusion-green[b-k7hm3bfeov]::before {
    background: #059669;
}

.assessment-session-page .conclusion-orange[b-k7hm3bfeov]::before {
    background: #ea580c;
}

.assessment-session-page .conclusion-blue[b-k7hm3bfeov]::before {
    background: #2e75b6;
}

.assessment-session-page .section-title[b-k7hm3bfeov] {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 6px;
    color: #1e293b;
}

.assessment-session-page .final-decision[b-k7hm3bfeov] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.assessment-session-page .decision-card[b-k7hm3bfeov] {
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    padding: 22px;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s;
    background: #fff;
}

.assessment-session-page .decision-card:hover[b-k7hm3bfeov] {
    border-color: #cbd5e1;
    background: #f8fafc;
    transform: translateY(-2px);
    box-shadow: 0 3px 8px rgba(0,0,0,0.07);
}

.assessment-session-page .decision-card.selected[b-k7hm3bfeov] {
    border-color: #2e75b6;
    background: #eff6ff;
    box-shadow: 0 2px 8px rgba(46,117,182,0.15);
}

.assessment-session-page .decision-title[b-k7hm3bfeov] {
    font-size: 17px;
    font-weight: 700;
    color: #1e293b;
    margin-top: 8px;
}

.assessment-session-page .decision-subtext[b-k7hm3bfeov] {
    font-size: 12px;
    color: #64748b;
    margin-top: 4px;
}

.assessment-session-page .conclusion-footer[b-k7hm3bfeov] {
    display: flex;
    justify-content: space-between;
    margin-top: 28px;
}

/* Submitted view */
.assessment-session-page .export-wrapper[b-k7hm3bfeov] {
    font-family: "Inter", system-ui, -apple-system, sans-serif;
    background: linear-gradient(135deg, #f8fafc 0%, #eff6ff 100%);
    color: #1e293b;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.assessment-session-page .success-card[b-k7hm3bfeov] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 48px;
    max-width: 580px;
    width: 100%;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    text-align: center;
    position: relative;
    overflow: hidden;
}

.assessment-session-page .success-icon-wrapper[b-k7hm3bfeov] {
    width: 80px;
    height: 80px;
    background: #d1fae5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 24px;
    color: #059669;
    font-size: 40px;
    animation: scaleIn-b-k7hm3bfeov 0.5s ease-out;
}

.assessment-session-page .success-icon[b-k7hm3bfeov] {
    color: #059669;
}

.assessment-session-page .success-card h1[b-k7hm3bfeov] {
    font-size: 28px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 12px;
}

.assessment-session-page .subtitle[b-k7hm3bfeov] {
    font-size: 16px;
    color: #64748b;
    line-height: 1.5;
    margin-bottom: 32px;
}

.assessment-session-page .summary-box[b-k7hm3bfeov] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 32px;
    text-align: left;
}

.assessment-session-page .summary-row[b-k7hm3bfeov] {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    font-size: 14px;
    border-bottom: 1px solid #e2e8f0;
    gap: 12px;
}

.assessment-session-page .summary-row:last-child[b-k7hm3bfeov] {
    border-bottom: none;
}

.assessment-session-page .label[b-k7hm3bfeov] {
    color: #64748b;
}

.assessment-session-page .value[b-k7hm3bfeov] {
    font-weight: 600;
    color: #1e293b;
    text-align: right;
}

.assessment-session-page .score-value[b-k7hm3bfeov] {
    color: #059669;
    font-weight: 700;
}

.assessment-session-page .btn-close[b-k7hm3bfeov] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 280px;
    margin: 0 auto;
    padding: 12px 24px;
    background: #2e75b6;
    color: #ffffff;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s;
    text-decoration: none;
}

.assessment-session-page .btn-close:hover[b-k7hm3bfeov] {
    background: #1e5a8e;
}

.assessment-session-page .footer-text[b-k7hm3bfeov] {
    margin-top: 24px;
    font-size: 12px;
    color: #94a3b8;
}

@keyframes scaleIn-b-k7hm3bfeov {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@media (max-width: 640px) {
    .assessment-session-page .success-card[b-k7hm3bfeov] {
        padding: 32px 24px;
    }
}


@media (max-width: 1280px) {
    .assessment-session-page .session-layout[b-k7hm3bfeov] {
        grid-template-columns: 220px 1fr 260px;
    }
}

@media (max-width: 1100px) {
    .assessment-session-page .session-layout[b-k7hm3bfeov] {
        grid-template-columns: 210px 1fr;
    }

    .assessment-session-page .session-summary-panel[b-k7hm3bfeov] {
        display: none;
    }
}

@media (max-width: 900px) {
    .assessment-session-page .session-layout[b-k7hm3bfeov] {
        grid-template-columns: 1fr;
    }

    .assessment-session-page .session-skills-panel[b-k7hm3bfeov] {
        display: none;
    }

    .assessment-session-page .session-panel[b-k7hm3bfeov] {
        height: auto;
    }

    .assessment-session-page .session-header[b-k7hm3bfeov] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
}

.assessment-session-page .question-text[b-k7hm3bfeov]  .ot-markdown-html,
.assessment-session-page .expected-answer-body[b-k7hm3bfeov]  .ot-markdown-html {
    line-height: 1.6;
}

.assessment-session-page .question-text[b-k7hm3bfeov]  .ot-markdown-html p,
.assessment-session-page .expected-answer-body[b-k7hm3bfeov]  .ot-markdown-html p {
    margin: 0 0 0.75rem;
}

.assessment-session-page .question-text[b-k7hm3bfeov]  .ot-markdown-html p:last-child,
.assessment-session-page .expected-answer-body[b-k7hm3bfeov]  .ot-markdown-html p:last-child {
    margin-bottom: 0;
}

.assessment-session-page .question-text[b-k7hm3bfeov]  .ot-markdown-html ul,
.assessment-session-page .question-text[b-k7hm3bfeov]  .ot-markdown-html ol,
.assessment-session-page .expected-answer-body[b-k7hm3bfeov]  .ot-markdown-html ul,
.assessment-session-page .expected-answer-body[b-k7hm3bfeov]  .ot-markdown-html ol {
    margin: 0.5rem 0 0.75rem;
    padding-left: 1.25rem;
}

.assessment-session-page .question-text[b-k7hm3bfeov]  .ot-markdown-html li,
.assessment-session-page .expected-answer-body[b-k7hm3bfeov]  .ot-markdown-html li {
    margin-bottom: 0.35rem;
}

.assessment-session-page .question-text[b-k7hm3bfeov]  .ot-code-block,
.assessment-session-page .expected-answer-body[b-k7hm3bfeov]  .ot-code-block {
    margin: 0.75rem 0;
    border: 1px solid #bccde2;
    border-radius: 12px;
    overflow: hidden;
    background: #e8eef7;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.08);
}

.assessment-session-page .question-text[b-k7hm3bfeov]  .ot-code-toolbar,
.assessment-session-page .expected-answer-body[b-k7hm3bfeov]  .ot-code-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(180deg, #e2eaf6 0%, #d4e0f1 100%);
    border-bottom: 1px solid #bccde2;
    padding: 0.35rem 0.7rem;
}

.assessment-session-page .question-text[b-k7hm3bfeov]  .ot-code-language,
.assessment-session-page .expected-answer-body[b-k7hm3bfeov]  .ot-code-language {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #1e40af;
}

.assessment-session-page .question-text[b-k7hm3bfeov]  .ot-code-copy,
.assessment-session-page .expected-answer-body[b-k7hm3bfeov]  .ot-code-copy {
    border: 1px solid #aabed9;
    background: #eef4ff;
    color: #1b3358;
    border-radius: 6px;
    padding: 0.2rem 0.55rem;
    font-size: 0.72rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.assessment-session-page .question-text[b-k7hm3bfeov]  .ot-code-copy:hover,
.assessment-session-page .expected-answer-body[b-k7hm3bfeov]  .ot-code-copy:hover {
    background: #dbe8fb;
    border-color: #8fa9cc;
}

.assessment-session-page .question-text[b-k7hm3bfeov]  .ot-code-block pre,
.assessment-session-page .expected-answer-body[b-k7hm3bfeov]  .ot-code-block pre {
    margin: 0;
    padding: 0.85rem 1rem;
    background: #e8eef7;
    color: #0f172a;
    overflow-x: auto;
    border-radius: 0;
}

.assessment-session-page .question-text[b-k7hm3bfeov]  .ot-code-block pre code,
.assessment-session-page .expected-answer-body[b-k7hm3bfeov]  .ot-code-block pre code {
    display: block;
    color: inherit;
    font-size: 0.86rem;
    line-height: 1.55;
    white-space: pre;
}
/* /Components/Pages/Employees/CertificatePlanDetailsPage.razor.rz.scp.css */
.plan-details-page[b-nh8woyzpg2] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.plan-loading[b-nh8woyzpg2] {
    min-height: 360px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.plan-empty-not-found[b-nh8woyzpg2] {
    border: 1px dashed #cbd5e1;
    border-radius: 12px;
    padding: 2rem;
    text-align: center;
}

.plan-empty-not-found h4[b-nh8woyzpg2] {
    margin-bottom: 1rem;
}

.plan-breadcrumb[b-nh8woyzpg2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #64748b;
    font-size: 0.88rem;
}

.breadcrumb-link[b-nh8woyzpg2] {
    border: none;
    background: transparent;
    color: #64748b;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0;
}

.breadcrumb-link:hover[b-nh8woyzpg2] {
    color: #2e75b6;
}

.breadcrumb-separator[b-nh8woyzpg2] {
    color: #94a3b8;
}

.breadcrumb-current[b-nh8woyzpg2] {
    color: #1e293b;
    font-weight: 500;
}

.plan-alerts[b-nh8woyzpg2] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.plan-alert[b-nh8woyzpg2] {
    border-radius: 8px;
    padding: 0.65rem 0.9rem;
    font-size: 0.88rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.plan-alert-critical[b-nh8woyzpg2] {
    background: #fee2e2;
    border-left: 4px solid #dc2626;
    color: #991b1b;
}

.plan-alert-warning[b-nh8woyzpg2] {
    background: #fef3c7;
    border-left: 4px solid #f59e0b;
    color: #92400e;
}

.plan-card[b-nh8woyzpg2] {
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #ffffff;
    padding: 1.2rem;
}

.plan-header-top[b-nh8woyzpg2] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.plan-header-actions[b-nh8woyzpg2] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
}

.plan-title-row[b-nh8woyzpg2] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.vendor-badge[b-nh8woyzpg2] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.5rem;
    background: #ff9900;
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.plan-title[b-nh8woyzpg2] {
    margin: 0;
    font-size: 1.4rem;
    color: #1e293b;
    font-weight: 700;
}

.plan-sub-info[b-nh8woyzpg2] {
    padding-left: 3.2rem;
    margin-top: 0.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.plan-tier[b-nh8woyzpg2] {
    color: #64748b;
    font-size: 0.88rem;
}

.plan-date[b-nh8woyzpg2] {
    color: #94a3b8;
    font-size: 0.82rem;
}

.status-badge[b-nh8woyzpg2] {
    border-radius: 999px;
    padding: 0.2rem 0.7rem;
    font-size: 0.78rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

.status-available[b-nh8woyzpg2] {
    background: #dbeafe;
    color: #1e4e8c;
}

.status-in-progress[b-nh8woyzpg2] {
    background: #1d4ed8;
    color: #ffffff;
}

.status-submitted[b-nh8woyzpg2] {
    background: #ede9fe;
    color: #6d28d9;
}

.status-acquired[b-nh8woyzpg2],
.status-met[b-nh8woyzpg2] {
    background: #d1fae5;
    color: #047857;
}

.status-expired[b-nh8woyzpg2],
.status-gap[b-nh8woyzpg2] {
    background: #fee2e2;
    color: #b91c1c;
}

.status-expiring[b-nh8woyzpg2] {
    background: #fef3c7;
    color: #b45309;
}

.status-muted[b-nh8woyzpg2] {
    background: #e2e8f0;
    color: #475569;
}

.status-shared[b-nh8woyzpg2] {
    background: #ccfbf1;
    color: #0f766e;
}

.summary-stats[b-nh8woyzpg2] {
    display: flex;
    gap: 0.65rem;
    margin-top: 1.1rem;
}

.summary-card[b-nh8woyzpg2] {
    flex: 1;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 0.8rem 0.9rem;
}

.summary-value[b-nh8woyzpg2] {
    font-size: 1.75rem;
    line-height: 1;
    font-weight: 700;
    color: #1e293b;
}

.summary-met[b-nh8woyzpg2] {
    color: #059669;
}

.summary-gaps[b-nh8woyzpg2] {
    color: #dc2626;
}

.summary-expiring[b-nh8woyzpg2] {
    color: #f59e0b;
}

.summary-label[b-nh8woyzpg2] {
    margin-top: 0.2rem;
    color: #64748b;
    font-size: 0.75rem;
}

.plan-progress-block[b-nh8woyzpg2] {
    margin-top: 0.9rem;
}

.plan-progress-text[b-nh8woyzpg2] {
    color: #64748b;
    font-size: 0.82rem;
    margin-bottom: 0.35rem;
}

.plan-progress-track[b-nh8woyzpg2] {
    height: 8px;
    border-radius: 999px;
    background: #e2e8f0;
    overflow: hidden;
}

.plan-progress-value[b-nh8woyzpg2] {
    height: 100%;
    border-radius: 999px;
    background: #2e75b6;
}

.plan-section-header[b-nh8woyzpg2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    padding-bottom: 0.8rem;
    margin-bottom: 0.8rem;
    border-bottom: 1px solid #e2e8f0;
}

.plan-section-header.no-border[b-nh8woyzpg2] {
    border-bottom: none;
    margin-bottom: 0.25rem;
}

.plan-section-title[b-nh8woyzpg2] {
    margin: 0;
    font-size: 1.1rem;
    color: #1e293b;
}

.requirements-empty[b-nh8woyzpg2] {
    text-align: center;
    padding: 2.2rem 0.75rem 1.4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
}

.requirements-empty-icon[b-nh8woyzpg2] {
    font-size: 2.4rem;
    color: #cbd5e1;
}

.requirements-empty h4[b-nh8woyzpg2] {
    margin: 0.5rem 0 0.2rem;
    color: #1e293b;
    font-size: 0.98rem;
}

.requirements-empty p[b-nh8woyzpg2] {
    margin: 0 0 0.8rem;
    color: #64748b;
    font-size: 0.85rem;
    max-width: 460px;
}

.table-wrapper[b-nh8woyzpg2] {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
}

.plan-table[b-nh8woyzpg2] {
    width: 100%;
    border-collapse: collapse;
}

.plan-table th[b-nh8woyzpg2] {
    background: #f8fafc;
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 600;
    text-align: left;
    padding: 0.65rem 0.9rem;
    border-bottom: 1px solid #e2e8f0;
}

.plan-table td[b-nh8woyzpg2] {
    padding: 0.75rem 0.9rem;
    border-bottom: 1px solid #f1f5f9;
    color: #475569;
    font-size: 0.85rem;
    vertical-align: middle;
}

.plan-table tr:last-child td[b-nh8woyzpg2] {
    border-bottom: none;
}

.row-gap[b-nh8woyzpg2] {
    background: #fef2f2;
}

.row-expiring[b-nh8woyzpg2] {
    background: #fffbeb;
}

.requirement-message-cell[b-nh8woyzpg2] {
    font-size: 0.8rem !important;
    color: #475569 !important;
    padding-top: 0 !important;
}

.row-gap .requirement-message-cell[b-nh8woyzpg2] {
    color: #475569 !important;
}

.requirement-main[b-nh8woyzpg2] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.requirement-sub[b-nh8woyzpg2] {
    margin-top: 0.25rem;
    color: #64748b;
    font-size: 0.76rem;
}

.requirement-metric-line[b-nh8woyzpg2] {
    margin-top: 0.2rem;
    font-size: 0.76rem;
}

.requirement-type-badge[b-nh8woyzpg2] {
    border-radius: 999px;
    padding: 0.08rem 0.45rem;
    font-size: 0.67rem;
    font-weight: 600;
    line-height: 1.4;
    display: inline-flex;
    align-items: center;
}

.badge-single[b-nh8woyzpg2] {
    background: #f1f5f9;
    color: #64748b;
}

.badge-group[b-nh8woyzpg2] {
    background: #dbeafe;
    color: #1d4ed8;
}

.badge-distinct[b-nh8woyzpg2] {
    background: #fef3c7;
    color: #d97706;
    border-radius: 999px;
    padding: 0.08rem 0.45rem;
    font-size: 0.67rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0.22rem;
}

.coverage-pills[b-nh8woyzpg2] {
    margin-top: 0.32rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.32rem;
}

.coverage-collapse[b-nh8woyzpg2] {
    margin-top: 0.32rem;
}

.coverage-collapse .coverage-pills[b-nh8woyzpg2] {
    margin-top: 0.24rem;
}

.coverage-collapse-assigned .type-names-collapse-summary[b-nh8woyzpg2],
.coverage-collapse-assigned .type-names-collapse-preview[b-nh8woyzpg2],
.coverage-collapse-assigned .type-names-collapse-content[b-nh8woyzpg2] {
    font-size: 0.78rem;
    color: #64748b;
}

.coverage-collapse-assigned[b-nh8woyzpg2] {
    margin-bottom: 0.38rem;
}

.coverage-pills-assigned[b-nh8woyzpg2] {
    margin-bottom: 0.6rem;
}

.cov-badge[b-nh8woyzpg2] {
    border-radius: 999px;
    padding: 0.08rem 0.45rem;
    font-size: 0.68rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
}

.cov-badge-covered[b-nh8woyzpg2] {
    background: #d1fae5;
    color: #047857;
}

.cov-badge-missing[b-nh8woyzpg2] {
    background: #fee2e2;
    color: #b91c1c;
}

.text-right[b-nh8woyzpg2] {
    text-align: right !important;
}

.text-strong[b-nh8woyzpg2] {
    color: #1e293b !important;
    font-weight: 500;
}

.text-primary[b-nh8woyzpg2] {
    color: #2e75b6 !important;
    font-weight: 500;
}

.text-success[b-nh8woyzpg2] {
    color: #059669 !important;
}

.text-warning[b-nh8woyzpg2] {
    color: #b45309 !important;
}

.text-danger[b-nh8woyzpg2] {
    color: #dc2626 !important;
}

.table-link[b-nh8woyzpg2] {
    border: none;
    background: transparent;
    color: #64748b;
    font-size: 0.8rem;
    padding: 0;
    margin-right: 0.75rem;
}

.table-link:hover[b-nh8woyzpg2] {
    color: #2e75b6;
}

.table-link-danger:hover[b-nh8woyzpg2] {
    color: #dc2626;
}

.assigned-empty-text[b-nh8woyzpg2] {
    text-align: center;
    font-size: 0.88rem;
    color: #94a3b8;
    padding: 1rem 0 0.4rem;
}

.assigned-group-header[b-nh8woyzpg2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    padding: 0.6rem 0 0.55rem;
}

.assigned-group-title[b-nh8woyzpg2] {
    color: #1e293b;
    font-size: 0.88rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.assigned-group-meta[b-nh8woyzpg2] {
    color: #64748b;
    font-weight: 400;
}

.assigned-group-types[b-nh8woyzpg2] {
    margin-top: -0.2rem;
    margin-bottom: 0.45rem;
    color: #64748b;
    font-size: 0.78rem;
}

.assignment-status-stack[b-nh8woyzpg2] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.assigned-group-btn[b-nh8woyzpg2] {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #ffffff;
    color: #2e75b6;
    height: 30px;
    padding: 0 0.75rem;
    font-size: 0.8rem;
}

.assigned-group-empty[b-nh8woyzpg2] {
    color: #94a3b8;
    font-size: 0.84rem;
    border: 1px dashed #e2e8f0;
    border-radius: 8px;
    padding: 0.8rem;
    text-align: center;
    margin-bottom: 0.7rem;
}

.notify-edit-btn[b-nh8woyzpg2] {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #ffffff;
    color: #2e75b6;
    font-size: 0.78rem;
    padding: 0.25rem 0.7rem;
    cursor: pointer;
}

.notify-edit-btn:hover[b-nh8woyzpg2] {
    background: #eff6ff;
}

.notify-list[b-nh8woyzpg2] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.notify-row[b-nh8woyzpg2] {
    display: flex;
    align-items: center;
}

.notify-label[b-nh8woyzpg2] {
    width: 230px;
    color: #64748b;
    font-size: 0.85rem;
    flex-shrink: 0;
}

.notify-value[b-nh8woyzpg2] {
    color: #1e293b;
    font-size: 0.85rem;
}

.notify-recipient-summary-list[b-nh8woyzpg2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.notify-recipient-summary-item[b-nh8woyzpg2] {
    border: 1px solid #dbeafe;
    background: #eff6ff;
    color: #1e3a8a;
    border-radius: 999px;
    padding: 0.12rem 0.55rem;
    font-size: 0.75rem;
}

.plan-modal-overlay[b-nh8woyzpg2] {
    position: fixed;
    inset: 0;
    z-index: 1500;
    background: rgba(15, 23, 42, 0.45);
    backdrop-filter: blur(2px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.plan-modal-content[b-nh8woyzpg2] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    width: min(600px, 100%);
    max-height: calc(100vh - 2rem);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.assign-modal-content[b-nh8woyzpg2] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    width: min(720px, 100%);
    max-height: calc(100vh - 2rem);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.plan-modal-header[b-nh8woyzpg2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #e2e8f0;
}

.plan-modal-header h4[b-nh8woyzpg2] {
    margin: 0;
    font-size: 1.02rem;
    color: #1e293b;
}

.plan-modal-close[b-nh8woyzpg2] {
    border: none;
    background: transparent;
    color: #94a3b8;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.plan-modal-close:hover[b-nh8woyzpg2] {
    background: #f1f5f9;
    color: #475569;
}

.plan-modal-body[b-nh8woyzpg2] {
    padding: 1rem 1.25rem;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    flex: 1 1 auto;
    min-height: 0;
    overscroll-behavior: contain;
}

.assign-modal-body[b-nh8woyzpg2] {
    gap: 0.75rem;
}

.plan-form-group[b-nh8woyzpg2] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.plan-form-label[b-nh8woyzpg2] {
    color: #334155;
    font-size: 0.82rem;
    font-weight: 600;
}

.plan-form-help[b-nh8woyzpg2] {
    color: #64748b;
    font-size: 0.78rem;
}

.requirement-type-selector[b-nh8woyzpg2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
}

.requirement-type-card[b-nh8woyzpg2] {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #f8fafc;
    color: #334155;
    padding: 0.72rem 0.8rem;
    display: flex;
    gap: 0.6rem;
    align-items: center;
    text-align: left;
    width: 100%;
    cursor: pointer;
}

.requirement-type-card:hover[b-nh8woyzpg2] {
    border-color: #cbd5e1;
}

.requirement-type-card.selected[b-nh8woyzpg2] {
    border-color: #2e75b6;
    background: #eff6ff;
}

.requirement-type-card-radio[b-nh8woyzpg2] {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid #94a3b8;
    margin-top: 0;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.requirement-type-card.selected .requirement-type-card-radio[b-nh8woyzpg2] {
    border-color: #2e75b6;
}

.requirement-type-card.selected .requirement-type-card-radio[b-nh8woyzpg2]::after {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #2e75b6;
}

.requirement-type-card-content[b-nh8woyzpg2] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.requirement-type-card-title[b-nh8woyzpg2] {
    color: #1e293b;
    font-size: 0.82rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0.32rem;
    line-height: 1.25;
}

.requirement-type-card-desc[b-nh8woyzpg2] {
    color: #64748b;
    font-size: 0.74rem;
}

.distinct-toggle-row[b-nh8woyzpg2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    padding: 0;
}

.distinct-toggle-copy[b-nh8woyzpg2] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.18rem;
}

.distinct-toggle-title[b-nh8woyzpg2] {
    color: #334155;
    font-size: 0.82rem;
    font-weight: 600;
}

.distinct-toggle-subtitle[b-nh8woyzpg2] {
    color: #64748b;
    font-size: 0.74rem;
    line-height: 1.25;
    word-break: normal;
}

.distinct-toggle-help[b-nh8woyzpg2] {
    margin-top: 0.1rem;
    padding: 0.48rem 0.62rem;
    border-left: 3px solid #f97316;
    border-radius: 6px;
    background: #fffbeb;
    color: #8a3a00;
    line-height: 1.32;
}

.distinct-toggle-help strong[b-nh8woyzpg2] {
    font-weight: 700;
}

[b-nh8woyzpg2] .distinct-toggle-row .mud-input-control {
    width: auto !important;
    margin: 0;
    flex: 0 0 auto;
}

[b-nh8woyzpg2] .distinct-toggle-row .mud-switch {
    margin: 0;
}

.plan-notify-group[b-nh8woyzpg2] {
    margin-top: 0.25rem;
    padding-top: 0.75rem;
    border-top: 1px dashed #e2e8f0;
}

.notify-recipients[b-nh8woyzpg2] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.notify-input-row[b-nh8woyzpg2] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.5rem;
    align-items: center;
}

.notify-employee-suggestions[b-nh8woyzpg2] {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
}

.notify-employee-option[b-nh8woyzpg2] {
    width: 100%;
    border: none;
    border-bottom: 1px solid #f1f5f9;
    background: #fff;
    text-align: left;
    padding: 0.55rem 0.7rem;
    display: flex;
    flex-direction: column;
}

.notify-employee-option:last-child[b-nh8woyzpg2] {
    border-bottom: none;
}

.notify-employee-option:hover[b-nh8woyzpg2] {
    background: #f8fafc;
}

.notify-employee-name[b-nh8woyzpg2] {
    color: #334155;
    font-size: 0.84rem;
    font-weight: 600;
}

.notify-employee-email[b-nh8woyzpg2] {
    color: #64748b;
    font-size: 0.78rem;
}

.notify-empty[b-nh8woyzpg2] {
    color: #94a3b8;
    font-size: 0.8rem;
}

.notify-recipient-list[b-nh8woyzpg2] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.notify-recipient-chip[b-nh8woyzpg2] {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f8fafc;
    padding: 0.45rem 0.55rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
}

.notify-recipient-meta[b-nh8woyzpg2] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.notify-recipient-name[b-nh8woyzpg2] {
    color: #334155;
    font-size: 0.82rem;
    font-weight: 600;
}

.notify-recipient-email[b-nh8woyzpg2] {
    color: #64748b;
    font-size: 0.74rem;
}

.notify-recipient-remove[b-nh8woyzpg2] {
    border: none;
    background: transparent;
    color: #94a3b8;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.notify-recipient-remove:hover[b-nh8woyzpg2] {
    background: #e2e8f0;
    color: #334155;
}

.notify-alert-days-grid[b-nh8woyzpg2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.vendor-segments[b-nh8woyzpg2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.vendor-segment[b-nh8woyzpg2] {
    border: 1px solid #e2e8f0;
    background: #ffffff;
    border-radius: 8px;
    color: #475569;
    font-size: 0.86rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.45rem 0.7rem;
    cursor: pointer;
}

.vendor-segment.active[b-nh8woyzpg2] {
    border-color: #2e75b6;
    background: #eff6ff;
    color: #1e3a8a;
}

.vendor-dot[b-nh8woyzpg2] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 999px;
}

.vendor-dot-aws[b-nh8woyzpg2] {
    background: #ff9900;
}

.vendor-dot-azure[b-nh8woyzpg2] {
    background: #0078d4;
}

.vendor-dot-databricks[b-nh8woyzpg2] {
    background: #e11d48;
}

.vendor-dot-other[b-nh8woyzpg2] {
    background: #64748b;
}

.plan-modal-footer[b-nh8woyzpg2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #e2e8f0;
    padding: 1rem 1.25rem;
}

.assign-context-strip[b-nh8woyzpg2] {
    background: #eff6ff;
    border-bottom: 1px solid #e2e8f0;
    padding: 0.75rem 1rem;
}

.assign-context-title[b-nh8woyzpg2] {
    color: #1e4e8c;
    font-size: 0.88rem;
    font-weight: 600;
}

.assign-context-subtitle[b-nh8woyzpg2] {
    margin-top: 0.1rem;
    color: #475569;
    font-size: 0.8rem;
}

.assign-context-types[b-nh8woyzpg2] {
    margin-top: 0.2rem;
    color: #64748b;
    font-size: 0.74rem;
}

.type-names-collapse[b-nh8woyzpg2] {
    width: 100%;
}

.type-names-collapse-summary[b-nh8woyzpg2] {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    flex-wrap: wrap;
    column-gap: 0.35rem;
    row-gap: 0.1rem;
    cursor: pointer;
    list-style: none;
}

.type-names-collapse-summary[b-nh8woyzpg2]::-webkit-details-marker {
    display: none;
}

.type-names-collapse-preview[b-nh8woyzpg2] {
    display: block;
    flex: 0 1 auto;
    min-width: 0;
    color: #64748b;
    line-height: 1.35;
}

.type-names-collapse-open-label[b-nh8woyzpg2],
.type-names-collapse-close-label[b-nh8woyzpg2] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    margin-top: 0;
    flex: 0 0 auto;
    white-space: nowrap;
    color: #2e75b6;
    font-weight: 600;
    font-size: 0.72rem;
}

.type-names-collapse-open-label[b-nh8woyzpg2]::after {
    content: "\25BE";
    font-size: 0.62rem;
    line-height: 1;
}

.type-names-collapse-close-label[b-nh8woyzpg2]::after {
    content: "\25B4";
    font-size: 0.62rem;
    line-height: 1;
}

.type-names-collapse-close-label[b-nh8woyzpg2] {
    display: none;
}

.type-names-collapse[open] .type-names-collapse-preview[b-nh8woyzpg2] {
    display: none;
}

.type-names-collapse[open] .type-names-collapse-open-label[b-nh8woyzpg2] {
    display: none;
}

.type-names-collapse[open] .type-names-collapse-close-label[b-nh8woyzpg2] {
    display: inline-flex;
    margin-top: 0;
}

.type-names-collapse-content[b-nh8woyzpg2] {
    margin-top: 0.2rem;
    color: #64748b;
    line-height: 1.35;
}

.assign-search-wrap[b-nh8woyzpg2] {
    position: relative;
}

.assign-search-wrap i[b-nh8woyzpg2] {
    position: absolute;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    color: #94a3b8;
}

.assign-search-input[b-nh8woyzpg2] {
    width: 100%;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    height: 40px;
    padding: 0 0.75rem 0 2.2rem;
    outline: none;
    font-size: 0.88rem;
}

.assign-search-input:focus[b-nh8woyzpg2] {
    border-color: #2e75b6;
    box-shadow: 0 0 0 3px rgba(46, 117, 182, 0.12);
}

.assign-table .radio-col[b-nh8woyzpg2] {
    width: 38px;
}

.assign-table-wrapper[b-nh8woyzpg2] {
    max-height: min(44vh, 400px);
    overflow: auto;
}

.assign-row[b-nh8woyzpg2] {
    cursor: pointer;
}

.assign-row-selected[b-nh8woyzpg2] {
    background: #eff6ff !important;
}

.custom-checkbox[b-nh8woyzpg2] {
    width: 16px;
    height: 16px;
    border: 2px solid #cbd5e1;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: transparent;
    transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}

.custom-checkbox i[b-nh8woyzpg2] {
    font-size: 0.65rem;
    line-height: 1;
}

.custom-checkbox.selected[b-nh8woyzpg2] {
    border-color: #2e75b6;
    background: #2e75b6;
    color: #ffffff;
}

.assign-note[b-nh8woyzpg2] {
    color: #64748b;
    font-size: 0.79rem;
    font-style: italic;
}

.assign-selected-count[b-nh8woyzpg2] {
    color: #2e75b6;
    font-size: 0.78rem;
    font-weight: 600;
}

.assign-loading[b-nh8woyzpg2] {
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.candidate-status-active[b-nh8woyzpg2] {
    color: #059669;
}

.candidate-status-expiring[b-nh8woyzpg2] {
    color: #b45309;
}

[b-nh8woyzpg2] .plan-details-page .mud-button-root {
    text-transform: none;
    font-weight: 600;
}

[b-nh8woyzpg2] .plan-details-page .mud-input-control {
    width: 100%;
}

[b-nh8woyzpg2] .plan-modal-content .mud-input-control,
[b-nh8woyzpg2] .assign-modal-content .mud-input-control {
    width: 100%;
}

@media (max-width: 992px) {
    .summary-stats[b-nh8woyzpg2] {
        flex-wrap: wrap;
    }

    .summary-card[b-nh8woyzpg2] {
        min-width: calc(50% - 0.4rem);
    }

    .notify-label[b-nh8woyzpg2] {
        width: 180px;
    }

    .assigned-group-header[b-nh8woyzpg2] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 768px) {
    .plan-card[b-nh8woyzpg2] {
        padding: 0.95rem;
    }

    .plan-header-top[b-nh8woyzpg2] {
        flex-direction: column;
        align-items: flex-start;
    }

    .plan-title-row[b-nh8woyzpg2] {
        flex-wrap: wrap;
    }

    .plan-sub-info[b-nh8woyzpg2] {
        padding-left: 0;
    }

    .plan-table[b-nh8woyzpg2] {
        min-width: 680px;
    }

    .notify-row[b-nh8woyzpg2] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }

    .notify-label[b-nh8woyzpg2] {
        width: auto;
    }

    .plan-modal-footer[b-nh8woyzpg2] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.6rem;
    }

    .notify-input-row[b-nh8woyzpg2],
    .notify-alert-days-grid[b-nh8woyzpg2] {
        grid-template-columns: 1fr;
    }

    .requirement-type-selector[b-nh8woyzpg2] {
        grid-template-columns: 1fr;
    }

    .distinct-toggle-row[b-nh8woyzpg2] {
        align-items: center;
    }
}
/* /Components/Pages/Employees/CertificatePlansTab.razor.rz.scp.css */
.certificate-plans-tab[b-wv712stw0v] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.plans-header[b-wv712stw0v] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.plans-loader[b-wv712stw0v] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 240px;
}

.plans-loader-inline[b-wv712stw0v] {
    min-height: 160px;
}

.plans-stats-row[b-wv712stw0v] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.75rem;
}

.plans-stat-card[b-wv712stw0v] {
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #ffffff;
    padding: 0.9rem 1rem;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}

.plans-stat-value[b-wv712stw0v] {
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 1.1;
}

.plans-stat-label[b-wv712stw0v] {
    margin-top: 0.25rem;
    font-size: 0.78rem;
    color: #64748b;
}

.plans-stat-total[b-wv712stw0v] {
    color: #1e293b;
}

.plans-stat-progress[b-wv712stw0v] {
    color: #2e75b6;
}

.plans-stat-submitted[b-wv712stw0v] {
    color: #7c3aed;
}

.plans-stat-acquired[b-wv712stw0v] {
    color: #059669;
}

.plans-stat-expiring[b-wv712stw0v] {
    color: #f59e0b;
}

.plans-filters[b-wv712stw0v] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}

.filter-search[b-wv712stw0v] {
    flex: 1 1 320px;
    min-width: 240px;
}

.filter-vendors[b-wv712stw0v],
.filter-statuses[b-wv712stw0v] {
    width: 230px;
    max-width: 100%;
}

.filter-clear[b-wv712stw0v] {
    display: flex;
    align-items: center;
}

.certificate-plans-tab[b-wv712stw0v]  .filter-search .mud-input-control,
.certificate-plans-tab[b-wv712stw0v]  .filter-vendors .mud-input-control,
.certificate-plans-tab[b-wv712stw0v]  .filter-statuses .mud-input-control {
    width: 100%;
}

.plans-count[b-wv712stw0v] {
    color: #64748b;
}

.plans-empty-disabled-filters[b-wv712stw0v] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

.plans-empty-disabled-search[b-wv712stw0v] {
    flex: 1;
    min-height: 40px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f1f5f9;
    color: #94a3b8;
    padding: 0 0.85rem;
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.9rem;
}

.plans-empty-disabled-filter[b-wv712stw0v] {
    min-height: 40px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f1f5f9;
    color: #94a3b8;
    padding: 0 0.85rem;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.9rem;
}

.plans-list[b-wv712stw0v] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.plan-card[b-wv712stw0v] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 1rem 1.25rem;
}

.plan-card-clickable[b-wv712stw0v] {
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.plan-card-clickable:hover[b-wv712stw0v] {
    border-color: #cbd5e1;
    box-shadow: 0 3px 12px rgba(15, 23, 42, 0.08);
}

.vendor-badge[b-wv712stw0v] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.6rem;
    background: #2e75b6;
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.plan-body[b-wv712stw0v] {
    flex: 1;
    min-width: 0;
}

.plan-right[b-wv712stw0v] {
    flex-shrink: 0;
}

.certificate-plans-tab[b-wv712stw0v]  .plan-menu .mud-icon-button {
    color: #64748b;
}

.certificate-plans-tab[b-wv712stw0v]  .plan-menu .mud-icon-button:hover {
    background: #f1f5f9;
}

.plan-top-row[b-wv712stw0v] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
}

.plan-name[b-wv712stw0v] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #1e293b;
}

.plan-meta[b-wv712stw0v] {
    margin: 0.35rem 0 0;
    color: #64748b;
    font-size: 0.88rem;
}

.plan-progress[b-wv712stw0v] {
    margin-top: 0.7rem;
}

.plan-progress-label[b-wv712stw0v] {
    color: #64748b;
    font-size: 0.8rem;
    margin-bottom: 0.32rem;
}

.plan-progress-track[b-wv712stw0v] {
    height: 8px;
    border-radius: 999px;
    background: #e2e8f0;
    overflow: hidden;
}

.plan-progress-fill[b-wv712stw0v] {
    height: 100%;
    border-radius: 999px;
}

.plan-progress-fill-default[b-wv712stw0v] {
    background: #2e75b6;
}

.plan-progress-fill-complete[b-wv712stw0v] {
    background: #059669;
}

.plan-progress-fill-empty[b-wv712stw0v] {
    background: #cbd5e1;
}

.plan-warning[b-wv712stw0v] {
    margin-top: 0.6rem;
    font-size: 0.8rem;
    display: inline-flex;
    gap: 0.4rem;
    align-items: center;
}

.plan-warning-critical[b-wv712stw0v] {
    color: #dc2626;
}

.plan-warning-expiring[b-wv712stw0v] {
    color: #b45309;
}

.plan-notes[b-wv712stw0v] {
    margin: 0.6rem 0 0;
    color: #334155;
    font-size: 0.9rem;
    line-height: 1.45;
    white-space: pre-wrap;
}

.status-badge[b-wv712stw0v] {
    border-radius: 999px;
    padding: 0.2rem 0.7rem;
    font-size: 0.78rem;
    font-weight: 600;
    white-space: nowrap;
}

.status-available[b-wv712stw0v] {
    background: #dbeafe;
    color: #1e4e8c;
}

.status-in-progress[b-wv712stw0v] {
    background: #1d4ed8;
    color: #ffffff;
}

.status-submitted[b-wv712stw0v] {
    background: #ede9fe;
    color: #6d28d9;
}

.status-acquired[b-wv712stw0v] {
    background: #d1fae5;
    color: #047857;
}

.status-expired[b-wv712stw0v] {
    background: #fee2e2;
    color: #b91c1c;
}

.status-default[b-wv712stw0v] {
    background: #e2e8f0;
    color: #475569;
}

.certificate-plans-tab[b-wv712stw0v]  .plans-empty-state {
    border: 1px dashed #cbd5e1;
    border-radius: 12px;
    padding: 2.5rem 1rem;
    text-align: center;
    background: #f8fafc;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
}

.certificate-plans-tab[b-wv712stw0v]  .plans-empty-state h4 {
    margin: 0.75rem 0 0.25rem;
    color: #1e293b;
    font-size: 1.05rem;
    font-weight: 600;
}

.certificate-plans-tab[b-wv712stw0v]  .plans-empty-state p {
    margin: 0;
    color: #64748b;
    font-size: 0.9rem;
    max-width: 460px;
}

.empty-icon[b-wv712stw0v] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: #e2e8f0;
    color: #475569;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    margin-left: auto;
    margin-right: auto;
}

.certificate-plans-tab[b-wv712stw0v]  .plans-empty-state-large {
    min-height: 330px;
    padding: 3.25rem 1rem 3.75rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.65rem;
}

.plans-empty-state-large .empty-icon[b-wv712stw0v] {
    width: 72px;
    height: 72px;
    border-radius: 0;
    background: transparent;
    color: #c7d2e1;
    margin-bottom: 0.1rem;
}

.plans-empty-state-large .empty-icon i[b-wv712stw0v] {
    font-size: 3.8rem;
    line-height: 1;
}

.plans-empty-state-large p[b-wv712stw0v] {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.7rem;
}

.plans-empty-cta[b-wv712stw0v] {
    border: none;
    border-radius: 8px;
    padding: 0.58rem 1.1rem;
    background: #4ac4ff;
    color: #ffffff;
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.2;
    text-transform: none;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.16);
    align-self: center;
    transition: background-color 0.18s ease, transform 0.18s ease;
}

.plans-empty-cta:hover[b-wv712stw0v] {
    background: #37bcfd;
}

.plans-empty-cta:active[b-wv712stw0v] {
    transform: translateY(1px);
}

.plans-pagination[b-wv712stw0v] {
    display: flex;
    justify-content: center;
    margin-top: 0.75rem;
}

.plan-modal-overlay[b-wv712stw0v] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
    backdrop-filter: blur(2px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1500;
    padding: 1rem;
}

.plan-modal-content[b-wv712stw0v] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    width: min(680px, 100%);
    max-height: calc(100vh - 2rem);
    display: flex;
    flex-direction: column;
}

.plan-modal-header[b-wv712stw0v] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e2e8f0;
    padding: 1rem 1.25rem;
}

.plan-modal-header h4[b-wv712stw0v] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 600;
    color: #1e293b;
}

.plan-modal-close[b-wv712stw0v] {
    border: none;
    background: transparent;
    color: #94a3b8;
    font-size: 1rem;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.plan-modal-close:hover[b-wv712stw0v] {
    background: #f1f5f9;
    color: #475569;
}

.plan-modal-body[b-wv712stw0v] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    padding: 1rem 1.25rem;
    overflow: auto;
}

.plan-form-group[b-wv712stw0v] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.plan-form-label[b-wv712stw0v] {
    color: #334155;
    font-size: 0.82rem;
    font-weight: 600;
}

.vendor-segments[b-wv712stw0v] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.vendor-segment[b-wv712stw0v] {
    border: 1px solid #e2e8f0;
    background: #ffffff;
    border-radius: 8px;
    color: #475569;
    font-size: 0.86rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.45rem 0.7rem;
    cursor: pointer;
}

.vendor-segment.active[b-wv712stw0v] {
    border-color: #2e75b6;
    background: #eff6ff;
    color: #1e3a8a;
}

.vendor-dot[b-wv712stw0v] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 999px;
}

.vendor-dot-aws[b-wv712stw0v] {
    background: #ff9900;
}

.vendor-dot-azure[b-wv712stw0v] {
    background: #0078d4;
}

.vendor-dot-databricks[b-wv712stw0v] {
    background: #e11d48;
}

.vendor-dot-other[b-wv712stw0v] {
    background: #64748b;
}

.plan-modal-footer[b-wv712stw0v] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #e2e8f0;
    padding: 1rem 1.25rem;
}

.plan-notify-group[b-wv712stw0v] {
    margin-top: 0.25rem;
    padding-top: 0.75rem;
    border-top: 1px dashed #e2e8f0;
}

.notify-recipients[b-wv712stw0v] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.notify-input-row[b-wv712stw0v] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.5rem;
    align-items: center;
}

.notify-employee-suggestions[b-wv712stw0v] {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
}

.notify-employee-option[b-wv712stw0v] {
    width: 100%;
    border: none;
    border-bottom: 1px solid #f1f5f9;
    background: #fff;
    text-align: left;
    padding: 0.55rem 0.7rem;
    display: flex;
    flex-direction: column;
}

.notify-employee-option:last-child[b-wv712stw0v] {
    border-bottom: none;
}

.notify-employee-option:hover[b-wv712stw0v] {
    background: #f8fafc;
}

.notify-employee-name[b-wv712stw0v] {
    color: #334155;
    font-size: 0.84rem;
    font-weight: 600;
}

.notify-employee-email[b-wv712stw0v] {
    color: #64748b;
    font-size: 0.78rem;
}

.notify-empty[b-wv712stw0v] {
    color: #94a3b8;
    font-size: 0.8rem;
}

.notify-recipient-list[b-wv712stw0v] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.notify-recipient-chip[b-wv712stw0v] {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f8fafc;
    padding: 0.45rem 0.55rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
}

.notify-recipient-meta[b-wv712stw0v] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.notify-recipient-name[b-wv712stw0v] {
    color: #334155;
    font-size: 0.82rem;
    font-weight: 600;
}

.notify-recipient-email[b-wv712stw0v] {
    color: #64748b;
    font-size: 0.74rem;
}

.notify-recipient-remove[b-wv712stw0v] {
    border: none;
    background: transparent;
    color: #94a3b8;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.notify-recipient-remove:hover[b-wv712stw0v] {
    background: #e2e8f0;
    color: #334155;
}

.notify-alert-days-grid[b-wv712stw0v] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

@media (max-width: 1200px) {
    .plans-stats-row[b-wv712stw0v] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 992px) {
    .plans-header[b-wv712stw0v] {
        flex-direction: column;
        align-items: flex-start;
    }

    .plans-stats-row[b-wv712stw0v] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .filter-vendors[b-wv712stw0v],
    .filter-statuses[b-wv712stw0v] {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .plans-stats-row[b-wv712stw0v] {
        grid-template-columns: 1fr;
    }

    .plan-card[b-wv712stw0v] {
        padding: 0.9rem;
    }

    .plan-top-row[b-wv712stw0v] {
        flex-direction: column;
        align-items: flex-start;
    }

    .plans-empty-disabled-filters[b-wv712stw0v] {
        flex-direction: column;
        align-items: stretch;
    }

    .plan-modal-footer[b-wv712stw0v] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.6rem;
    }

    .notify-input-row[b-wv712stw0v],
    .notify-alert-days-grid[b-wv712stw0v] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Employees/CertificationDetailsPage.razor.rz.scp.css */
.certification-details-page[b-s9ob8u1k8b] {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 1.5rem;
    background-color: #f8fafc;
}

/* Timeline Styles */
[b-s9ob8u1k8b] .timeline-card {
    margin-top: 1.5rem;
}

[b-s9ob8u1k8b] .timeline-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

[b-s9ob8u1k8b] .timeline-title {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 1.125rem;
    font-weight: 600;
    color: #1e293b;
}

[b-s9ob8u1k8b] .timeline-title > i {
    font-size: 1.5rem;
    color: #475569;
}

[b-s9ob8u1k8b] .timeline-count {
    font-size: 0.875rem;
    color: #64748b;
    font-weight: 500;
}

[b-s9ob8u1k8b] .timeline-body {
    position: relative;
    padding-left: 3.5rem;
}

[b-s9ob8u1k8b] .timeline-line {
    position: absolute;
    left: 1.75rem;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #e2e8f0;
}

[b-s9ob8u1k8b] .timeline-entry {
    position: relative;
    margin-bottom: 1.25rem;
}

[b-s9ob8u1k8b] .timeline-entry:last-child {
    margin-bottom: 0;
}

[b-s9ob8u1k8b] .timeline-icon {
    position: absolute;
    left: -3.25rem;
    top: 1.125rem;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    border: 3px solid #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    color: #ffffff;
    box-shadow: 0 0 0 3px #e2e8f0;
}

[b-s9ob8u1k8b] .timeline-icon-created {
    background: #0284c7;
}

[b-s9ob8u1k8b] .timeline-icon-status {
    background: #3b82f6;
}

[b-s9ob8u1k8b] .timeline-icon-success {
    background: #059669;
}

[b-s9ob8u1k8b] .timeline-icon-upload {
    background: #6366f1;
}

[b-s9ob8u1k8b] .timeline-icon-danger {
    background: #dc2626;
}

[b-s9ob8u1k8b] .timeline-icon-default {
    background: #94a3b8;
}

[b-s9ob8u1k8b] .timeline-entry-inner {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 1rem 1.25rem;
    transition: all 0.2s;
}

[b-s9ob8u1k8b] .timeline-entry-inner:hover {
    background: #f8fafc;
    border-color: #cbd5e1;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
}

[b-s9ob8u1k8b] .timeline-entry-title {
    font-size: 0.9375rem;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 0.5rem;
}

[b-s9ob8u1k8b] .timeline-entry-text {
    font-size: 0.875rem;
    color: #475569;
    line-height: 1.6;
    margin-bottom: 0.625rem;
}

[b-s9ob8u1k8b] .timeline-entry-meta {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8125rem;
    color: #64748b;
}

[b-s9ob8u1k8b] .timeline-empty {
    text-align: center;
    padding: 4rem 1rem;
    color: #94a3b8;
}

[b-s9ob8u1k8b] .timeline-empty > i {
    font-size: 3rem;
    margin-bottom: 1rem;
    display: block;
    opacity: 0.5;
}

[b-s9ob8u1k8b] .timeline-empty > p {
    font-size: 0.9375rem;
    margin: 0;
    color: #64748b;
}

/* Breadcrumb */
.breadcrumb-bar[b-s9ob8u1k8b] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: #64748b;
    margin-bottom: 1.5rem;
}

.breadcrumb-link[b-s9ob8u1k8b] {
    color: #64748b;
    cursor: pointer;
    transition: color 0.2s;
}

.breadcrumb-link:hover[b-s9ob8u1k8b] {
    color: #475569;
}

.breadcrumb-separator[b-s9ob8u1k8b] {
    color: #cbd5e1;
}

.breadcrumb-strong[b-s9ob8u1k8b] {
    color: #1e293b;
    font-weight: 500;
}

/* Header Card */
.details-header-card[b-s9ob8u1k8b] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.header-main[b-s9ob8u1k8b] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 1.5rem;
    gap: 1.5rem;
}

.header-left[b-s9ob8u1k8b] {
    flex: 1;
}

.status-badges[b-s9ob8u1k8b] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.status-badge[b-s9ob8u1k8b] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 0.875rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.025em;
    border: 1px solid;
}

.status-badge-active[b-s9ob8u1k8b] {
    background-color: #d1fae5;
    color: #059669;
    border-color: #a7f3d0;
}

.status-badge-exam[b-s9ob8u1k8b] {
    background-color: #dbeafe;
    color: #0284c7;
    border-color: #bfdbfe;
}

.status-badge-planned[b-s9ob8u1k8b] {
    background-color: #e0e7ff;
    color: #4f46e5;
    border-color: #c7d2fe;
}

.status-badge-failed[b-s9ob8u1k8b] {
    background-color: #fee2e2;
    color: #dc2626;
    border-color: #fecaca;
}

.status-badge-expired[b-s9ob8u1k8b] {
    background-color: #fed7aa;
    color: #c2410c;
    border-color: #fdba74;
}

.status-badge-warning[b-s9ob8u1k8b] {
    background-color: #fef3c7;
    color: #d97706;
    border-color: #fde68a;
}

.header-title[b-s9ob8u1k8b] {
    font-size: 2rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 0.5rem 0;
    line-height: 1.2;
}

.header-subtitle[b-s9ob8u1k8b] {
    font-size: 1rem;
    color: #64748b;
    margin: 0;
}

.header-right[b-s9ob8u1k8b] {
    display: flex;
    gap: 0.75rem;
    flex-shrink: 0;
}

.btn-header-action[b-s9ob8u1k8b] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1rem;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #ffffff;
    color: #475569;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-header-action:hover[b-s9ob8u1k8b] {
    background: #f8fafc;
    border-color: #94a3b8;
}

.btn-header-action.btn-danger[b-s9ob8u1k8b] {
    color: #dc2626;
    border-color: #fca5a5;
}

.btn-header-action.btn-danger:hover[b-s9ob8u1k8b] {
    background: #fef2f2;
    border-color: #f87171;
}

.warning-banner[b-s9ob8u1k8b] {
    display: flex;
    gap: 0.875rem;
    padding: 1rem 1.5rem;
    background: #fef3c7;
    border-top: 1px solid #fde68a;
    border-bottom: 1px solid #fde68a;
    align-items: flex-start;
}

.warning-banner > i[b-s9ob8u1k8b] {
    color: #d97706;
    font-size: 1.25rem;
    flex-shrink: 0;
    margin-top: 0.125rem;
}

.warning-content[b-s9ob8u1k8b] {
    flex: 1;
}

.warning-title[b-s9ob8u1k8b] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #92400e;
    margin-bottom: 0.25rem;
}

.warning-text[b-s9ob8u1k8b] {
    font-size: 0.875rem;
    color: #78350f;
}

/* Action Section */
.action-section[b-s9ob8u1k8b] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.action-section-title[b-s9ob8u1k8b] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #1e293b;
    margin: 0 0 1rem 0;
}

.action-buttons[b-s9ob8u1k8b] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.btn-primary[b-s9ob8u1k8b],
.btn-secondary[b-s9ob8u1k8b],
.btn-warning[b-s9ob8u1k8b] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1rem;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    border: none;
}

.btn-primary[b-s9ob8u1k8b] {
    background: #2e75b6;
    color: #ffffff;
}

.btn-primary:hover[b-s9ob8u1k8b] {
    background: #1e5a8e;
}

.btn-secondary[b-s9ob8u1k8b] {
    background: #ffffff;
    color: #475569;
    border: 1px solid #cbd5e1;
}

.btn-secondary:hover[b-s9ob8u1k8b] {
    background: #f8fafc;
    border-color: #94a3b8;
}

.btn-warning[b-s9ob8u1k8b] {
    background: #f59e0b;
    color: #ffffff;
}

.btn-warning:hover[b-s9ob8u1k8b] {
    background: #d97706;
}

/* Content Grid */
.content-grid[b-s9ob8u1k8b] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}

.content-column[b-s9ob8u1k8b] {
    display: flex;
    flex-direction: column;
}

/* Info Card */
.info-card[b-s9ob8u1k8b] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.info-card-header[b-s9ob8u1k8b] {
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.info-card-title[b-s9ob8u1k8b] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.125rem;
    font-weight: 600;
    color: #1e293b;
}

.info-card-title > i[b-s9ob8u1k8b] {
    color: #475569;
    font-size: 1.25rem;
}

.info-card-subtitle[b-s9ob8u1k8b] {
    font-size: 0.875rem;
    color: #64748b;
    margin-top: 0.25rem;
}

.btn-add-note[b-s9ob8u1k8b] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #2e75b6;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    transition: color 0.2s;
}

.btn-add-note:hover[b-s9ob8u1k8b] {
    color: #1e5a8e;
}

.info-card-body[b-s9ob8u1k8b] {
    padding: 1.5rem;
}

/* Info Row */
.info-row[b-s9ob8u1k8b] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.875rem 0;
    border-bottom: 1px solid #f1f5f9;
}

.info-row:last-child[b-s9ob8u1k8b] {
    border-bottom: none;
}

.info-row > i[b-s9ob8u1k8b] {
    color: #94a3b8;
    font-size: 1.25rem;
    flex-shrink: 0;
    margin-top: 0.125rem;
}

.info-content[b-s9ob8u1k8b] {
    flex: 1;
    min-width: 0;
}

.info-label[b-s9ob8u1k8b] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #64748b;
    margin-bottom: 0.25rem;
}

.info-value[b-s9ob8u1k8b] {
    font-size: 0.875rem;
    color: #1e293b;
}

.info-value-success[b-s9ob8u1k8b] {
    color: #059669;
    font-weight: 500;
}

.info-value-warning[b-s9ob8u1k8b] {
    color: #d97706;
    font-weight: 500;
}

.info-value-danger[b-s9ob8u1k8b] {
    color: #dc2626;
    font-weight: 500;
}

.info-value-primary[b-s9ob8u1k8b] {
    color: #2e75b6;
    font-weight: 500;
}

/* Info Detail */
.info-detail[b-s9ob8u1k8b] {
    padding: 1rem 0;
    border-bottom: 1px solid #f1f5f9;
}

.info-detail:last-child[b-s9ob8u1k8b] {
    border-bottom: none;
}

.info-detail-label[b-s9ob8u1k8b] {
    font-size: 0.6875rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.375rem;
}

.info-detail-value[b-s9ob8u1k8b] {
    font-size: 0.875rem;
    color: #1e293b;
}

.badge-provider[b-s9ob8u1k8b] {
    display: inline-block;
    padding: 0.375rem 0.75rem;
    background: #dbeafe;
    color: #1e4e8c;
    font-size: 0.75rem;
    font-weight: 500;
    border-radius: 6px;
}

/* Certificate File */
.certificate-file[b-s9ob8u1k8b] {
    display: flex;
    gap: 1rem;
    padding: 1rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
}

.certificate-file-icon[b-s9ob8u1k8b] {
    width: 3rem;
    height: 3rem;
    background: #fee2e2;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.certificate-file-icon > i[b-s9ob8u1k8b] {
    color: #dc2626;
    font-size: 1.5rem;
}

.certificate-file-info[b-s9ob8u1k8b] {
    flex: 1;
    min-width: 0;
}

.certificate-file-name[b-s9ob8u1k8b] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 0.25rem;
}

.certificate-file-meta[b-s9ob8u1k8b] {
    font-size: 0.75rem;
    color: #64748b;
    margin-bottom: 0.75rem;
}

.certificate-file-actions[b-s9ob8u1k8b] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.btn-file-action[b-s9ob8u1k8b] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.75rem;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background: #ffffff;
    color: #475569;
    font-size: 0.75rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-file-action:hover[b-s9ob8u1k8b] {
    background: #f8fafc;
    border-color: #94a3b8;
}

.btn-file-action > i[b-s9ob8u1k8b] {
    font-size: 0.875rem;
}

/* Notes */
.note-item[b-s9ob8u1k8b] {
    padding: 1rem 0;
    border-bottom: 1px solid #f1f5f9;
}

.note-item:last-child[b-s9ob8u1k8b] {
    border-bottom: none;
    padding-bottom: 0;
}

.note-text[b-s9ob8u1k8b] {
    font-size: 0.875rem;
    color: #1e293b;
    margin-bottom: 0.5rem;
    line-height: 1.5;
}

.note-meta[b-s9ob8u1k8b] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.75rem;
    color: #64748b;
}

.note-author[b-s9ob8u1k8b] {
    font-weight: 500;
}

.empty-notes[b-s9ob8u1k8b] {
    text-align: center;
    padding: 2rem 1rem;
}

.empty-notes > i[b-s9ob8u1k8b] {
    font-size: 2.5rem;
    color: #cbd5e1;
    margin-bottom: 0.75rem;
    display: block;
}

.empty-notes > p[b-s9ob8u1k8b] {
    font-size: 0.875rem;
    color: #64748b;
    margin: 0;
}

/* Modal Styles */
.modal[b-s9ob8u1k8b] {
    background: rgba(0, 0, 0, 0.5);
}

.modal-dialog[b-s9ob8u1k8b] {
    max-width: 600px;
}

.modal-content[b-s9ob8u1k8b] {
    border: none;
    border-radius: 12px;
    box-shadow: 0 20px 25px -5px rgba(15, 23, 42, 0.2), 0 10px 10px -5px rgba(15, 23, 42, 0.15);
}

.modal-header[b-s9ob8u1k8b] {
    padding: 1.5rem 1.5rem 1rem 1.5rem;
    border-bottom: 1px solid #e2e8f0;
    background: #ffffff;
}

.modal-title[b-s9ob8u1k8b] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1e293b;
    margin: 0;
}

.modal-cert-info[b-s9ob8u1k8b] {
    margin-top: 0.5rem;
}

.modal-cert-name[b-s9ob8u1k8b] {
    font-size: 1rem;
    font-weight: 500;
    color: #475569;
    margin: 0;
}

.modal-cert-meta[b-s9ob8u1k8b] {
    font-size: 0.875rem;
    color: #64748b;
    margin: 0.25rem 0 0 0;
}

.btn-close[b-s9ob8u1k8b] {
    width: 2rem;
    height: 2rem;
    padding: 0;
    background: transparent;
    border: none;
    opacity: 0.5;
    transition: opacity 0.2s;
}

.btn-close:hover[b-s9ob8u1k8b] {
    opacity: 1;
}

.modal-body[b-s9ob8u1k8b] {
    padding: 1.5rem;
    max-height: 70vh;
    overflow-y: auto;
    background: #ffffff;
}

.modal-footer[b-s9ob8u1k8b] {
    padding: 1.25rem 1.5rem 1.5rem 1.5rem;
    border-top: 1px solid #e2e8f0;
    background: #ffffff;
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}

/* Form Sections */
.form-section[b-s9ob8u1k8b] {
    margin-bottom: 1.5rem;
}

.form-section:last-child[b-s9ob8u1k8b] {
    margin-bottom: 0;
}

.section-label[b-s9ob8u1k8b] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #1e293b;
    margin-bottom: 1rem;
}

.section-header[b-s9ob8u1k8b] {
    font-size: 1rem;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 1rem;
}

.required-asterisk[b-s9ob8u1k8b] {
    color: #ef4444;
    margin-left: 0.125rem;
}

/* Result Cards */
.result-cards[b-s9ob8u1k8b] {
    display: flex;
    gap: 1rem;
}

.result-card[b-s9ob8u1k8b] {
    flex: 1;
    background: #ffffff;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease;
    min-height: 140px;
}

.result-card:hover[b-s9ob8u1k8b] {
    border-color: #cbd5e1;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
}

[b-s9ob8u1k8b] .result-card-selected-passed {
    border-color: #10b981 !important;
    background: #ecfdf5 !important;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.18) !important;
}

[b-s9ob8u1k8b] .result-card-selected-failed {
    border-color: #ef4444 !important;
    background: #fef2f2 !important;
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.18) !important;
}
.result-icon[b-s9ob8u1k8b] {
    font-size: 2.5rem;
    margin-bottom: 0.75rem;
}

.result-label[b-s9ob8u1k8b] {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
    color: #1e293b;
}

.result-label-passed[b-s9ob8u1k8b] {
    color: #10b981;
}

.result-label-failed[b-s9ob8u1k8b] {
    color: #ef4444;
}

.result-description[b-s9ob8u1k8b] {
    font-size: 0.8125rem;
    color: #64748b;
    line-height: 1.4;
}

/* Form Fields */
.field[b-s9ob8u1k8b] {
    margin-bottom: 1.25rem;
}

.field:last-child[b-s9ob8u1k8b] {
    margin-bottom: 0;
}

.field-label[b-s9ob8u1k8b] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #1e293b;
    margin-bottom: 0.5rem;
    display: block;
}

.form-control[b-s9ob8u1k8b] {
    width: 100%;
    height: 2.75rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #ffffff;
    padding: 0 1rem;
    font-size: 0.875rem;
    color: #475569;
    transition: all 0.2s;
}

.form-control:focus[b-s9ob8u1k8b] {
    outline: none;
    border-color: #2e75b6;
    box-shadow: 0 0 0 3px rgba(46, 117, 182, 0.1);
}

.form-control[b-s9ob8u1k8b]::placeholder {
    color: #94a3b8;
}

.form-control.with-icon[b-s9ob8u1k8b] {
    padding-left: 2.5rem;
}

.input-icon-wrapper[b-s9ob8u1k8b] {
    position: relative;
}

.input-icon[b-s9ob8u1k8b] {
    position: absolute;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1rem;
    color: #94a3b8;
    pointer-events: none;
}

textarea.form-control[b-s9ob8u1k8b] {
    height: auto;
    min-height: 5rem;
    padding: 0.75rem 1rem;
    resize: vertical;
    line-height: 1.5;
}

.help-text[b-s9ob8u1k8b] {
    margin-top: 0.375rem;
    font-size: 0.8125rem;
    color: #64748b;
}

.char-counter[b-s9ob8u1k8b] {
    margin-top: 0.25rem;
    font-size: 0.8125rem;
    color: #94a3b8;
    text-align: right;
}

/* Upload Area */
.upload-area[b-s9ob8u1k8b] {
    width: 100%;
    min-height: 6.25rem;
    border-radius: 8px;
    border: 2px dashed #e2e8f0;
    background: #f8fafc;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease;
}

.upload-area:hover[b-s9ob8u1k8b] {
    border-color: #2e75b6;
    background: #f0f9ff;
}

.upload-icon[b-s9ob8u1k8b] {
    font-size: 1.5rem;
    color: #94a3b8;
    margin-bottom: 0.375rem;
}

.upload-title[b-s9ob8u1k8b] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #475569;
    margin-bottom: 0.125rem;
}

.upload-subtitle[b-s9ob8u1k8b] {
    font-size: 0.8125rem;
    color: #64748b;
}

/* Checkbox */
.checkbox-row[b-s9ob8u1k8b] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

.checkbox-box[b-s9ob8u1k8b] {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 4px;
    border: 1px solid #e2e8f0;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    color: #2e75b6;
    cursor: pointer;
    transition: all 0.2s;
}

.checkbox-box:hover[b-s9ob8u1k8b] {
    border-color: #2e75b6;
}

.checkbox-checked[b-s9ob8u1k8b] {
    border-color: #2e75b6;
    background: #f0f9ff;
}

.checkbox-label[b-s9ob8u1k8b] {
    font-size: 0.875rem;
    color: #475569;
    cursor: pointer;
    user-select: none;
}

/* Divider */
.divider[b-s9ob8u1k8b] {
    border: none;
    border-top: 1px solid #f1f5f9;
    margin: 1.5rem 0;
}

/* Select */
.form-select[b-s9ob8u1k8b] {
    width: 100%;
    height: 2.75rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #ffffff;
    padding: 0 1rem;
    font-size: 0.875rem;
    color: #475569;
    cursor: pointer;
    transition: all 0.2s;
}

.form-select:focus[b-s9ob8u1k8b] {
    outline: none;
    border-color: #2e75b6;
    box-shadow: 0 0 0 3px rgba(46, 117, 182, 0.1);
}

/* Info Banner */
.info-banner[b-s9ob8u1k8b] {
    background: #fffbeb;
    border-left: 3px solid #f59e0b;
    border-radius: 8px;
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
    color: #475569;
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.info-banner-icon[b-s9ob8u1k8b] {
    font-size: 1rem;
    color: #f59e0b;
    flex-shrink: 0;
    margin-top: 0.125rem;
}

/* Button Variants */
.btn-modal-cancel[b-s9ob8u1k8b] {
    height: 2.5rem;
    padding: 0 1.25rem;
    border-radius: 8px;
    border: none;
    background: transparent;
    color: #64748b;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-modal-cancel:hover[b-s9ob8u1k8b] {
    background: #f1f5f9;
    color: #475569;
}

.btn-modal-cancel:disabled[b-s9ob8u1k8b] {
    opacity: 0.5;
    cursor: not-allowed;
}

.btn-modal-primary[b-s9ob8u1k8b] {
    height: 2.5rem;
    padding: 0 1.5rem;
    border-radius: 8px;
    border: none;
    background: #2e75b6;
    color: #ffffff;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.12);
    transition: all 0.2s;
}

.btn-modal-primary:hover:not(:disabled)[b-s9ob8u1k8b] {
    background: #1e5a8e;
}

.btn-modal-primary:active:not(:disabled)[b-s9ob8u1k8b] {
    background: #164e7f;
}

.btn-modal-primary:disabled[b-s9ob8u1k8b] {
    background: #e2e8f0;
    color: #94a3b8;
    cursor: not-allowed;
    box-shadow: none;
}

.btn-modal-primary.btn-success[b-s9ob8u1k8b] {
    background: #10b981;
}

.btn-modal-primary.btn-success:hover:not(:disabled)[b-s9ob8u1k8b] {
    background: #059669;
}

/* Suggested Value */
.suggested-value[b-s9ob8u1k8b] {
    margin-top: 0.5rem;
}

.suggested-link[b-s9ob8u1k8b] {
    color: #2e75b6;
    font-weight: 500;
    cursor: pointer;
    font-size: 0.875rem;
    transition: color 0.2s;
}

.suggested-link:hover[b-s9ob8u1k8b] {
    color: #1e5a8e;
    text-decoration: underline;
}

/* Grid Layout */
.form-row[b-s9ob8u1k8b] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

/* Responsive */
@media (max-width: 640px) {
    .result-cards[b-s9ob8u1k8b] {
        flex-direction: column;
    }

    .form-row[b-s9ob8u1k8b] {
        grid-template-columns: 1fr;
    }

    .modal-dialog[b-s9ob8u1k8b] {
        margin: 0.5rem;
        max-width: calc(100% - 1rem);
    }
}

/* Responsive */
@media (max-width: 1024px) {
    .content-grid[b-s9ob8u1k8b] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .certification-details-page[b-s9ob8u1k8b] {
        padding: 1rem;
    }

    .header-main[b-s9ob8u1k8b] {
        flex-direction: column;
    }

    .header-right[b-s9ob8u1k8b] {
        width: 100%;
    }

    .btn-header-action[b-s9ob8u1k8b] {
        flex: 1;
        justify-content: center;
    }

    .action-buttons[b-s9ob8u1k8b] {
        flex-direction: column;
    }

    .btn-primary[b-s9ob8u1k8b],
    .btn-secondary[b-s9ob8u1k8b],
    .btn-warning[b-s9ob8u1k8b] {
        width: 100%;
        justify-content: center;
    }

    .header-title[b-s9ob8u1k8b] {
        font-size: 1.5rem;
    }

    .certificate-file[b-s9ob8u1k8b] {
        flex-direction: column;
    }
}

/* MudBlazor Overrides */
[b-s9ob8u1k8b] .mud-overlay {
    z-index: 9999;
}

[b-s9ob8u1k8b] .mud-paper {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

[b-s9ob8u1k8b] .mud-button {
    text-transform: none;
}
/* /Components/Pages/Employees/CertificationsOverviewPage.razor.rz.scp.css */
.certifications-overview-page[b-lljnt59o2a] {
    padding: 0;
}

/* Stat cards layout */
.stat-cards-row[b-lljnt59o2a] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.stat-card-col[b-lljnt59o2a] {
    flex: 1 1 0;
    min-width: 150px;
}

/* Clickable stat cards */
.certifications-overview-stat-card[b-lljnt59o2a] {
    transition: box-shadow 0.2s, border-color 0.2s;
    border: 2px solid transparent;
}

.certifications-overview-stat-card[onclick][b-lljnt59o2a],
[b-lljnt59o2a] .stat-cards-row .stat-card-col .mud-card[onclick] {
    cursor: pointer;
}

.certifications-overview-stat-card:hover[b-lljnt59o2a] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

[b-lljnt59o2a] .stat-card-active {
    border: 2px solid var(--mud-palette-primary) !important;
    box-shadow: 0 0 0 1px var(--mud-palette-primary);
}

[b-lljnt59o2a] .certifications-overview-stat-card .stat-card-content,
[b-lljnt59o2a] .certifications-overview-stat-card .mud-card-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    height: 100%;
    min-height: 140px;
    padding: 1rem 1.25rem !important;
}

.certifications-overview-stat-card .stat-icon[b-lljnt59o2a] {
    font-size: 2rem;
    opacity: 0.9;
    margin-bottom: 0.5rem;
}

.certifications-overview-stat-card .stat-value[b-lljnt59o2a] {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0.25rem;
}

.certifications-overview-stat-card .stat-label[b-lljnt59o2a] {
    font-weight: 600;
    font-size: 0.95rem;
}

.certifications-overview-stat-card .stat-sublabel[b-lljnt59o2a] {
    font-size: 0.8rem;
    margin-top: 0.15rem;
}

.certifications-overview-page .filters-wrapper[b-lljnt59o2a] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.certifications-overview-page .filter-item[b-lljnt59o2a] {
    flex: 0 0 auto;
    width: 200px;
}

.certifications-overview-page .filter-search[b-lljnt59o2a] {
    flex: 1 1 200px;
    min-width: 180px;
}

[b-lljnt59o2a] .certifications-overview-page .filter-item .mud-input-control,
[b-lljnt59o2a] .certifications-overview-page .filter-item .mud-select,
[b-lljnt59o2a] .certifications-overview-page .filter-search .mud-input-control {
    width: 100%;
}

[b-lljnt59o2a] .certifications-overview-table .mud-table-cell {
    padding: 12px 16px;
}

[b-lljnt59o2a] .certifications-overview-table .mud-table-head .mud-table-cell {
    font-weight: 600;
    background-color: #f5f5f5;
}

.seniority-stats-card[b-lljnt59o2a] {
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #fff;
}

.seniority-stats-header[b-lljnt59o2a] {
    width: 100%;
    border: 0;
    background: transparent;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    cursor: pointer;
    border-radius: 12px;
    transition: background-color 0.2s ease-in-out;
}

.seniority-stats-header:hover[b-lljnt59o2a] {
    background: #f8fafc;
}

.seniority-stats-heading-wrap[b-lljnt59o2a] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.seniority-stats-title[b-lljnt59o2a] {
    font-size: 1rem;
    font-weight: 600;
    color: #1e293b;
}

.seniority-stats-subtitle[b-lljnt59o2a] {
    font-size: 0.75rem;
    color: #64748b;
}

.seniority-stats-chevron[b-lljnt59o2a] {
    color: #64748b;
    transition: color 0.2s ease-in-out;
}

.seniority-stats-content[b-lljnt59o2a] {
    overflow: hidden;
    transition: max-height 0.2s ease-in-out;
}

.seniority-stats-content.expanded[b-lljnt59o2a] {
    max-height: 1000px;
}

.seniority-stats-content.collapsed[b-lljnt59o2a] {
    max-height: 0;
}

.seniority-stats-content-inner[b-lljnt59o2a] {
    padding: 0 20px 16px;
}

.seniority-row[b-lljnt59o2a] {
    display: grid;
    grid-template-columns: 100px 1fr 70px 60px;
    gap: 12px;
    align-items: center;
    padding: 6px 0;
}

.seniority-label[b-lljnt59o2a] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #1e293b;
}

.seniority-bar-track[b-lljnt59o2a] {
    width: 100%;
    height: 8px;
    border-radius: 999px;
    background: #e2e8f0;
    overflow: hidden;
}

.seniority-bar-fill[b-lljnt59o2a] {
    height: 100%;
    border-radius: 999px;
}

.seniority-count[b-lljnt59o2a] {
    text-align: right;
    font-size: 0.875rem;
    color: #64748b;
    white-space: nowrap;
}

.seniority-percentage[b-lljnt59o2a] {
    text-align: right;
    font-size: 0.875rem;
    font-weight: 700;
    white-space: nowrap;
}

.seniority-total-divider[b-lljnt59o2a] {
    height: 1px;
    background: #e2e8f0;
    margin: 6px 0;
}

.seniority-row-total .seniority-label[b-lljnt59o2a] {
    font-weight: 700;
}

.seniority-footnote[b-lljnt59o2a] {
    margin-top: 8px;
    font-size: 0.6875rem;
    color: #94a3b8;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    position: relative;
    z-index: 26;
}

.seniority-missing-backdrop[b-lljnt59o2a] {
    position: fixed;
    inset: 0;
    z-index: 25;
    border: none;
    background: transparent;
    padding: 0;
}

[b-lljnt59o2a] .seniority-missing-toggle {
    background: #eff6ff !important;
    color: #2e75b6 !important;
    width: 22px !important;
    height: 22px !important;
    border-radius: 999px !important;
    padding: 0 !important;
    flex-shrink: 0;
}

[b-lljnt59o2a] .seniority-missing-toggle:hover {
    background: #dbeafe !important;
}

[b-lljnt59o2a] .seniority-missing-toggle .mud-icon-root {
    font-size: 1rem;
}

.seniority-missing-popover[b-lljnt59o2a] {
    position: absolute;
    left: 0;
    bottom: calc(100% + 8px);
    min-width: 240px;
    max-width: min(340px, 80vw);
    max-height: 220px;
    overflow-y: auto;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.18);
    padding: 10px 12px;
    z-index: 30;
}

.seniority-missing-popover-title[b-lljnt59o2a] {
    color: #1e293b;
    font-size: 0.75rem;
    font-weight: 600;
    margin-bottom: 6px;
}

.seniority-missing-list[b-lljnt59o2a] {
    margin: 0;
    padding-left: 16px;
    color: #475569;
    font-size: 0.75rem;
}

.seniority-missing-list li + li[b-lljnt59o2a] {
    margin-top: 4px;
}

[b-lljnt59o2a] .seniority-missing-link {
    color: #2e75b6;
    text-decoration: none;
    font-size: 0.75rem !important;
    line-height: 1.25;
    font-weight: 500;
}

[b-lljnt59o2a] .seniority-missing-link:hover {
    text-decoration: underline;
}

@media (max-width: 900px) {
    .seniority-row[b-lljnt59o2a] {
        grid-template-columns: 80px 1fr 56px 50px;
        gap: 8px;
    }

    .seniority-missing-popover[b-lljnt59o2a] {
        left: 0;
        max-width: min(300px, 90vw);
    }
}
/* /Components/Pages/Employees/CertificationsPage.razor.rz.scp.css */
.certifications-page[b-z9fhvzhcrf] {
    padding: 1.5rem;
}

/* Gap between tab headers and tab content */
[b-z9fhvzhcrf] .certifications-tabs-panel {
    padding-top: 1.25rem;
}

[b-z9fhvzhcrf] .employee-certificates-grid {
    border-radius: 8px;
    overflow: hidden;
}

[b-z9fhvzhcrf] .employee-certificates-grid .mud-table-cell {
    padding: 12px 16px;
}

[b-z9fhvzhcrf] .employee-certificates-grid .mud-table-head .mud-table-cell {
    font-weight: 600;
    background-color: #f5f5f5;
}

[b-z9fhvzhcrf] .employee-certificates-grid .mud-table-row:hover {
    background-color: #fafafa;
}

@media (max-width: 576px) {
    .certifications-page[b-z9fhvzhcrf] {
        padding: 1rem;
    }
}
/* /Components/Pages/Employees/CertificationTypesTab.razor.rz.scp.css */
.certification-types-tab[b-offsh0o478] {
    /* Tab content wrapper */
}

[b-offsh0o478] .certification-types-grid {
    border-radius: 8px;
    overflow: hidden;
}

[b-offsh0o478] .certification-types-grid .mud-table-cell {
    padding: 12px 16px;
}

[b-offsh0o478] .certification-types-grid .mud-table-head .mud-table-cell {
    font-weight: 600;
    background-color: #f5f5f5;
}

[b-offsh0o478] .certification-types-grid .mud-table-row:hover {
    background-color: #fafafa;
}

.filters-wrapper[b-offsh0o478] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.filter-item[b-offsh0o478] {
    flex: 0 0 auto;
    width: 200px;
}

.filter-search[b-offsh0o478] {
    flex: 1 1 200px;
    min-width: 180px;
}

.filter-clear[b-offsh0o478] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}

.btn-submit:disabled[b-offsh0o478],
.btn-submit.disabled[b-offsh0o478] {
    background-color: #9ca3af !important;
    border-color: #9ca3af !important;
    color: #ffffff !important;
    opacity: 1 !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
}

.cert-type-name-wrap[b-offsh0o478] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.05rem;
}

.cert-name-validation-error[b-offsh0o478] {
    margin-top: 0.3rem;
    color: #b91c1c;
    font-size: 0.78rem;
    font-weight: 500;
}

.cert-type-name-wrap.has-multi-badge[b-offsh0o478] {
    padding-right: 88px;
}

.cert-type-name[b-offsh0o478] {
    min-width: 0;
}

[b-offsh0o478] .cert-type-multi-badge {
    position: absolute;
    top: 0;
    right: 0;
}

[b-offsh0o478] .filter-item .mud-input-control,
[b-offsh0o478] .filter-item .mud-select,
[b-offsh0o478] .filter-search .mud-input-control {
    width: 100%;
}

[b-offsh0o478] .filter-item .mud-select-input,
[b-offsh0o478] .filter-item .mud-input-slot,
[b-offsh0o478] .filter-search .mud-input-slot {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 576px) {
    .filter-item[b-offsh0o478],
    .filter-search[b-offsh0o478] {
        width: 100%;
        flex: 1 1 100%;
    }
}

@media (min-width: 577px) and (max-width: 992px) {
    .filter-item[b-offsh0o478] {
        width: calc(50% - 0.375rem);
    }

    .filter-search[b-offsh0o478] {
        width: 100%;
        flex: 1 1 100%;
    }
}
/* /Components/Pages/Employees/EmployeeAssessmentTab.razor.rz.scp.css */
.tab-no-access[b-b22famsvxt] {
    padding: 2rem;
    text-align: center;
}

.employee-assessments-page[b-b22famsvxt] {
    background: #f8fafc;
    padding: 32px;
}

.assessments-content[b-b22famsvxt] {
    width: 100%;
    max-width: 100%;
}

.content-header[b-b22famsvxt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}

.content-title[b-b22famsvxt] {
    font-size: 24px;
    font-weight: 600;
    color: #1e293b;
}

.controls-bar[b-b22famsvxt] {
    display: flex;
    gap: 16px;
    margin-bottom: 24px;
    flex-wrap: wrap;
}

.search-field[b-b22famsvxt] {
    width: 300px;
}

.filter-field[b-b22famsvxt] {
    min-width: 160px;
}

.summary-grid[b-b22famsvxt] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 32px;
}

.summary-card[b-b22famsvxt] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 20px;
    text-align: center;
}

.summary-label[b-b22famsvxt] {
    font-size: 14px;
    font-weight: 500;
    color: #64748b;
    margin-bottom: 8px;
}

.summary-value[b-b22famsvxt] {
    font-size: 28px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 4px;
    line-height: 1.2;
}

.summary-sub[b-b22famsvxt] {
    font-size: 13px;
    color: #94a3b8;
}

.badge-status[b-b22famsvxt] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

.badge-success[b-b22famsvxt] {
    background: #d1fae5;
    color: #059669;
}

.badge-planned[b-b22famsvxt] {
    background: #e9d5ff;
    color: #7c3aed;
}

.badge-warning[b-b22famsvxt] {
    background: #fed7aa;
    color: #ea580c;
}

.badge-danger[b-b22famsvxt] {
    background: #fee2e2;
    color: #dc2626;
}

.badge-neutral[b-b22famsvxt] {
    background: #e2e8f0;
    color: #64748b;
}

.timeline-container[b-b22famsvxt] {
    position: relative;
    padding-left: 16px;
}

.timeline-line[b-b22famsvxt] {
    position: absolute;
    left: 23px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #e2e8f0;
    z-index: 0;
}

.year-marker[b-b22famsvxt] {
    font-size: 16px;
    font-weight: 600;
    color: #64748b;
    margin-bottom: 24px;
    position: relative;
    z-index: 1;
    display: inline-block;
    background: #f8fafc;
    padding: 0 8px;
}

.timeline-item[b-b22famsvxt] {
    display: flex;
    gap: 24px;
    margin-bottom: 24px;
    position: relative;
    z-index: 1;
}

.timeline-date[b-b22famsvxt] {
    width: 60px;
    text-align: right;
    font-size: 14px;
    font-weight: 500;
    color: #64748b;
    padding-top: 18px;
    flex-shrink: 0;
}

.timeline-node[b-b22famsvxt] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #f8fafc;
    border: 2px solid #94a3b8;
    flex-shrink: 0;
    margin-top: 20px;
    box-shadow: 0 0 0 4px #f8fafc;
}

.timeline-node.completed[b-b22famsvxt] {
    background: #059669;
    border-color: #059669;
}

.timeline-node.planned[b-b22famsvxt] {
    border-color: #7c3aed;
    background: #f8fafc;
}

.timeline-node.warning[b-b22famsvxt] {
    border-color: #ea580c;
    background: #f8fafc;
}

.timeline-node.danger[b-b22famsvxt] {
    border-color: #dc2626;
    background: #dc2626;
}

.timeline-node.draft[b-b22famsvxt] {
    border-color: #94a3b8;
    background: #f8fafc;
}

.assessment-card[b-b22famsvxt] {
    flex: 1;
    background: #ffffff;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    border: 1px solid #e2e8f0;
    border-left: 4px solid #94a3b8;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.assessment-card.completed[b-b22famsvxt] {
    border-left-color: #059669;
}

.assessment-card.planned[b-b22famsvxt] {
    border-left-color: #7c3aed;
}

.assessment-card.warning[b-b22famsvxt] {
    border-left-color: #ea580c;
}

.assessment-card.cancelled[b-b22famsvxt] {
    border-left-color: #dc2626;
}

.card-content h3[b-b22famsvxt] {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.status-text[b-b22famsvxt] {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #94a3b8;
}

.status-text.success[b-b22famsvxt] {
    color: #059669;
}

.status-text.planned[b-b22famsvxt] {
    color: #7c3aed;
}

.status-text.warning[b-b22famsvxt] {
    color: #ea580c;
}

.status-text.danger[b-b22famsvxt] {
    color: #dc2626;
}

.status-text.neutral[b-b22famsvxt] {
    color: #94a3b8;
}

.card-details[b-b22famsvxt] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 14px;
    color: #64748b;
}

.card-actions[b-b22famsvxt] {
    display: flex;
    gap: 8px;
}

.btn-outline[b-b22famsvxt] {
    background: transparent;
    border: 1px solid #e2e8f0;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    color: #1e293b;
    cursor: pointer;
    transition: background 0.1s;
}

.btn-outline:hover[b-b22famsvxt] {
    background: #f8fafc;
    border-color: #94a3b8;
}

.load-more[b-b22famsvxt] {
    display: block;
    width: 100%;
    text-align: center;
    padding: 16px;
    color: #64748b;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    border-top: 1px solid #e2e8f0;
    margin-top: 24px;
}

.load-more:hover[b-b22famsvxt] {
    color: #2e75b6;
}

[b-b22famsvxt] .assessments-empty-state-card {
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 12px;
    min-height: 400px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 24px;
    text-align: center;
}

[b-b22famsvxt] .assessments-empty-icon {
    font-size: 48px;
    margin-bottom: 16px;
}

[b-b22famsvxt] .assessments-empty-heading {
    font-weight: 600;
    margin-bottom: 8px;
}

[b-b22famsvxt] .assessments-empty-description {
    color: rgba(0,0,0,0.6);
    max-width: 480px;
    margin-bottom: 24px;
}

.assessment-modal-backdrop[b-b22famsvxt] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.65);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    z-index: 1200;
}

.assessment-modal[b-b22famsvxt] {
    background: #ffffff;
    border-radius: 12px;
    width: min(720px, 96vw);
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.18);
}

.assessment-modal-header[b-b22famsvxt] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 20px 24px;
    border-bottom: 1px solid #e5e7eb;
}

.assessment-modal-title[b-b22famsvxt] {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 4px;
}

.assessment-modal-subtitle[b-b22famsvxt] {
    font-size: 13px;
    color: #6b7280;
    margin: 0;
}

.assessment-modal-close[b-b22famsvxt] {
    border: none;
    background: transparent;
    font-size: 18px;
    cursor: pointer;
    color: #64748b;
}

.assessment-modal-body[b-b22famsvxt] {
    padding: 24px;
    overflow: auto;
}

.assessment-modal-footer[b-b22famsvxt] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 16px 24px;
    border-top: 1px solid #e5e7eb;
}

.assessment-duration-input[b-b22famsvxt] {
    width: 120px;
}

@media (max-width: 1024px) {
    .summary-grid[b-b22famsvxt] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .employee-assessments-page[b-b22famsvxt] {
        padding: 16px;
    }

    .controls-bar[b-b22famsvxt] {
        flex-direction: column;
    }

    .search-field[b-b22famsvxt],
    .filter-field[b-b22famsvxt] {
        width: 100%;
    }

    .timeline-item[b-b22famsvxt] {
        flex-direction: column;
        gap: 8px;
        padding-left: 32px;
    }

    .timeline-date[b-b22famsvxt] {
        text-align: left;
        width: auto;
        padding-top: 0;
        font-size: 13px;
    }

    .timeline-node[b-b22famsvxt] {
        position: absolute;
        left: 0;
        top: 0;
        margin-top: 4px;
    }

    .timeline-line[b-b22famsvxt] {
        left: 7px;
    }

    .assessment-card[b-b22famsvxt] {
        flex-direction: column;
        align-items: flex-start;
    }

    .card-actions[b-b22famsvxt] {
        width: 100%;
    }

    .btn-outline[b-b22famsvxt] {
        flex: 1;
        text-align: center;
    }
}
/* /Components/Pages/Employees/EmployeeCertificatesListTab.razor.rz.scp.css */
.certification-types-page[b-71ybkebat2] {
    padding: 1.5rem;
}

[b-71ybkebat2] .certification-types-grid {
    border-radius: 8px;
    overflow: hidden;
}

[b-71ybkebat2] .certification-types-grid .mud-table-cell {
    padding: 12px 16px;
}

[b-71ybkebat2] .certification-types-grid .mud-table-head .mud-table-cell {
    font-weight: 600;
    background-color: #f5f5f5;
}

[b-71ybkebat2] .certification-types-grid .mud-table-row:hover,
[b-71ybkebat2] .employee-certificates-grid .mud-table-row:hover {
    background-color: #fafafa;
}

[b-71ybkebat2] .employee-certificates-grid {
    border-radius: 8px;
    overflow: hidden;
}

[b-71ybkebat2] .employee-certificates-grid .mud-table-cell {
    padding: 12px 16px;
}

[b-71ybkebat2] .employee-certificates-grid .mud-table-head .mud-table-cell {
    font-weight: 600;
    background-color: #f5f5f5;
}

.filters-wrapper[b-71ybkebat2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.filter-item[b-71ybkebat2] {
    flex: 0 0 auto;
    width: 200px;
}

.filter-search[b-71ybkebat2] {
    flex: 1 1 200px;
    min-width: 180px;
}

.filter-clear[b-71ybkebat2] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}

.btn-submit:disabled[b-71ybkebat2],
.btn-submit.disabled[b-71ybkebat2] {
    background-color: #9ca3af !important;
    border-color: #9ca3af !important;
    color: #ffffff !important;
    opacity: 1 !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
}

[b-71ybkebat2] .filter-item .mud-input-control,
[b-71ybkebat2] .filter-item .mud-select,
[b-71ybkebat2] .filter-search .mud-input-control {
    width: 100%;
}

[b-71ybkebat2] .filter-item .mud-select-input,
[b-71ybkebat2] .filter-item .mud-input-slot,
[b-71ybkebat2] .filter-search .mud-input-slot {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 576px) {
    .certification-types-page[b-71ybkebat2] {
        padding: 1rem;
    }

    .filter-item[b-71ybkebat2],
    .filter-search[b-71ybkebat2] {
        width: 100%;
        flex: 1 1 100%;
    }
}

@media (min-width: 577px) and (max-width: 992px) {
    .filter-item[b-71ybkebat2] {
        width: calc(50% - 0.375rem);
    }

    .filter-search[b-71ybkebat2] {
        width: 100%;
        flex: 1 1 100%;
    }
}
/* /Components/Pages/Employees/EmployeeCertificationsTab.razor.rz.scp.css */
.tab-no-access[b-sbw3lng02g] {
    padding: 2rem;
    text-align: center;
}

/* Empty State */
.certifications-empty-state[b-sbw3lng02g] {
    max-width: 600px;
    margin: 2rem auto;
    padding: 1rem;
}

.result-card-selected-passed[b-sbw3lng02g] {
    border-color: #10b981 !important;
    background: #ecfdf5 !important;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.18) !important;
}

.result-card-selected-failed[b-sbw3lng02g] {
    border-color: #ef4444 !important;
    background: #fef2f2 !important;
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.18) !important;
}

.empty-state-card[b-sbw3lng02g] {
    background-color: #fafafa;
    border-radius: 12px;
    padding: 3rem 2rem;
}

.empty-state-icon[b-sbw3lng02g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    background-color: #f0f0f0;
    border-radius: 12px;
    margin-bottom: 1rem;
}

.empty-state-icon i[b-sbw3lng02g] {
    font-size: 2.5rem;
    color: #bdbdbd;
}

.empty-state-title[b-sbw3lng02g] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 0.5rem 0;
}

.empty-state-subtitle[b-sbw3lng02g] {
    font-size: 0.9375rem;
    color: #757575;
    margin: 0 0 1.5rem 0;
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
}

/* Add Certification Button */
.btn-add-certification[b-sbw3lng02g] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.625rem 1.25rem;
    background-color: #4f6bed;
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 0.9375rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-add-certification:hover[b-sbw3lng02g] {
    background-color: #3d5bd9;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(79, 107, 237, 0.3);
}

.btn-add-certification i[b-sbw3lng02g] {
    font-size: 1.125rem;
}

/* Certifications Container */
.certifications-container[b-sbw3lng02g] {
    max-width: none;
    width: 100%;
    margin: 0;
}

/* Card */
.cert-card[b-sbw3lng02g] {
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    padding: 16px;
    transition: all 0.2s ease;
}

.cert-card:hover[b-sbw3lng02g] {
    border-color: #c0c0c0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

/* Header */
.cert-card-header[b-sbw3lng02g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

/* Status pill (more rounded, on top) */
.cert-status-pill[b-sbw3lng02g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    padding: 0 12px;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    border-radius: 9999px;
}

/* Header actions (icons) */
.cert-header-actions[b-sbw3lng02g] {
    display: inline-flex;
    gap: 8px;
}

.btn-cert-icon[b-sbw3lng02g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-cert-icon:hover[b-sbw3lng02g] {
    background: #f5f5f5;
    border-color: #c0c0c0;
}

/* Body */
.cert-card-body[b-sbw3lng02g] {
    min-width: 0;
}

/* Footer buttons row */
.cert-card-footer[b-sbw3lng02g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid #f1f5f9;
}

.cert-footer-left[b-sbw3lng02g],
.cert-footer-right[b-sbw3lng02g] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

[b-sbw3lng02g] .mud-popover {
    min-width: 260px;
}

[b-sbw3lng02g] .mud-list-item-text,
[b-sbw3lng02g] .mud-list-item-text > span {
    white-space: normal;
}

.btn-cert-primary[b-sbw3lng02g] {
    height: 40px;
    padding: 0 16px;
    border-radius: 10px;
    border: none;
    background: #2e75b6;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

.btn-cert-primary:hover[b-sbw3lng02g] {
    background: #1e5a8e;
}

.btn-cert-secondary[b-sbw3lng02g] {
    height: 40px;
    padding: 0 16px;
    border-radius: 10px;
    border: none;
    background: transparent;
    color: #475569;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

.btn-cert-secondary:hover[b-sbw3lng02g] {
    background: #f1f5f9;
    color: #475569;
}

/* Responsive */
@media (max-width: 768px) {
    .cert-card-footer[b-sbw3lng02g] {
        flex-direction: column;
        align-items: stretch;
    }

    .cert-footer-left[b-sbw3lng02g],
    .cert-footer-right[b-sbw3lng02g] {
        width: 100%;
        justify-content: flex-start;
    }

    .btn-cert-primary[b-sbw3lng02g],
    .btn-cert-secondary[b-sbw3lng02g] {
        width: 100%;
        justify-content: center;
    }
}


.certifications-header[b-sbw3lng02g] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.certifications-title[b-sbw3lng02g] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0;
}

/* Filters */
.certifications-filters[b-sbw3lng02g] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
    padding: 1rem;
    background-color: #f5f5f5;
    border-radius: 8px;
}

.filter-group[b-sbw3lng02g] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.filter-label[b-sbw3lng02g] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #555555;
    margin: 0;
}

.filter-item[b-sbw3lng02g] {
    min-width: 280px;
}

[b-sbw3lng02g] .status-filter {
    width: 280px;
    max-width: 100%;
}

.filter-select[b-sbw3lng02g] {
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    background-color: #ffffff;
    color: #1a1a1a;
    cursor: pointer;
    transition: all 0.2s ease;
}

.filter-select:hover[b-sbw3lng02g] {
    border-color: #c0c0c0;
}

.filter-select:focus[b-sbw3lng02g] {
    outline: none;
    border-color: #4f6bed;
    box-shadow: 0 0 0 3px rgba(79, 107, 237, 0.1);
}

.certifications-count[b-sbw3lng02g] {
    margin-left: auto;
    font-size: 0.875rem;
    color: #757575;
}

/* Certifications List */
.certifications-list[b-sbw3lng02g] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.certification-item[b-sbw3lng02g] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.25rem;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    transition: all 0.2s ease;
}

.certification-item:hover[b-sbw3lng02g] {
    border-color: #c0c0c0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

/* Status Badge */
.cert-status-badge[b-sbw3lng02g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 100px;
    height: 28px;
    padding: 0 0.75rem;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    border-radius: 4px;
    flex-shrink: 0;
}

.cert-badge-planned[b-sbw3lng02g] {
    background-color: #e3f2fd;
    color: #1976d2;
}

.cert-badge-exam-scheduled[b-sbw3lng02g] {
    background-color: #fff3e0;
    color: #f57c00;
}

.cert-badge-active[b-sbw3lng02g] {
    background-color: #e8f5e9;
    color: #388e3c;
}

.cert-badge-failed[b-sbw3lng02g] {
    background-color: #ffebee;
    color: #d32f2f;
}

.cert-badge-expired[b-sbw3lng02g] {
    background-color: #fce4ec;
    color: #c2185b;
}

.cert-badge-default[b-sbw3lng02g] {
    background-color: #f5f5f5;
    color: #757575;
}

/* Certification Details */
.cert-details[b-sbw3lng02g] {
    flex: 1;
    min-width: 0;
}

.cert-name[b-sbw3lng02g] {
    font-size: 1rem;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 0.25rem 0;
}

.cert-code[b-sbw3lng02g] {
    font-size: 0.8125rem;
    color: #757575;
    margin: 0 0 0.75rem 0;
}

/* Certification Info */
.cert-info[b-sbw3lng02g] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.cert-info-item[b-sbw3lng02g] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: #555555;
}

.cert-info-item i[b-sbw3lng02g] {
    font-size: 1rem;
    color: #757575;
    flex-shrink: 0;
}

.exam-countdown[b-sbw3lng02g] {
    color: #f57c00;
    font-weight: 500;
}

.expiring-soon[b-sbw3lng02g] {
    color: #f57c00;
    font-weight: 500;
}

.expired-text[b-sbw3lng02g] {
    color: #d32f2f;
    font-weight: 500;
}

.action-needed[b-sbw3lng02g] {
    color: #c2185b;
    font-weight: 500;
}

/* Certification Actions */
.cert-actions[b-sbw3lng02g] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.btn-cert-action[b-sbw3lng02g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background-color: #ffffff;
    color: #555555;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-cert-action:hover[b-sbw3lng02g] {
    background-color: #f5f5f5;
    border-color: #c0c0c0;
}

.btn-cert-action i[b-sbw3lng02g] {
    font-size: 1rem;
}

/* Responsive */
@media (max-width: 768px) {
    .certification-item[b-sbw3lng02g] {
        flex-wrap: wrap;
    }

    .cert-status-badge[b-sbw3lng02g] {
        order: 1;
    }

    .cert-details[b-sbw3lng02g] {
        order: 3;
        flex: 1 1 100%;
    }

    .cert-actions[b-sbw3lng02g] {
        order: 2;
        margin-left: auto;
    }

    .certifications-filters[b-sbw3lng02g] {
        flex-wrap: wrap;
    }

    .certifications-count[b-sbw3lng02g] {
        flex: 1 1 100%;
        margin-left: 0;
        margin-top: 0.5rem;
        text-align: left;
    }

    .certifications-header[b-sbw3lng02g] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .btn-add-certification[b-sbw3lng02g] {
        width: 100%;
        justify-content: center;
    }
}

/* Scenario Cards Styling */
.scenario-card[b-sbw3lng02g] {
    transition: all 0.2s ease;
}

.scenario-card:not(.selected)[b-sbw3lng02g] {
    border-color: #e2e8f0 !important;
    background: white !important;
}

.scenario-card:not(.selected):hover[b-sbw3lng02g] {
    border-color: #cbd5e1 !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
}

.scenario-card.selected[b-sbw3lng02g] {
    border-color: #2e75b6 !important;
    background: #f0f9ff !important;
    box-shadow: 0 4px 12px rgba(46, 117, 182, 0.15);
}
/* /Components/Pages/Employees/EmployeeCVsTab.razor.rz.scp.css */
.tab-no-access[b-gm3sg1cvt3] {
    padding: 2rem;
    text-align: center;
}

/* Empty State */
.cv-empty-state[b-gm3sg1cvt3] {
    max-width: 600px;
    margin: 2rem auto;
    padding: 1rem;
}

.empty-state-card[b-gm3sg1cvt3] {
    background-color: #fafafa;
    border-radius: 12px;
    padding: 3rem 2rem;
}

.empty-state-icon[b-gm3sg1cvt3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    background-color: #f0f0f0;
    border-radius: 12px;
    margin-bottom: 1rem;
}

.empty-state-icon i[b-gm3sg1cvt3] {
    font-size: 2.5rem;
    color: #bdbdbd;
}

.empty-state-title[b-gm3sg1cvt3] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 0.5rem 0;
}

.empty-state-subtitle[b-gm3sg1cvt3] {
    font-size: 0.9375rem;
    color: #757575;
    margin: 0 0 1.5rem 0;
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
}

/* Upload CV Button */
.btn-upload-cv[b-gm3sg1cvt3] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.625rem 1.25rem;
    background-color: #4f6bed;
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 0.9375rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-upload-cv:hover[b-gm3sg1cvt3] {
    background-color: #3d5bd9;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(79, 107, 237, 0.3);
}

.btn-upload-cv i[b-gm3sg1cvt3] {
    font-size: 1.125rem;
}

/* CVs Container */
.cvs-container[b-gm3sg1cvt3] {
    max-width: 900px;
    margin: 0 auto;
}

.cvs-header[b-gm3sg1cvt3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.cvs-title[b-gm3sg1cvt3] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0;
}

/* CV List */
.cv-list[b-gm3sg1cvt3] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.cv-item[b-gm3sg1cvt3] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    transition: all 0.2s ease;
}

.cv-item:hover[b-gm3sg1cvt3] {
    border-color: #c0c0c0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

/* File Badge */
.cv-file-badge[b-gm3sg1cvt3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    height: 28px;
    padding: 0 0.5rem;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    border-radius: 4px;
    flex-shrink: 0;
}

.cv-badge-pdf[b-gm3sg1cvt3] {
    background-color: #ffebee;
    color: #d32f2f;
}

.cv-badge-doc[b-gm3sg1cvt3] {
    background-color: #e3f2fd;
    color: #1976d2;
}

.cv-badge-default[b-gm3sg1cvt3] {
    background-color: #f5f5f5;
    color: #757575;
}

/* CV Details */
.cv-details[b-gm3sg1cvt3] {
    flex: 1;
    min-width: 0;
}

.cv-filename[b-gm3sg1cvt3] {
    font-size: 0.9375rem;
    font-weight: 500;
    color: #1a1a1a;
    margin: 0 0 0.25rem 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cv-meta[b-gm3sg1cvt3] {
    font-size: 0.8125rem;
    color: #757575;
    margin: 0;
}

.cv-filesize[b-gm3sg1cvt3] {
    font-size: 0.75rem;
    color: #9e9e9e;
    margin: 0.25rem 0 0 0;
}

/* Download Button */
.btn-download[b-gm3sg1cvt3] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 1rem;
    background-color: #ffffff;
    color: #555555;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.btn-download:hover:not(:disabled)[b-gm3sg1cvt3] {
    background-color: #f5f5f5;
    border-color: #c0c0c0;
}

.btn-download:disabled[b-gm3sg1cvt3] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-download.downloading[b-gm3sg1cvt3] {
    background-color: #f5f5f5;
    border-color: #e0e0e0;
}

.btn-download i[b-gm3sg1cvt3] {
    font-size: 1rem;
    color: #4f6bed;
}

.btn-download .spinner-border-sm[b-gm3sg1cvt3] {
    border-color: #4f6bed;
    border-right-color: transparent;
}

/* Upload Zone */
.upload-zone[b-gm3sg1cvt3] {
    transition: all 0.3s ease;
    background-color: #ffffff;
}

.upload-zone:hover[b-gm3sg1cvt3] {
    border-color: #4f6bed !important;
    background-color: #f5f9ff !important;
}

.upload-zone.drag-over[b-gm3sg1cvt3] {
    border-color: #4f6bed !important;
    background-color: #e3f2fd !important;
}

/* PDF Preview Modal */
.dialog-overlay[b-gm3sg1cvt3] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1300;
    animation: fadeIn-b-gm3sg1cvt3 0.2s ease-in-out;
}

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

.preview-layout[b-gm3sg1cvt3] {
    display: flex;
    width: 95vw;
    max-width: 1200px;
    height: 90vh;
    gap: 24px;
    animation: slideIn-b-gm3sg1cvt3 0.3s ease-out;
}

@keyframes slideIn-b-gm3sg1cvt3 {
    from { transform: translateY(-40px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

.pdf-preview-area[b-gm3sg1cvt3] {
    flex: 1;
    background: #525659;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pdf-iframe[b-gm3sg1cvt3] {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 8px;
}

.preview-sidebar[b-gm3sg1cvt3] {
    width: 220px;
    flex-shrink: 0;
    background: white;
    border-radius: 8px;
    padding: 24px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
    align-self: flex-start;
}

/* Responsive */
@media (max-width: 600px) {
    .cv-item[b-gm3sg1cvt3] {
        flex-wrap: wrap;
        gap: 0.75rem;
    }
    
    .cv-details[b-gm3sg1cvt3] {
        flex: 1 1 calc(100% - 60px);
        order: 2;
    }
    
    .cv-file-badge[b-gm3sg1cvt3] {
        order: 1;
    }
    
    .btn-download[b-gm3sg1cvt3] {
        order: 3;
        width: 100%;
        justify-content: center;
    }
    
    .cvs-header[b-gm3sg1cvt3] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
    
    .btn-upload-cv[b-gm3sg1cvt3] {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/Pages/Employees/EmployeeDetailsPage.razor.rz.scp.css */
.employee-profile-page[b-kqkyfsxlg1] {
    width: 100%;
    margin: 0;
    padding: 1.5rem;
    background-color: #ffffff;
}

/* Profile Header Styles */
.profile-header[b-kqkyfsxlg1] {
    padding-bottom: 1rem;
    background-color: #ffffff;
}

.profile-avatar[b-kqkyfsxlg1] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid #e0e0e0;
    flex-shrink: 0;
    background-color: #ffffff;
}

.profile-avatar img[b-kqkyfsxlg1] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profile-avatar-initials[b-kqkyfsxlg1] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    font-size: 1.5rem;
    font-weight: 600;
}

.profile-name[b-kqkyfsxlg1] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 0.25rem 0;
    line-height: 1.2;
}

.profile-job-title[b-kqkyfsxlg1] {
    font-size: 1rem;
    color: #666666;
    margin: 0 0 0.25rem 0;
}

.profile-department[b-kqkyfsxlg1] {
    font-size: 0.875rem;
    color: #888888;
    margin: 0;
}

/* Status Badges */
.status-badge[b-kqkyfsxlg1] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
    font-weight: 500;
    border-radius: 6px;
    white-space: nowrap;
}

.status-badge i[b-kqkyfsxlg1] {
    font-size: 0.75rem;
}

.status-badge-outlined[b-kqkyfsxlg1] {
    background-color: #ffffff;
    border: 1px solid #d0d0d0;
    color: #555555;
}

.status-badge-active[b-kqkyfsxlg1] {
    background-color: #e8f5e9;
    color: #2e7d32;
    border: 1px solid #c8e6c9;
}

.status-badge-terminated[b-kqkyfsxlg1] {
    background-color: #ffebee;
    color: #c62828;
    border: 1px solid #ffcdd2;
}

/* Tabs Container */
.tabs-container[b-kqkyfsxlg1] {
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 1.5rem;
    background-color: #ffffff;
}

.custom-tabs[b-kqkyfsxlg1] {
    display: flex;
    gap: 0;
    overflow-x: auto;
}

.tab-item[b-kqkyfsxlg1] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem 1.25rem;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    color: #666666;
    font-size: 0.9375rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
    position: relative;
}

.tab-item:hover[b-kqkyfsxlg1] {
    color: #333333;
    background-color: #f5f5f5;
}

.tab-item.active[b-kqkyfsxlg1] {
    color: #4f6bed;
    border-bottom-color: #4f6bed;
}

.tab-item i[b-kqkyfsxlg1] {
    font-size: 1rem;
}

.tab-badge[b-kqkyfsxlg1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.25rem;
    height: 1.25rem;
    padding: 0 0.375rem;
    font-size: 0.75rem;
    font-weight: 600;
    background-color: #e3f2fd;
    color: #1976d2;
    border-radius: 10px;
}

/* Tab Content */
.tab-content-container[b-kqkyfsxlg1] {
    padding: 0;
    background-color: #ffffff;
    min-height: auto;
    height: auto;
    overflow: visible;
}

[b-kqkyfsxlg1] .mud-grid {
    height: auto !important;
    max-height: none !important;
}

[b-kqkyfsxlg1] .mud-stack {
    height: auto !important;
    max-height: none !important;
}

/* Original Styles */
.breadcrumb[b-kqkyfsxlg1] {
    background: transparent;
    padding: 0;
    margin: 0;
    font-size: 0.875rem;
}

.breadcrumb-item[b-kqkyfsxlg1] {
    display: flex;
    align-items: center;
}

.breadcrumb-item + .breadcrumb-item[b-kqkyfsxlg1]::before {
    content: "›";
    padding: 0 0.5rem;
    color: #757575;
    font-size: 1.2rem;
}

.breadcrumb-item a[b-kqkyfsxlg1] {
    color: #757575;
    text-decoration: none;
    transition: color 0.2s ease;
}

.breadcrumb-item a:hover[b-kqkyfsxlg1] {
    color: #1976d2;
}

.breadcrumb-item.active[b-kqkyfsxlg1] {
    color: #212121;
    font-weight: 500;
}

[b-kqkyfsxlg1] .mud-card {
    border-radius: 8px;
    transition: box-shadow 0.3s ease, transform 0.2s ease;
    border: 1px solid #e0e0e0;
    background-color: #ffffff;
}

[b-kqkyfsxlg1] .mud-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

[b-kqkyfsxlg1] .mud-card-content {
    padding: 1.5rem !important;
    background-color: #ffffff;
}

[b-kqkyfsxlg1] .mud-card-header {
    padding: 1.5rem 1.5rem 0 1.5rem !important;
    background-color: #ffffff;
}

.profile-card[b-kqkyfsxlg1]  .mud-card-content {
    padding: 2rem !important;
}

[b-kqkyfsxlg1] .mud-avatar {
    border: 3px solid #ffffff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

[b-kqkyfsxlg1] .mud-avatar img {
    object-fit: cover;
}

[b-kqkyfsxlg1] .mud-chip {
    font-weight: 500;
    font-size: 0.75rem;
    text-transform: capitalize;
    border-radius: 6px;
    padding: 0.25rem 0.75rem;
}

[b-kqkyfsxlg1] .mud-chip.mud-chip-color-success {
    background-color: #e8f5e9;
    color: #2e7d32;
}

[b-kqkyfsxlg1] .mud-chip.mud-chip-color-primary {
    background-color: #e3f2fd;
    color: #1976d2;
}

[b-kqkyfsxlg1] .mud-chip.mud-chip-color-warning {
    background-color: #fff3e0;
    color: #f57c00;
}

[b-kqkyfsxlg1] .mud-chip.mud-chip-color-error {
    background-color: #ffebee;
    color: #c62828;
}

.mud-card-content h6[b-kqkyfsxlg1] {
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    color: #1a1a1a;
}

.text-uppercase[b-kqkyfsxlg1] {
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
    font-size: 0.6875rem;
}

[b-kqkyfsxlg1] .mud-button {
    text-transform: none;
    font-weight: 500;
    border-radius: 6px;
    transition: all 0.2s ease;
}

[b-kqkyfsxlg1] .mud-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

[b-kqkyfsxlg1] .mud-button-outlined {
    border-width: 1.5px;
}

[b-kqkyfsxlg1] .mud-icon-button {
    transition: all 0.2s ease;
    border-radius: 6px;
}

[b-kqkyfsxlg1] .mud-icon-button:hover {
    transform: scale(1.05);
    background-color: rgba(0, 0, 0, 0.04);
}

.timeline-marker[b-kqkyfsxlg1] {
    position: relative;
    padding-top: 0px;
    flex-shrink: 0;
    display: flex;
    align-items: flex-start;
}

[b-kqkyfsxlg1] .mud-progress-linear {
    border-radius: 4px;
    height: 8px;
    background-color: #f5f5f5;
}

[b-kqkyfsxlg1] .mud-progress-linear-bar {
    border-radius: 4px;
    background: linear-gradient(
        90deg,
        #1976d2 0%,
        #1565c0 100%
    );
}

.d-flex.justify-content-between .mud-icon-button[b-kqkyfsxlg1] {
    opacity: 0;
    transition: opacity 0.2s ease;
}

.d-flex.justify-content-between:hover .mud-icon-button[b-kqkyfsxlg1] {
    opacity: 1;
}

[b-kqkyfsxlg1] .mud-grid-item {
    padding: 0.75rem;
}

.border-top[b-kqkyfsxlg1] {
    border-top: 1px solid #e0e0e0 !important;
}

[b-kqkyfsxlg1] .mud-icon {
    transition: color 0.2s ease;
}

[b-kqkyfsxlg1] .mud-icon.mud-icon-size-small {
    font-size: 1.25rem;
}

[b-kqkyfsxlg1] .mud-menu {
    border-radius: 8px;
}

[b-kqkyfsxlg1] .mud-menu-item {
    transition: background-color 0.2s ease;
}

@media (max-width: 960px) {
    .employee-profile-page[b-kqkyfsxlg1] {
        padding: 1rem;
    }

    [b-kqkyfsxlg1] .mud-card-content {
        padding: 1.25rem !important;
    }

    .profile-card[b-kqkyfsxlg1]  .mud-card-content {
        padding: 1.5rem !important;
    }
    
    .profile-header .d-flex.justify-content-between[b-kqkyfsxlg1] {
        flex-direction: column;
        gap: 1rem;
    }
    
    .profile-header .d-flex.flex-column.align-items-end[b-kqkyfsxlg1] {
        align-items: flex-start !important;
    }
}

@media (max-width: 600px) {
    .employee-profile-page[b-kqkyfsxlg1] {
        padding: 0.75rem;
    }

    [b-kqkyfsxlg1] .mud-card-content {
        padding: 1rem !important;
    }

    .profile-card[b-kqkyfsxlg1]  .mud-card-content {
        padding: 1.25rem !important;
    }

    .d-flex.gap-2[b-kqkyfsxlg1] {
        flex-direction: column;
        gap: 0.5rem !important;
    }

    [b-kqkyfsxlg1] .mud-button {
        width: 100%;
    }
    
    .profile-avatar[b-kqkyfsxlg1] {
        width: 60px;
        height: 60px;
    }
    
    .profile-name[b-kqkyfsxlg1] {
        font-size: 1.5rem;
    }
    
    .custom-tabs[b-kqkyfsxlg1] {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .tab-item[b-kqkyfsxlg1] {
        padding: 0.75rem 1rem;
        font-size: 0.875rem;
    }
}

@media print {
    .employee-profile-page[b-kqkyfsxlg1] {
        padding: 0;
        width: 100%;
    }

    [b-kqkyfsxlg1] .mud-button,
    [b-kqkyfsxlg1] .mud-icon-button,
    [b-kqkyfsxlg1] .mud-menu,
    .breadcrumb[b-kqkyfsxlg1],
    .tabs-container[b-kqkyfsxlg1] {
        display: none !important;
    }

    [b-kqkyfsxlg1] .mud-card {
        box-shadow: none !important;
        border: 1px solid #e0e0e0;
        page-break-inside: avoid;
        margin-bottom: 1rem;
    }

    [b-kqkyfsxlg1] .mud-chip {
        border: 1px solid currentColor;
    }

    .timeline-marker[b-kqkyfsxlg1]::after {
        background: #e0e0e0 !important;
    }
}

.mud-progress-circular[b-kqkyfsxlg1] {
    color: #1976d2;
}

.text-center.my-5[b-kqkyfsxlg1] {
    padding: 3rem 1rem;
}

.mud-card[b-kqkyfsxlg1] {
    cursor: default;
}

[b-kqkyfsxlg1] .mud-button:focus,
[b-kqkyfsxlg1] .mud-icon-button:focus {
    outline: 2px solid #1976d2;
    outline-offset: 2px;
}

*[b-kqkyfsxlg1] {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
/* /Components/Pages/Employees/EmployeeFeedbackTab.razor.rz.scp.css */
.tab-no-access[b-t6dm09p8xx] {
    padding: 2rem;
    text-align: center;
}

.feedback-page[b-t6dm09p8xx] {
    --brand-sky: #4AC4FF;
}

.btn-sky[b-t6dm09p8xx] {
    background-color: #4AC4FF;
    border-color: #4AC4FF;
    color: #fff !important;
    font-weight: 500;
}

.btn-sky:hover[b-t6dm09p8xx], .btn-sky:focus[b-t6dm09p8xx] {
    background-color: #36b5f2;
    border-color: #36b5f2;
    color: #fff !important;
}

.feedback-question-header[b-t6dm09p8xx] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

[b-t6dm09p8xx] .feedback-question-chip {
    text-transform: none !important;
    margin: 0;
}

[b-t6dm09p8xx] .feedback-question-chip .mud-chip-content {
    text-transform: none !important;
}

/* Top-level layout: top menu moved up, then filter, then two panels */
.feedback-tab-layout[b-t6dm09p8xx] {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-height: calc(100svh - 100px);
}

.feedback-tab-top-menu[b-t6dm09p8xx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 1rem 0;
    margin-bottom: 0.5rem;
    flex-shrink: 0;
}

.feedback-tab-title[b-t6dm09p8xx] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #374151;
    margin: 0;
    line-height: 1.3;
}

.feedback-tab-actions[b-t6dm09p8xx] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.feedback-shell[b-t6dm09p8xx] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

.sessions-panel[b-t6dm09p8xx] {
    flex: 3 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.sessions-panel-section[b-t6dm09p8xx] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.sessions-panel-dropdown[b-t6dm09p8xx] {
    flex-shrink: 0;
    padding: 16px 16px 12px 16px;
    border-bottom: 1px solid #e0e0e0;
}

.sessions-panel-list[b-t6dm09p8xx] {
    padding: 16px;
}

/* Quick Feedback modal: drag-and-drop file zone (match Figma) */
.quick-feedback-upload-zone[b-t6dm09p8xx] {
    border-color: #e0e0e0 !important;
    background-color: #fafafa;
    cursor: pointer;
}

.quick-feedback-upload-zone.mud-border-primary[b-t6dm09p8xx] {
    border-color: var(--mud-palette-primary) !important;
    background-color: rgba(var(--mud-palette-primary-rgb), 0.04);
}

[b-t6dm09p8xx] .sessions-panel-dropdown .feedback-type-select,
[b-t6dm09p8xx] .sessions-panel-dropdown .mud-input-root {
    max-width: 100%;
}

[b-t6dm09p8xx] .sessions-panel-dropdown .mud-input-slot {
    font-size: 0.9375rem;
}

.responses-panel[b-t6dm09p8xx] {
    flex: 7 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 16px;
    align-self: flex-start;
    height: calc(100vh - 32px);
}

.sessions-panel .card-body[b-t6dm09p8xx] {
    display: flex;
    flex-direction: column;
}

.responses-panel .card-body[b-t6dm09p8xx] {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

.responses-panel .card-body[b-t6dm09p8xx]::-webkit-scrollbar {
    width: 8px;
}

.responses-panel .card-body[b-t6dm09p8xx]::-webkit-scrollbar-track {
    background: #f8f9fa;
    border-radius: 4px;
}

.responses-panel .card-body[b-t6dm09p8xx]::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}

.responses-panel .card-body[b-t6dm09p8xx]::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

.s-list[b-t6dm09p8xx] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.s-item[b-t6dm09p8xx] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    padding: 16px;
    cursor: pointer;
    background: white;
    transition: all 0.2s ease;
}

.s-item:hover[b-t6dm09p8xx] {
    border-color: #b0b8c1;
    box-shadow: 0 2px 10px rgba(15, 23, 42, .08);
}

.s-item.is-active[b-t6dm09p8xx] {
    background: var(--brand-sky);
    border-color: var(--brand-sky);
    box-shadow: 0 4px 12px rgba(74, 196, 255, 0.3);
}

.s-item.is-active .fw-bold[b-t6dm09p8xx],
.s-item.is-active .small[b-t6dm09p8xx] {
    color: white !important;
}

.s-item.is-active .bi-chat-quote-fill[b-t6dm09p8xx] {
    color: white !important;
}

.s-item.is-active .badge[b-t6dm09p8xx] {
    background-color: rgba(255, 255, 255, 0.25) !important;
    color: white !important;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.s-title[b-t6dm09p8xx] {
    font-weight: 600;
    font-size: 1rem;
}

.s-meta[b-t6dm09p8xx] {
    font-size: 0.875rem;
    color: #666;
}

.s-item.is-active .s-meta[b-t6dm09p8xx] {
    color: rgba(255, 255, 255, .85) !important;
}

.r-list[b-t6dm09p8xx] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.r-item[b-t6dm09p8xx] {
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 16px;
    background: #fff;
}

.r-header[b-t6dm09p8xx] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e9ecef;
}

.r-answer[b-t6dm09p8xx] {
    margin-bottom: 12px;
    padding: 12px;
    background: #f8f9fa;
    border-radius: 6px;
}

.r-answer:last-child[b-t6dm09p8xx] {
    margin-bottom: 0;
}

[b-t6dm09p8xx] .card-header {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #fff;
}

[b-t6dm09p8xx] .session-card,
[b-t6dm09p8xx] .session-card-active {
    transition: all 0.2s ease-in-out;
    overflow: hidden;
}

[b-t6dm09p8xx] .session-card:hover,
[b-t6dm09p8xx] .mud-paper.session-card:hover {
    border-color: #4AC4FF !important;
    box-shadow: 0 4px 12px rgba(74, 196, 255, 0.15) !important;
    transform: translateY(-2px);
}

[b-t6dm09p8xx] .session-card-active,
[b-t6dm09p8xx] .mud-paper.session-card-active {
    border-color: #4AC4FF !important;
    box-shadow: 0 4px 12px rgba(74, 196, 255, 0.15) !important;
    transform: translateY(-2px);
}

[b-t6dm09p8xx] .session-card-active:hover,
[b-t6dm09p8xx] .mud-paper.session-card-active:hover {
    border-color: #4AC4FF !important;
    box-shadow: 0 4px 12px rgba(74, 196, 255, 0.15) !important;
    transform: translateY(-2px);
}

/* Lightbox */
.lightbox-overlay[b-t6dm09p8xx] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    cursor: zoom-out;
    animation: lightbox-fade-in-b-t6dm09p8xx 0.2s ease;
}

.lightbox-content[b-t6dm09p8xx] {
    position: relative;
    max-width: 95vw;
    max-height: 95vh;
    animation: lightbox-scale-in-b-t6dm09p8xx 0.25s ease;
}

.lightbox-img[b-t6dm09p8xx] {
    display: block;
    max-width: 90w;
    max-height: 90vh;
    object-fit: contain;
    border-radius: 8px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}

.lightbox-close[b-t6dm09p8xx] {
    position: absolute;
    top: -48px;
    right: 0;
    background: rgba(255, 255, 255, 0.15);
    border: none;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    transition: background 0.2s;
}

.lightbox-close:hover[b-t6dm09p8xx] {
    background: rgba(255, 255, 255, 0.3);
}

@keyframes lightbox-fade-in-b-t6dm09p8xx {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes lightbox-scale-in-b-t6dm09p8xx {
    from { transform: scale(0.9); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}

/* Attachment image preview */
.attachment-image-preview[b-t6dm09p8xx] {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
    background: #f8f9fa;
    display: block;
    max-width: fit-content;
    margin-bottom: 1rem;
}

.attachment-preview-img[b-t6dm09p8xx] {
    display: block;
    max-width: 100%;
    max-height: 320px;
    object-fit: contain;
}

@media (max-width: 990px) {
    .feedback-shell[b-t6dm09p8xx] {
        flex-direction: column;
    }
    .sessions-panel[b-t6dm09p8xx] {
        flex-basis: auto;
    }
    .responses-panel[b-t6dm09p8xx] {
        position: relative;
        top: auto;
        height: auto;
    }
}
/* /Components/Pages/Employees/EmployeesPage.razor.rz.scp.css */
.employees-page[b-zpddjpwkgq] {
    padding: 1.5rem;
}

/* Statistics badges */
.stat-badge[b-zpddjpwkgq] {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 1rem;
    border-radius: 6px;
    font-size: 0.9rem;
}

.stat-badge.active[b-zpddjpwkgq] {
    background-color: #e3f2fd;
    color: #1976d2;
}

.stat-badge.terminated[b-zpddjpwkgq] {
    background-color: #fce4ec;
    color: #c2185b;
}

.stat-badge i[b-zpddjpwkgq] {
    font-size: 0.6rem;
}

/* Status badges in select */
.status-badge[b-zpddjpwkgq] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.status-badge.active[b-zpddjpwkgq] {
    background-color: #1976d2;
}

.status-badge.terminated[b-zpddjpwkgq] {
    background-color: #c2185b;
}

/* Data Grid Styling */
[b-zpddjpwkgq] .employees-grid {
    border-radius: 8px;
    overflow: hidden;
}

[b-zpddjpwkgq] .employees-grid .mud-table-cell {
    padding: 12px 16px;
}

[b-zpddjpwkgq] .employees-grid .mud-table-head .mud-table-cell {
    font-weight: 600;
    background-color: #f5f5f5;
}

[b-zpddjpwkgq] .employees-grid .mud-table-row:hover {
    background-color: #fafafa;
}

/* Filters responsive layout */
.filters-wrapper[b-zpddjpwkgq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.filter-item[b-zpddjpwkgq] {
    flex: 0 0 auto;
    width: 200px;
}

.filter-search[b-zpddjpwkgq] {
    flex: 1 1 200px;
    min-width: 180px;
}

.filter-clear[b-zpddjpwkgq] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}

/* Prevent filter width changes from text content */
[b-zpddjpwkgq] .filter-item .mud-input-control,
[b-zpddjpwkgq] .filter-item .mud-select,
[b-zpddjpwkgq] .filter-search .mud-input-control {
    width: 100%;
}

[b-zpddjpwkgq] .filter-item .mud-select-input,
[b-zpddjpwkgq] .filter-item .mud-input-slot,
[b-zpddjpwkgq] .filter-search .mud-input-slot {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Responsive adjustments */
@media (max-width: 576px) {
    .employees-page[b-zpddjpwkgq] {
        padding: 1rem;
    }

    .filter-item[b-zpddjpwkgq],
    .filter-search[b-zpddjpwkgq] {
        width: 100%;
        flex: 1 1 100%;
    }
}

@media (min-width: 577px) and (max-width: 992px) {
    .filter-item[b-zpddjpwkgq] {
        width: calc(50% - 0.375rem);
    }

    .filter-search[b-zpddjpwkgq] {
        width: 100%;
        flex: 1 1 100%;
    }
}

/* /Components/Pages/Employees/EmployeeTimeOffTab.razor.rz.scp.css */
.tab-no-access[b-29ih7curbt] {
    padding: 2rem;
    text-align: center;
}

.time-off-container[b-29ih7curbt] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    border-radius: 12px;
    min-height: 200px;
}

.time-off-loading[b-29ih7curbt],
.time-off-error[b-29ih7curbt] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 320px;
    background-color: #f8fafc;
    border-radius: 12px;
}

.time-off-error .empty-state-content[b-29ih7curbt] {
    padding: 40px 24px;
}

/* Cards */
.time-off-card[b-29ih7curbt] {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.time-off-card.empty-state-card[b-29ih7curbt] {
    padding: 0;
}

/* Empty state */
.empty-state-content[b-29ih7curbt] {
    padding: 48px 64px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.empty-state-icon[b-29ih7curbt] {
    margin-bottom: 20px;
}

.emoji-icon[b-29ih7curbt] {
    font-size: 56px;
    line-height: 1;
    opacity: 0.9;
}

.empty-state-title[b-29ih7curbt] {
    font-size: 18px;
    font-weight: 600;
    color: #1e293b;
    margin: 0 0 12px 0;
    letter-spacing: -0.02em;
}

.empty-state-description[b-29ih7curbt] {
    font-size: 14px;
    font-weight: 400;
    color: #64748b;
    line-height: 1.6;
    margin: 0 0 20px 0;
    letter-spacing: -0.01em;
}

.empty-state-description.centered[b-29ih7curbt] {
    max-width: 480px;
}

.empty-state-reasons[b-29ih7curbt] {
    list-style: none;
    padding: 0;
    margin: 0 0 24px 0;
    text-align: left;
    width: 100%;
    max-width: 440px;
}

.empty-state-reasons li[b-29ih7curbt] {
    position: relative;
    padding-left: 20px;
    font-size: 14px;
    color: #64748b;
    line-height: 1.6;
    margin-bottom: 8px;
}

.empty-state-reasons li[b-29ih7curbt]::before {
    content: "•";
    position: absolute;
    left: 0;
    color: #64748b;
}

.empty-state-reasons li:last-child[b-29ih7curbt] {
    margin-bottom: 0;
}

/* Buttons */
.btn-view-bamboo[b-29ih7curbt] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.2s ease;
    border: none;
    background-color: #0369a1;
    color: #ffffff;
}

.btn-view-bamboo.primary[b-29ih7curbt] {
    background-color: #0369a1;
    color: #ffffff;
}

.btn-view-bamboo.primary:hover[b-29ih7curbt] {
    background-color: #0284c7;
}

.btn-view-bamboo.secondary[b-29ih7curbt] {
    background-color: #ffffff;
    color: #64748b;
    border: 1px solid #e2e8f0;
}

.btn-view-bamboo.secondary:hover[b-29ih7curbt] {
    background-color: #f8fafc;
    border-color: #cbd5e1;
}

.btn-view-bamboo.small[b-29ih7curbt] {
    padding: 8px 16px;
    font-size: 13px;
}

.btn-view-bamboo i[b-29ih7curbt] {
    font-size: 14px;
}

/* Section title */
.section-title[b-29ih7curbt] {
    font-size: 18px;
    font-weight: 600;
    color: #1e293b;
    margin: 0 0 16px 0;
    letter-spacing: -0.02em;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.section-title-icon[b-29ih7curbt] {
    font-size: 1em;
    line-height: 1;
}

/* Balance section */
.time-off-balance-section[b-29ih7curbt] {
    margin-bottom: 8px;
}

.balance-cards-grid[b-29ih7curbt] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

@media (max-width: 1024px) {
    .balance-cards-grid[b-29ih7curbt] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .balance-cards-grid[b-29ih7curbt] {
        grid-template-columns: 1fr;
    }
}

.balance-card[b-29ih7curbt] {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
    transition: box-shadow 0.2s ease;
}

.balance-card:hover[b-29ih7curbt] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.balance-card-header[b-29ih7curbt] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
}

.balance-card-icon[b-29ih7curbt] {
    font-size: 24px;
    line-height: 1;
}

.balance-card-title[b-29ih7curbt] {
    font-size: 16px;
    font-weight: 600;
    color: #1e293b;
    margin: 0;
}

.balance-values[b-29ih7curbt] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-bottom: 16px;
}

.balance-value-item[b-29ih7curbt] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.balance-value-label[b-29ih7curbt] {
    font-size: 12px;
    color: #64748b;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.balance-value-amount[b-29ih7curbt] {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
}

.balance-available-green[b-29ih7curbt] { color: #10b981; }
.balance-available-blue[b-29ih7curbt] { color: #0369a1; }
.balance-available-gray[b-29ih7curbt] { color: #64748b; }
.balance-available-warn[b-29ih7curbt] { color: #f59e0b; }

.balance-used[b-29ih7curbt] {
    color: #64748b;
}

.balance-pending[b-29ih7curbt] {
    color: #f59e0b;
}

.balance-progress-wrap[b-29ih7curbt] {
    margin-bottom: 8px;
}

.balance-progress-bar[b-29ih7curbt] {
    height: 8px;
    background-color: #e2e8f0;
    border-radius: 999px;
    overflow: hidden;
}

.balance-progress-fill[b-29ih7curbt] {
    height: 100%;
    border-radius: 999px;
    transition: width 0.3s ease;
}

.balance-fill-green[b-29ih7curbt] {
    background: linear-gradient(90deg, #10b981 0%, #059669 100%);
}

.balance-fill-blue[b-29ih7curbt] {
    background: linear-gradient(90deg, #0ea5e9 0%, #0369a1 100%);
}

.balance-fill-gray[b-29ih7curbt] {
    background: linear-gradient(90deg, #64748b 0%, #475569 100%);
}

.balance-percent[b-29ih7curbt] {
    font-size: 12px;
    font-weight: 500;
    color: #64748b;
    text-align: right;
    margin-bottom: 4px;
}

.balance-note[b-29ih7curbt] {
    font-size: 12px;
    color: #64748b;
    font-style: italic;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #e2e8f0;
}

/* Requests / History – Figma layout */
.time-off-requests-section[b-29ih7curbt] {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
}

.history-header-row[b-29ih7curbt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e2e8f0;
}

.history-title[b-29ih7curbt] {
    font-size: 18px;
    font-weight: 600;
    color: #1e293b;
    margin: 0;
    letter-spacing: -0.02em;
}

.history-filters[b-29ih7curbt] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

.history-filter-group[b-29ih7curbt] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.history-filter-select[b-29ih7curbt] {
    appearance: none;
    padding: 10px 36px 10px 14px;
    font-size: 14px;
    font-weight: 500;
    color: #1e293b;
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.history-filter-select:hover[b-29ih7curbt] {
    border-color: #cbd5e1;
}

.history-filter-select:focus[b-29ih7curbt] {
    outline: none;
    border-color: #0369a1;
    box-shadow: 0 0 0 2px rgba(3, 105, 161, 0.2);
}

.history-filter-chevron[b-29ih7curbt] {
    position: absolute;
    right: 12px;
    font-size: 14px;
    color: #64748b;
    pointer-events: none;
}

.history-filter-label[b-29ih7curbt] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 36px 10px 14px;
    font-size: 14px;
    font-weight: 500;
    color: #1e293b;
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
}

/* Fixed width for select input fields */
.history-select-filter[b-29ih7curbt] {
    width: 180px;
    min-width: 180px;
}

/* Smaller width for date picker input */
.history-date-picker[b-29ih7curbt] {
    width: 200px;
    min-width: 200px;
}

/* Ensure dropdown menu adapts to content width - targets the popover paper */
.history-select-filter[b-29ih7curbt]  .mud-popover-paper {
    min-width: fit-content !important;
    width: auto !important;
    max-width: none !important;
}

/* Ensure dropdown menu items can display full text */
.history-select-filter[b-29ih7curbt]  .mud-list-item {
    white-space: nowrap;
}

.popular-days-widget .chart-container[b-29ih7curbt] {
    height: 340px;
}

.requests-timeline[b-29ih7curbt] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.timeline-entry[b-29ih7curbt] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding: 20px 12px;
    border-bottom: 1px solid #e2e8f0;
    transition: background-color 0.15s ease;
    border-radius: 8px;
    margin: 0 -12px;
}

.timeline-entry:hover[b-29ih7curbt] {
    background-color: #f8fafc;
}

.timeline-entry-last[b-29ih7curbt] {
    border-bottom: none;
}

.timeline-date-badge[b-29ih7curbt] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #f0f9ff;
    border: 1px solid #bae6fd;
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 600;
    color: #0369a1;
    min-width: 100px;
}

.timeline-details[b-29ih7curbt] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.timeline-header[b-29ih7curbt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.timeline-type[b-29ih7curbt] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.timeline-type-icon[b-29ih7curbt] {
    font-size: 24px;
    line-height: 1;
}

.timeline-type-name[b-29ih7curbt] {
    font-size: 16px;
    font-weight: 600;
    color: #1e293b;
    margin: 0;
}

.timeline-meta[b-29ih7curbt] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    font-size: 14px;
    color: #64748b;
    margin-bottom: 8px;
}

.timeline-meta-item[b-29ih7curbt] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.timeline-meta-item i[b-29ih7curbt] {
    font-size: 14px;
    opacity: 0.9;
}

.timeline-comment[b-29ih7curbt] {
    margin-top: 12px;
}

.timeline-comment-label[b-29ih7curbt] {
    font-size: 14px;
    font-weight: 500;
    color: #475569;
    margin-bottom: 6px;
}

.timeline-comment-text[b-29ih7curbt] {
    font-size: 14px;
    color: #64748b;
    line-height: 1.5;
    background-color: #f8fafc;
    border-left: 3px solid #2e75b6;
    border-radius: 0 6px 6px 0;
    padding: 12px 16px;
}

.timeline-approval[b-29ih7curbt] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #059669;
    margin-top: 10px;
}

.timeline-approval-icon[b-29ih7curbt] {
    font-size: 14px;
    flex-shrink: 0;
}

.timeline-denial[b-29ih7curbt] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #dc2626;
    margin-top: 10px;
}

.timeline-denial-icon[b-29ih7curbt] {
    font-size: 14px;
    flex-shrink: 0;
}

.timeline-denial-reason[b-29ih7curbt] {
    margin-top: 10px;
}

.timeline-denial-reason-label[b-29ih7curbt] {
    font-size: 14px;
    font-weight: 600;
    color: #dc2626;
    margin-bottom: 6px;
}

.timeline-denial-reason-text[b-29ih7curbt] {
    font-size: 14px;
    color: #dc2626;
    line-height: 1.5;
    background-color: #fef2f2;
    border-left: 3px solid #dc2626;
    border-radius: 0 6px 6px 0;
    padding: 12px 16px;
}

.timeline-requested[b-29ih7curbt] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #94a3b8;
    margin-top: 6px;
}

.timeline-requested-icon[b-29ih7curbt] {
    font-size: 12px;
    flex-shrink: 0;
}

.status-icon[b-29ih7curbt] {
    font-size: 12px;
    flex-shrink: 0;
}

/* Status badges */
.status-badge[b-29ih7curbt] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 999px;
    text-transform: capitalize;
}

.status-approved[b-29ih7curbt] {
    background-color: #d1fae5;
    color: #059669;
    border: 1px solid #6ee7b7;
}

.status-pending[b-29ih7curbt] {
    background-color: #fef3c7;
    color: #92400e;
    border: 1px solid #fcd34d;
}

.status-denied[b-29ih7curbt] {
    background-color: #fee2e2;
    color: #dc2626;
    border: 1px solid #fca5a5;
}

.status-completed[b-29ih7curbt] {
    background-color: #dbeafe;
    color: #1e40af;
    border: 1px solid #93c5fd;
}

.status-cancelled[b-29ih7curbt] {
    background-color: #f1f5f9;
    color: #64748b;
    border: 1px solid #cbd5e1;
}

.status-default[b-29ih7curbt] {
    background-color: #f1f5f9;
    color: #475569;
    border: 1px solid #e2e8f0;
}

/* Info banner */
.time-off-info-banner[b-29ih7curbt] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 20px;
    background-color: #f0f9ff;
    border: 1px solid #bae6fd;
    border-radius: 10px;
    margin-top: 8px;
}

.info-banner-icon[b-29ih7curbt] {
    font-size: 20px;
    color: #0369a1;
    flex-shrink: 0;
    margin-top: 2px;
}

.info-banner-text[b-29ih7curbt] {
    font-size: 14px;
    color: #0369a1;
    line-height: 1.5;
    margin: 0;
}

/* History pagination */
.history-pagination[b-29ih7curbt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #e2e8f0;
}

.history-pagination-summary[b-29ih7curbt] {
    font-size: 14px;
    color: #64748b;
}

.history-pagination-controls[b-29ih7curbt] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.history-page-btn[b-29ih7curbt] {
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 500;
    color: #1e293b;
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    cursor: pointer;
    transition: background-color 0.2s, border-color 0.2s, color 0.2s;
}

.history-page-btn:hover:not(:disabled)[b-29ih7curbt] {
    background-color: #f8fafc;
    border-color: #cbd5e1;
}

.history-page-btn.active[b-29ih7curbt] {
    background-color: #0369a1;
    color: #ffffff;
    border-color: #0369a1;
}

.history-page-btn:disabled[b-29ih7curbt] {
    opacity: 0.5;
    cursor: not-allowed;
}

.history-page-ellipsis[b-29ih7curbt] {
    padding: 0 4px;
    font-size: 14px;
    color: #64748b;
}

/* Responsive */
@media (max-width: 1200px) {
    .empty-state-content[b-29ih7curbt] {
        padding: 40px 48px;
    }

    .balance-cards-grid[b-29ih7curbt] {
        grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    }
}

@media (max-width: 960px) {
    .time-off-container[b-29ih7curbt] {
        padding: 16px;
    }

    .empty-state-content[b-29ih7curbt] {
        padding: 40px 32px;
    }

    .balance-cards-grid[b-29ih7curbt] {
        grid-template-columns: 1fr;
    }

    .timeline-entry[b-29ih7curbt] {
        flex-direction: column;
        align-items: flex-start;
    }

    .timeline-date-badge[b-29ih7curbt] {
        min-width: auto;
    }
}

@media (max-width: 600px) {
    .empty-state-content[b-29ih7curbt] {
        padding: 32px 20px;
    }

    .empty-state-reasons[b-29ih7curbt] {
        max-width: 100%;
        padding-left: 8px;
    }

    .history-header-row[b-29ih7curbt] {
        flex-direction: column;
        align-items: flex-start;
    }

    .history-filters[b-29ih7curbt] {
        width: 100%;
    }

    .timeline-header[b-29ih7curbt] {
        flex-direction: column;
        align-items: flex-start;
    }

    .time-off-info-banner[b-29ih7curbt] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Pages/Employees/FeedbackPages/FeedbackOverviewPage.razor.rz.scp.css */
.feedback-overview-page[b-awe70sjiyg] {
    padding: 0;
}

.feedback-overview-page .overview-sessions-switch[b-awe70sjiyg] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
}

.feedback-overview-page .overview-switch-link[b-awe70sjiyg] {
    border: none;
    background: none;
    padding: 0;
    font-weight: 600;
    color: #6b7280;
    cursor: pointer;
    text-decoration: none;
}

.feedback-overview-page .overview-switch-link.active[b-awe70sjiyg] {
    color: #111827;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.feedback-overview-page .overview-switch-separator[b-awe70sjiyg] {
    color: #9ca3af;
    font-weight: 500;
}

/* Stat cards layout */
.stat-cards-row[b-awe70sjiyg] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.stat-card-col[b-awe70sjiyg] {
    flex: 1 1 0;
    min-width: 180px;
}

/* Stat cards */
.feedback-overview-stat-card[b-awe70sjiyg] {
    cursor: pointer;
    transition: box-shadow 0.2s, border-color 0.2s;
    border: 2px solid transparent;
}

.feedback-overview-stat-card:hover[b-awe70sjiyg] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

[b-awe70sjiyg] .stat-card-active {
    border: 2px solid var(--mud-palette-primary) !important;
    box-shadow: 0 0 0 1px var(--mud-palette-primary);
}

.feedback-overview-stat-card .stat-value[b-awe70sjiyg] {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.2;
}

.feedback-overview-stat-card .stat-label[b-awe70sjiyg] {
    font-weight: 600;
    font-size: 0.95rem;
}

.feedback-overview-stat-card .stat-sublabel[b-awe70sjiyg] {
    font-size: 0.8rem;
    margin-top: 0.15rem;
}

.feedback-overview-stat-card .stat-icon[b-awe70sjiyg] {
    font-size: 2rem;
    opacity: 0.9;
}

/* Filters */
.feedback-overview-page .filters-wrapper[b-awe70sjiyg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.feedback-overview-page .filter-item[b-awe70sjiyg] {
    flex: 0 0 auto;
    width: 200px;
}

.feedback-overview-page .filter-search[b-awe70sjiyg] {
    flex: 1 1 200px;
    min-width: 180px;
}

[b-awe70sjiyg] .feedback-overview-page .filter-item .mud-input-control,
[b-awe70sjiyg] .feedback-overview-page .filter-item .mud-select,
[b-awe70sjiyg] .feedback-overview-page .filter-search .mud-input-control {
    width: 100%;
}

[b-awe70sjiyg] .feedback-overview-table .mud-table-cell {
    padding: 12px 16px;
}

[b-awe70sjiyg] .feedback-overview-table .mud-table-head .mud-table-cell {
    font-weight: 600;
    background-color: #f5f5f5;
}
/* /Components/Pages/Employees/FeedbackPages/FeedbackQuestionsPage.razor.rz.scp.css */
.feedback-questions-page[b-s5jnppu1g4] {
    padding: 0;
}

.stat-badge[b-s5jnppu1g4] {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 1rem;
    border-radius: 6px;
    font-size: 0.9rem;
}

.stat-badge.active[b-s5jnppu1g4] {
    background-color: #e3f2fd;
    color: #1976d2;
}

.stat-badge.terminated[b-s5jnppu1g4] {
    background-color: #fce4ec;
    color: #c2185b;
}

.stat-badge i[b-s5jnppu1g4] {
    font-size: 0.6rem;
}

.status-badge[b-s5jnppu1g4] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.status-badge.active[b-s5jnppu1g4] {
    background-color: #1976d2;
}

.status-badge.terminated[b-s5jnppu1g4] {
    background-color: #c2185b;
}

.question-type-card[b-s5jnppu1g4] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 0.25rem;
    align-items: flex-start;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #e0e0e0;
    padding: 0.75rem 1rem;
    background-color: #ffffff;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
    text-align: left;
    outline: none;
}

.question-type-card-header[b-s5jnppu1g4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.question-type-card-main[b-s5jnppu1g4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.question-type-card .mud-icon-root[b-s5jnppu1g4] {
    font-size: 1.2rem;
}

.question-type-card .fw-semibold[b-s5jnppu1g4] {
    font-size: 0.95rem;
}

.question-type-card .text-muted[b-s5jnppu1g4] {
    font-size: 0.8rem;
}

.question-type-card:hover[b-s5jnppu1g4] {
    border-color: #1976d2;
    box-shadow: 0 0 0 1px rgba(25, 118, 210, 0.2);
    background-color: #f5f9ff;
}

.question-type-card.selected[b-s5jnppu1g4] {
    border-color: #1976d2;
    box-shadow: 0 0 0 1px rgba(25, 118, 210, 0.25);
    background-color: #e3f2fd;
}

.question-type-card.selected .fw-semibold[b-s5jnppu1g4] {
    color: #0d47a1;
}

.rating-options-container[b-s5jnppu1g4] {
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    border: none;
}

.rating-option-card[b-s5jnppu1g4] {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #e0e0e0;
    padding: 0.5rem 0.75rem;
    background-color: #f7f7f7;
    cursor: default;
    transition: none;
}

.rating-option-card .mud-icon-root[b-s5jnppu1g4] {
    font-size: 1.4rem;
}

.rating-option-card .fw-semibold[b-s5jnppu1g4] {
    font-size: 0.95rem;
}

.rating-option-card .text-muted[b-s5jnppu1g4] {
    font-size: 0.8rem;
}

.question-type-row > [class^="col-"][b-s5jnppu1g4],
.question-type-row > [class*=" col-"][b-s5jnppu1g4] {
    display: flex;
}

.question-type-row .question-type-card[b-s5jnppu1g4] {
    height: 100%;
}

.rating-option-card.selected[b-s5jnppu1g4] {
    border-color: #ffa000;
    background-color: #fff3cd;
    box-shadow: 0 0 0 1px rgba(255, 160, 0, 0.25);
}

[b-s5jnppu1g4] .feedback-questions-grid {
    border-radius: 8px;
    overflow: hidden;
}

[b-s5jnppu1g4] .feedback-questions-grid .mud-table-cell {
    padding: 12px 16px;
}

[b-s5jnppu1g4] .feedback-questions-grid .mud-table-head .mud-table-cell {
    font-weight: 600;
    background-color: #f5f5f5;
}

[b-s5jnppu1g4] .feedback-questions-grid .mud-table-row:hover {
    background-color: #fafafa;
}

.filters-wrapper[b-s5jnppu1g4] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.filter-item[b-s5jnppu1g4] {
    flex: 0 0 auto;
    width: 200px;
}

.filter-search[b-s5jnppu1g4] {
    flex: 1 1 200px;
    min-width: 180px;
}

.filter-clear[b-s5jnppu1g4] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}

/* Prevent filter width changes from text content */
[b-s5jnppu1g4] .filter-item .mud-input-control,
[b-s5jnppu1g4] .filter-item .mud-select,
[b-s5jnppu1g4] .filter-search .mud-input-control {
    width: 100%;
}

@media (max-width: 576px) {
    .feedback-questions-page[b-s5jnppu1g4] {
        padding: 1rem;
    }

    .filter-item[b-s5jnppu1g4],
    .filter-search[b-s5jnppu1g4] {
        width: 100%;
        flex: 1 1 100%;
    }
}

@media (min-width: 577px) and (max-width: 992px) {
    .filter-item[b-s5jnppu1g4] {
        width: calc(50% - 0.375rem);
    }

    .filter-search[b-s5jnppu1g4] {
        width: 100%;
        flex: 1 1 100%;
    }
}

.feedback-questions-modal[b-s5jnppu1g4] {
    max-width: 720px;
}

@media (max-width: 768px) {
    .feedback-questions-modal[b-s5jnppu1g4] {
        max-width: 100%;
        margin: 0 1rem;
    }
}
/* /Components/Pages/Employees/FeedbackPages/FeedbackSession.razor.rz.scp.css */
.feedback-questions-modal[b-y9uuy7txk1] {
    max-width: 720px;
}

@media (max-width: 768px) {
    .feedback-questions-modal[b-y9uuy7txk1] {
        max-width: 100%;
        margin: 0 1rem;
    }
}

.question-type-card[b-y9uuy7txk1] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 0.25rem;
    align-items: flex-start;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #e0e0e0;
    padding: 0.75rem 1rem;
    background-color: #ffffff;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
    text-align: left;
    outline: none;
}

.question-type-card-header[b-y9uuy7txk1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.question-type-card-main[b-y9uuy7txk1] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.question-type-card .mud-icon-root[b-y9uuy7txk1] {
    font-size: 1.2rem;
}

.question-type-card .fw-semibold[b-y9uuy7txk1] {
    font-size: 0.95rem;
}

.question-type-card .text-muted[b-y9uuy7txk1] {
    font-size: 0.8rem;
}

.question-type-card:hover[b-y9uuy7txk1] {
    border-color: #1976d2;
    box-shadow: 0 0 0 1px rgba(25, 118, 210, 0.2);
    background-color: #f5f9ff;
}

.question-type-card.selected[b-y9uuy7txk1] {
    border-color: #1976d2;
    box-shadow: 0 0 0 1px rgba(25, 118, 210, 0.25);
    background-color: #e3f2fd;
}

.question-type-card.selected .fw-semibold[b-y9uuy7txk1] {
    color: #0d47a1;
}

.question-type-row > [class^="col-"][b-y9uuy7txk1],
.question-type-row > [class*=" col-"][b-y9uuy7txk1] {
    display: flex;
}

.question-type-row .question-type-card[b-y9uuy7txk1] {
    height: 100%;
}

.rating-options-container[b-y9uuy7txk1] {
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    border: none;
}

.rating-option-card[b-y9uuy7txk1] {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #e0e0e0;
    padding: 0.5rem 0.75rem;
    background-color: #f7f7f7;
    cursor: default;
    transition: none;
    text-align: center;
}

.rating-option-card .mud-icon-root[b-y9uuy7txk1] {
    font-size: 1.4rem;
}

.rating-option-card .fw-semibold[b-y9uuy7txk1] {
    font-size: 0.95rem;
}

.rating-option-card .text-muted[b-y9uuy7txk1] {
    font-size: 0.8rem;
}

.rating-option-card.disabled[b-y9uuy7txk1] {
    opacity: 0.9;
    cursor: not-allowed;
}

.group-reviewers-list[b-y9uuy7txk1] {
    max-height: 240px;
    overflow-y: auto;
}

.group-departments-select[b-y9uuy7txk1] {
    min-width: 320px;
    flex: 1;
}

.group-reviewer-row[b-y9uuy7txk1] {
    gap: 0.75rem;
    padding: 0.35rem 0;
    border-bottom: 1px solid #eeeeee;
}

.group-reviewer-row:last-child[b-y9uuy7txk1] {
    border-bottom: none;
}
/* /Components/Pages/Employees/FeedbackPages/FeedbackSessionDetails.razor.rz.scp.css */
.dialog-overlay[b-pmjrafxdlh] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1300;
    animation: fadeIn-b-pmjrafxdlh 0.2s ease-in-out;
}

.dialog-container[b-pmjrafxdlh] {
    width: 90%;
    max-width: 800px;
    min-width: 600px;
    max-height: 90vh;
    display: flex;
    animation: slideIn-b-pmjrafxdlh 0.3s ease-out;
}

.dialog-content[b-pmjrafxdlh] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    max-height: 90vh;
    border-radius: 8px;
    overflow: hidden;
    background-color: white;
}

.dialog-header[b-pmjrafxdlh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    background-color: white;
    flex-shrink: 0;
}

.dialog-body[b-pmjrafxdlh] {
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 24px;
    background-color: white;
    min-height: 0;
}

.dialog-footer[b-pmjrafxdlh] {
    display: flex;
    justify-content: flex-end;
    padding: 16px 24px;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    background-color: white;
    flex-shrink: 0;
}

/* Animations */

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

@keyframes slideIn-b-pmjrafxdlh {
    from {
        transform: translateY(-40px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Scrollbar styling */

.dialog-body[b-pmjrafxdlh]::-webkit-scrollbar {
    width: 8px;
}

.dialog-body[b-pmjrafxdlh]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.dialog-body[b-pmjrafxdlh]::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

.dialog-body[b-pmjrafxdlh]::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Lightbox */
.lightbox-overlay[b-pmjrafxdlh] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    cursor: zoom-out;
    animation: lightbox-fade-in-b-pmjrafxdlh 0.2s ease;
}

.lightbox-content[b-pmjrafxdlh] {
    position: relative;
    max-width: 90vw;
    max-height: 90vh;
    animation: lightbox-scale-in-b-pmjrafxdlh 0.25s ease;
}

.lightbox-img[b-pmjrafxdlh] {
    display: block;
    max-width: 90vw;
    max-height: 90vh;
    object-fit: contain;
    border-radius: 8px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}

.lightbox-close[b-pmjrafxdlh] {
    position: absolute;
    top: -40px;
    right: 0;
    background: rgba(255, 255, 255, 0.15);
    border: none;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    transition: background 0.2s;
}

.lightbox-close:hover[b-pmjrafxdlh] {
    background: rgba(255, 255, 255, 0.3);
}

@keyframes lightbox-fade-in-b-pmjrafxdlh {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes lightbox-scale-in-b-pmjrafxdlh {
    from { transform: scale(0.9); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}

/* Attachment image preview */
.attachment-image-preview[b-pmjrafxdlh] {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
    background: #f8f9fa;
    display: block;
    max-width: fit-content;
    margin-bottom: 1rem;
}

.attachment-preview-img[b-pmjrafxdlh] {
    display: block;
    max-width: 100%;
    max-height: 320px;
    object-fit: contain;
}

/* Export modal */
.export-modal-container[b-pmjrafxdlh] {
    max-width: 700px;
}

.export-response-card[b-pmjrafxdlh] {
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    transition: border-color 0.2s;
}

.export-response-card:hover[b-pmjrafxdlh] {
    border-color: rgba(25, 118, 210, 0.3);
}

.export-selection-answers[b-pmjrafxdlh] {
    padding-left: 28px;
}

.export-selection-item[b-pmjrafxdlh] {
    margin-bottom: 0;
}

/* Preview layout */
.preview-layout[b-pmjrafxdlh] {
    display: flex;
    width: 95vw;
    max-width: 1200px;
    height: 90vh;
    gap: 24px;
    animation: slideIn-b-pmjrafxdlh 0.3s ease-out;
}

.pdf-preview-area[b-pmjrafxdlh] {
    flex: 1;
    background: #525659;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pdf-iframe[b-pmjrafxdlh] {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 8px;
}

.preview-sidebar[b-pmjrafxdlh] {
    width: 220px;
    flex-shrink: 0;
    background: white;
    border-radius: 8px;
    padding: 24px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
    align-self: flex-start;
}
/* /Components/Pages/Employees/FeedbackPages/FeedbacksPage.razor.rz.scp.css */
.feedbacks-page[b-meyk4etrcq] {
    padding: 1.5rem;
}

/* Gap between tab headers and tab content */
[b-meyk4etrcq] .feedbacks-tabs-panel {
    padding-top: 1.25rem;
}
/* /Components/Pages/Employees/FeedbackPages/PublicFeedbackShare.razor.rz.scp.css */
[b-fzacp3m8kw] .pin-input-field input {
    text-align: center !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    letter-spacing: 2px;
}

[b-fzacp3m8kw] .pin-input-field .mud-input-root {
    height: 60px;
}

[b-fzacp3m8kw] input[type="number"]::-webkit-inner-spin-button,
[b-fzacp3m8kw] input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

[b-fzacp3m8kw] input[type="number"] {
    appearance: textfield;
}

[b-fzacp3m8kw] .mud-button-root.brand-primary {
    background-color: #4AC4FF !important;
}

[b-fzacp3m8kw] .mud-button-root.brand-primary:hover {
    background-color: #3AB3EF !important;
}

[b-fzacp3m8kw] .mud-radio:hover .mud-icon-root {
    transform: scale(1.1);
    transition: transform 0.2s ease-in-out;
}

[b-fzacp3m8kw] .survey-single-choice-group,
[b-fzacp3m8kw] .survey-single-choice-group .mud-radio-group,
[b-fzacp3m8kw] .survey-single-choice-group.mud-radio-group {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    flex-wrap: wrap !important;
    gap: 0 !important;
}

[b-fzacp3m8kw] .survey-single-choice-host {
    width: 100%;
}

[b-fzacp3m8kw] .survey-single-choice-row {
    flex: 0 0 100% !important;
    display: flex !important;
    margin-bottom: 0.5rem;
}

[b-fzacp3m8kw] .survey-single-choice-group .mud-radio,
[b-fzacp3m8kw] .survey-single-choice-option {
    display: flex !important;
    width: 100%;
    margin: 0 !important;
}

[b-fzacp3m8kw] .mud-paper,
[b-fzacp3m8kw] .mud-button-root,
[b-fzacp3m8kw] .mud-input-root {
    transition: all 0.2s ease-in-out;
}

[b-fzacp3m8kw] .pin-input-field {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* /Components/Pages/Employees/TimeOffStatisticsPage.razor.rz.scp.css */
.time-off-statistics-page[b-lzcuxfd6oo] {
    width: 100%;
    margin: 0;
    padding: 24px 32px;
    background-color: #f5f5f5;
    min-height: 100vh;
}

/* Header Section */
.stats-header[b-lzcuxfd6oo] {
    background-color: #ffffff;
    padding: 24px 32px;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    margin-bottom: 24px;
}

.header-content[b-lzcuxfd6oo] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.header-left[b-lzcuxfd6oo] {
    flex: 1;
}

.page-title[b-lzcuxfd6oo] {
    font-size: 32px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 8px 0;
    letter-spacing: -0.5px;
}

.page-subtitle[b-lzcuxfd6oo] {
    font-size: 14px;
    color: #64748b;
    margin: 0;
    letter-spacing: -0.15px;
}

.header-right[b-lzcuxfd6oo] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
}

.sync-status[b-lzcuxfd6oo] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #64748b;
    font-size: 12px;
}

.sync-icon[b-lzcuxfd6oo] {
    color: #10b981;
    font-size: 16px;
}

.sync-text[b-lzcuxfd6oo] {
    letter-spacing: -0.15px;
}

/* Filter Section */
.filter-section[b-lzcuxfd6oo] {
    background-color: #ffffff;
    padding: 24px 32px;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    margin-bottom: 24px;
}

.filter-container[b-lzcuxfd6oo] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.filter-label[b-lzcuxfd6oo] {
    font-size: 14px;
    color: #1e293b;
    white-space: nowrap;
}

.filter-buttons[b-lzcuxfd6oo] {
    display: flex;
    gap: 8px;
    flex: 1;
}

.filter-btn[b-lzcuxfd6oo] {
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 500;
    color: #64748b;
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    letter-spacing: -0.15px;
}

.filter-btn:hover[b-lzcuxfd6oo] {
    background-color: #f8fafc;
    border-color: #cbd5e1;
}

.filter-btn.active[b-lzcuxfd6oo] {
    background-color: #2e75b6;
    color: #ffffff;
    border-color: #2e75b6;
}

.filter-note[b-lzcuxfd6oo] {
    font-size: 13px;
    color: #64748b;
    white-space: nowrap;
    margin-left: auto;
    letter-spacing: -0.08px;
}

/* Stats Grid */
.stats-grid[b-lzcuxfd6oo] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-bottom: 24px;
}

/* Widget Card */
.widget-card[b-lzcuxfd6oo] {
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    padding: 24px;
    display: flex;
    flex-direction: column;
}

.widget-header[b-lzcuxfd6oo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e2e8f0;
}

.history-filter-group[b-lzcuxfd6oo] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

/* Constrain the filter group when it contains the date picker */
.history-filter-group:has(.history-date-picker)[b-lzcuxfd6oo] {
    max-width: 350px;
}

/* Fixed width for select input fields */
.history-select-filter[b-lzcuxfd6oo] {
    width: 350px;
    min-width: 350px;
}

/* Smaller width for date picker input - only affects the input field, not the dialog */
/* The dialog is rendered in a portal outside the component tree, so it won't be affected */
.history-date-picker[b-lzcuxfd6oo] {
    width: 350px !important;
    max-width: 20px !important;
    min-width: 350px !important;
}

/* Target only the input field elements within the component */
.history-date-picker .mud-input-root[b-lzcuxfd6oo] {
    font-size: 12px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    height: 36px !important;
    width: 350px !important;
    max-width: 350px !important;
}

.history-date-picker .mud-input-control[b-lzcuxfd6oo] {
    font-size: 12px !important;
    min-height: 36px !important;
    height: 36px !important;
    width: 100% !important;
}

.history-date-picker .mud-input[b-lzcuxfd6oo] {
    font-size: 12px !important;
    padding: 6px 10px !important;
    min-height: 36px !important;
    height: 36px !important;
    line-height: 1.4 !important;
    width: 100% !important;
}

.history-date-picker .mud-input-adornment[b-lzcuxfd6oo] {
    padding: 0 6px !important;
}

.history-date-picker .mud-input-adornment .mud-icon-button[b-lzcuxfd6oo] {
    padding: 6px !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
}

.history-date-picker .mud-input-adornment .mud-icon-button .mud-icon-root[b-lzcuxfd6oo] {
    font-size: 18px !important;
}

.history-date-picker .mud-input-helper-text[b-lzcuxfd6oo] {
    display: none !important;
}

.history-date-picker .mud-input-label[b-lzcuxfd6oo] {
    font-size: 12px !important;
}

/* Year select needs less width */
.year-select[b-lzcuxfd6oo] {
    width: 100px;
    min-width: 100px;
}

.popular-days-widget .chart-container[b-lzcuxfd6oo] {
    height: 340px;
}

.widget-title-section[b-lzcuxfd6oo] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.widget-icon[b-lzcuxfd6oo] {
    font-size: 20px;
    color: #2e75b6;
}

.widget-title[b-lzcuxfd6oo] {
    font-size: 18px;
    font-weight: 600;
    color: #1e293b;
    margin: 0;
    letter-spacing: -0.44px;
}

.widget-content[b-lzcuxfd6oo] {
    flex: 1;
}

.widget-footer[b-lzcuxfd6oo] {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #e2e8f0;
    font-size: 14px;
    color: #64748b;
}

/* Right Column Container */
.right-column[b-lzcuxfd6oo] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* Top Employees Widget */
.top-employees-widget[b-lzcuxfd6oo] {
    /* Takes left column, stretches to match right column height */
}

.employees-table[b-lzcuxfd6oo] {
    width: 100%;
}

.table-header[b-lzcuxfd6oo] {
    display: grid;
    grid-template-columns: 50px 200px 180px 120px 1fr;
    gap: 16px;
    padding: 12px 0;
    border-bottom: 1px solid #e2e8f0;
    font-size: 12px;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.table-body[b-lzcuxfd6oo] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.table-row[b-lzcuxfd6oo] {
    display: grid;
    grid-template-columns: 50px 200px 180px 120px 1fr;
    gap: 16px;
    padding: 16px 0;
    border-bottom: 1px solid #f1f5f9;
    align-items: center;
}

.table-row:last-child[b-lzcuxfd6oo] {
    border-bottom: none;
}

.col-rank[b-lzcuxfd6oo] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.medal[b-lzcuxfd6oo] {
    font-size: 20px;
    line-height: 1;
}

.rank-number[b-lzcuxfd6oo] {
    font-size: 14px;
    font-weight: 500;
    color: #1e293b;
}

.col-employee[b-lzcuxfd6oo] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.employee-avatar[b-lzcuxfd6oo] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 600;
    flex-shrink: 0;
}

.employee-name[b-lzcuxfd6oo] {
    font-size: 14px;
    font-weight: 500;
    color: #1e293b;
}

.col-department[b-lzcuxfd6oo] {
    font-size: 14px;
    color: #64748b;
}

.col-days[b-lzcuxfd6oo] {
    font-size: 14px;
    font-weight: 500;
    color: #1e293b;
    text-align: right;
}

.col-usage[b-lzcuxfd6oo] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.usage-percent[b-lzcuxfd6oo] {
    font-size: 14px;
    font-weight: 500;
    color: #1e293b;
    min-width: 40px;
}

.usage-bar[b-lzcuxfd6oo] {
    flex: 1;
    height: 6px;
    background-color: #e2e8f0;
    border-radius: 3px;
    overflow: hidden;
    max-width: 64px;
}

.usage-bar-fill[b-lzcuxfd6oo] {
    height: 100%;
    background-color: #2e75b6;
    border-radius: 3px;
    transition: width 0.3s ease;
}

/* Popular Days Widget */
.popular-days-widget[b-lzcuxfd6oo] {
    /* Inside right-column, no grid-column needed */
}

.popular-days-chart[b-lzcuxfd6oo] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px 0;
}

.day-bar-row[b-lzcuxfd6oo] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.day-label[b-lzcuxfd6oo] {
    min-width: 90px;
    font-size: 14px;
    font-weight: 500;
    color: #1e293b;
}

.day-bar-container[b-lzcuxfd6oo] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 12px;
    height: 36px;
    background-color: #f1f5f9;
    border-radius: 6px;
    position: relative;
}

.day-bar[b-lzcuxfd6oo] {
    height: 100%;
    background: linear-gradient(90deg, #3b82f6 0%, #2563eb 100%);
    border-radius: 6px;
    min-width: 4px;
    transition: width 0.3s ease;
}

.day-count[b-lzcuxfd6oo] {
    position: absolute;
    right: 12px;
    font-size: 14px;
    font-weight: 600;
    color: #1e293b;
}

.day-bar-container:has(.day-bar[style*="width: 0%"]) .day-count[b-lzcuxfd6oo],
.day-bar-container:has(.day-bar[style="width: 0%"]) .day-count[b-lzcuxfd6oo] {
    color: #64748b;
}

.empty-state-placeholder[b-lzcuxfd6oo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 24px;
    text-align: center;
    min-height: 300px;
}

.empty-state-designed[b-lzcuxfd6oo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 48px 24px;
    min-height: 240px;
}

.empty-state-designed .empty-state-icon[b-lzcuxfd6oo] {
    margin-bottom: 16px;
}

.empty-state-designed .empty-state-emoji[b-lzcuxfd6oo] {
    font-size: 56px;
    line-height: 1;
    opacity: 0.9;
}

.empty-state-designed .empty-state-title[b-lzcuxfd6oo] {
    font-size: 16px;
    font-weight: 600;
    color: #1e293b;
    margin: 0 0 8px 0;
    letter-spacing: -0.02em;
}

.empty-state-designed .empty-state-description[b-lzcuxfd6oo] {
    font-size: 14px;
    color: #64748b;
    line-height: 1.5;
    margin: 0;
    max-width: 400px;
}

.empty-state .empty-state-designed[b-lzcuxfd6oo] {
    min-height: 200px;
}

.empty-state-placeholder.empty-state-designed[b-lzcuxfd6oo] {
    min-height: 300px;
}

.calendar-icon-large[b-lzcuxfd6oo] {
    font-size: 60px;
    margin-bottom: 20px;
    opacity: 0.5;
}

.placeholder-text[b-lzcuxfd6oo] {
    font-size: 16px;
    font-weight: 500;
    color: #1e293b;
    margin: 0 0 8px 0;
}

.placeholder-subtext[b-lzcuxfd6oo] {
    font-size: 14px;
    color: #64748b;
    margin: 0;
    max-width: 400px;
    line-height: 1.5;
}

/* Popular Months Widget */
.popular-months-widget[b-lzcuxfd6oo] {
    /* Inside right-column, no grid-column needed */
}

.chart-container[b-lzcuxfd6oo] {
    position: relative;
    height: 300px;
    width: 100%;
    margin-bottom: 16px;
}

.chart-container canvas[b-lzcuxfd6oo] {
    max-height: 300px;
}

.chart-footer[b-lzcuxfd6oo] {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #64748b;
    padding-top: 16px;
    border-top: 1px solid #e2e8f0;
}

/* Unused Paid Time Off Widget */
.unused-pto-widget[b-lzcuxfd6oo] {
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
    border: 1px solid #bae6fd;
    margin-top: 24px;
}

.unused-pto-content-centered[b-lzcuxfd6oo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.unused-pto-icon-large[b-lzcuxfd6oo] {
    font-size: 64px;
    margin-bottom: 16px;
}

.unused-pto-title-centered[b-lzcuxfd6oo] {
    font-size: 14px;
    font-weight: 600;
    color: #1e3a8a;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 24px 0;
}

.unused-pto-value-centered[b-lzcuxfd6oo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
}

.value-number-large[b-lzcuxfd6oo] {
    font-size: 80px;
    font-weight: 300;
    color: #1e293b;
    line-height: 1;
    letter-spacing: -2px;
}

.value-label-large[b-lzcuxfd6oo] {
    font-size: 18px;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.unused-pto-divider[b-lzcuxfd6oo] {
    width: 80px;
    height: 2px;
    background-color: #cbd5e1;
    margin-bottom: 24px;
}

.unused-pto-metrics-centered[b-lzcuxfd6oo] {
    display: flex;
    gap: 48px;
    flex-wrap: wrap;
    justify-content: center;
}

.metric-item-centered[b-lzcuxfd6oo] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    color: #475569;
}

.metric-icon-centered[b-lzcuxfd6oo] {
    font-size: 18px;
    color: #64748b;
}

/* Empty State */
.empty-state[b-lzcuxfd6oo] {
    padding: 40px 20px;
    text-align: center;
}

/* Responsive Styles */
@media (max-width: 1200px) {
    .stats-grid[b-lzcuxfd6oo] {
        grid-template-columns: 1fr;
    }

    .right-column[b-lzcuxfd6oo] {
        /* Stack normally on smaller screens */
    }
}

@media (max-width: 960px) {
    .time-off-statistics-page[b-lzcuxfd6oo] {
        padding: 16px;
    }
    
    .header-content[b-lzcuxfd6oo] {
        flex-direction: column;
        gap: 16px;
    }
    
    .header-right[b-lzcuxfd6oo] {
        width: 100%;
        justify-content: space-between;
    }
    
    .filter-container[b-lzcuxfd6oo] {
        flex-wrap: wrap;
    }
    
    .filter-buttons[b-lzcuxfd6oo] {
        width: 100%;
        flex-wrap: wrap;
    }
    
    .table-header[b-lzcuxfd6oo],
    .table-row[b-lzcuxfd6oo] {
        grid-template-columns: 40px 150px 120px 80px 1fr;
        gap: 8px;
        font-size: 12px;
    }
    
    .unused-pto-content[b-lzcuxfd6oo] {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
}

@media (max-width: 600px) {
    .table-header[b-lzcuxfd6oo],
    .table-row[b-lzcuxfd6oo] {
        grid-template-columns: 1fr;
        gap: 8px;
    }
    
    .col-rank[b-lzcuxfd6oo],
    .col-employee[b-lzcuxfd6oo],
    .col-department[b-lzcuxfd6oo],
    .col-days[b-lzcuxfd6oo],
    .col-usage[b-lzcuxfd6oo] {
        display: flex;
        justify-content: space-between;
        padding: 4px 0;
    }
    
    .table-header[b-lzcuxfd6oo] {
        display: none;
    }
    
    .table-row[b-lzcuxfd6oo] {
        border: 1px solid #e2e8f0;
        border-radius: 8px;
        padding: 12px;
        margin-bottom: 8px;
    }
    
    .chart-container[b-lzcuxfd6oo] {
        height: 250px;
    }
}
/* /Components/Pages/InterviewPages/Interviewer/InterviewerRequests/InterviewerRequestPage.razor.rz.scp.css */
.status-history-list[b-hf7wpuknqw] {
    display: flex;
    flex-direction: column;
}

.history-row[b-hf7wpuknqw] {
    display: grid;
    grid-template-columns: 120px 165px 110px 20px auto;
    align-items: center;
    gap: 8px;
}

.history-row .separator[b-hf7wpuknqw] {
    text-align: center;
}

.drop-zone[b-hf7wpuknqw] {
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.drop-zone[b-hf7wpuknqw]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.drop-zone:hover[b-hf7wpuknqw] {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

.drop-zone.mud-drop-zone-drag-over[b-hf7wpuknqw] {
    transform: scale(1.02);
    box-shadow: 0 12px 40px rgba(0,0,0,0.2);
}

.drop-zone.mud-drop-zone-drag-over[b-hf7wpuknqw]::before {
    opacity: 0.1;
}

.drop-zone-requested.mud-drop-zone-drag-over[b-hf7wpuknqw]::before {
    background: #1976d2;
}

.drop-zone-progress.mud-drop-zone-drag-over[b-hf7wpuknqw]::before {
    background: #f57c00;
}

.drop-zone-completed.mud-drop-zone-drag-over[b-hf7wpuknqw]::before {
    background: #388e3c;
}

.drop-zone-cancelled.mud-drop-zone-drag-over[b-hf7wpuknqw]::before {
    background: #d32f2f;
}

.request-card[b-hf7wpuknqw] {
    transition: all 0.3s ease;
}

.request-card:hover[b-hf7wpuknqw] {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(0,0,0,0.15);
}

.request-card.mud-dragging[b-hf7wpuknqw] {
    transform: rotate(5deg) scale(1.05);
    box-shadow: 0 15px 50px rgba(0,0,0,0.3);
    z-index: 1000;
}

/* Status-based left borders */
.request-card.status-requested[b-hf7wpuknqw] {
    border-left: 4px solid #1976d2;
}

.request-card.status-inprogress[b-hf7wpuknqw] {
    border-left: 4px solid #f57c00;
}

.request-card.status-completed[b-hf7wpuknqw] {
    border-left: 4px solid #388e3c;
}

.request-card.status-cancelled[b-hf7wpuknqw] {
    border-left: 4px solid #d32f2f;
}

.text-primary[b-hf7wpuknqw] { color: #1976d2 !important; }
.text-secondary[b-hf7wpuknqw] { color: #7b1fa2 !important; }
.text-info[b-hf7wpuknqw] { color: #0288d1 !important; }
.text-warning[b-hf7wpuknqw] { color: #f57c00 !important; }
.text-success[b-hf7wpuknqw] { color: #388e3c !important; }

.font-weight-bold[b-hf7wpuknqw] { font-weight: 600 !important; }
.font-weight-medium[b-hf7wpuknqw] { font-weight: 500 !important; }

.details-eye-button:hover[b-hf7wpuknqw] {
    transform: scale(1.1);
    background-color: rgba(156, 39, 176, 0.4) !important;
    color: rgba(156, 39, 176, 0.4) !important;
    box-shadow: 0 4px 15px rgba(33, 150, 243, 0.4);
}

.ai-update-button:hover[b-hf7wpuknqw] {
    transform: scale(1.1);
    background-color: rgba(33, 150, 243, 0.4) !important;
    color: rgba(33, 150, 243, 0.4) !important;
    animation: sparkle-b-hf7wpuknqw 0.6s ease-in-out;
    box-shadow: 0 4px 15px rgba(156, 39, 176, 0.4);
}

@keyframes sparkle-b-hf7wpuknqw {
    0%, 100% { transform: scale(1.1) rotate(0deg); }
    25% { transform: scale(1.15) rotate(5deg); }
    75% { transform: scale(1.15) rotate(-5deg); }
}

.gap-2[b-hf7wpuknqw] {
    gap: 0.5rem;
}
/* /Components/Pages/InterviewPages/Interviewer/InterviewerRequests/InterviewerRequestsStatistics.razor.rz.scp.css */
.stats-container[b-rfux6nbem1] {
    border: 2px solid #000;
    border-radius: 8px;
    padding: 1.5rem;
    background-color: #f8f9fa;
    max-width: 1200px;
    margin: 0 auto;
}

.stats-content[b-rfux6nbem1] {
    display: flex;
    gap: 4rem;
    align-items: stretch
}

.stats-middle[b-rfux6nbem1] {
    border: 1px solid #000;
    border-radius: 4px;
    padding: 1rem;
    background-color: white;
    font-size: 1rem;
    align-items: center;
}

.requests-section[b-rfux6nbem1] {
    border: 1px solid #000;
    border-radius: 4px;
    padding: 1rem;
    background-color: white;
    min-width: 180px;
}

.requests-section h4[b-rfux6nbem1] {
    margin: 0 0 1rem 0;
    font-size: 0.95rem;
    font-weight: bold;
}

.request-item[b-rfux6nbem1] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
}

.request-item:last-child[b-rfux6nbem1] {
    margin-bottom: 0;
}

.avg-section[b-rfux6nbem1] {
    border: 1px solid #000;
    border-radius: 4px;
    padding: 1rem;
    background-color: white;
    flex: 1;
}

.avg-section h4[b-rfux6nbem1] {
    margin: 0 0 1rem 0;
    font-size: 1rem;
    font-weight: bold;
}

.avg-grid[b-rfux6nbem1] {
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 0.63rem 0.9rem;
    align-items: center;
    font-size: 0.9rem;
}

.avg-label[b-rfux6nbem1] {
    white-space: nowrap;
}

.avg-values[b-rfux6nbem1] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.avg-value[b-rfux6nbem1] {
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1;
    white-space: nowrap;
}
/* /Components/Pages/InterviewPages/Interviewer/InterviewersPage.razor.rz.scp.css */
.interviewers-page[b-1ehfdxhutw] {
    padding: 1.5rem;
}

/* Data Grid Styling */
[b-1ehfdxhutw] .interviewers-grid {
    border-radius: 8px;
    overflow: hidden;
}

[b-1ehfdxhutw] .interviewers-grid .mud-table-cell {
    padding: 12px 16px;
}

[b-1ehfdxhutw] .interviewers-grid .mud-table-head .mud-table-cell {
    font-weight: 600;
    background-color: #f5f5f5;
}

[b-1ehfdxhutw] .interviewers-grid .mud-table-row:hover {
    background-color: #fafafa;
}

/* Filters responsive layout */
.filters-wrapper[b-1ehfdxhutw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    width: 100%;
    align-items: flex-start;
}

.filter-item[b-1ehfdxhutw] {
    flex: 1 1 180px;
    min-width: 180px;
}

.filter-search[b-1ehfdxhutw] {
    flex: 1 1 100%;
    width: 100%;
    min-width: 0;
}

.filter-clear[b-1ehfdxhutw] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    width: 100%;
}

/* Ensure full width for inputs */
[b-1ehfdxhutw] .filter-item .mud-input-control,
[b-1ehfdxhutw] .filter-item .mud-select,
[b-1ehfdxhutw] .filter-search .mud-input-control {
    width: 100%;
}

[b-1ehfdxhutw] .filter-item .mud-select-input,
[b-1ehfdxhutw] .filter-item .mud-input-slot,
[b-1ehfdxhutw] .filter-search .mud-input-slot {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .interviewers-page[b-1ehfdxhutw] {
        padding: 1rem;
    }

    .filter-item[b-1ehfdxhutw] {
        flex: 1 1 100%;
        width: 100%;
    }
}

@media (min-width: 769px) and (max-width: 1200px) {
    .filter-item[b-1ehfdxhutw] {
        flex: 1 1 calc(33.333% - 0.75rem);
    }
}



/* /Components/Pages/InterviewPages/Interviews/InterviewsPage.razor.rz.scp.css */
.interviews-page[b-jmvuwvvozq] {
    padding: 1.5rem;
}

/* Data Grid Styling */
[b-jmvuwvvozq] .interviews-grid {
    border-radius: 8px;
    overflow: hidden;
}

[b-jmvuwvvozq] .interviews-grid .mud-table-cell {
    padding: 12px 16px;
}

[b-jmvuwvvozq] .interviews-grid .mud-table-head .mud-table-cell {
    font-weight: 600;
    background-color: #f5f5f5;
}

[b-jmvuwvvozq] .interviews-grid .mud-table-row:hover {
    background-color: #fafafa;
}

/* Filters responsive layout */
.filters-wrapper[b-jmvuwvvozq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    width: 100%;
    align-items: flex-start;
}

.filter-search[b-jmvuwvvozq] {
    flex: 1 1 100%;
    width: 100%;
    min-width: 0;
}

.filter-item[b-jmvuwvvozq] {
    flex: 1 1 calc(20% - 0.75rem);
    min-width: 180px;
}

.filter-clear[b-jmvuwvvozq] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    width: 100%;
}

/* Ensure full width for inputs */
[b-jmvuwvvozq] .filter-item .mud-input-control,
[b-jmvuwvvozq] .filter-item .mud-select,
[b-jmvuwvvozq] .filter-search .mud-input-control {
    width: 100%;
}

[b-jmvuwvvozq] .filter-item .mud-select-input,
[b-jmvuwvvozq] .filter-item .mud-input-slot,
[b-jmvuwvvozq] .filter-search .mud-input-slot {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .interviews-page[b-jmvuwvvozq] {
        padding: 1rem;
    }

    .filter-item[b-jmvuwvvozq] {
        flex: 1 1 100%;
        width: 100%;
    }
}

@media (min-width: 769px) and (max-width: 1200px) {
    .filter-item[b-jmvuwvvozq] {
        flex: 1 1 calc(33.333% - 0.75rem);
    }
}
/* /Components/Pages/InterviewPages/Interviews/InterviewsReportPage.razor.rz.scp.css */
.interviews-report-page[b-eexabx75rd] {
    padding: 1.5rem;
}

/* Statistics badges */
.stat-badge[b-eexabx75rd] {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 1rem;
    border-radius: 6px;
    font-size: 0.9rem;
}

.stat-badge.total[b-eexabx75rd] {
    background-color: #e3f2fd;
    color: #1976d2;
}

.stat-badge.with-feedback[b-eexabx75rd] {
    background-color: #e8f5e9;
    color: #388e3c;
}

.stat-badge.without-feedback[b-eexabx75rd] {
    background-color: #fff3e0;
    color: #f57c00;
}

.stat-badge i[b-eexabx75rd] {
    font-size: 0.6rem;
}

/* Data Grid Styling */
[b-eexabx75rd] .interviews-grid {
    border-radius: 8px;
    overflow: hidden;
}

[b-eexabx75rd] .interviews-grid .mud-table-cell {
    padding: 12px 16px;
}

[b-eexabx75rd] .interviews-grid .mud-table-head .mud-table-cell {
    font-weight: 600;
    background-color: #f5f5f5;
}

[b-eexabx75rd] .interviews-grid .mud-table-row:hover {
    background-color: #fafafa;
}

/* Filters responsive layout */
.filters-wrapper[b-eexabx75rd] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    width: 100%;
    align-items: flex-start;
}

.filter-item[b-eexabx75rd] {
    flex: 1 1 180px;
    min-width: 180px;
}

.filter-clear[b-eexabx75rd] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    width: 100%;
}

/* Ensure full width for inputs */
[b-eexabx75rd] .filter-item .mud-input-control,
[b-eexabx75rd] .filter-item .mud-select,
[b-eexabx75rd] .filter-item .mud-select-extended {
    width: 100%;
}

[b-eexabx75rd] .filter-item .mud-select-input,
[b-eexabx75rd] .filter-item .mud-input-slot {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* PDF Preview Modal */
.dialog-overlay[b-eexabx75rd] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1300;
    animation: fadeIn-b-eexabx75rd 0.2s ease-in-out;
}

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

.preview-layout[b-eexabx75rd] {
    display: flex;
    width: 95vw;
    max-width: 1200px;
    height: 90vh;
    gap: 24px;
    animation: slideIn-b-eexabx75rd 0.3s ease-out;
}

@keyframes slideIn-b-eexabx75rd {
    from { transform: translateY(-40px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

.pdf-preview-area[b-eexabx75rd] {
    flex: 1;
    background: #525659;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pdf-iframe[b-eexabx75rd] {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 8px;
}

.preview-sidebar[b-eexabx75rd] {
    width: 220px;
    flex-shrink: 0;
    background: white;
    border-radius: 8px;
    padding: 24px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
    align-self: flex-start;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .interviews-report-page[b-eexabx75rd] {
        padding: 1rem;
    }

    .filter-item[b-eexabx75rd] {
        flex: 1 1 100%;
        width: 100%;
    }
}

@media (min-width: 769px) and (max-width: 1200px) {
    .filter-item[b-eexabx75rd] {
        flex: 1 1 calc(33.333% - 0.75rem);
    }
}
/* /Components/Pages/JobDescription/Jobs/ClientJobPreview.razor.rz.scp.css */
body[b-9krd47hbh8] {
    font-family: 'Montserrat', sans-serif;
    background-color: #f8f9fa;
    color: #343a40;
    line-height: 1.6;
}

.resume-container[b-9krd47hbh8] {
    max-width: 854px;
    width: 100%;
    background-color: transparent;
    border-radius: 12px;
    padding: 30px;
    margin: 20px auto;
}

.header[b-9krd47hbh8] {
    margin-bottom: 25px;
}

.candidate-id[b-9krd47hbh8] {
    color: #4A5460;
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 10px;
}

.status-badge[b-9krd47hbh8] {
    display: inline-block;
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
}

.status-review[b-9krd47hbh8] {
    background-color: #EAFAE4;
    color: #5a8f44;
}

.status-interview[b-9krd47hbh8] {
    background-color: #DBF2FF;
    color: #23A8E8;
}

.status-later[b-9krd47hbh8] {
    background-color: #FBE7D9;
    color: #F97316;
}

.status-reject[b-9krd47hbh8] {
    background-color: #FAC7C7;
    color: #E13535;
}

.job-title[b-9krd47hbh8] {
    font-size: 36px;
    font-weight: 800;
    text-transform: uppercase;
    margin: 15px 0;
    color: #262626;
}

.section-card[b-9krd47hbh8] {
    background-color: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    margin-bottom: 20px;
    overflow: hidden;
}

.section-title[b-9krd47hbh8] {
    background-color: transparent;
    padding: 18px 25px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-transform: uppercase;
    color: #262626;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    transition: background-color 0.2s ease-in-out, border-color 0.35s ease;
}

.section-title:hover[b-9krd47hbh8] {
    background-color: #e9ecef;
}

.section-title[b-9krd47hbh8]:after {
    content: "";
    border: solid #495057;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(45deg);
    transition: transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.section-title.expanded[b-9krd47hbh8] {
    border-bottom-color: #dee2e6;
}

.section-title.expanded[b-9krd47hbh8]:after {
    transform: rotate(-135deg);
}

.section-content[b-9krd47hbh8] {
    padding: 0 24px;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.35s cubic-bezier(0.645, 0.045, 0.355, 1),
    opacity 0.3s ease-in-out,
    padding-top 0.35s cubic-bezier(0.645, 0.045, 0.355, 1),
    padding-bottom 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.section-content.active[b-9krd47hbh8] {
    padding: 15px 24px 15px 24px;
    max-height: 2000px;
    opacity: 1;
}

.summary-section-content[b-9krd47hbh8] {
    padding: 0 24px;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.35s cubic-bezier(0.645, 0.045, 0.355, 1),
    opacity 0.3s ease-in-out,
    padding-top 0.35s cubic-bezier(0.645, 0.045, 0.355, 1),
    padding-bottom 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.summary-section-content.active[b-9krd47hbh8] {
    padding: 24px;
    max-height: 2000px;
    opacity: 1;
}

.responsibilities[b-9krd47hbh8] {
    padding-left: 20px;
    margin-top: 10px;
}

.responsibilities li[b-9krd47hbh8] {
    margin-bottom: 8px;
}

ul.responsibilities[style*="column-count"][b-9krd47hbh8] {
    padding-left: 20px;
}

.experience-item[b-9krd47hbh8] {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e9ecef;
}

.experience-item:last-child[b-9krd47hbh8] {
    border-bottom: none;
    margin-bottom: 0;
}

.job-header[b-9krd47hbh8] {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5px;
}

.job-position[b-9krd47hbh8] {
    font-weight: bold;
    margin-right: 5px;
}

.edu-header[b-9krd47hbh8] {
    color: #262626;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5px;
}

.edu-info[b-9krd47hbh8] {
    color: #2D3648;
    font-size: 16px;
    font-weight: 400;
}

.company[b-9krd47hbh8] {
    color: #495057;
}

.date[b-9krd47hbh8] {
    color: #797979;
    font-size: 16px;
    font-weight: 400;
}

.project-name[b-9krd47hbh8] {
    margin-top: 10px;
}

.tech-stack[b-9krd47hbh8] {
    margin: 10px 0;
    color: #343a40;
}

.section-text[b-9krd47hbh8] {
    color: #262626;
    font-size: 16px;
    font-weight: 400;
}

.section-summary[b-9krd47hbh8] {
    color: #262626;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    padding: 10px 0;
    text-transform: uppercase;
}


.top-nav-bar[b-9krd47hbh8] {
    position: sticky !important;
    height: 82px;
    z-index: 1000;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #ffffff;
    border-bottom: 1px solid #e0e0e0;
    width: 100%;
    box-sizing: border-box;
}

.expired-logo-container[b-9krd47hbh8] {
    height: 115px;
    width: 121px;
    margin-bottom: 2.5rem;
}

.logo-container-nav[b-9krd47hbh8] {
    margin-left: 30px;
    display: flex;
    align-items: center;
    padding: 0;
}

.nav-logo-opinov8[b-9krd47hbh8],
.nav-logo-client[b-9krd47hbh8] {
    height: 35px;
    width: auto;
}

.logo-separator[b-9krd47hbh8] {
    display: block;
    width: 1px;
    height: 28px;
    background-color: #ccc;
    margin: 0 15px;
}

.nav-actions[b-9krd47hbh8] {
    display: flex;
    align-items: center;
    gap: 24px;
}

.nav-action-button[b-9krd47hbh8] {
    height: 48px;
    margin-left: 10px;
    border-radius: 20px;
    padding: 8px 15px;
    font-size: 16px;
}

.btn-pass[b-9krd47hbh8] {
    color: #E13535;
    font-weight: 700;
}

.btn-later[b-9krd47hbh8] {
    background-color: #FFFFFF;
    color: #4AC4FF !important;
    font-weight: 700;
    line-height: 1;
    border: 2px solid #4AC4FF;
    border-radius: 30px;
    padding: 8px 24px;
    display: inline-block;
    text-align: center;
    box-shadow: none;
    outline: none;
}

.btn-later:hover[b-9krd47hbh8] {
    background-color: rgba(74, 196, 255, 0.1);
}

.btn-interview[b-9krd47hbh8] {
    background-color: #4AC4FF;
    color: #FFFFFF !important;
    font-weight: 700;
    line-height: 1;
    border: none;
    border-radius: 30px;
    padding: 8px 24px;
    display: inline-block;
    text-align: center;
    box-shadow: none;
    outline: none;
}

.btn-interview:hover[b-9krd47hbh8] {
    background-color: #3AB0E6;
}

.modal-footer .btn[b-9krd47hbh8] {
    border-radius: 30px;
    padding: 8px 24px;
    font-weight: 700;
    font-size: 14px;
}

.modal-footer .btn-outline-secondary[b-9krd47hbh8] {
    color: #4AC4FF !important;
    background-color: transparent !important;
    border: 2px solid #4AC4FF !important;
}
.modal-footer .btn-outline-secondary:hover[b-9krd47hbh8] {
    background-color: rgba(74, 196, 255, 0.1) !important;
}

.modal-footer .btn-primary[b-9krd47hbh8] {
    color: #FFFFFF !important;
    background-color: #4AC4FF !important;
    border: none !important;
}
.modal-footer .btn-primary:hover[b-9krd47hbh8] {
    background-color: #3AB0E6 !important;
}

.btn-add-date-time[b-9krd47hbh8] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    font: inherit;
    font-weight: 700;
    font-size: 14px;
    color: #4A5460;
    cursor: pointer;
    outline: none;
}

.btn-add-date-time:hover[b-9krd47hbh8],
.btn-add-date-time:focus[b-9krd47hbh8],
.btn-add-date-time:active[b-9krd47hbh8] {
    text-decoration: none;
    background: none;
    border: none;
    outline: none;
}

.b5[b-9krd47hbh8] {
    font-size: 16px;
    font-weight: 600;
    color: #4A5460;
}

.b4[b-9krd47hbh8] {
    font-size: 16px;
    font-weight: 400;
    color: #4A5460;
}

.b2[b-9krd47hbh8] {
    font-size: 14px;
    font-weight: 500;
    color: #262626;
}

.b1[b-9krd47hbh8] {
    font-size: 14px;
    font-weight: 400;
    color: #4A5460
}

.h5[b-9krd47hbh8] {
    font-size: 24px;
    font-weight: 800;
    color: #262626;
}

.custom-radio[b-9krd47hbh8] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.form-check-label[b-9krd47hbh8] {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    user-select: none;
}

.custom-radio:checked ~ .form-check-label[b-9krd47hbh8]::before {
    border-color: #2196F3;
}

.custom-radio:not(:checked):hover ~ .form-check-label[b-9krd47hbh8]::before {
    border-color: #aaa;
}

.form-check-label[b-9krd47hbh8]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 20px;
    width: 20px;
    background-color: white;
    border: 2px solid #ccc;
    border-radius: 50%;
    transition: all 0.2s ease;
}

.form-check-label[b-9krd47hbh8]::after {
    content: "";
    position: absolute;
    display: none;
    top: 50%;
    left: 10px;
    transform: translate(-50%, -50%);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #2196F3;
    transition: all 0.2s ease;
}

.custom-radio:checked ~ .form-check-label[b-9krd47hbh8]::after {
    display: block;
}

.form-check[b-9krd47hbh8] {
    position: relative;
    display: inline-flex;
    align-items: flex-start;
    padding-left: 0 !important;
}

.custom-radio:focus ~ .form-check-label[b-9krd47hbh8]::before {
    box-shadow: 0 0 0 3px rgba(33, 150, 243, 0.25);
}

.custom-height[b-9krd47hbh8] {
    height: 40px !important;
    line-height: 40px;
    padding-top: 0;
    padding-bottom: 0;
}

.custom-rating-gap .mud-ripple[b-9krd47hbh8] {
    margin-left: 15px !important;
}

.custom-rating-gap .mud-svg-icon path:not([fill="none"])[b-9krd47hbh8] {
    fill: #4AC4FF !important;
}

.custom-rating-gap .mud-svg-icon[b-9krd47hbh8] {
    height: 30px !important;
    width: 30px !important;
}

.nav-action-button[disabled][b-9krd47hbh8] {
    border-color: #D7D7D7 !important;
    color: #868686 !important;
    cursor: not-allowed;
    background-color: transparent;
}

.btn-interview[disabled][b-9krd47hbh8] {
    background-color: #D7D7D7 !important;
    border-color: #D7D7D7 !important;
    color: #868686 !important;
}
/* /Components/Pages/JobDescription/Jobs/JobDetails/JobDetailsPage.razor.rz.scp.css */
.template-header[b-71fuoeawt5] {
    border-radius: 12px;
    background-image: linear-gradient(135deg, #4361ee, #3f37c9);
    color: white;
    padding: 2rem;
    margin-bottom: 2rem;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
}

.template-header h2[b-71fuoeawt5] {
    color: white;
    font-weight: 600;
}

.section-card[b-71fuoeawt5] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
    border: none;
    margin-bottom: 2rem;
    overflow: hidden;
    transition: all 0.3s ease;
}

.section-card:hover[b-71fuoeawt5] {
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);
    transform: translateY(-3px);
}

.section-header[b-71fuoeawt5] {
    display: flex;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.section-icon[b-71fuoeawt5] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: rgba(67, 97, 238, 0.1);
    border-radius: 50%;
    margin-right: 1rem;
}

.section-icon i[b-71fuoeawt5] {
    color: #4361ee;
    font-size: 1.2rem;
}

.section-title[b-71fuoeawt5] {
    font-weight: 600;
    margin: 0;
    color: #212529;
}

.section-content[b-71fuoeawt5] {
    padding: 1.5rem;
}

.custom-input[b-71fuoeawt5] {
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    padding: 0.75rem 1rem;
    transition: all 0.3s ease;
}

.custom-input:focus[b-71fuoeawt5] {
    border-color: #4361ee;
    box-shadow: 0 0 0 3px rgba(67, 97, 238, 0.15);
}

.custom-textarea[b-71fuoeawt5] {
    min-height: 120px;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    padding: 0.75rem 6.5rem 0.75rem 1rem;
    transition: all 0.3s ease;
}

.custom-textarea:focus[b-71fuoeawt5] {
    border-color: #4361ee;
    box-shadow: 0 0 0 3px rgba(67, 97, 238, 0.15);
}

.btn-custom-primary[b-71fuoeawt5] {
    background-color: #4361ee;
    border-color: #4361ee;
    color: white;
    border-radius: 8px;
    padding: 0.5rem 1.25rem;
    transition: all 0.3s ease;
}

.btn-custom-primary:hover[b-71fuoeawt5] {
    background-color: #3a56d4;
    border-color: #3a56d4;
    transform: translateY(-2px);
}

.btn-custom-secondary[b-71fuoeawt5] {
    background-color: white;
    border: 1px solid #6c757d;
    color: #212529;
    border-radius: 8px;
    padding: 0.5rem 1.25rem;
    transition: all 0.3s ease;
}

.btn-custom-secondary:hover[b-71fuoeawt5] {
    background-color: #f8f9fa;
    border-color: #d4d7dc;
    transform: translateY(-2px);
}

.btn-custom-success[b-71fuoeawt5] {
    background-color: #0cce6b;
    border-color: #0cce6b;
    color: white;
    border-radius: 8px;
    padding: 0.5rem 1.25rem;
    transition: all 0.3s ease;
}

.btn-custom-success:hover[b-71fuoeawt5] {
    background-color: #0ab55e;
    border-color: #0ab55e;
    transform: translateY(-2px);
}

.btn-custom-danger[b-71fuoeawt5] {
    background-color: white;
    border: 0.5px solid #6c757d;
    color: #e5383b;
    border-radius: 8px;
    padding: 0.5rem 1.25rem;
    transition: all 0.3s ease;
}

.btn-custom-danger:hover[b-71fuoeawt5] {
    background-color: #fef2f2;
    color: #dc2626;
    transform: translateY(-2px);
}

.btn-custom-info[b-71fuoeawt5] {
    background-color: #0d6efd;
    border-color: #0d6efd;
    color: white;
    border-radius: 8px;
    padding: 0.5rem 1.25rem;
    transition: all 0.3s ease;
}

.btn-custom-info:hover[b-71fuoeawt5] {
    background-color: #0d6efd;
    border-color: #0d6efd;
    transform: translateY(-2px);
}

.item-row[b-71fuoeawt5] {
    background-color: #f9fafb;
    border-radius: 8px;
    padding: 0.75rem;
    margin-bottom: 0.75rem;
    transition: all 0.3s ease;
}

.item-row:hover[b-71fuoeawt5] {
    background-color: #f3f4f6;
}

.empty-state[b-71fuoeawt5] {
    background-color: #f9fafb;
    border-radius: 8px;
    padding: 2rem;
    text-align: center;
    color: #6b7280;
}

.empty-state i[b-71fuoeawt5] {
    font-size: 2rem;
    margin-bottom: 1rem;
    color: #d1d5db;
}

.footer-actions[b-71fuoeawt5] {
    background-color: white;
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
    padding: 1.5rem;
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
}

/* Custom loading spinner */
.spinner-container[b-71fuoeawt5] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.spinner-container-block[b-71fuoeawt5] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.custom-spinner[b-71fuoeawt5] {
    width: 50px;
    height: 50px;
    border: 5px solid rgba(67, 97, 238, 0.1);
    border-radius: 50%;
    border-top-color: #4361ee;
    animation: spinner-b-71fuoeawt5 1s linear infinite;
}

@keyframes spinner-b-71fuoeawt5 {
    to {
        transform: rotate(360deg);
    }
}

.form-label[b-71fuoeawt5] {
    font-weight: 500;
    margin-bottom: 0.5rem;
    color: #4b5563;
}

.col-form-label[b-71fuoeawt5] {
    font-weight: 500;
    color: #4b5563;
}

.fixed-sidebar-actions[b-71fuoeawt5] {
    position: fixed;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    z-index: 1000;
}

.fixed-sidebar-actions .btn[b-71fuoeawt5] {
    width: 6rem;
    text-align: center;
}

/* Loader */

.ai-loading-container[b-71fuoeawt5] {
    border-radius: 16px;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.ai-loading-card[b-71fuoeawt5] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 16px;
    overflow: hidden;
    position: relative;
}

.ai-loading-header[b-71fuoeawt5] {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    padding: 20px;
    color: white;
}

.ai-loading-icon[b-71fuoeawt5] {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, #ffeaa7 0%, #fab1a0 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #2d3436;
    animation: iconSpin-b-71fuoeawt5 3s linear infinite;
    box-shadow: 0 4px 15px rgba(255, 234, 167, 0.4);
}

.loading-subtitle[b-71fuoeawt5] {
    opacity: 0.9;
    font-size: 13px;
}

.ai-loading-content[b-71fuoeawt5] {
    padding: 30px 20px;
    background: rgba(255, 255, 255, 0.05);
}

.loading-animation-wrapper[b-71fuoeawt5] {
    text-align: center;
}

.typing-animation[b-71fuoeawt5] {
    margin-bottom: 25px;
}

.typing-dots[b-71fuoeawt5] {
    display: inline-flex;
    gap: 8px;
}

.typing-dots span[b-71fuoeawt5] {
    width: 12px;
    height: 12px;
    background: #74b9ff;
    border-radius: 50%;
    animation: typingBounce-b-71fuoeawt5 1.4s ease-in-out infinite;
    box-shadow: 0 2px 8px rgba(116, 185, 255, 0.4);
}

.typing-dots span:nth-child(2)[b-71fuoeawt5] {
    animation-delay: 0.2s;
}

.typing-dots span:nth-child(3)[b-71fuoeawt5] {
    animation-delay: 0.4s;
}

.shimmer-lines[b-71fuoeawt5] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 300px;
    margin: 0 auto;
}

.shimmer-line[b-71fuoeawt5] {
    height: 8px;
    background: linear-gradient(90deg,
    rgba(255, 255, 255, 0.1) 0%,
    rgba(255, 255, 255, 0.3) 50%,
    rgba(255, 255, 255, 0.1) 100%);
    border-radius: 4px;
    animation: shimmer-b-71fuoeawt5 2s ease-in-out infinite;
}

.shimmer-line-1[b-71fuoeawt5] {
    width: 100%;
    animation-delay: 0s;
}

.shimmer-line-2[b-71fuoeawt5] {
    width: 75%;
    animation-delay: 0.3s;
}

.shimmer-line-3[b-71fuoeawt5] {
    width: 90%;
    animation-delay: 0.6s;
}

.ai-loading-footer[b-71fuoeawt5] {
    padding: 20px;
    background: rgba(255, 255, 255, 0.1);
    color: white;
}

.progress-wrapper[b-71fuoeawt5] {
    text-align: center;
}

.ai-progress-bar[b-71fuoeawt5] {
    width: 100%;
    height: 6px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 8px;
}

.progress-fill[b-71fuoeawt5] {
    height: 100%;
    background: linear-gradient(90deg, #00cec9 0%, #55efc4 100%);
    border-radius: 3px;
    animation: progressFill-b-71fuoeawt5 2.5s ease-in-out infinite;
    box-shadow: 0 0 10px rgba(0, 206, 201, 0.5);
}

/* Animations */
@keyframes cardPulse-b-71fuoeawt5 {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 8px 32px rgba(102, 126, 234, 0.3);
    }
    50% {
        transform: scale(1.02);
        box-shadow: 0 12px 40px rgba(102, 126, 234, 0.4);
    }
}

@keyframes iconSpin-b-71fuoeawt5 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes typingBounce-b-71fuoeawt5 {
    0%, 60%, 100% {
        transform: translateY(0);
    }
    30% {
        transform: translateY(-15px);
    }
}

@keyframes shimmer-b-71fuoeawt5 {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(100%);
    }
}

@keyframes progressFill-b-71fuoeawt5 {
    0% {
        width: 0;
        transform: translateX(-100%);
    }
    50% {
        width: 70%;
        transform: translateX(0%);
    }
    100% {
        width: 100%;
        transform: translateX(0%);
    }
}

/* Responsive adjustments */
@media (max-width: 576px) {
    .ai-loading-card[b-71fuoeawt5] {
        border-radius: 12px;
    }

    .ai-loading-header[b-71fuoeawt5] {
        padding: 16px;
    }

    .ai-loading-content[b-71fuoeawt5] {
        padding: 20px 16px;
    }

    .ai-loading-icon[b-71fuoeawt5] {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
}

/* jds page */
.template-card[b-71fuoeawt5] {
    width: 22rem;
    height: 180px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.3s ease;
}

.template-card:hover[b-71fuoeawt5] {
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);
    transform: translateY(-3px);
}

.card-title[b-71fuoeawt5] {
    font-weight: 600;
    color: #212529;
}

.card-subtitle[b-71fuoeawt5] {
    font-size: 0.9rem;
    color: #6c757d;
}

.card-text[b-71fuoeawt5] {
    color: #6b7280;
    font-size: 1rem;
}

/* Style for aligning icons to the right side and keeping them in a column */
.template-card .d-flex.flex-column.align-items-end[b-71fuoeawt5] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;  /* Aligns the icons to the right side */
}

.template-card .btn-link[b-71fuoeawt5] {
    padding: 0;
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.template-card .btn-link i[b-71fuoeawt5] {
    font-size: 1.5rem;
}

.template-info[b-71fuoeawt5] {
    max-width: 75%;
}

.template-actions .btn-link[b-71fuoeawt5] {
    font-size: 1.5rem;
}

.template-actions .btn-link:not(:last-child)[b-71fuoeawt5] {
    margin-bottom: 0.5rem;
}

.template-options[b-71fuoeawt5] {
    display: flex;
    gap: 16px;
}

.template-option[b-71fuoeawt5] {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px 16px;
    background-color: #f9fafb;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
}

.template-option:hover[b-71fuoeawt5] {
    background-color: #f3f4f6;
    transform: translateY(-2px);
}

.template-option.selected[b-71fuoeawt5] {
    border-color: #6366f1;
    background-color: rgba(99, 102, 241, 0.05);
}

.template-option.selected[b-71fuoeawt5]::after {
    content: '';
    position: absolute;
    top: 14px;
    right: 14px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #6366f1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white' stroke-width='3'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M5 13l4 4L19 7' /%3E%3C/svg%3E");
    background-size: 12px;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-container[b-71fuoeawt5] {
    width: 52px;
    height: 52px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    background-color: rgba(99, 102, 241, 0.1);
    color: #6366f1;
}

.icon-container i[b-71fuoeawt5] {
    font-size: 1.5rem;
}

.btn-primary[b-71fuoeawt5] {
    background-color: #6366f1;
    border-color: #6366f1;
}

.btn-primary:hover[b-71fuoeawt5] {
    background-color: #4f46e5;
    border-color: #4f46e5;
}

.btn-primary:disabled[b-71fuoeawt5] {
    background-color: #a5b4fc;
    border-color: #a5b4fc;
}

.custom-select[b-71fuoeawt5] {
    height: 50px;
    background-color: #f8f9fa;
    border-radius: 8px;
    transition: all 0.2s ease;
    font-size: 16px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0.625rem 40px 0.625rem 1rem;
}

.custom-select:focus[b-71fuoeawt5] {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.15);
    background-color: #fff;
    outline: none;
}

.custom-select:hover[b-71fuoeawt5] {
    background-color: #f1f3f5;
}

.dropdown-container[b-71fuoeawt5] {
    margin-bottom: 0.5rem;
}

.select-icon[b-71fuoeawt5] {
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #6c757d;
    pointer-events: none;
}

.form-label[b-71fuoeawt5] {
    margin-bottom: 0.5rem;
    color: #495057;
}

/* Add animation for dropdown */
.custom-select:focus + .select-icon i[b-71fuoeawt5] {
    transform: translateY(-50%) rotate(180deg);
    transition: transform 0.3s ease;
}

/* Add style for upload*/
@keyframes fadeIn-b-71fuoeawt5 {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideUp-b-71fuoeawt5 {
    from { transform: translateY(20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

@keyframes pulse-b-71fuoeawt5 {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.upload-modal[b-71fuoeawt5] {
    border-radius: 12px;
    background-color: white;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.1);
    animation: fadeIn-b-71fuoeawt5 0.3s ease-out;
    margin: 0 auto;
}

.btn-close[b-71fuoeawt5] {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: #6c757d;
    transition: color 0.2s;
    padding: 0.25rem;
    line-height: 1;
}

.btn-close:hover[b-71fuoeawt5] {
    color: #343a40;
}

.form-label[b-71fuoeawt5] {
    display: block;
    font-weight: 500;
    color: #495057;
    margin-bottom: 0.75rem;
}

.file-upload-container[b-71fuoeawt5] {
    position: relative;
    border: 2px dashed #dee2e6;
    border-radius: 8px;
    padding: 2rem;
    text-align: center;
    transition: all 0.3s;
    background-color: #f8f9fa;
    cursor: pointer;
}

.file-upload-container:hover[b-71fuoeawt5] {
    border-color: #6c63ff;
    background-color: #f0f0ff;
}

.file-upload-container.drag-active[b-71fuoeawt5] {
    border-color: #6c63ff;
    background-color: #f0f0ff;
    animation: pulse-b-71fuoeawt5 1s infinite;
}

.upload-icon[b-71fuoeawt5] {
    font-size: 2.5rem;
    color: #6c63ff;
    margin-bottom: 1rem;
}

.upload-text[b-71fuoeawt5] {
    font-size: 1rem;
    color: #495057;
    margin-bottom: 0.5rem;
}

.upload-formats[b-71fuoeawt5] {
    font-size: 0.85rem;
    color: #6c757d;
}

.file-input[b-71fuoeawt5] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.loading-container[b-71fuoeawt5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    animation: fadeIn-b-71fuoeawt5 0.3s ease-out;
}

.spinner[b-71fuoeawt5] {
    border: 4px solid rgba(108, 99, 255, 0.1);
    border-radius: 50%;
    border-top: 4px solid #6c63ff;
    width: 40px;
    height: 40px;
    animation: spin-b-71fuoeawt5 1s linear infinite;
    margin-bottom: 1rem;
}

@keyframes spin-b-71fuoeawt5 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.loading-text[b-71fuoeawt5] {
    color: #495057;
    font-weight: 500;
}

.btn-fixed[b-71fuoeawt5] {
    height: 43px;
    width: 150px;
}

/* Custom loading spinner */
.spinner-container[b-71fuoeawt5] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.spinner-container-block[b-71fuoeawt5] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.custom-spinner[b-71fuoeawt5] {
    width: 50px;
    height: 50px;
    border: 5px solid rgba(67, 97, 238, 0.1);
    border-radius: 50%;
    border-top-color: #4361ee;
    animation: spinner-b-71fuoeawt5 1s linear infinite;
}

@keyframes spinner-b-71fuoeawt5 {
    to {
        transform: rotate(360deg);
    }
}

.form-label[b-71fuoeawt5] {
    font-weight: 500;
    margin-bottom: 0.5rem;
    color: #4b5563;
}

.col-form-label[b-71fuoeawt5] {
    font-weight: 500;
    color: #4b5563;
}

.fixed-sidebar-actions[b-71fuoeawt5] {
    position: fixed;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    z-index: 1000;
}

.fixed-sidebar-actions .btn[b-71fuoeawt5] {
    width: 6rem;
    text-align: center;
}


.skill-group[b-71fuoeawt5] {
    margin-bottom: 28px;
    position: relative;
}

.skill-group:last-child[b-71fuoeawt5] {
    margin-bottom: 16px;
}

.skill-icon[b-71fuoeawt5] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    color: white;
    font-weight: 600;
}

.help-text[b-71fuoeawt5] {
    font-size: 0.85rem;
    color: #718096;
    margin-top: 6px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.help-text i[b-71fuoeawt5] {
    color: #a0aec0;
}

.btn-fixed[b-71fuoeawt5] {
    min-width: 100px;
    height: 44px;
    border-radius: 10px;
    font-weight: 600;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    border: none;
}

.mud-chart-bar[b-71fuoeawt5] {
    stroke-width: 10px;
}

.btn-status[b-71fuoeawt5] {
    width: 150px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.btn-status:focus[b-71fuoeawt5],
.btn-status:active[b-71fuoeawt5] {
    outline: none !important;
    box-shadow: none !important;
}

.btn-status[b-71fuoeawt5]::-moz-focus-inner {
    border: 0;
}

.cvb-arrow[b-71fuoeawt5] {
    fill: rgba(0,0,0,0.54);
    transition: transform .15s ease;
}

.cvb-rotate-180[b-71fuoeawt5] {
    transform: rotate(180deg);
}

.cvb-backdrop[b-71fuoeawt5] {
    position: fixed;
    inset: 0;
    z-index: 1045;
    background: transparent;
}

.cvb-dropdown[b-71fuoeawt5] {
    position: absolute;
    z-index: 1055;
    max-height: 380px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 0.25rem;
}

.cvb-list[b-71fuoeawt5] {
    max-height: 280px;
    overflow: auto;
    padding-left: 4px;
}

.jobs-select-btn[b-71fuoeawt5] {
    height: 60px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.dialog-overlay[b-71fuoeawt5] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1300;
    animation: fadeIn-b-71fuoeawt5 0.2s ease-in-out;
}

.preview-layout[b-71fuoeawt5] {
    display: flex;
    width: 95vw;
    max-width: 1200px;
    height: 90vh;
    gap: 24px;
    animation: slideIn 0.3s ease-out;
}

@@keyframes slideIn {
    from[b-71fuoeawt5] { transform: translateY(-40px); opacity: 0; }
    to[b-71fuoeawt5] { transform: translateY(0); opacity: 1; }
}

.pdf-preview-area[b-71fuoeawt5] {
    flex: 1;
    background: #525659;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pdf-iframe[b-71fuoeawt5] {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 8px;
}

.preview-sidebar[b-71fuoeawt5] {
    width: 220px;
    flex-shrink: 0;
    background: white;
    border-radius: 8px;
    padding: 24px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
    align-self: flex-start;
}
/* /Components/Pages/JobDescription/Jobs/JobsPage.razor.rz.scp.css */
.recruiters-col .recruiter-item:not(:last-child)[b-j5devxgcaa]::after {
    content: ", ";
}

.template-card[b-j5devxgcaa] {
    width: 22rem;
    height: 180px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.3s ease;
}

.template-card:hover[b-j5devxgcaa] {
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);
    transform: translateY(-3px);
}

.card-title[b-j5devxgcaa] {
    font-weight: 600;
    color: #212529;
}

.card-subtitle[b-j5devxgcaa] {
    font-size: 0.9rem;
    color: #6c757d;
}

.card-text[b-j5devxgcaa] {
    color: #6b7280;
    font-size: 1rem;
}

/* Style for aligning icons to the right side and keeping them in a column */
.template-card .d-flex.flex-column.align-items-end[b-j5devxgcaa] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;  /* Aligns the icons to the right side */
}

.template-card .btn-link[b-j5devxgcaa] {
    padding: 0;
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.template-card .btn-link i[b-j5devxgcaa] {
    font-size: 1.5rem;
}

.template-info[b-j5devxgcaa] {
    max-width: 75%;
}

.template-actions .btn-link[b-j5devxgcaa] {
    font-size: 1.5rem;
}

.template-actions .btn-link:not(:last-child)[b-j5devxgcaa] {
    margin-bottom: 0.5rem;
}

.template-options[b-j5devxgcaa] {
    display: flex;
    gap: 16px;
}

.template-option[b-j5devxgcaa] {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px 16px;
    background-color: #f9fafb;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
}

.template-option:hover[b-j5devxgcaa] {
    background-color: #f3f4f6;
    transform: translateY(-2px);
}

.template-option.selected[b-j5devxgcaa] {
    border-color: #6366f1;
    background-color: rgba(99, 102, 241, 0.05);
}

.template-option.selected[b-j5devxgcaa]::after {
    content: '';
    position: absolute;
    top: 14px;
    right: 14px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #6366f1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white' stroke-width='3'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M5 13l4 4L19 7' /%3E%3C/svg%3E");
    background-size: 12px;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-container[b-j5devxgcaa] {
    width: 52px;
    height: 52px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    background-color: rgba(99, 102, 241, 0.1);
    color: #6366f1;
}

.icon-container i[b-j5devxgcaa] {
    font-size: 1.5rem;
}

.btn-primary[b-j5devxgcaa] {
    background-color: #6366f1;
    border-color: #6366f1;
}

.btn-primary:hover[b-j5devxgcaa] {
    background-color: #4f46e5;
    border-color: #4f46e5;
}

.btn-primary:disabled[b-j5devxgcaa] {
    background-color: #a5b4fc;
    border-color: #a5b4fc;
}

.custom-select[b-j5devxgcaa] {
    height: 50px;
    background-color: #f8f9fa;
    border-radius: 8px;
    transition: all 0.2s ease;
    font-size: 16px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0.625rem 40px 0.625rem 1rem;
}

.custom-select:focus[b-j5devxgcaa] {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.15);
    background-color: #fff;
    outline: none;
}

.custom-select:hover[b-j5devxgcaa] {
    background-color: #f1f3f5;
}

.dropdown-container[b-j5devxgcaa] {
    margin-bottom: 0.5rem;
}

.select-icon[b-j5devxgcaa] {
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #6c757d;
    pointer-events: none;
}

.form-label[b-j5devxgcaa] {
    margin-bottom: 0.5rem;
    color: #495057;
}

/* Add animation for dropdown */
.custom-select:focus + .select-icon i[b-j5devxgcaa] {
    transform: translateY(-50%) rotate(180deg);
    transition: transform 0.3s ease;
}

/* Add style for upload*/
@keyframes fadeIn-b-j5devxgcaa {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideUp-b-j5devxgcaa {
    from { transform: translateY(20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

@keyframes pulse-b-j5devxgcaa {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.upload-modal[b-j5devxgcaa] {
    border-radius: 12px;
    background-color: white;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.1);
    animation: fadeIn-b-j5devxgcaa 0.3s ease-out;
    margin: 0 auto;
}

.btn-close[b-j5devxgcaa] {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: #6c757d;
    transition: color 0.2s;
    padding: 0.25rem;
    line-height: 1;
}

.btn-close:hover[b-j5devxgcaa] {
    color: #343a40;
}

.form-label[b-j5devxgcaa] {
    display: block;
    font-weight: 500;
    color: #495057;
    margin-bottom: 0.75rem;
}

.file-upload-container[b-j5devxgcaa] {
    position: relative;
    border: 2px dashed #dee2e6;
    border-radius: 8px;
    padding: 2rem;
    text-align: center;
    transition: all 0.3s;
    background-color: #f8f9fa;
    cursor: pointer;
}

.file-upload-container:hover[b-j5devxgcaa] {
    border-color: #6c63ff;
    background-color: #f0f0ff;
}

.file-upload-container.drag-active[b-j5devxgcaa] {
    border-color: #6c63ff;
    background-color: #f0f0ff;
    animation: pulse-b-j5devxgcaa 1s infinite;
}

.upload-icon[b-j5devxgcaa] {
    font-size: 2.5rem;
    color: #6c63ff;
    margin-bottom: 1rem;
}

.upload-text[b-j5devxgcaa] {
    font-size: 1rem;
    color: #495057;
    margin-bottom: 0.5rem;
}

.upload-formats[b-j5devxgcaa] {
    font-size: 0.85rem;
    color: #6c757d;
}

.file-input[b-j5devxgcaa] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.loading-container[b-j5devxgcaa] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    animation: fadeIn-b-j5devxgcaa 0.3s ease-out;
}

.spinner[b-j5devxgcaa] {
    border: 4px solid rgba(108, 99, 255, 0.1);
    border-radius: 50%;
    border-top: 4px solid #6c63ff;
    width: 40px;
    height: 40px;
    animation: spin-b-j5devxgcaa 1s linear infinite;
    margin-bottom: 1rem;
}

@keyframes spin-b-j5devxgcaa {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.loading-text[b-j5devxgcaa] {
    color: #495057;
    font-weight: 500;
}

.btn-fixed[b-j5devxgcaa] {
    height: 43px;
    width: 150px;
}

/* Custom loading spinner */
.spinner-container[b-j5devxgcaa] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.spinner-container-block[b-j5devxgcaa] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.custom-spinner[b-j5devxgcaa] {
    width: 50px;
    height: 50px;
    border: 5px solid rgba(67, 97, 238, 0.1);
    border-radius: 50%;
    border-top-color: #4361ee;
    animation: spinner-b-j5devxgcaa 1s linear infinite;
}

@keyframes spinner-b-j5devxgcaa {
    to {
        transform: rotate(360deg);
    }
}

.form-label[b-j5devxgcaa] {
    font-weight: 500;
    margin-bottom: 0.5rem;
    color: #4b5563;
}

.col-form-label[b-j5devxgcaa] {
    font-weight: 500;
    color: #4b5563;
}

.fixed-sidebar-actions[b-j5devxgcaa] {
    position: fixed;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    z-index: 1000;
}

.fixed-sidebar-actions .btn[b-j5devxgcaa] {
    width: 6rem;
    text-align: center;
}

/* Drag and drop file upload styles */
.mud-border-primary[b-j5devxgcaa] {
    border-color: #6366f1 !important;
    background-color: rgba(99, 102, 241, 0.05) !important;
}

.mud-file-upload[b-j5devxgcaa] {
    position: relative;
    width: 100%;
}

.mud-file-upload input[type="file"][b-j5devxgcaa] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 10;
}

.mud-paper[b-j5devxgcaa] {
    transition: all 0.3s ease;
}

.mud-paper:hover[b-j5devxgcaa] {
    border-color: #6366f1;
    background-color: rgba(99, 102, 241, 0.02);
}

.mud-chip[b-j5devxgcaa] {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Filter buttons and create button */
.filter-btn[b-j5devxgcaa] {
    min-width: 150px;
    max-width: 150px;
    width: 150px;
}

.create-job-btn[b-j5devxgcaa] {
    white-space: nowrap;
}

.filters-container[b-j5devxgcaa] {
    flex-wrap: wrap;
    gap: 0.5rem;
}

.dropdown-menu[b-j5devxgcaa] {
    min-width: 400px;
    max-width: 400px;
    width: 400px;
}

/* Modal backdrop */
.modal-backdrop-custom[b-j5devxgcaa] {
    background-color: rgba(17, 24, 39, 0.7);
    backdrop-filter: blur(4px);
}

/* Modal custom sizing */
.modal-custom[b-j5devxgcaa] {
    width: 900px;
    min-width: 900px;
    max-width: 900px;
}

.modal-create[b-j5devxgcaa] {
    width: 900px;
    height: 650px;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 1600px) {
    .modal-custom[b-j5devxgcaa] {
        width: 800px;
        min-width: auto;
        max-width: 800px;
    }

    .modal-create[b-j5devxgcaa] {
        width: 800px;
        height: auto;
        max-height: 85vh;
    }

    .upload-modal[b-j5devxgcaa] {
        max-width: 100%;
    }

    .table[b-j5devxgcaa] {
        font-size: 0.9rem;
    }

    .btn-lg[b-j5devxgcaa] {
        font-size: 0.95rem;
        padding: 0.4rem 0.8rem;
    }

    .form-control[b-j5devxgcaa] {
        font-size: 0.9rem;
    }

    .filter-btn[b-j5devxgcaa] {
        min-width: 140px;
        max-width: 140px;
        width: 140px;
    }
}

@media (max-width: 1440px) {
    .modal-custom[b-j5devxgcaa] {
        width: 700px;
        min-width: auto;
        max-width: 700px;
    }

    .modal-create[b-j5devxgcaa] {
        width: 700px;
        height: auto;
        max-height: 80vh;
    }

    .upload-modal[b-j5devxgcaa] {
        max-width: 100%;
    }

    .modal-content[b-j5devxgcaa] {
        width: 100% !important;
        max-width: 100% !important;
    }

    .table[b-j5devxgcaa] {
        font-size: 0.85rem;
    }

    .table th[b-j5devxgcaa],
    .table td[b-j5devxgcaa] {
        padding: 0.4rem;
    }

    .btn[b-j5devxgcaa] {
        font-size: 0.85rem;
        padding: 0.35rem 0.7rem;
    }

    .btn-lg[b-j5devxgcaa] {
        font-size: 0.9rem;
        padding: 0.38rem 0.75rem;
    }

    .dropdown-menu[b-j5devxgcaa] {
        min-width: 320px !important;
        max-width: 320px !important;
        width: 320px !important;
    }

    .filter-btn[b-j5devxgcaa] {
        min-width: 130px;
        max-width: 130px;
        width: 130px;
    }

    h3[b-j5devxgcaa] {
        font-size: 1.5rem;
    }

    .form-label[b-j5devxgcaa] {
        font-size: 0.9rem;
    }

    .form-control[b-j5devxgcaa],
    .form-select[b-j5devxgcaa] {
        font-size: 0.85rem;
        padding: 0.4rem 0.6rem;
    }

    .template-options[b-j5devxgcaa] {
        gap: 12px;
    }

    .template-option[b-j5devxgcaa] {
        padding: 18px 12px;
    }

    .icon-container[b-j5devxgcaa] {
        width: 48px;
        height: 48px;
        margin-bottom: 12px;
    }

    .icon-container i[b-j5devxgcaa] {
        font-size: 1.3rem;
    }

    .option-title[b-j5devxgcaa] {
        font-size: 0.95rem;
    }

    .option-description[b-j5devxgcaa] {
        font-size: 0.8rem;
    }

    .btn-fixed[b-j5devxgcaa] {
        height: 38px;
        width: 130px;
        font-size: 0.9rem;
    }

    .create-job-btn i[b-j5devxgcaa] {
        font-size: 0.9rem;
    }
}

@media (max-width: 1366px) {
    .modal-custom[b-j5devxgcaa] {
        width: 650px;
        min-width: auto;
        max-width: 650px;
    }

    .modal-create[b-j5devxgcaa] {
        width: 650px;
        height: auto;
        max-height: 75vh;
    }

    .upload-modal[b-j5devxgcaa] {
        max-width: 100%;
    }

    .modal-content[b-j5devxgcaa] {
        width: 100% !important;
        max-width: 100% !important;
        padding: 1rem !important;
    }

    .modal-body[b-j5devxgcaa] {
        max-height: 60vh !important;
    }

    .table[b-j5devxgcaa] {
        font-size: 0.8rem;
    }

    .table th[b-j5devxgcaa],
    .table td[b-j5devxgcaa] {
        padding: 0.35rem 0.3rem;
    }

    h3[b-j5devxgcaa] {
        font-size: 1.3rem;
    }

    .btn[b-j5devxgcaa] {
        font-size: 0.8rem;
        padding: 0.3rem 0.6rem;
    }

    .btn-lg[b-j5devxgcaa] {
        font-size: 0.85rem;
        padding: 0.35rem 0.7rem;
    }

    .filter-btn[b-j5devxgcaa] {
        min-width: 120px;
        max-width: 120px;
        width: 120px;
    }

    .dropdown-menu[b-j5devxgcaa] {
        min-width: 280px !important;
        max-width: 280px !important;
        width: 280px !important;
        padding: 0.5rem !important;
    }

    .form-control-sm[b-j5devxgcaa] {
        font-size: 0.8rem;
        padding: 0.3rem 0.5rem;
    }

    .template-options[b-j5devxgcaa] {
        gap: 10px;
    }

    .template-option[b-j5devxgcaa] {
        padding: 16px 10px;
    }

    .icon-container[b-j5devxgcaa] {
        width: 44px;
        height: 44px;
        margin-bottom: 10px;
    }

    .icon-container i[b-j5devxgcaa] {
        font-size: 1.2rem;
    }

    .option-title[b-j5devxgcaa] {
        font-size: 0.9rem;
        margin-bottom: 0.4rem !important;
    }

    .option-description[b-j5devxgcaa] {
        font-size: 0.75rem;
    }

    .modal-title[b-j5devxgcaa] {
        font-size: 1.1rem;
    }

    .form-label[b-j5devxgcaa] {
        font-size: 0.85rem;
        margin-bottom: 0.4rem;
    }

    .row.g-3[b-j5devxgcaa] {
        --bs-gutter-y: 0.75rem;
    }

    .btn-fixed[b-j5devxgcaa] {
        height: 36px;
        width: 120px;
        font-size: 0.85rem;
    }

    .bi[b-j5devxgcaa] {
        font-size: 0.9rem;
    }

    .create-job-btn[b-j5devxgcaa] {
        font-size: 0.85rem;
        padding: 0.35rem 0.7rem;
    }

    .create-job-btn i[b-j5devxgcaa] {
        font-size: 0.85rem;
    }
}

@media (max-width: 1280px) {
    .modal-custom[b-j5devxgcaa] {
        width: 600px;
        min-width: auto;
        max-width: 600px;
    }

    .modal-create[b-j5devxgcaa] {
        width: 600px;
        height: auto;
        max-height: 70vh;
    }

    .upload-modal[b-j5devxgcaa] {
        max-width: 100%;
    }

    .modal-content[b-j5devxgcaa] {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 90vh;
        padding: 0.75rem !important;
    }

    .modal-body[b-j5devxgcaa] {
        max-height: 55vh !important;
        padding: 0.75rem !important;
    }

    .modal-header[b-j5devxgcaa] {
        padding: 0.75rem !important;
    }

    .modal-footer[b-j5devxgcaa] {
        padding: 0.75rem !important;
    }

    .table[b-j5devxgcaa] {
        font-size: 0.75rem;
    }

    .table th[b-j5devxgcaa],
    .table td[b-j5devxgcaa] {
        padding: 0.3rem 0.25rem;
    }

    h3[b-j5devxgcaa] {
        font-size: 1.2rem;
    }

    .btn[b-j5devxgcaa] {
        font-size: 0.75rem;
        padding: 0.25rem 0.5rem;
    }

    .btn-lg[b-j5devxgcaa] {
        font-size: 0.8rem;
        padding: 0.3rem 0.6rem;
    }

    .filter-btn[b-j5devxgcaa] {
        min-width: 110px;
        max-width: 110px;
        width: 110px;
        font-size: 0.75rem;
    }

    .create-job-btn[b-j5devxgcaa] {
        font-size: 0.8rem;
        padding: 0.3rem 0.6rem;
    }

    .create-job-btn i[b-j5devxgcaa] {
        font-size: 0.8rem;
    }

    .dropdown-menu[b-j5devxgcaa] {
        min-width: 260px !important;
        max-width: 260px !important;
        width: 260px !important;
    }

    .form-check-label[b-j5devxgcaa] {
        font-size: 0.8rem;
    }

    .template-options[b-j5devxgcaa] {
        gap: 8px;
    }

    .template-option[b-j5devxgcaa] {
        padding: 14px 8px;
    }

    .icon-container[b-j5devxgcaa] {
        width: 40px;
        height: 40px;
        margin-bottom: 8px;
    }

    .icon-container i[b-j5devxgcaa] {
        font-size: 1.1rem;
    }

    .option-title[b-j5devxgcaa] {
        font-size: 0.85rem;
        margin-bottom: 0.3rem !important;
    }

    .option-description[b-j5devxgcaa] {
        font-size: 0.7rem;
    }

    .modal-title[b-j5devxgcaa] {
        font-size: 1rem;
    }

    .form-label[b-j5devxgcaa] {
        font-size: 0.8rem;
        margin-bottom: 0.3rem;
    }

    .form-control[b-j5devxgcaa],
    .form-select[b-j5devxgcaa] {
        font-size: 0.8rem;
        padding: 0.35rem 0.5rem;
    }

    .row.g-3[b-j5devxgcaa] {
        --bs-gutter-x: 0.5rem;
        --bs-gutter-y: 0.5rem;
    }

    .row.mb-3[b-j5devxgcaa],
    .row.mb-4[b-j5devxgcaa] {
        margin-bottom: 0.75rem !important;
    }

    .mb-4[b-j5devxgcaa] {
        margin-bottom: 0.75rem !important;
    }

    .mb-3[b-j5devxgcaa] {
        margin-bottom: 0.5rem !important;
    }

    .btn-fixed[b-j5devxgcaa] {
        height: 34px;
        width: 110px;
        font-size: 0.8rem;
    }

    .bi[b-j5devxgcaa] {
        font-size: 0.85rem;
    }

    .custom-spinner[b-j5devxgcaa] {
        width: 40px;
        height: 40px;
        border-width: 4px;
    }
}

/* Compact table layout for smaller screens */
@media (max-width: 1440px) {
    .table-compact th[b-j5devxgcaa],
    .table-compact td[b-j5devxgcaa] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

/* Stack filters on very small screens */
@media (max-width: 1366px) {
    .d-flex.ms-auto[b-j5devxgcaa] {
        gap: 0.5rem;
    }
}

/* Adjust MudBlazor components for smaller screens */
@media (max-width: 1440px) {
    [b-j5devxgcaa] .mud-input-root {
        font-size: 0.9rem;
    }

    [b-j5devxgcaa] .mud-select {
        font-size: 0.9rem;
    }

    [b-j5devxgcaa] .mud-input-control {
        font-size: 0.9rem;
    }
}

@media (max-width: 1280px) {
    [b-j5devxgcaa] .mud-input-root {
        font-size: 0.85rem;
    }

    [b-j5devxgcaa] .mud-select {
        font-size: 0.85rem;
    }

    [b-j5devxgcaa] .mud-input-control {
        font-size: 0.85rem;
    }

    [b-j5devxgcaa] .mud-input {
        padding: 0.4rem 0.5rem;
    }

    [b-j5devxgcaa] .mud-button {
        font-size: 0.8rem;
        padding: 0.3rem 0.6rem;
    }
}
/* /Components/Pages/JobDescription/JobTemplates/JobTemplateDetailsPage.razor.rz.scp.css */
.template-header[b-mbwhbacjyc] {
    border-radius: 12px;
    background-image: linear-gradient(135deg, #4361ee, #3f37c9);
    color: white;
    padding: 2rem;
    margin-bottom: 2rem;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
}

.template-header h2[b-mbwhbacjyc] {
    color: white;
    font-weight: 600;
}

.section-card[b-mbwhbacjyc] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
    border: none;
    margin-bottom: 2rem;
    overflow: hidden;
    transition: all 0.3s ease;
}

.section-card:hover[b-mbwhbacjyc] {
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);
    transform: translateY(-3px);
}

.section-header[b-mbwhbacjyc] {
    display: flex;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.section-icon[b-mbwhbacjyc] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: rgba(67, 97, 238, 0.1);
    border-radius: 50%;
    margin-right: 1rem;
}

.section-icon i[b-mbwhbacjyc] {
    color: #4361ee;
    font-size: 1.2rem;
}

.section-title[b-mbwhbacjyc] {
    font-weight: 600;
    margin: 0;
    color: #212529;
}

.section-content[b-mbwhbacjyc] {
    padding: 1.5rem;
}

.custom-input[b-mbwhbacjyc] {
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    padding: 0.75rem 1rem;
    transition: all 0.3s ease;
}

.custom-input:focus[b-mbwhbacjyc] {
    border-color: #4361ee;
    box-shadow: 0 0 0 3px rgba(67, 97, 238, 0.15);
}

.custom-textarea[b-mbwhbacjyc] {
    min-height: 120px;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    padding: 0.75rem 6.5rem 0.75rem 1rem;
    transition: all 0.3s ease;
}

.custom-textarea:focus[b-mbwhbacjyc] {
    border-color: #4361ee;
    box-shadow: 0 0 0 3px rgba(67, 97, 238, 0.15);
}

.btn-custom-primary[b-mbwhbacjyc] {
    background-color: #4361ee;
    border-color: #4361ee;
    color: white;
    border-radius: 8px;
    padding: 0.5rem 1.25rem;
    transition: all 0.3s ease;
}

.btn-custom-primary:hover[b-mbwhbacjyc] {
    background-color: #3a56d4;
    border-color: #3a56d4;
    transform: translateY(-2px);
}

.btn-custom-secondary[b-mbwhbacjyc] {
    background-color: white;
    border: 1px solid #6c757d;
    color: #212529;
    border-radius: 8px;
    padding: 0.5rem 1.25rem;
    transition: all 0.3s ease;
}

.btn-custom-secondary:hover[b-mbwhbacjyc] {
    background-color: #f8f9fa;
    border-color: #d4d7dc;
    transform: translateY(-2px);
}

.btn-custom-success[b-mbwhbacjyc] {
    background-color: #0cce6b;
    border-color: #0cce6b;
    color: white;
    border-radius: 8px;
    padding: 0.5rem 1.25rem;
    transition: all 0.3s ease;
}

.btn-custom-success:hover[b-mbwhbacjyc] {
    background-color: #0ab55e;
    border-color: #0ab55e;
    transform: translateY(-2px);
}

.btn-custom-danger[b-mbwhbacjyc] {
    background-color: white;
    border: 1px solid #6c757d;
    color: #e5383b;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.btn-custom-danger:hover[b-mbwhbacjyc] {
    background-color: #fef2f2;
    color: #dc2626;
    transform: translateY(-2px);
}

.btn-custom-info[b-mbwhbacjyc] {
    background-color: #0d6efd;
    border-color: #0d6efd;
    color: white;
    border-radius: 8px;
    padding: 0.5rem 1.25rem;
    transition: all 0.3s ease;
}

.btn-custom-info:hover[b-mbwhbacjyc] {
    background-color: #0d6efd;
    border-color: #0d6efd;
    transform: translateY(-2px);
}

.item-row[b-mbwhbacjyc] {
    background-color: #f9fafb;
    border-radius: 8px;
    padding: 0.75rem;
    margin-bottom: 0.75rem;
    transition: all 0.3s ease;
}

.item-row:hover[b-mbwhbacjyc] {
    background-color: #f3f4f6;
}

.empty-state[b-mbwhbacjyc] {
    background-color: #f9fafb;
    border-radius: 8px;
    padding: 2rem;
    text-align: center;
    color: #6b7280;
}

.empty-state i[b-mbwhbacjyc] {
    font-size: 2rem;
    margin-bottom: 1rem;
    color: #d1d5db;
}

.footer-actions[b-mbwhbacjyc] {
    background-color: white;
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
    padding: 1.5rem;
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
}

/* Custom loading spinner */
.spinner-container[b-mbwhbacjyc] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.spinner-container-block[b-mbwhbacjyc] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.custom-spinner[b-mbwhbacjyc] {
    width: 50px;
    height: 50px;
    border: 5px solid rgba(67, 97, 238, 0.1);
    border-radius: 50%;
    border-top-color: #4361ee;
    animation: spinner-b-mbwhbacjyc 1s linear infinite;
}

@keyframes spinner-b-mbwhbacjyc {
    to {
        transform: rotate(360deg);
    }
}

.form-label[b-mbwhbacjyc] {
    font-weight: 500;
    margin-bottom: 0.5rem;
    color: #4b5563;
}

.col-form-label[b-mbwhbacjyc] {
    font-weight: 500;
    color: #4b5563;
}

.fixed-sidebar-actions[b-mbwhbacjyc] {
    position: fixed;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    z-index: 1000;
}

.fixed-sidebar-actions .btn[b-mbwhbacjyc] {
    width: 6rem;
    text-align: center;
}

/* Loader */

.ai-loading-container[b-mbwhbacjyc] {
    border-radius: 16px;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.ai-loading-card[b-mbwhbacjyc] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 16px;
    overflow: hidden;
    position: relative;
}

.ai-loading-header[b-mbwhbacjyc] {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    padding: 20px;
    color: white;
}

.ai-loading-icon[b-mbwhbacjyc] {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, #ffeaa7 0%, #fab1a0 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #2d3436;
    animation: iconSpin-b-mbwhbacjyc 3s linear infinite;
    box-shadow: 0 4px 15px rgba(255, 234, 167, 0.4);
}

.loading-subtitle[b-mbwhbacjyc] {
    opacity: 0.9;
    font-size: 13px;
}

.ai-loading-content[b-mbwhbacjyc] {
    padding: 30px 20px;
    background: rgba(255, 255, 255, 0.05);
}

.loading-animation-wrapper[b-mbwhbacjyc] {
    text-align: center;
}

.typing-animation[b-mbwhbacjyc] {
    margin-bottom: 25px;
}

.typing-dots[b-mbwhbacjyc] {
    display: inline-flex;
    gap: 8px;
}

.typing-dots span[b-mbwhbacjyc] {
    width: 12px;
    height: 12px;
    background: #74b9ff;
    border-radius: 50%;
    animation: typingBounce-b-mbwhbacjyc 1.4s ease-in-out infinite;
    box-shadow: 0 2px 8px rgba(116, 185, 255, 0.4);
}

.typing-dots span:nth-child(2)[b-mbwhbacjyc] {
    animation-delay: 0.2s;
}

.typing-dots span:nth-child(3)[b-mbwhbacjyc] {
    animation-delay: 0.4s;
}

.shimmer-lines[b-mbwhbacjyc] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 300px;
    margin: 0 auto;
}

.shimmer-line[b-mbwhbacjyc] {
    height: 8px;
    background: linear-gradient(90deg,
    rgba(255, 255, 255, 0.1) 0%,
    rgba(255, 255, 255, 0.3) 50%,
    rgba(255, 255, 255, 0.1) 100%);
    border-radius: 4px;
    animation: shimmer-b-mbwhbacjyc 2s ease-in-out infinite;
}

.shimmer-line-1[b-mbwhbacjyc] {
    width: 100%;
    animation-delay: 0s;
}

.shimmer-line-2[b-mbwhbacjyc] {
    width: 75%;
    animation-delay: 0.3s;
}

.shimmer-line-3[b-mbwhbacjyc] {
    width: 90%;
    animation-delay: 0.6s;
}

.ai-loading-footer[b-mbwhbacjyc] {
    padding: 20px;
    background: rgba(255, 255, 255, 0.1);
    color: white;
}

.progress-wrapper[b-mbwhbacjyc] {
    text-align: center;
}

.ai-progress-bar[b-mbwhbacjyc] {
    width: 100%;
    height: 6px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 8px;
}

.progress-fill[b-mbwhbacjyc] {
    height: 100%;
    background: linear-gradient(90deg, #00cec9 0%, #55efc4 100%);
    border-radius: 3px;
    animation: progressFill-b-mbwhbacjyc 2.5s ease-in-out infinite;
    box-shadow: 0 0 10px rgba(0, 206, 201, 0.5);
}

/* Animations */
@keyframes cardPulse-b-mbwhbacjyc {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 8px 32px rgba(102, 126, 234, 0.3);
    }
    50% {
        transform: scale(1.02);
        box-shadow: 0 12px 40px rgba(102, 126, 234, 0.4);
    }
}

@keyframes iconSpin-b-mbwhbacjyc {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes typingBounce-b-mbwhbacjyc {
    0%, 60%, 100% {
        transform: translateY(0);
    }
    30% {
        transform: translateY(-15px);
    }
}

@keyframes shimmer-b-mbwhbacjyc {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(100%);
    }
}

@keyframes progressFill-b-mbwhbacjyc {
    0% {
        width: 0%;
        transform: translateX(-100%);
    }
    50% {
        width: 70%;
        transform: translateX(0%);
    }
    100% {
        width: 100%;
        transform: translateX(0%);
    }
}

/* Responsive adjustments */
@media (max-width: 576px) {
    .ai-loading-card[b-mbwhbacjyc] {
        border-radius: 12px;
    }

    .ai-loading-header[b-mbwhbacjyc] {
        padding: 16px;
    }

    .ai-loading-content[b-mbwhbacjyc] {
        padding: 20px 16px;
    }

    .ai-loading-icon[b-mbwhbacjyc] {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
}

/* jds page */
.template-card[b-mbwhbacjyc] {
    width: 22rem;
    height: 180px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.3s ease;
}

.template-card:hover[b-mbwhbacjyc] {
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);
    transform: translateY(-3px);
}

.card-title[b-mbwhbacjyc] {
    font-weight: 600;
    color: #212529;
}

.card-subtitle[b-mbwhbacjyc] {
    font-size: 0.9rem;
    color: #6c757d;
}

.card-text[b-mbwhbacjyc] {
    color: #6b7280;
    font-size: 1rem;
}

/* Style for aligning icons to the right side and keeping them in a column */
.template-card .d-flex.flex-column.align-items-end[b-mbwhbacjyc] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;  /* Aligns the icons to the right side */
}

.template-card .btn-link[b-mbwhbacjyc] {
    padding: 0;
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.template-card .btn-link i[b-mbwhbacjyc] {
    font-size: 1.5rem;
}

.template-info[b-mbwhbacjyc] {
    max-width: 75%;
}

.template-actions .btn-link[b-mbwhbacjyc] {
    font-size: 1.5rem;
}

.template-actions .btn-link:not(:last-child)[b-mbwhbacjyc] {
    margin-bottom: 0.5rem;
}

.template-options[b-mbwhbacjyc] {
    display: flex;
    gap: 16px;
}

.template-option[b-mbwhbacjyc] {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px 16px;
    background-color: #f9fafb;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
}

.template-option:hover[b-mbwhbacjyc] {
    background-color: #f3f4f6;
    transform: translateY(-2px);
}

.template-option.selected[b-mbwhbacjyc] {
    border-color: #6366f1;
    background-color: rgba(99, 102, 241, 0.05);
}

.template-option.selected[b-mbwhbacjyc]::after {
    content: '';
    position: absolute;
    top: 14px;
    right: 14px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #6366f1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white' stroke-width='3'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M5 13l4 4L19 7' /%3E%3C/svg%3E");
    background-size: 12px;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-container[b-mbwhbacjyc] {
    width: 52px;
    height: 52px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    background-color: rgba(99, 102, 241, 0.1);
    color: #6366f1;
}

.icon-container i[b-mbwhbacjyc] {
    font-size: 1.5rem;
}

.btn-primary[b-mbwhbacjyc] {
    background-color: #6366f1;
    border-color: #6366f1;
}

.btn-primary:hover[b-mbwhbacjyc] {
    background-color: #4f46e5;
    border-color: #4f46e5;
}

.btn-primary:disabled[b-mbwhbacjyc] {
    background-color: #a5b4fc;
    border-color: #a5b4fc;
}

.custom-select[b-mbwhbacjyc] {
    height: 50px;
    background-color: #f8f9fa;
    border-radius: 8px;
    transition: all 0.2s ease;
    font-size: 16px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0.625rem 40px 0.625rem 1rem;
}

.custom-select:focus[b-mbwhbacjyc] {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.15);
    background-color: #fff;
    outline: none;
}

.custom-select:hover[b-mbwhbacjyc] {
    background-color: #f1f3f5;
}

.dropdown-container[b-mbwhbacjyc] {
    margin-bottom: 0.5rem;
}

.select-icon[b-mbwhbacjyc] {
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #6c757d;
    pointer-events: none;
}

.form-label[b-mbwhbacjyc] {
    margin-bottom: 0.5rem;
    color: #495057;
}

/* Add animation for dropdown */
.custom-select:focus + .select-icon i[b-mbwhbacjyc] {
    transform: translateY(-50%) rotate(180deg);
    transition: transform 0.3s ease;
}

/* Add style for upload*/
@keyframes fadeIn-b-mbwhbacjyc {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideUp-b-mbwhbacjyc {
    from { transform: translateY(20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

@keyframes pulse-b-mbwhbacjyc {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.upload-modal[b-mbwhbacjyc] {
    border-radius: 12px;
    background-color: white;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.1);
    animation: fadeIn-b-mbwhbacjyc 0.3s ease-out;
    margin: 0 auto;
}

.btn-close[b-mbwhbacjyc] {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: #6c757d;
    transition: color 0.2s;
    padding: 0.25rem;
    line-height: 1;
}

.btn-close:hover[b-mbwhbacjyc] {
    color: #343a40;
}

.form-label[b-mbwhbacjyc] {
    display: block;
    font-weight: 500;
    color: #495057;
    margin-bottom: 0.75rem;
}

.file-upload-container[b-mbwhbacjyc] {
    position: relative;
    border: 2px dashed #dee2e6;
    border-radius: 8px;
    padding: 2rem;
    text-align: center;
    transition: all 0.3s;
    background-color: #f8f9fa;
    cursor: pointer;
}

.file-upload-container:hover[b-mbwhbacjyc] {
    border-color: #6c63ff;
    background-color: #f0f0ff;
}

.file-upload-container.drag-active[b-mbwhbacjyc] {
    border-color: #6c63ff;
    background-color: #f0f0ff;
    animation: pulse-b-mbwhbacjyc 1s infinite;
}

.upload-icon[b-mbwhbacjyc] {
    font-size: 2.5rem;
    color: #6c63ff;
    margin-bottom: 1rem;
}

.upload-text[b-mbwhbacjyc] {
    font-size: 1rem;
    color: #495057;
    margin-bottom: 0.5rem;
}

.upload-formats[b-mbwhbacjyc] {
    font-size: 0.85rem;
    color: #6c757d;
}

.file-input[b-mbwhbacjyc] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.loading-container[b-mbwhbacjyc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    animation: fadeIn-b-mbwhbacjyc 0.3s ease-out;
}

.spinner[b-mbwhbacjyc] {
    border: 4px solid rgba(108, 99, 255, 0.1);
    border-radius: 50%;
    border-top: 4px solid #6c63ff;
    width: 40px;
    height: 40px;
    animation: spin-b-mbwhbacjyc 1s linear infinite;
    margin-bottom: 1rem;
}

@keyframes spin-b-mbwhbacjyc {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.loading-text[b-mbwhbacjyc] {
    color: #495057;
    font-weight: 500;
}

.btn-fixed[b-mbwhbacjyc] {
    height: 43px;
    width: 150px;
}

/* Custom loading spinner */
.spinner-container[b-mbwhbacjyc] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.spinner-container-block[b-mbwhbacjyc] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.custom-spinner[b-mbwhbacjyc] {
    width: 50px;
    height: 50px;
    border: 5px solid rgba(67, 97, 238, 0.1);
    border-radius: 50%;
    border-top-color: #4361ee;
    animation: spinner-b-mbwhbacjyc 1s linear infinite;
}

@keyframes spinner-b-mbwhbacjyc {
    to {
        transform: rotate(360deg);
    }
}

.form-label[b-mbwhbacjyc] {
    font-weight: 500;
    margin-bottom: 0.5rem;
    color: #4b5563;
}

.col-form-label[b-mbwhbacjyc] {
    font-weight: 500;
    color: #4b5563;
}

.fixed-sidebar-actions[b-mbwhbacjyc] {
    position: fixed;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    z-index: 1000;
}

.fixed-sidebar-actions .btn[b-mbwhbacjyc] {
    width: 6rem;
    text-align: center;
}


.skill-group[b-mbwhbacjyc] {
    margin-bottom: 28px;
    position: relative;
}

.skill-group:last-child[b-mbwhbacjyc] {
    margin-bottom: 16px;
}

.skill-icon[b-mbwhbacjyc] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    color: white;
    font-weight: 600;
}

.help-text[b-mbwhbacjyc] {
    font-size: 0.85rem;
    color: #718096;
    margin-top: 6px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.help-text i[b-mbwhbacjyc] {
    color: #a0aec0;
}

.btn-fixed[b-mbwhbacjyc] {
    min-width: 100px;
    height: 44px;
    border-radius: 10px;
    font-weight: 600;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    border: none;
}

.mud-chart-bar[b-mbwhbacjyc] {
    stroke-width: 10px;
}
/* /Components/Pages/JobDescription/JobTemplates/JobTemplatesPage.razor.rz.scp.css */
.template-card[b-d0micbd0qy] {
    width: 22rem;
    height: 180px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.3s ease;
}

.template-card:hover[b-d0micbd0qy] {
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);
    transform: translateY(-3px);
}

.card-title[b-d0micbd0qy] {
    font-weight: 600;
    color: #212529;
}

.card-subtitle[b-d0micbd0qy] {
    font-size: 0.9rem;
    color: #6c757d;
}

.card-text[b-d0micbd0qy] {
    color: #6b7280;
    font-size: 1rem;
}

/* Style for aligning icons to the right side and keeping them in a column */
.template-card .d-flex.flex-column.align-items-end[b-d0micbd0qy] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;  /* Aligns the icons to the right side */
}

.template-card .btn-link[b-d0micbd0qy] {
    padding: 0;
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.template-card .btn-link i[b-d0micbd0qy] {
    font-size: 1.5rem;
}

.template-info[b-d0micbd0qy] {
    max-width: 75%;
}

.template-actions .btn-link[b-d0micbd0qy] {
    font-size: 1.5rem;
}

.template-actions .btn-link:not(:last-child)[b-d0micbd0qy] {
    margin-bottom: 0.5rem;
}

.template-options[b-d0micbd0qy] {
    display: flex;
    gap: 16px;
}

.template-option[b-d0micbd0qy] {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px 16px;
    background-color: #f9fafb;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
}

.template-option:hover[b-d0micbd0qy] {
    background-color: #f3f4f6;
    transform: translateY(-2px);
}

.template-option.selected[b-d0micbd0qy] {
    border-color: #6366f1;
    background-color: rgba(99, 102, 241, 0.05);
}

.template-option.selected[b-d0micbd0qy]::after {
    content: '';
    position: absolute;
    top: 14px;
    right: 14px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #6366f1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white' stroke-width='3'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M5 13l4 4L19 7' /%3E%3C/svg%3E");
    background-size: 12px;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-container[b-d0micbd0qy] {
    width: 52px;
    height: 52px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    background-color: rgba(99, 102, 241, 0.1);
    color: #6366f1;
}

.icon-container i[b-d0micbd0qy] {
    font-size: 1.5rem;
}

.btn-primary[b-d0micbd0qy] {
    background-color: #6366f1;
    border-color: #6366f1;
}

.btn-primary:hover[b-d0micbd0qy] {
    background-color: #4f46e5;
    border-color: #4f46e5;
}

.btn-primary:disabled[b-d0micbd0qy] {
    background-color: #a5b4fc;
    border-color: #a5b4fc;
}

.custom-select[b-d0micbd0qy] {
    height: 50px;
    background-color: #f8f9fa;
    border-radius: 8px;
    transition: all 0.2s ease;
    font-size: 16px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0.625rem 40px 0.625rem 1rem;
}

.custom-select:focus[b-d0micbd0qy] {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.15);
    background-color: #fff;
    outline: none;
}

.custom-select:hover[b-d0micbd0qy] {
    background-color: #f1f3f5;
}

.dropdown-container[b-d0micbd0qy] {
    margin-bottom: 0.5rem;
}

.select-icon[b-d0micbd0qy] {
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #6c757d;
    pointer-events: none;
}

.form-label[b-d0micbd0qy] {
    margin-bottom: 0.5rem;
    color: #495057;
}

/* Add animation for dropdown */
.custom-select:focus + .select-icon i[b-d0micbd0qy] {
    transform: translateY(-50%) rotate(180deg);
    transition: transform 0.3s ease;
}

/* Add style for upload*/
@keyframes fadeIn-b-d0micbd0qy {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideUp-b-d0micbd0qy {
    from { transform: translateY(20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

@keyframes pulse-b-d0micbd0qy {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.upload-modal[b-d0micbd0qy] {
    border-radius: 12px;
    background-color: white;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.1);
    animation: fadeIn-b-d0micbd0qy 0.3s ease-out;
    margin: 0 auto;
}

.btn-close[b-d0micbd0qy] {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: #6c757d;
    transition: color 0.2s;
    padding: 0.25rem;
    line-height: 1;
}

.btn-close:hover[b-d0micbd0qy] {
    color: #343a40;
}

.form-label[b-d0micbd0qy] {
    display: block;
    font-weight: 500;
    color: #495057;
    margin-bottom: 0.75rem;
}

.file-upload-container[b-d0micbd0qy] {
    position: relative;
    border: 2px dashed #dee2e6;
    border-radius: 8px;
    padding: 2rem;
    text-align: center;
    transition: all 0.3s;
    background-color: #f8f9fa;
    cursor: pointer;
}

.file-upload-container:hover[b-d0micbd0qy] {
    border-color: #6c63ff;
    background-color: #f0f0ff;
}

.file-upload-container.drag-active[b-d0micbd0qy] {
    border-color: #6c63ff;
    background-color: #f0f0ff;
    animation: pulse-b-d0micbd0qy 1s infinite;
}

.upload-icon[b-d0micbd0qy] {
    font-size: 2.5rem;
    color: #6c63ff;
    margin-bottom: 1rem;
}

.upload-text[b-d0micbd0qy] {
    font-size: 1rem;
    color: #495057;
    margin-bottom: 0.5rem;
}

.upload-formats[b-d0micbd0qy] {
    font-size: 0.85rem;
    color: #6c757d;
}

.file-input[b-d0micbd0qy] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.loading-container[b-d0micbd0qy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    animation: fadeIn-b-d0micbd0qy 0.3s ease-out;
}

.spinner[b-d0micbd0qy] {
    border: 4px solid rgba(108, 99, 255, 0.1);
    border-radius: 50%;
    border-top: 4px solid #6c63ff;
    width: 40px;
    height: 40px;
    animation: spin-b-d0micbd0qy 1s linear infinite;
    margin-bottom: 1rem;
}

@keyframes spin-b-d0micbd0qy {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.loading-text[b-d0micbd0qy] {
    color: #495057;
    font-weight: 500;
}

.btn-fixed[b-d0micbd0qy] {
    height: 43px;
    width: 150px;
}

/* Custom loading spinner */
.spinner-container[b-d0micbd0qy] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.spinner-container-block[b-d0micbd0qy] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.custom-spinner[b-d0micbd0qy] {
    width: 50px;
    height: 50px;
    border: 5px solid rgba(67, 97, 238, 0.1);
    border-radius: 50%;
    border-top-color: #4361ee;
    animation: spinner-b-d0micbd0qy 1s linear infinite;
}

@keyframes spinner-b-d0micbd0qy {
    to {
        transform: rotate(360deg);
    }
}

.form-label[b-d0micbd0qy] {
    font-weight: 500;
    margin-bottom: 0.5rem;
    color: #4b5563;
}

.col-form-label[b-d0micbd0qy] {
    font-weight: 500;
    color: #4b5563;
}

.fixed-sidebar-actions[b-d0micbd0qy] {
    position: fixed;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    z-index: 1000;
}

.fixed-sidebar-actions .btn[b-d0micbd0qy] {
    width: 6rem;
    text-align: center;
}

/* Drag and drop file upload styles */
.mud-border-primary[b-d0micbd0qy] {
    border-color: #6366f1 !important;
    background-color: rgba(99, 102, 241, 0.05) !important;
}

.mud-file-upload[b-d0micbd0qy] {
    position: relative;
    width: 100%;
}

.mud-file-upload input[type="file"][b-d0micbd0qy] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 10;
}

.mud-paper[b-d0micbd0qy] {
    transition: all 0.3s ease;
}

.mud-paper:hover[b-d0micbd0qy] {
    border-color: #6366f1;
    background-color: rgba(99, 102, 241, 0.02);
}

.mud-chip[b-d0micbd0qy] {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/Pages/Recruiting/RecruitingPage.razor.rz.scp.css */
.recruiting-table[b-hmcm9bt289] {
    font-size: 0.875rem;
    table-layout: fixed;
    width: 100%;
}

.recruiting-table th[b-hmcm9bt289],
.recruiting-table td[b-hmcm9bt289] {
    padding: 0.375rem 0.25rem !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.recruiting-table .col-seniority[b-hmcm9bt289],
.recruiting-table .col-client[b-hmcm9bt289],
.recruiting-table .col-time-close[b-hmcm9bt289],
.recruiting-table .col-opened[b-hmcm9bt289],
.recruiting-table .col-closed[b-hmcm9bt289],
.recruiting-table .col-candidate[b-hmcm9bt289],
.recruiting-table .col-recruiter[b-hmcm9bt289],
.recruiting-table .col-requested[b-hmcm9bt289],
.recruiting-table .col-job-name[b-hmcm9bt289],
.recruiting-table .col-start[b-hmcm9bt289],
.recruiting-table .col-new[b-hmcm9bt289],
.recruiting-table .col-locations[b-hmcm9bt289] {
    white-space: normal !important;
    word-wrap: break-word;
    line-height: 1.2;
    padding: 0.25rem 0.15rem !important;
}

.recruiting-table th[b-hmcm9bt289] {
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    user-select: none;
}

.recruiting-table .col-job-name[b-hmcm9bt289] { width: 12%; }
.recruiting-table .col-seniority[b-hmcm9bt289] { width: 6%; }
.recruiting-table .col-client[b-hmcm9bt289] { width: 8%; }
.recruiting-table .col-rao[b-hmcm9bt289] { width: 5%; }
.recruiting-table .col-locations[b-hmcm9bt289] { width: 8%; }
.recruiting-table .col-client-interview[b-hmcm9bt289] { width: 5%; }
.recruiting-table .col-billing[b-hmcm9bt289] { width: 110px !important; }
.recruiting-table .col-requested[b-hmcm9bt289] { width: 7%; }
.recruiting-table .col-status[b-hmcm9bt289] { width: 100px !important; }
.recruiting-table .col-recruiter[b-hmcm9bt289] { width: 120px !important; }
.recruiting-table .col-priority[b-hmcm9bt289] { width: 3%; }
.recruiting-table .col-candidates[b-hmcm9bt289] { width: 4%; }
.recruiting-table .col-hr[b-hmcm9bt289] { width: 3%; }
.recruiting-table .col-cp[b-hmcm9bt289] { width: 3%; }
.recruiting-table .col-ti[b-hmcm9bt289] { width: 3%; }
.recruiting-table .col-cpp[b-hmcm9bt289] { width: 3%; }
.recruiting-table .col-ci[b-hmcm9bt289] { width: 3%; }
.recruiting-table .col-opened[b-hmcm9bt289] { width: 5%; }
.recruiting-table .col-closed[b-hmcm9bt289] { width: 5%; }
.recruiting-table .col-time-close[b-hmcm9bt289] { width: 7%; }
.recruiting-table .col-offers[b-hmcm9bt289] { width: 4%; }
.recruiting-table .col-start[b-hmcm9bt289] { width: 6%; }
.recruiting-table .col-new[b-hmcm9bt289] { width: 6%; }
.recruiting-table .col-source[b-hmcm9bt289] { width: 6%; }
.recruiting-table .col-candidate[b-hmcm9bt289] { width: 8%; }


.btn-link.candidate-link[b-hmcm9bt289] {
    padding: 0 !important;
    font-size: inherit;
    text-decoration: none;
    max-width: 100%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stage-badge[b-hmcm9bt289] {
    display: inline-block;
    min-width: 20px;
    padding: 1px 4px;
    border-radius: 3px;
    background: #f8f9fa;
    font-size: 0.75rem;
    text-align: center;
}

@media (max-width: 1400px) {
    .recruiting-table[b-hmcm9bt289] {
        font-size: 0.8rem;
    }
    .recruiting-table th[b-hmcm9bt289],
    .recruiting-table td[b-hmcm9bt289] {
        padding: 0.25rem 0.15rem !important;
    }
}

@media (max-width: 1200px) {
    .recruiting-table[b-hmcm9bt289] {
        font-size: 0.75rem;
    }
}

.header-grid[b-hmcm9bt289]{
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
}
.header-grid .card-title[b-hmcm9bt289]{ justify-self: start; white-space: nowrap; }
.header-grid .period-controls[b-hmcm9bt289]{ justify-self: center; }
.header-grid > div:last-child[b-hmcm9bt289]{ justify-self: end; }
/* /Components/Pages/Settings/Competence.razor.rz.scp.css */
.competences-page[b-vt6nzz2iwc] {
    --brand-sky:#4AC4FF;
}

.btn-sky[b-vt6nzz2iwc] {
    background-color:#4AC4FF;
    border-color:#4AC4FF;
    color:#fff!important;
    font-weight:500;
}

.btn-sky i[b-vt6nzz2iwc] {
    color:#fff!important;
}

.btn-sky:hover[b-vt6nzz2iwc],.btn-sky:focus[b-vt6nzz2iwc] {
    background-color:#36b5f2;
    border-color:#36b5f2;
    color:#fff!important;
}

.competences-page .list-group-item.active[b-vt6nzz2iwc] {
    background-color:var(--brand-sky);
    border-color:var(--brand-sky);
    color:#fff;
}

.competences-page .list-group-item.active h6[b-vt6nzz2iwc] {
    color:#fff;
}

.competences-page .list-group-item.active .btn-link[b-vt6nzz2iwc] {
    color:#fff!important;
}

.competences-shell[b-vt6nzz2iwc] {
    min-height:calc(100svh - 100px);
    display:flex;
    gap:16px;
    align-items:flex-start;
}

.competences-panel[b-vt6nzz2iwc] {
    flex:1 1 50%;
    min-width:0;
    display:flex;
    flex-direction:column;
}

.subcompetences-panel[b-vt6nzz2iwc] {
    flex:1 1 50%;
    min-width:0;
    display:flex;
    flex-direction:column;
    position:sticky;
    top:16px;
    align-self:flex-start;
    height:calc(100vh - 32px);
}

.competences-panel .card-body[b-vt6nzz2iwc] {
    display:flex;
    flex-direction:column;
}

.subcompetences-panel .card-body[b-vt6nzz2iwc] {
    display:flex;
    flex-direction:column;
    overflow-y:auto;
}

.subcompetences-panel .card-body[b-vt6nzz2iwc]::-webkit-scrollbar {
    width:8px;
}

.subcompetences-panel .card-body[b-vt6nzz2iwc]::-webkit-scrollbar-track {
    background:#f8f9fa;
    border-radius:4px;
}

.subcompetences-panel .card-body[b-vt6nzz2iwc]::-webkit-scrollbar-thumb {
    background:#cbd5e1;
    border-radius:4px;
}

.subcompetences-panel .card-body[b-vt6nzz2iwc]::-webkit-scrollbar-thumb:hover {
    background:#94a3b8;
}

.g-list[b-vt6nzz2iwc] {
    display:flex;
    flex-direction:column;
    gap:12px;
}

.g-item[b-vt6nzz2iwc] {
    border: 1px solid #eef2f6;
    border-radius: 8px;
    padding: 12px 16px;
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease;
}

.g-item:hover[b-vt6nzz2iwc] {
    border-color:#dbe2ea;
    box-shadow:0 2px 10px rgba(15,23,42,.06);
}

.g-item-row[b-vt6nzz2iwc] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.g-title[b-vt6nzz2iwc] {
    font-weight:500;
    flex: 1;
    min-width: 0;
}

.g-badges[b-vt6nzz2iwc] {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

.g-actions[b-vt6nzz2iwc] {
    display: flex;
    gap: 12px;
    flex-shrink: 0;
}

.g-actions .btn[b-vt6nzz2iwc] {
    line-height:1;
}

.g-sub[b-vt6nzz2iwc] {
    margin-top: 8px;
    padding-left: 12px;
    color: #98A2B3;
    font-size: .875rem;
    border-left: 2px solid #e9ecef;
}

.g-item.is-active .g-sub[b-vt6nzz2iwc] {
    color: rgba(255,255,255,.85);
    border-left-color: rgba(255,255,255,.3);
}

.g-item.is-active[b-vt6nzz2iwc] {
    background:var(--brand-sky);
    border-color:var(--brand-sky);
    color:#fff;
}

.g-item.is-active .g-title[b-vt6nzz2iwc] {
    color:#fff;
}

.g-item.is-active .btn-link[b-vt6nzz2iwc] {
    color:#fff !important;
}

.sg-list[b-vt6nzz2iwc] {
    display:flex;
    flex-direction:column;
    gap:12px;
}

.sg-item[b-vt6nzz2iwc] {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:12px 14px;
    border:1px solid #e9ecef;
    border-radius:.5rem;
    background:#fff;
}

.sg-item:hover[b-vt6nzz2iwc] {
    border-color:#dbe2ea;
    box-shadow:0 2px 10px rgba(15,23,42,.06);
}

.sg-title[b-vt6nzz2iwc] {
    font-weight:500;
}

.sg-actions .btn[b-vt6nzz2iwc] {
    line-height:1;
}

.card-header[b-vt6nzz2iwc] {
    position:sticky;
    top:0;
    z-index:1;
    background:#fff;
}

@media (max-width: 990px){
    .competences-shell[b-vt6nzz2iwc]{
        flex-direction:column;
        align-items:stretch;
    }
    .competences-panel[b-vt6nzz2iwc]{
        flex-basis:auto;
    }
    .subcompetences-panel[b-vt6nzz2iwc] {
        position:relative;
        top:auto;
        max-height:none;
    }
}
/* /Components/Pages/Settings/Grade.razor.rz.scp.css */
.grades-page[b-t1lqc35u9a] { 
    --brand-sky:#4AC4FF; 
}

.btn-sky[b-t1lqc35u9a] { 
    background-color:#4AC4FF;
    border-color:#4AC4FF;
    color:#fff!important;
    font-weight:500;
}

.btn-sky i[b-t1lqc35u9a] { 
    color:#fff!important;
}

.btn-sky:hover[b-t1lqc35u9a],.btn-sky:focus[b-t1lqc35u9a] { 
    background-color:#36b5f2;
    border-color:#36b5f2;
    color:#fff!important; 
}

.grades-page .list-group-item.active[b-t1lqc35u9a] { 
    background-color:var(--brand-sky);
    border-color:var(--brand-sky);
    color:#fff;
}

.grades-page .list-group-item.active h6[b-t1lqc35u9a] { 
    color:#fff;
}

.grades-page .list-group-item.active .btn-link[b-t1lqc35u9a] {
    color:#fff!important; 
}

.grades-shell[b-t1lqc35u9a] { 
    min-height:calc(100svh - 100px);
    display:flex;
    gap:16px;
    align-items:stretch;
}

.grades-panel[b-t1lqc35u9a],.subgrades-panel[b-t1lqc35u9a] { 
    flex:1 1 50%;
    min-width:0;
    display:flex;
    flex-direction:column; 
}

.grades-panel .card-body[b-t1lqc35u9a],
.subgrades-panel .card-body[b-t1lqc35u9a] { 
    display:flex;
    flex-direction:column;
}

.g-list[b-t1lqc35u9a] { 
    display:flex;
    flex-direction:column;
    gap:12px;
}

.g-item[b-t1lqc35u9a] {
    display: flex;
    align-items: center;
    gap: 12px;
    border: 1px solid #eef2f6;
    border-radius: 8px;
    padding: 12px 16px;
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease;
}

.g-item:hover[b-t1lqc35u9a] {
    border-color:#dbe2ea;
    box-shadow:0 2px 10px rgba(15,23,42,.06);
}

.g-title[b-t1lqc35u9a] { 
    font-weight:500;
}

.g-actions .btn[b-t1lqc35u9a] { 
    line-height:1;
}

.g-sub[b-t1lqc35u9a] {
    margin-left: auto;
    margin-right: 12px;
    color: #98A2B3;
    font-size: .875rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 45%;
}

.g-item.is-active .g-sub[b-t1lqc35u9a] { 
    color: rgba(255,255,255,.85);
}

.g-actions[b-t1lqc35u9a] { 
    margin-left: 12px;
    display: flex;
    gap: 12px; 
}

.g-item.is-active[b-t1lqc35u9a] { 
    background:var(--brand-sky);
    border-color:var(--brand-sky);
    color:#fff; 
}

.g-item.is-active .g-title[b-t1lqc35u9a] { 
    color:#fff;
}

.g-item.is-active .btn-link[b-t1lqc35u9a] {
    color:#fff !important;
}

.sg-list[b-t1lqc35u9a] {
    display:flex;
    flex-direction:column;
    gap:12px;
}

.sg-item[b-t1lqc35u9a] {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:12px 14px;
    border:1px solid #e9ecef;
    border-radius:.5rem;
    background:#fff;
}

.sg-item:hover[b-t1lqc35u9a] { 
    border-color:#dbe2ea;
    box-shadow:0 2px 10px rgba(15,23,42,.06);
}

.sg-title[b-t1lqc35u9a] {
    font-weight:500;
}

.sg-actions .btn[b-t1lqc35u9a] {
    line-height:1; 
}

.card-header[b-t1lqc35u9a] {
    position:sticky;
    top:0;
    z-index:1;
    background:#fff;
}

@media (max-width: 990px){
    .grades-shell[b-t1lqc35u9a]{ flex-direction:column; }
    .grades-panel[b-t1lqc35u9a]{ flex-basis:auto; }
}
/* /Components/Pages/SkillsMatrix/SkillsMatrixBuilder.razor.rz.scp.css */
.defaults-section[b-jfijovvh6p] {
    background: #f1f5f9;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 24px;
}

.defaults-toggle[b-jfijovvh6p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    margin-bottom: 16px;
    cursor: pointer;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
}

.defaults-toggle:hover[b-jfijovvh6p] {
    background: #e2e8f0;
}

.defaults-toggle-left[b-jfijovvh6p] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.defaults-label[b-jfijovvh6p] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
    color: #64748b;
    font-size: 14px;
    font-weight: 500;
}

.defaults-value-box[b-jfijovvh6p] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 12px;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 16px;
    white-space: pre-wrap;
}

.defaults-roadmap-label[b-jfijovvh6p] {
    font-size: 14px;
    font-weight: 500;
    color: #64748b;
    margin-bottom: 12px;
}

.defaults-roadmap-item[b-jfijovvh6p] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 10px 12px;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 8px;
    display: flex;
    gap: 6px;
}

.defaults-roadmap-index[b-jfijovvh6p] {
    font-weight: 600;
    color: #64748b;
}

.custom-roadmap-container[b-jfijovvh6p] {
    margin-top: 16px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 16px;
}

.custom-roadmap-title[b-jfijovvh6p] {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 12px;
}

.roadmap-row[b-jfijovvh6p] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 12px;
}

.roadmap-drag[b-jfijovvh6p] {
    padding: 0 8px;
    font-size: 16px;
    color: #94a3b8;
    cursor: grab;
    line-height: 44px;
}

.roadmap-index[b-jfijovvh6p] {
    width: 24px;
    font-size: 14px;
    font-weight: 500;
    color: #64748b;
    text-align: right;
    margin-top: 10px;
}

.roadmap-input[b-jfijovvh6p] {
    flex: 1;
    min-height: 44px;
    border-radius: 6px;
    border: 1px solid #e2e8f0;
    padding: 10px 12px;
    font-size: 14px;
    line-height: 1.5;
    resize: vertical;
    background: white;
}

.roadmap-delete[b-jfijovvh6p] {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-top: 6px;
    color: #64748b;
}

.roadmap-delete:hover[b-jfijovvh6p] {
    background: #fee2e2;
    color: #ef4444;
}

.add-roadmap-btn[b-jfijovvh6p] {
    margin-top: 8px;
    padding: 8px 12px;
    border-radius: 6px;
    border: none;
    background: transparent;
    color: #2e75b6;
    font-size: 14px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

.add-roadmap-btn:hover[b-jfijovvh6p] {
    background: #f0f9ff;
}

.roadmap-tip[b-jfijovvh6p] {
    margin-top: 12px;
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 6px;
    padding: 12px;
    font-size: 13px;
    color: #78350f;
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.roadmap-move[b-jfijovvh6p] {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    border: 1px solid #e2e8f0;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-top: 6px;
    color: #64748b;
}

.roadmap-move:hover[b-jfijovvh6p] {
    background: #f1f5f9;
}

.roadmap-move:disabled[b-jfijovvh6p] {
    opacity: 0.4;
    cursor: not-allowed;
}

.roadmap-move-col[b-jfijovvh6p] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 6px
}

.roadmap-icon-btn[b-jfijovvh6p] {
    padding: 4px !important;
    width: 26px !important;
    height: 26px !important;
    border-radius: 6px !important;
}
/* /Components/Pages/SkillsMatrix/SkillsMatrixItemDetailsPage.razor.rz.scp.css */
.roadmap-modal-backdrop[b-zyo33zoawx] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(15, 23, 42, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
    padding: 24px;
}

.roadmap-modal[b-zyo33zoawx] {
    width: 100%;
    max-width: 600px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 20px 25px -5px rgba(15, 23, 42, 0.3), 0 10px 10px -5px rgba(15, 23, 42, 0.25);
    border: 1px solid #e2e8f0;
    display: flex;
    flex-direction: column;
    max-height: 85vh;
}

.roadmap-modal-header[b-zyo33zoawx] {
    padding: 20px 24px;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.roadmap-modal-title[b-zyo33zoawx] {
    font-size: 20px;
    font-weight: 600;
    color: #1e293b;
}

.roadmap-modal-close[b-zyo33zoawx] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #64748b;
    cursor: pointer;
}

.roadmap-modal-close:hover[b-zyo33zoawx] {
    background: #f1f5f9;
}

.roadmap-modal-body[b-zyo33zoawx] {
    padding: 20px 24px 16px 24px;
    overflow-y: auto;
    flex: 1;
}

.roadmap-checkbox-row[b-zyo33zoawx] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 12px;
}

.roadmap-checkbox-box[b-zyo33zoawx] {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 2px solid #cbd5e1;
    background: white;
    flex-shrink: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2e75b6;
    font-size: 13px;
}

.roadmap-checkbox-box.checked[b-zyo33zoawx] {
    background: #2e75b6;
    border-color: #2e75b6;
    color: white;
}

.roadmap-checkbox-label[b-zyo33zoawx] {
    font-size: 14px;
    color: #1e293b;
    font-weight: 500;
    cursor: pointer;
}

.roadmap-checkbox-help[b-zyo33zoawx] {
    margin-top: 4px;
    font-size: 13px;
    color: #64748b;
    line-height: 1.5;
}

.roadmap-separator[b-zyo33zoawx] {
    margin: 20px 0;
    height: 1px;
    background: #e2e8f0;
}

.roadmap-container[b-zyo33zoawx] {
    margin-top: 16px;
    padding: 16px;
    border-radius: 8px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

.roadmap-container-header[b-zyo33zoawx] {
    font-size: 14px;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 12px;
}

.roadmap-item-row[b-zyo33zoawx] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 12px;
}

.roadmap-drag-handle[b-zyo33zoawx] {
    padding: 0 4px;
    font-size: 14px;
    color: #94a3b8;
    cursor: grab;
    line-height: 44px;
}

.roadmap-item-number[b-zyo33zoawx] {
    font-size: 14px;
    font-weight: 500;
    color: #64748b;
    width: 20px;
    line-height: 44px;
}

.roadmap-item-input-wrapper[b-zyo33zoawx] {
    flex: 1;
}

.roadmap-item-input[b-zyo33zoawx] {
    width: 100%;
    min-height: 44px;
    border-radius: 6px;
    border: 1px solid #e2e8f0;
    background: white;
    padding: 10px 12px;
    font-size: 14px;
    color: #1e293b;
    resize: vertical;
}

.roadmap-item-input[b-zyo33zoawx]::placeholder {
    color: #94a3b8;
    font-style: italic;
}

.roadmap-delete-btn[b-zyo33zoawx] {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #64748b;
    cursor: pointer;
    margin-top: 6px;
}

.roadmap-delete-btn:hover[b-zyo33zoawx] {
    background: #fee2e2;
    color: #ef4444;
}

.roadmap-add-btn[b-zyo33zoawx] {
    margin-top: 8px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    border-radius: 6px;
    border: none;
    background: transparent;
    font-size: 14px;
    font-weight: 500;
    color: #2e75b6;
    cursor: pointer;
}

.roadmap-add-btn:hover[b-zyo33zoawx] {
    background: #f0f9ff;
}

.roadmap-tip-box[b-zyo33zoawx] {
    margin-top: 12px;
    padding: 12px;
    border-radius: 6px;
    background: #fffbeb;
    border: 1px solid #fde68a;
    font-size: 13px;
    color: #78350f;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    line-height: 1.5;
}

.roadmap-modal-footer[b-zyo33zoawx] {
    padding: 16px 24px 20px 24px;
    border-top: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}

.roadmap-btn-secondary[b-zyo33zoawx] {
    height: 40px;
    padding: 0 20px;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    background: white;
    font-size: 14px;
    font-weight: 500;
    color: #475569;
    cursor: pointer;
}

.roadmap-btn-secondary:hover[b-zyo33zoawx] {
    background: #f1f5f9;
    border-color: #cbd5e1;
}

.roadmap-btn-primary[b-zyo33zoawx] {
    height: 40px;
    padding: 0 24px;
    border-radius: 8px;
    border: none;
    background: #2e75b6;
    color: white;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

.roadmap-btn-primary:hover[b-zyo33zoawx] {
    background: #1e5a8e;
}

.roadmap-move-col[b-zyo33zoawx] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 6px;
    flex-shrink: 0;
}

.roadmap-move-btn[b-zyo33zoawx] {
    width: 22px;
    height: 22px;
    border-radius: 6px;
    border: 1px solid #e2e8f0;
    background: white;
    color: #64748b;
    font-size: 14px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
}

.roadmap-move-btn:hover[b-zyo33zoawx] {
    background: #f1f5f9;
}

.roadmap-move-btn:disabled[b-zyo33zoawx] {
    opacity: 0.35;
    cursor: not-allowed;
}

.rm-mud-checkbox[b-zyo33zoawx] {
    align-items: flex-start;
}

.rm-help[b-zyo33zoawx] {
    color: #64748b;
    line-height: 1.5;
}
/* /Components/Pages/Statistics/CandidatesStatistics.razor.rz.scp.css */
.card[b-k4enbei0uv] {
    transition: all 0.3s ease;
}
.card:hover[b-k4enbei0uv] {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
}

.positive-card[b-k4enbei0uv] {
    border-left: 4px solid #28a745 !important;
}
.negative-card[b-k4enbei0uv] {
    border-left: 4px solid #dc3545 !important;
}
.neutral-card[b-k4enbei0uv] {
    border-left: 4px solid #6c757d !important;
}
.all-card[b-k4enbei0uv] {
    border-left: 4px solid #0d6efd !important;
}

.multi-select-option .checkbox[b-k4enbei0uv] {
    margin-right: 10px;
    color: #6c757d;
}

.multi-select-option.selected .checkbox[b-k4enbei0uv] {
    color: #0d6efd;
}

.multi-select-actions button[b-k4enbei0uv] {
    border: none;
    background: none;
    color: #0d6efd;
    font-size: 0.9rem;
    cursor: pointer;
    text-decoration: none;
}

.multi-select-actions button:hover[b-k4enbei0uv] {
    text-decoration: underline;
}

.selection-badge .remove-badge[b-k4enbei0uv] {
    margin-left: 5px;
    cursor: pointer;
    opacity: 0.7;
}

.selection-badge .remove-badge:hover[b-k4enbei0uv] {
    opacity: 1;
}

.sticky-average[b-k4enbei0uv] {
    position: sticky;
    top: 0;
    z-index: 999;
    background: #FFFFFF !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 0.25rem;
    transition: all 0.3s ease;
}

.sticky-average-header[b-k4enbei0uv] {
    padding: 0.75rem 1rem;
    background: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    user-select: none;
}

.sticky-average-header:hover[b-k4enbei0uv] {
    background: #e9ecef;
}

.sticky-average-content[b-k4enbei0uv] {
    padding: 1rem;
    transition: all 0.3s ease;
    overflow: hidden;
}

.sticky-average-content.collapsed[b-k4enbei0uv] {
    max-height: 0;
    padding: 0 1rem;
    opacity: 0;
}

.toggle-icon[b-k4enbei0uv] {
    transition: transform 0.3s ease;
    font-size: 1.2rem;
}

.toggle-icon.collapsed[b-k4enbei0uv] {
    transform: rotate(-90deg);
}

.sticky-average.collapsed-state[b-k4enbei0uv] {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}
/* /Components/Pages/TalentProviders/JobTalentProviderPage.razor.rz.scp.css */
body[b-uvl7qne59t] {
    font-family: 'Montserrat', sans-serif;
    background-color: #f8f9fa;
    color: #343a40;
    line-height: 1.6;
}

.candidate-container[b-uvl7qne59t] {
    background-color: transparent;
    border-radius: 12px;
    padding: 30px;
    margin: 20px auto;
}

.resume-container[b-uvl7qne59t] {
    background-color: transparent;
    border-radius: 12px;
    padding: 0 30px 30px;
    margin: 20px auto;
}

.header[b-uvl7qne59t] {
    margin-bottom: 25px;
}

.candidate-id[b-uvl7qne59t] {
    color: #4A5460;
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 10px;
}

.status-badge[b-uvl7qne59t] {
    display: inline-block;
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
}

.status-review[b-uvl7qne59t] {
    background-color: #EAFAE4;
    color: #5a8f44;
}

.status-interview[b-uvl7qne59t] {
    background-color: #DBF2FF;
    color: #23A8E8;
}

.status-later[b-uvl7qne59t] {
    background-color: #FBE7D9;
    color: #F97316;
}

.status-reject[b-uvl7qne59t] {
    background-color: #FAC7C7;
    color: #E13535;
}

.section-card[b-uvl7qne59t] {
    background-color: rgba(237, 237, 237, 0.24);
    border: 1px solid rgba(215, 215, 215, 1);
    border-radius: 8px;
    margin-bottom: 20px;
    overflow: hidden;
}

.section-title[b-uvl7qne59t] {
    background-color: transparent;
    padding: 18px 25px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-transform: uppercase;
    color: #262626;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    transition: background-color 0.2s ease-in-out, border-color 0.35s ease;
}

.section-title:hover[b-uvl7qne59t] {
    background-color: #e9ecef;
}

.section-title[b-uvl7qne59t]:after {
    content: "";
    border: solid #495057;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(45deg);
    transition: transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.section-title.expanded[b-uvl7qne59t] {
    border-bottom-color: #dee2e6;
}

.section-title.expanded[b-uvl7qne59t]:after {
    transform: rotate(-135deg);
}

.section-content[b-uvl7qne59t] {
    padding: 0 24px;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.35s cubic-bezier(0.645, 0.045, 0.355, 1),
    opacity 0.3s ease-in-out,
    padding-top 0.35s cubic-bezier(0.645, 0.045, 0.355, 1),
    padding-bottom 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.section-content.active[b-uvl7qne59t] {
    padding: 15px 24px 15px 24px;
    max-height: 2000px;
    opacity: 1;
}

.summary-section-content[b-uvl7qne59t] {
    background-color: rgba(237, 237, 237, 0.24);
    padding: 0 24px;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.35s cubic-bezier(0.645, 0.045, 0.355, 1),
    opacity 0.3s ease-in-out,
    padding-top 0.35s cubic-bezier(0.645, 0.045, 0.355, 1),
    padding-bottom 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.summary-section-content.active[b-uvl7qne59t] {
    padding: 24px;
    max-height: 2000px;
    opacity: 1;
}

.responsibilities[b-uvl7qne59t] {
    padding-left: 20px;
    margin-top: 10px;
}

.responsibilities li[b-uvl7qne59t] {
    margin-bottom: 8px;
}

ul.responsibilities[style*="column-count"][b-uvl7qne59t] {
    padding-left: 20px;
}

.experience-item[b-uvl7qne59t] {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e9ecef;
}

.experience-item:last-child[b-uvl7qne59t] {
    border-bottom: none;
    margin-bottom: 0;
}

.job-header[b-uvl7qne59t] {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5px;
}

.job-position[b-uvl7qne59t] {
    font-weight: bold;
    margin-right: 5px;
}

.edu-header[b-uvl7qne59t] {
    color: #262626;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5px;
}

.edu-info[b-uvl7qne59t] {
    color: #2D3648;
    font-size: 16px;
    font-weight: 400;
}

.company[b-uvl7qne59t] {
    color: #495057;
}

.date[b-uvl7qne59t] {
    color: #797979;
    font-size: 16px;
    font-weight: 400;
}

.project-name[b-uvl7qne59t] {
    margin-top: 10px;
}

.tech-stack[b-uvl7qne59t] {
    margin: 10px 0;
    color: #343a40;
}

.section-text[b-uvl7qne59t] {
    color: #262626;
    font-size: 16px;
    font-weight: 400;
}

.section-summary[b-uvl7qne59t] {
    color: #262626;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    padding: 10px 0;
    text-transform: uppercase;
}


.top-nav-bar[b-uvl7qne59t] {
    position: sticky !important;
    height: 82px;
    z-index: 1000;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #ffffff;
    border-bottom: 1px solid #e0e0e0;
    width: 100%;
    box-sizing: border-box;
}

.expired-logo-container[b-uvl7qne59t] {
    height: 115px;
    width: 121px;
    margin-bottom: 2.5rem;
}

.logo-container-nav[b-uvl7qne59t] {
    margin-left: 30px;
    display: flex;
    align-items: center;
    padding: 0;
}

.nav-logo-opinov8[b-uvl7qne59t],
.nav-logo-client[b-uvl7qne59t] {
    height: 35px;
    width: auto;
}

.logo-separator[b-uvl7qne59t] {
    display: block;
    width: 1px;
    height: 28px;
    background-color: #ccc;
    margin: 0 15px;
}

.nav-actions[b-uvl7qne59t] {
    display: flex;
    align-items: center;
    gap: 24px;
}

.nav-action-button[b-uvl7qne59t] {
    height: 48px;
    margin-left: 10px;
    border-radius: 20px;
    padding: 8px 15px;
    font-size: 16px;
}

.btn-pass[b-uvl7qne59t] {
    color: #E13535;
    font-weight: 700;
}

.btn-later[b-uvl7qne59t] {
    background-color: #FFFFFF;
    color: #4AC4FF !important;
    font-weight: 700;
    line-height: 1;
    border: 2px solid #4AC4FF;
    border-radius: 30px;
    padding: 8px 24px;
    display: inline-block;
    text-align: center;
    box-shadow: none;
    outline: none;
}

.btn-later:hover[b-uvl7qne59t] {
    background-color: rgba(74, 196, 255, 0.1);
}

.btn-interview[b-uvl7qne59t] {
    background-color: #4AC4FF;
    color: #FFFFFF !important;
    font-weight: 700;
    line-height: 1;
    border: none;
    border-radius: 30px;
    padding: 8px 24px;
    display: inline-block;
    text-align: center;
    box-shadow: none;
    outline: none;
}

.btn-interview:hover[b-uvl7qne59t] {
    background-color: #3AB0E6;
}

.modal-footer .btn[b-uvl7qne59t] {
    border-radius: 30px;
    padding: 8px 24px;
    font-weight: 700;
    font-size: 14px;
}

.modal-footer .btn-outline-secondary[b-uvl7qne59t] {
    color: #4AC4FF !important;
    background-color: transparent !important;
    border: 2px solid #4AC4FF !important;
}
.modal-footer .btn-outline-secondary:hover[b-uvl7qne59t] {
    background-color: rgba(74, 196, 255, 0.1) !important;
}

.modal-footer .btn-primary[b-uvl7qne59t] {
    color: #FFFFFF !important;
    background-color: #4AC4FF !important;
    border: none !important;
}
.modal-footer .btn-primary:hover[b-uvl7qne59t] {
    background-color: #3AB0E6 !important;
}

.btn-add-date-time[b-uvl7qne59t] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    font: inherit;
    font-weight: 700;
    font-size: 14px;
    color: #4A5460;
    cursor: pointer;
    outline: none;
}

.btn-add-date-time:hover[b-uvl7qne59t],
.btn-add-date-time:focus[b-uvl7qne59t],
.btn-add-date-time:active[b-uvl7qne59t] {
    text-decoration: none;
    background: none;
    border: none;
    outline: none;
}

.b6[b-uvl7qne59t] {
    font-size: 16px;
    font-weight: 700;
    color: #262626;
}

.b5[b-uvl7qne59t] {
    font-size: 16px;
    font-weight: 600;
    color: #4A5460;
}

.b4[b-uvl7qne59t] {
    font-size: 16px;
    font-weight: 400;
    color: #4A5460;
}

.b2[b-uvl7qne59t] {
    font-size: 14px;
    font-weight: 500;
    color: #262626;
}

.b1[b-uvl7qne59t] {
    font-size: 14px;
    font-weight: 400;
    color: #4A5460
}

.h5[b-uvl7qne59t] {
    font-size: 24px;
    font-weight: 800;
    color: #262626;
}

.custom-radio[b-uvl7qne59t] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.form-check-label[b-uvl7qne59t] {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    user-select: none;
}

.custom-radio:checked ~ .form-check-label[b-uvl7qne59t]::before {
    border-color: #2196F3;
}

.custom-radio:not(:checked):hover ~ .form-check-label[b-uvl7qne59t]::before {
    border-color: #aaa;
}

.form-check-label[b-uvl7qne59t]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 20px;
    width: 20px;
    background-color: white;
    border: 2px solid #ccc;
    border-radius: 50%;
    transition: all 0.2s ease;
}

.form-check-label[b-uvl7qne59t]::after {
    content: "";
    position: absolute;
    display: none;
    top: 50%;
    left: 10px;
    transform: translate(-50%, -50%);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #2196F3;
    transition: all 0.2s ease;
}

.custom-radio:checked ~ .form-check-label[b-uvl7qne59t]::after {
    display: block;
}

.form-check[b-uvl7qne59t] {
    position: relative;
    display: inline-flex;
    align-items: flex-start;
    padding-left: 0 !important;
}

.custom-radio:focus ~ .form-check-label[b-uvl7qne59t]::before {
    box-shadow: 0 0 0 3px rgba(33, 150, 243, 0.25);
}

.custom-height[b-uvl7qne59t] {
    height: 40px !important;
    line-height: 40px;
    padding-top: 0;
    padding-bottom: 0;
}

.custom-rating-gap .mud-ripple[b-uvl7qne59t] {
    margin-left: 15px !important;
}

.custom-rating-gap .mud-svg-icon path:not([fill="none"])[b-uvl7qne59t] {
    fill: #4AC4FF !important;
}

.custom-rating-gap .mud-svg-icon[b-uvl7qne59t] {
    height: 30px !important;
    width: 30px !important;
}

.nav-action-button[disabled][b-uvl7qne59t] {
    border-color: #D7D7D7 !important;
    color: #868686 !important;
    cursor: not-allowed;
    background-color: transparent;
}

.btn-interview[disabled][b-uvl7qne59t] {
    background-color: #D7D7D7 !important;
    border-color: #D7D7D7 !important;
    color: #868686 !important;
}

/* New Css */
.form-container[b-uvl7qne59t] {
    padding: 1.5rem;
    border: 2px dashed blue !important;
    background: rgba(0,0,255,0.05) !important;
    border-radius: 0.25rem;
}

.upload-area[b-uvl7qne59t] {
    position: relative;
    border: 2px dashed #ccc;
    border-radius: 8px;
    padding: 40px;
    text-align: center;
    cursor: pointer;
    transition: border-color .3s;
}

.upload-area.dragover[b-uvl7qne59t] { 
    border-color: #0d6efd; 
}

.upload-area .file-input[b-uvl7qne59t] {
    position: absolute;
    inset: 0;
    opacity: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.upload-text[b-uvl7qne59t] { margin-top: .5rem; z-index: 1; }

.upload-icon[b-uvl7qne59t] {
    z-index: 1;
    font-size: 2rem;
    margin-bottom: 0.5rem;
}

.skill-group[b-uvl7qne59t] {
    margin-bottom: 1.5rem;
}
.skill-header[b-uvl7qne59t] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 0.5rem;
}
.skill-questions span[b-uvl7qne59t] {
    display: block;
    font-size: 0.85rem;
    color: #666;
}
.slider-container[b-uvl7qne59t] {
    display: flex;
    align-items: center;
}
.form-range[b-uvl7qne59t] {
    flex: 1;
}
h1[b-uvl7qne59t] {
    font-size: 1.75rem;
    margin-bottom: 1rem;
}
h2[b-uvl7qne59t] {
    font-size: 1.25rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
    font-weight: 500;
}

.provider-section-name[b-uvl7qne59t] {
    font-size: 18px;
    font-weight: 700;
    color: rgba(150, 150, 150, 1);
    text-transform: uppercase;
}

.form-select option[disabled][b-uvl7qne59t] {
    display: none;
}

.form-select[b-uvl7qne59t] {
    height: 3rem !important;
}

.btn-primary:disabled[b-uvl7qne59t] {
    background-color: #D7D7D7 !important;
    border-color: #D7D7D7 !important;
    color: #868686 !important;
    opacity: 1 !important;
}
/* /Components/Pages/TalentProviders/TalentProviderDetails/JobTalentProviderDetailsPage.razor.rz.scp.css */
.submission-card[b-m6c2gw22qi] {
    border: none;
    border-radius: 1rem;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    overflow: hidden;
}

.submission-card-header[b-m6c2gw22qi] {
    width: 200px;
    min-width: 200px;
    background-color: #f8f9fa;
    border-right: 1px solid #e9ecef;
    padding: 1.5rem 1rem;
}

.submission-card-body[b-m6c2gw22qi] {
    padding: 1.5rem;
}

.submission-card-footer[b-m6c2gw22qi] {
    background-color: transparent;
    border-top: none;
    padding: 0.75rem 1.5rem;
}

.skill-badge.primary[b-m6c2gw22qi],
.skill-badge.secondary[b-m6c2gw22qi] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 0.5rem;
    padding: 0.25rem 0.75rem;
}

.skill-badge.primary strong[b-m6c2gw22qi] { color: black; font-weight: 545; }
.skill-badge.secondary strong[b-m6c2gw22qi] { color: black; font-weight: 545; }

.skill-badge.primary[b-m6c2gw22qi] {
    background-color: rgba(54, 162, 235, 0.6);
    border : 1px solid rgba(54, 162, 235, 1);
}

.skill-badge.secondary[b-m6c2gw22qi] {
    background-color: rgba(75, 192, 192, 0.6);
    border : 1px solid rgba(75, 192, 192, 1);
}

.skill-badge small[b-m6c2gw22qi] {
    font-size: 1.0rem;
    color: #ffffff;
}
/* /Components/Pages/User/RolesPermissions.razor.rz.scp.css */
/* Roles & Permissions Page Styles */

.roles-permissions-container[b-fcpsyzpi7b] {
    background-color: #f8fafc;
    min-height: 100vh;
    padding: 32px;
}

.role-card[b-fcpsyzpi7b] {
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    box-shadow: 0px 1px 3px 0px rgba(15, 23, 42, 0.06);
}

.statistics-card[b-fcpsyzpi7b] {
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    box-shadow: 0px 1px 3px 0px rgba(15, 23, 42, 0.06);
    background-color: white;
}

.role-type-chip-system[b-fcpsyzpi7b] {
    background-color: #dbeafe;
    color: #1e4e8c;
    font-weight: 600;
    font-size: 11px;
    letter-spacing: 0.66px;
    border-radius: 999px;
    padding: 6px 16px;
}

.role-type-chip-custom[b-fcpsyzpi7b] {
    background-color: #e9d5ff;
    color: #7c3aed;
    font-weight: 600;
    font-size: 11px;
    letter-spacing: 0.66px;
    border-radius: 999px;
    padding: 6px 16px;
}

.permission-group-header[b-fcpsyzpi7b] {
    background-color: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    padding: 10px 16px;
}

.permission-item[b-fcpsyzpi7b] {
    padding: 8px 10px;
    border-radius: 8px;
}

.permission-checkbox[b-fcpsyzpi7b] {
    width: 18px;
    height: 18px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.permission-checkbox-selected[b-fcpsyzpi7b] {
    background-color: #10b981;
}

.permission-checkbox-unselected[b-fcpsyzpi7b] {
    background-color: #e5e7eb;
}

.permission-code[b-fcpsyzpi7b] {
    background-color: #f1f5f9;
    color: #64748b;
    border-radius: 4px;
    padding: 2px 8px;
    font-size: 12px;
    font-family: monospace;
}

.user-avatar[b-fcpsyzpi7b] {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 700;
    font-size: 14px;
}

.history-item[b-fcpsyzpi7b] {
    position: relative;
    padding-left: 8px;
}

.history-icon[b-fcpsyzpi7b] {
    position: absolute;
    left: -22px;
    width: 24px;
    height: 24px;
    border-radius: 999px;
    background-color: #dbeafe;
    border: 2px solid white;
    box-shadow: 0px 0px 0px 1px #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.history-content[b-fcpsyzpi7b] {
    background-color: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 13px 15px;
}

/* Search and Filter Section */
.filters-section[b-fcpsyzpi7b] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 24px;
    width: 100%;
    flex-wrap: wrap;
}

.search-wrapper[b-fcpsyzpi7b] {
    flex: 1;
    min-width: 280px;
    max-width: 100%;
}

.filter-dropdowns[b-fcpsyzpi7b] {
    display: flex;
    gap: 16px;
    flex: 0 0 auto;
    min-width: 0;
}

.filter-dropdowns .filter-select[b-fcpsyzpi7b] {
    min-width: 250px;
    max-width: 350px;
    flex: 1 1 auto;
}

[b-fcpsyzpi7b] .filter-select .mud-input-root {
    border-radius: 8px;
    font-size: 14px;
}

[b-fcpsyzpi7b] .filter-select .mud-input-control {
    min-height: 40px;
}

[b-fcpsyzpi7b] .filter-select .mud-input-label {
    font-size: 14px;
    color: #64748b;
}

[b-fcpsyzpi7b] .filter-select .mud-input-outlined {
    border-color: #e2e8f0;
}

[b-fcpsyzpi7b] .filter-select .mud-input-outlined:hover {
    border-color: #cbd5e1;
}

[b-fcpsyzpi7b] .filter-select .mud-input-outlined.mud-input-outlined-focused {
    border-color: #3b82f6;
    border-width: 2px;
}

.search-field .mud-input-root[b-fcpsyzpi7b] {
    border-radius: 8px;
}

/* Responsive adjustments */
@media (max-width: 960px) {
    .filters-section[b-fcpsyzpi7b] {
        flex-direction: column;
        align-items: stretch;
    }

    .search-wrapper[b-fcpsyzpi7b] {
        width: 100%;
        max-width: 100%;
    }

    .filter-dropdowns[b-fcpsyzpi7b] {
        width: 100%;
        flex-direction: row;
        gap: 12px;
    }

    .filter-dropdowns .filter-select[b-fcpsyzpi7b] {
        flex: 1 1 calc(50% - 6px);
        min-width: 0;
        max-width: 100%;
    }
}

@media (max-width: 600px) {
    .filter-dropdowns[b-fcpsyzpi7b] {
        flex-direction: column;
        gap: 12px;
    }

    .filter-dropdowns .filter-select[b-fcpsyzpi7b] {
        width: 100%;
        max-width: 100%;
        flex: 1 1 100%;
    }
}
/* /Components/Pages/User/UsersPage.razor.rz.scp.css */
/* Container and spacing adjustments */
.users-page[b-1kn7gpeswg] {
    background-color: #f8fafc;
    min-height: 100vh;
    padding: 32px;
}

/* Statistics Cards */
.stat-card[b-1kn7gpeswg] {
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 1px 3px 0 rgba(15, 23, 42, 0.05);
}

.stat-card .mud-avatar[b-1kn7gpeswg] {
    width: 32px;
    height: 32px;
}

.stat-card .stat-icon-wrapper[b-1kn7gpeswg] {
    margin-bottom: 8px;
}

.stat-card .stat-value[b-1kn7gpeswg] {
    font-size: 28px;
    font-weight: 700;
    color: #1e293b;
    line-height: 1;
    margin-bottom: 8px;
}

.stat-card .stat-label[b-1kn7gpeswg] {
    font-size: 14px;
    color: #64748b;
    margin-bottom: 4px;
}

.stat-card .stat-sublabel[b-1kn7gpeswg] {
    font-size: 12px;
    color: #64748b;
}

/* Search and Filter Section */
.filters-section[b-1kn7gpeswg] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 24px;
    width: 100%;
    flex-wrap: wrap;
}

.search-wrapper[b-1kn7gpeswg] {
    flex: 1;
    min-width: 280px;
    max-width: 100%;
}

.filter-dropdowns[b-1kn7gpeswg] {
    display: flex;
    gap: 16px;
    flex: 0 0 auto;
    min-width: 0;
}

.filter-dropdowns .filter-select[b-1kn7gpeswg] {
    min-width: 250px;
    max-width: 350px;
    flex: 1 1 auto;
}

[b-1kn7gpeswg] .filter-select .mud-input-root {
    border-radius: 8px;
    font-size: 14px;
}

[b-1kn7gpeswg] .filter-select .mud-input-control {
    min-height: 40px;
}

[b-1kn7gpeswg] .filter-select .mud-input-label {
    font-size: 14px;
    color: #64748b;
}

[b-1kn7gpeswg] .filter-select .mud-input-outlined {
    border-color: #e2e8f0;
}

[b-1kn7gpeswg] .filter-select .mud-input-outlined:hover {
    border-color: #cbd5e1;
}

[b-1kn7gpeswg] .filter-select .mud-input-outlined.mud-input-outlined-focused {
    border-color: #3b82f6;
    border-width: 2px;
}

.search-field .mud-input-root[b-1kn7gpeswg] {
    border-radius: 8px;
}

/* Responsive adjustments */
@media (max-width: 960px) {
    .filters-section[b-1kn7gpeswg] {
        flex-direction: column;
        align-items: stretch;
    }

    .search-wrapper[b-1kn7gpeswg] {
        width: 100%;
        max-width: 100%;
    }

    .filter-dropdowns[b-1kn7gpeswg] {
        width: 100%;
        flex-direction: row;
        gap: 12px;
    }

    .filter-dropdowns .filter-select[b-1kn7gpeswg] {
        flex: 1 1 calc(50% - 6px);
        min-width: 0;
        max-width: 100%;
    }
}

@media (max-width: 600px) {
    .users-page[b-1kn7gpeswg] {
        padding: 16px;
    }

    .page-title[b-1kn7gpeswg] {
        font-size: 24px;
    }

    .stat-card .stat-value[b-1kn7gpeswg] {
        font-size: 24px;
    }

    .filter-dropdowns[b-1kn7gpeswg] {
        flex-direction: column;
        gap: 12px;
    }

    .filter-dropdowns .filter-select[b-1kn7gpeswg] {
        width: 100%;
        max-width: 100%;
        flex: 1 1 100%;
    }
}

.selection-bar[b-1kn7gpeswg] {
    background-color: #3b82f6; /* A more vibrant blue from the screenshot */
    border-radius: 8px;
    color: white;
}

.selection-action-btn[b-1kn7gpeswg] {
    background-color: white !important;
    color: white !important;
    text-transform: none !important;
    border-radius: 6px !important;
    font-weight: 500 !important;
    padding: 6px 16px !important;
}

.selection-action-btn .mud-button-icon-start[b-1kn7gpeswg] {
    color: #475569 !important; /* Darker icon as in screenshot */
}

.clear-selection-link[b-1kn7gpeswg] {
    color: white !important;
    text-decoration: none !important;
    font-size: 14px;
}

.clear-selection-link:hover[b-1kn7gpeswg] {
    text-decoration: underline !important;
}

/* Table Styling */
.users-table[b-1kn7gpeswg] {
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 1px 3px 0 rgba(15, 23, 42, 0.06);
    overflow: hidden;
}

.users-table .mud-table-head[b-1kn7gpeswg] {
    background-color: #f8fafc;
}

.users-table .mud-table-head th[b-1kn7gpeswg] {
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.52px;
    font-weight: 700;
    color: #64748b;
    border-bottom: 1px solid #e2e8f0;
}

.users-table .mud-table-row[b-1kn7gpeswg] {
    border-bottom: 1px solid #e2e8f0;
}

.users-table .mud-table-row.selected[b-1kn7gpeswg] {
    background-color: #eff6ff;
}

.users-table .mud-table-row.needs-attention[b-1kn7gpeswg] {
    border-left: 3px solid #f59e0b;
}

.users-table .mud-table-cell[b-1kn7gpeswg] {
    padding: 13.5px 16px;
}

/* Avatar Styling */
.user-avatar[b-1kn7gpeswg] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    color: white;
}

/* User Info */
.user-info[b-1kn7gpeswg] {
    display: flex;
    gap: 12px;
    align-items: center;
}

.user-name[b-1kn7gpeswg] {
    font-weight: 700;
    font-size: 15px;
    color: #1e293b;
    text-decoration: none;
}

.user-name:hover[b-1kn7gpeswg] {
    text-decoration: underline;
}

.user-email[b-1kn7gpeswg] {
    font-size: 13px;
    color: #64748b;
}

/* Role Chip */
.role-chip[b-1kn7gpeswg] {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 13px;
    margin-bottom: 4px;
}

.role-chip.hr-manager[b-1kn7gpeswg] {
    background-color: #e9d5ff;
    color: #7c3aed;
}

.role-chip.super-admin[b-1kn7gpeswg] {
    background-color: #dbeafe;
    color: #1e4e8c;
}

.role-chip.recruiter[b-1kn7gpeswg] {
    background-color: #e9d5ff;
    color: #7c3aed;
}

.role-chip.no-role[b-1kn7gpeswg] {
    background-color: #fef3c7;
    color: #92400e;
}

.role-permissions[b-1kn7gpeswg] {
    font-size: 12px;
    color: #64748b;
}

.role-permissions.warning[b-1kn7gpeswg] {
    color: #b45309;
}

/* Status Chip */
.status-chip[b-1kn7gpeswg] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 13px;
}

.status-chip.active[b-1kn7gpeswg] {
    background-color: #d1fae5;
    color: #059669;
}

.status-chip.inactive[b-1kn7gpeswg] {
    background-color: #f1f5f9;
    color: #64748b;
}

/* Action Buttons */
.action-buttons[b-1kn7gpeswg] {
    display: flex;
    gap: 8px;
}

.action-button[b-1kn7gpeswg] {
    border-radius: 8px;
    text-transform: none;
    font-size: 13px;
}

.action-button.assign-role[b-1kn7gpeswg] {
    background-color: #2e75b6;
    color: white;
}

.action-button.change-role[b-1kn7gpeswg] {
    background-color: white;
    border: 1px solid #e2e8f0;
    color: #475569;
}

.more-button[b-1kn7gpeswg] {
    color: #94a3b8;
    border-radius: 8px;
}

/* Pagination */
.pagination-wrapper[b-1kn7gpeswg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    background-color: white;
}

.pagination-info[b-1kn7gpeswg] {
    font-size: 13px;
    color: #64748b;
}

.pagination-controls[b-1kn7gpeswg] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.page-size-select[b-1kn7gpeswg] {
    min-width: 119px;
    border-radius: 8px;
}

.pagination-button[b-1kn7gpeswg] {
    min-width: 32px;
    height: 32px;
    border-radius: 8px;
}

.pagination-button.active[b-1kn7gpeswg] {
    background-color: #2e75b6;
    color: white;
}

.pagination-button.inactive[b-1kn7gpeswg] {
    background-color: white;
    border: 1px solid #e2e8f0;
    color: #475569;
}

.pagination-button.disabled[b-1kn7gpeswg] {
    border-color: #e2e8f0;
    color: #cbd5e1;
}

/* Breadcrumb Styling */
.breadcrumb-container[b-1kn7gpeswg] {
    margin-bottom: 24px;
    padding: 0;
}

.breadcrumb-container .mud-breadcrumb-item[b-1kn7gpeswg] {
    font-size: 14px;
}

.breadcrumb-container .mud-breadcrumb-separator[b-1kn7gpeswg] {
    font-size: 14px;
    color: #64748b;
}

/* Header Section */
.page-header[b-1kn7gpeswg] {
    margin-bottom: 24px;
}

.page-title[b-1kn7gpeswg] {
    font-size: 32px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 8px;
}

.page-description[b-1kn7gpeswg] {
    font-size: 16px;
    color: #64748b;
    max-width: 720px;
    line-height: 24px;
}

.add-user-button[b-1kn7gpeswg] {
    text-transform: none;
    border-radius: 8px;
    height: 40px;
    padding: 0 20px;
}
/* /Components/Pages/Welcome.razor.rz.scp.css */
.welcome-page-root[b-hdnhfka0qr] {
    min-height: calc(100vh - 64px);
    background: radial-gradient(
        circle at top left,
        #f0f9ff 0%,
        #f8fafc 40%,
        #f8fafc 100%
    );
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px 16px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", sans-serif;
}

.welcome-content[b-hdnhfka0qr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    animation: fadeIn-b-hdnhfka0qr 0.8s ease-out;
}

@keyframes fadeIn-b-hdnhfka0qr {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.welcome-logo[b-hdnhfka0qr] {
    width: 120px;
    height: 120px;
    border-radius: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(46, 117, 182, 0.06);
    margin-bottom: 24px;
    box-shadow: 0 8px 32px rgba(46, 117, 182, 0.15);
}

.welcome-logo img[b-hdnhfka0qr] {
    width: 72px;
    height: 72px;
    object-fit: contain;
}

.welcome-logo-text[b-hdnhfka0qr] {
    font-size: 42px;
    font-weight: 700;
    color: #2e75b6;
    letter-spacing: 0.04em;
    margin-bottom: 12px;
}

.welcome-tagline[b-hdnhfka0qr] {
    font-size: 18px;
    color: #64748b;
    font-weight: 400;
    margin-bottom: 32px;
}

@media (max-width: 480px) {
    .welcome-logo[b-hdnhfka0qr] {
        width: 100px;
        height: 100px;
        border-radius: 24px;
    }

    .welcome-logo img[b-hdnhfka0qr] {
        width: 60px;
        height: 60px;
    }

    .welcome-logo-text[b-hdnhfka0qr] {
        font-size: 32px;
    }

    .welcome-tagline[b-hdnhfka0qr] {
        font-size: 16px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .welcome-content[b-hdnhfka0qr] {
        animation: none;
    }
}