/* /Component/ATS/AIAssistant/AIAssistantComponent.razor.rz.scp.css */
.ats-assistant-page[b-wnka0tyeud] {
    --navy-900: #0b1b3d;
    --navy-800: #132a54;
    --blue-600: #1d5fd1;
    --blue-500: #2e7ce0;
    --blue-tint: #edf3fc;
    --blue-tint-2: #e3ecfb;
    --border: #e4eaf6;
    --border-strong: #c2d2f0;
    --text-1: #16233f;
    --text-2: #5b6b8c;
    --text-3: #8a97b5;
    --green: #1e9e64;
    --green-tint: #e4f7ed;
    --amber: #b7791b;
    --amber-tint: #fcf3de;
    --slate-tint: #eef0f5;
    max-width: 1120px;
    margin: 0 auto;
    color: var(--text-1);
    font-family: "Inter", sans-serif;
}

/* Shell ------------------------------------------------------------------ */

.ats-assistant-shell[b-wnka0tyeud] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 154px);
    min-height: 460px;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 12px 32px -12px rgba(11, 27, 61, .12);
}

/* Header ----------------------------------------------------------------- */

.ats-assistant-header[b-wnka0tyeud] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 22px;
    border-bottom: 1px solid var(--border);
}

.ats-assistant-brand[b-wnka0tyeud] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.ats-assistant-brand-mark[b-wnka0tyeud] {
    display: flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--blue-500), var(--navy-800));
    color: #fff;
}

.ats-assistant-brand-mark[b-wnka0tyeud]  .mud-icon-root {
    font-size: 21px;
}

.ats-assistant-brand-text h2[b-wnka0tyeud] {
    margin: 0;
    color: var(--navy-900);
    font-family: "Poppins", Inter, sans-serif;
    font-size: 16px;
    font-weight: 700;
}

.ats-assistant-brand-text p[b-wnka0tyeud] {
    margin: 2px 0 0;
    color: var(--text-2);
    font-size: 12.5px;
}

.ats-assistant-clear[b-wnka0tyeud] {
    display: flex;
    align-items: center;
    gap: 7px;
    height: 34px;
    padding: 0 14px;
    border: 1.5px solid var(--border-strong);
    border-radius: 10px;
    background: #fff;
    color: var(--text-2);
    font-family: "Inter", sans-serif;
    font-size: 12.5px;
    font-weight: 700;
    cursor: pointer;
    transition: background .15s ease, border-color .15s ease, color .15s ease;
}

.ats-assistant-clear svg[b-wnka0tyeud] {
    width: 14px;
    height: 14px;
}

.ats-assistant-clear:hover:not(:disabled)[b-wnka0tyeud] {
    border-color: var(--blue-500);
    background: var(--blue-tint);
    color: var(--blue-600);
}

.ats-assistant-clear:disabled[b-wnka0tyeud] {
    opacity: .45;
    cursor: not-allowed;
}

/* Stream ----------------------------------------------------------------- */

.ats-assistant-stream[b-wnka0tyeud] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 18px;
    min-height: 0;
    padding: 22px;
    overflow-y: auto;
    overscroll-behavior: contain;
    background: #fbfcfe;
}

.ats-assistant-row[b-wnka0tyeud] {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    max-width: 100%;
}

.ats-assistant-row-user[b-wnka0tyeud] {
    justify-content: flex-end;
}

.ats-assistant-avatar[b-wnka0tyeud] {
    display: flex;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 50%;
}

.ats-assistant-avatar[b-wnka0tyeud]  .mud-icon-root {
    font-size: 17px;
}

.ats-assistant-avatar-bot[b-wnka0tyeud] {
    background: linear-gradient(135deg, var(--blue-500), var(--navy-800));
    color: #fff;
}

.ats-assistant-avatar-user[b-wnka0tyeud] {
    border: 1px solid var(--border-strong);
    background: var(--blue-tint);
    color: var(--blue-600);
}

.ats-assistant-bubble-group[b-wnka0tyeud] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
    max-width: min(760px, 82%);
}

.ats-assistant-row-user .ats-assistant-bubble-group[b-wnka0tyeud] {
    align-items: flex-end;
}

.ats-assistant-bubble[b-wnka0tyeud] {
    padding: 12px 15px;
    border-radius: 14px;
    font-size: 13.5px;
    line-height: 1.55;
    word-break: break-word;
}

.ats-assistant-bubble-bot[b-wnka0tyeud] {
    border: 1px solid var(--border);
    border-bottom-left-radius: 5px;
    background: #fff;
    color: var(--text-1);
    box-shadow: 0 4px 14px -8px rgba(11, 27, 61, .12);
}

.ats-assistant-bubble-user[b-wnka0tyeud] {
    border-bottom-right-radius: 5px;
    background: linear-gradient(120deg, var(--navy-800), var(--blue-500));
    color: #fff;
    box-shadow: 0 8px 20px -8px rgba(29, 95, 209, .5);
}

.ats-assistant-bubble[b-wnka0tyeud]  p {
    margin: 0 0 8px;
}

.ats-assistant-bubble[b-wnka0tyeud]  p:last-child {
    margin-bottom: 0;
}

.ats-assistant-bubble[b-wnka0tyeud]  ul,
.ats-assistant-bubble[b-wnka0tyeud]  ol {
    margin: 0 0 8px;
    padding-left: 20px;
}

.ats-assistant-bubble[b-wnka0tyeud]  code {
    padding: 1px 5px;
    border-radius: 5px;
    background: var(--blue-tint);
    color: var(--blue-600);
    font-size: 12.5px;
}

.ats-assistant-bubble-user[b-wnka0tyeud]  code {
    background: rgba(255, 255, 255, .18);
    color: #fff;
}

.ats-assistant-time[b-wnka0tyeud] {
    color: var(--text-3);
    font-size: 11.5px;
}

/* Typing ----------------------------------------------------------------- */

.ats-assistant-typing[b-wnka0tyeud] {
    display: flex;
    gap: 4px;
    padding: 14px 16px;
}

.ats-assistant-typing span[b-wnka0tyeud] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--text-3);
    animation: ats-assistant-blink-b-wnka0tyeud 1.3s infinite ease-in-out;
}

.ats-assistant-typing span:nth-child(2)[b-wnka0tyeud] {
    animation-delay: .18s;
}

.ats-assistant-typing span:nth-child(3)[b-wnka0tyeud] {
    animation-delay: .36s;
}

@keyframes ats-assistant-blink-b-wnka0tyeud {
    0%, 80%, 100% { opacity: .25; transform: translateY(0); }
    40% { opacity: 1; transform: translateY(-3px); }
}

/* Empty state ------------------------------------------------------------ */

.ats-assistant-empty[b-wnka0tyeud] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 24px 12px;
    text-align: center;
}

.ats-assistant-empty-mark[b-wnka0tyeud] {
    display: flex;
    width: 52px;
    height: 52px;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
    border-radius: 16px;
    background: var(--blue-tint);
    color: var(--blue-600);
}

.ats-assistant-empty-mark[b-wnka0tyeud]  .mud-icon-root {
    font-size: 26px;
}

.ats-assistant-empty strong[b-wnka0tyeud] {
    color: var(--text-1);
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-weight: 700;
}

.ats-assistant-empty > span[b-wnka0tyeud] {
    color: var(--text-2);
    font-size: 12.5px;
}

.ats-assistant-suggestions[b-wnka0tyeud] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    margin-top: 16px;
}

.ats-assistant-suggestion[b-wnka0tyeud] {
    padding: 8px 14px;
    border: 1px solid var(--border-strong);
    border-radius: 20px;
    background: #fff;
    color: var(--blue-600);
    font-family: "Inter", sans-serif;
    font-size: 12.5px;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s ease, border-color .15s ease, transform .1s ease;
}

.ats-assistant-suggestion:hover[b-wnka0tyeud] {
    border-color: var(--blue-500);
    background: var(--blue-tint);
}

.ats-assistant-suggestion:active[b-wnka0tyeud] {
    transform: scale(.97);
}

/* Result table ----------------------------------------------------------- */

.ats-assistant-orders[b-wnka0tyeud] {
    overflow-x: auto;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 4px 14px -8px rgba(11, 27, 61, .12);
}

.ats-assistant-table[b-wnka0tyeud] {
    width: 100%;
    min-width: 640px;
    border-collapse: collapse;
}

.ats-assistant-table th[b-wnka0tyeud] {
    padding: 11px 14px;
    border-bottom: 1.5px solid var(--border-strong);
    color: var(--text-1);
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: .4px;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
}

.ats-assistant-table td[b-wnka0tyeud] {
    padding: 13px 14px;
    border-bottom: 1px solid var(--border);
    color: var(--text-1);
    font-size: 13px;
    vertical-align: middle;
}

.ats-assistant-table tbody tr:last-child td[b-wnka0tyeud] {
    border-bottom: 0;
}

.ats-assistant-table tbody tr:hover[b-wnka0tyeud] {
    background: #fafbff;
}

.ats-assistant-subject[b-wnka0tyeud] {
    font-weight: 600;
}

.ats-assistant-status[b-wnka0tyeud] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11.5px;
    font-weight: 700;
    white-space: nowrap;
}

.ats-assistant-status[b-wnka0tyeud]::before {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    content: "";
}

.ats-assistant-status-done[b-wnka0tyeud] {
    background: var(--green-tint);
    color: var(--green);
}

.ats-assistant-status-active[b-wnka0tyeud] {
    background: var(--blue-tint-2);
    color: var(--blue-600);
}

.ats-assistant-status-waiting[b-wnka0tyeud] {
    background: var(--amber-tint);
    color: var(--amber);
}

.ats-assistant-status-stopped[b-wnka0tyeud] {
    background: var(--slate-tint);
    color: var(--text-2);
}

/* Confirm card ----------------------------------------------------------- */

.ats-assistant-confirm[b-wnka0tyeud] {
    padding: 16px 18px;
    border: 1.5px solid var(--border-strong);
    border-radius: 14px;
    background: var(--blue-tint);
}

.ats-assistant-confirm-head[b-wnka0tyeud] {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin-bottom: 14px;
}

.ats-assistant-confirm-mark[b-wnka0tyeud] {
    display: flex;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 10px;
    background: #fff;
    color: var(--blue-600);
}

.ats-assistant-confirm-mark[b-wnka0tyeud]  .mud-icon-root {
    font-size: 18px;
}

.ats-assistant-confirm-head strong[b-wnka0tyeud] {
    display: block;
    color: var(--navy-900);
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 700;
}

.ats-assistant-confirm-head span[b-wnka0tyeud] {
    color: var(--text-2);
    font-size: 12.5px;
}

.ats-assistant-confirm-grid[b-wnka0tyeud] {
    display: grid;
    gap: 12px 18px;
    margin: 0 0 16px;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.ats-assistant-confirm-grid div[b-wnka0tyeud] {
    min-width: 0;
}

.ats-assistant-confirm-grid dt[b-wnka0tyeud] {
    margin-bottom: 3px;
    color: var(--text-2);
    font-size: 11.5px;
    font-weight: 600;
    letter-spacing: .2px;
    text-transform: uppercase;
}

.ats-assistant-confirm-grid dd[b-wnka0tyeud] {
    margin: 0;
    color: var(--text-1);
    font-size: 13.5px;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.ats-assistant-confirm-actions[b-wnka0tyeud] {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.ats-assistant-btn[b-wnka0tyeud] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 40px;
    padding: 0 20px;
    border: 0;
    border-radius: 10px;
    font-family: "Inter", sans-serif;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: box-shadow .15s ease, background .15s ease, transform .1s ease;
}

.ats-assistant-btn:active:not(:disabled)[b-wnka0tyeud] {
    transform: scale(.97);
}

.ats-assistant-btn:disabled[b-wnka0tyeud] {
    opacity: .6;
    cursor: not-allowed;
}

.ats-assistant-btn-ghost[b-wnka0tyeud] {
    border: 1.5px solid var(--border-strong);
    background: #fff;
    color: var(--text-2);
}

.ats-assistant-btn-ghost:hover:not(:disabled)[b-wnka0tyeud] {
    background: #f4f7fc;
}

.ats-assistant-btn-primary[b-wnka0tyeud] {
    background: linear-gradient(120deg, var(--navy-800), var(--blue-600));
    color: #fff;
    box-shadow: 0 8px 20px -6px rgba(29, 95, 209, .5);
}

.ats-assistant-btn-primary:hover:not(:disabled)[b-wnka0tyeud] {
    box-shadow: 0 10px 24px -6px rgba(29, 95, 209, .65);
}

.ats-assistant-confirm-result[b-wnka0tyeud] {
    display: flex;
    align-items: center;
    padding: 10px 14px;
    border-radius: 10px;
    font-size: 12.5px;
    font-weight: 700;
}

.ats-assistant-confirm-result.is-confirmed[b-wnka0tyeud] {
    background: var(--green-tint);
    color: var(--green);
}

.ats-assistant-confirm-result.is-cancelled[b-wnka0tyeud] {
    background: var(--slate-tint);
    color: var(--text-2);
}

/* Composer --------------------------------------------------------------- */

.ats-assistant-composer[b-wnka0tyeud] {
    flex: 0 0 auto;
    padding: 16px 22px 18px;
    border-top: 1px solid var(--border);
    background: #fff;
}

.ats-assistant-input-wrap[b-wnka0tyeud] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 5px 5px 5px 16px;
    border: 1.5px solid var(--border-strong);
    border-radius: 14px;
    background: #fff;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.ats-assistant-input-wrap:focus-within[b-wnka0tyeud] {
    border-color: var(--blue-500);
    box-shadow: 0 0 0 3px rgba(46, 124, 224, .12);
}

.ats-assistant-input[b-wnka0tyeud] {
    flex: 1 1 auto;
    min-width: 0;
    height: 40px;
    border: 0;
    background: transparent;
    color: var(--text-1);
    font-family: "Inter", sans-serif;
    font-size: 14px;
    outline: none;
}

.ats-assistant-input[b-wnka0tyeud]::placeholder {
    color: var(--text-3);
}

.ats-assistant-send[b-wnka0tyeud] {
    display: flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border: 0;
    border-radius: 11px;
    background: linear-gradient(120deg, var(--navy-800), var(--blue-500));
    color: #fff;
    cursor: pointer;
    box-shadow: 0 8px 20px -8px rgba(29, 95, 209, .5);
    transition: box-shadow .15s ease, transform .1s ease, opacity .15s ease;
}

.ats-assistant-send svg[b-wnka0tyeud] {
    width: 17px;
    height: 17px;
}

.ats-assistant-send:hover:not(:disabled)[b-wnka0tyeud] {
    box-shadow: 0 10px 24px -8px rgba(29, 95, 209, .65);
}

.ats-assistant-send:active:not(:disabled)[b-wnka0tyeud] {
    transform: scale(.95);
}

.ats-assistant-send:disabled[b-wnka0tyeud] {
    opacity: .45;
    cursor: not-allowed;
    box-shadow: none;
}

/* Dictation ---------------------------------------------------------------
   Idle mirrors the ghost .ats-assistant-clear button; the gradient/solid fill
   is reserved for the listening state so "recording" reads at a glance. */

.ats-assistant-mic[b-wnka0tyeud] {
    display: flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border: 1.5px solid var(--border-strong);
    border-radius: 11px;
    background: #fff;
    color: var(--text-2);
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease, transform .1s ease, opacity .15s ease;
}

.ats-assistant-mic svg[b-wnka0tyeud] {
    width: 17px;
    height: 17px;
}

.ats-assistant-mic:hover:not(:disabled)[b-wnka0tyeud] {
    border-color: var(--blue-500);
    background: var(--blue-tint);
    color: var(--blue-600);
}

.ats-assistant-mic:active:not(:disabled)[b-wnka0tyeud] {
    transform: scale(.95);
}

.ats-assistant-mic:disabled[b-wnka0tyeud] {
    opacity: .45;
    cursor: not-allowed;
}

.ats-assistant-mic.is-listening[b-wnka0tyeud] {
    border-color: var(--blue-600);
    background: var(--blue-600);
    color: #fff;
    animation: ats-assistant-mic-pulse-b-wnka0tyeud 1.6s ease-out infinite;
}

.ats-assistant-mic.is-listening:hover:not(:disabled)[b-wnka0tyeud] {
    background: var(--blue-600);
    color: #fff;
}

@keyframes ats-assistant-mic-pulse-b-wnka0tyeud {
    0% {
        box-shadow: 0 0 0 0 rgba(29, 95, 209, .45);
    }

    70% {
        box-shadow: 0 0 0 8px rgba(29, 95, 209, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(29, 95, 209, 0);
    }
}

.ats-assistant-sr-only[b-wnka0tyeud] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.ats-assistant-hint[b-wnka0tyeud] {
    margin: 9px 2px 0;
    color: var(--text-3);
    font-size: 11.5px;
}

/* Focus ------------------------------------------------------------------ */

.ats-assistant-page button:focus-visible[b-wnka0tyeud],
.ats-assistant-page input:focus-visible[b-wnka0tyeud] {
    outline: 3px solid rgba(46, 124, 224, .25);
    outline-offset: 2px;
}

/* Responsive ------------------------------------------------------------- */

@media (max-width: 920px) {
    .ats-assistant-shell[b-wnka0tyeud] {
        height: calc(100dvh - 124px);
    }

    .ats-assistant-header[b-wnka0tyeud],
    .ats-assistant-stream[b-wnka0tyeud],
    .ats-assistant-composer[b-wnka0tyeud] {
        padding-right: 16px;
        padding-left: 16px;
    }

    .ats-assistant-bubble-group[b-wnka0tyeud] {
        max-width: 88%;
    }
}

@media (max-width: 600px) {
    .ats-assistant-brand-text p[b-wnka0tyeud] {
        display: none;
    }

    .ats-assistant-confirm-actions[b-wnka0tyeud] {
        flex-direction: column-reverse;
    }

    .ats-assistant-btn[b-wnka0tyeud] {
        width: 100%;
        justify-content: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ats-assistant-page *[b-wnka0tyeud],
    .ats-assistant-page *[b-wnka0tyeud]::before,
    .ats-assistant-page *[b-wnka0tyeud]::after {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}
/* /Component/ATS/ApplicationForm/ApplicationFormComponent.razor.rz.scp.css */
.ats-step-three-scope[b-m9dedj457z] {
    --step3-navy-800: #132a54;
    --step3-blue-600: #1d5fd1;
    --step3-blue-500: #2e7ce0;
    --step3-blue-tint: #edf3fc;
    --step3-blue-tint-2: #e3ecfb;
    --step3-border-strong: #c2d2f0;
    --step3-text-1: #16233f;
    --step3-text-2: #5b6b8c;
    --step3-text-3: #8a97b5;
    --step3-red: #d64545;
    width: 100%;
}

.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .ats-step-two-title {
    margin: 0 0 22px !important;
    color: var(--step3-blue-600) !important;
    background: none !important;
    -webkit-text-fill-color: var(--step3-blue-600) !important;
    font-family: "Poppins", "Inter", sans-serif;
    font-size: 19px;
    font-weight: 700 !important;
    line-height: 1.35;
}

.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .ats-step-two-grid {
    display: grid !important;
    width: 100%;
    margin: 0 !important;
    padding: 0;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    gap: 26px;
    align-items: stretch;
}

.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .ats-step-two-grid > .mud-grid-item {
    display: flex;
    width: auto;
    max-width: none;
    min-width: 0;
    padding: 0 !important;
    flex: none;
}

.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .ats-step-two-form-card {
    width: 100%;
    min-height: 100%;
    padding: 0 !important;
    border: 0;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
}

.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .ats-step-three-fields-grid {
    display: grid !important;
    width: 100%;
    margin: 0 !important;
    padding: 0;
    grid-template-columns: repeat(13, minmax(0, 1fr));
    column-gap: 12px;
    row-gap: 14px !important;
    align-items: start;
}

.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .ats-step-three-fields-grid > .mud-grid-item {
    width: auto;
    max-width: none;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    flex: none;
}

.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .ats-step-three-fields-grid > .mud-grid-item:nth-child(1),
.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .ats-step-three-fields-grid > .mud-grid-item:nth-child(2),
.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .ats-step-three-fields-grid > .mud-grid-item:nth-child(5),
.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .ats-step-three-fields-grid > .mud-grid-item:nth-child(9),
.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .ats-step-three-fields-grid > .mud-grid-item:nth-child(10) {
    grid-column: span 13;
}

.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .ats-step-three-fields-grid > .mud-grid-item:nth-child(3) {
    grid-column: span 7;
}

.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .ats-step-three-fields-grid > .mud-grid-item:nth-child(4) {
    grid-column: span 6;
}

.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .ats-step-three-fields-grid > .mud-grid-item:nth-child(6),
.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .ats-step-three-fields-grid > .mud-grid-item:nth-child(8) {
    grid-column: span 4;
}

.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .ats-step-three-fields-grid > .mud-grid-item:nth-child(7) {
    grid-column: span 5;
}

.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .ats-step-three-birthdate-field {
    align-self: end;
}

.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .oneplatform-rounded-input {
    width: 100%;
}

.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .oneplatform-rounded-input .mud-input-control {
    margin-top: 0;
}

.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .oneplatform-rounded-input .mud-input-outlined {
    width: 100%;
    height: 44px !important;
    min-height: 44px !important;
    border-radius: 10px !important;
    background: #fff;
}

.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .oneplatform-rounded-input .mud-input-outlined-border {
    border-width: 1.5px !important;
    border-color: var(--step3-border-strong) !important;
    border-radius: 10px !important;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .oneplatform-rounded-input .mud-input-outlined:focus-within .mud-input-outlined-border {
    border-color: var(--step3-blue-500) !important;
    box-shadow: 0 0 0 3px rgba(46, 124, 224, 0.15);
}

.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .mud-input-label {
    color: var(--step3-text-2) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2px;
}

.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .mud-input-label-asterisk {
    color: var(--step3-red) !important;
}

.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .oneplatform-rounded-input :is(.mud-input, .mud-input-slot, input) {
    color: var(--step3-text-1) !important;
    font-family: "Inter", sans-serif;
    font-size: 14px;
}

.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .oneplatform-rounded-input input::placeholder {
    color: var(--step3-text-3) !important;
    opacity: 1;
}

.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .oneplatform-rounded-input .mud-input-adornment-start {
    margin-left: 0;
    margin-right: 8px;
    margin-inline-start: unset;
    margin-inline-end: 8px;
    color: var(--step3-text-3) !important;
}

.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .oneplatform-rounded-input .mud-input-adornment-end {
    margin-right: 10px;
    color: var(--step3-text-3) !important;
}

.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .oneplatform-rounded-input .mud-input-adornment .mud-icon-root {
    width: 16px;
    height: 16px;
    font-size: 16px;
}

.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .ats-step-three-fields-grid > .mud-grid-item:nth-child(4) {
    display: flex;
    align-self: stretch;
    align-items: flex-end;
}

.ats-step-three-middle-check-wrap[b-m9dedj457z] {
    display: flex;
    width: 100%;
    min-height: 44px;
    padding-bottom: 5px;
    align-items: center;
    gap: 8px;
}

.ats-step-three-middle-check-wrap[b-m9dedj457z]  .small-checkbox-label {
    margin: 0;
}

.ats-step-three-middle-check-wrap[b-m9dedj457z]  .small-checkbox-label .mud-icon-button {
    width: 18px;
    height: 18px;
    margin-right: 9px;
    padding: 0 !important;
    color: var(--step3-border-strong);
}

.ats-step-three-middle-check-wrap[b-m9dedj457z]  .small-checkbox-label .mud-icon-root {
    width: 18px;
    height: 18px;
    font-size: 18px;
}

.ats-step-three-middle-check-wrap[b-m9dedj457z]  .small-checkbox-label .mud-typography {
    color: var(--step3-text-2);
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.35;
    white-space: nowrap;
}

.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .ats-step-two-verification-column {
    align-items: stretch;
}

.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .ats-step-two-upload-card {
    display: flex;
    width: 100%;
    height: 100%;
    min-height: 100%;
    padding: 24px 20px !important;
    border: 1.5px solid var(--step3-border-strong) !important;
    border-radius: 16px !important;
    background: var(--step3-blue-tint) !important;
    box-shadow: none !important;
}

.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .ats-step-two-upload-shell {
    display: flex;
    width: 100%;
    min-height: 100%;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 16px;
}

.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .ats-step-two-profile {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .ats-step-two-avatar-frame {
    display: flex;
    width: 132px;
    height: 132px;
    flex: 0 0 132px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 3px solid #fff;
    border-radius: 50%;
    background: #dce3ef;
    box-shadow: 0 4px 14px -6px rgba(11, 27, 61, 0.25);
}

.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .ats-step-two-avatar-placeholder {
    width: 94px;
    height: 94px;
    margin-bottom: -8px;
    color: #a6b0c6 !important;
    font-size: 94px;
}

.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .ats-step-two-avatar {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}

.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .ats-step-two-status {
    display: inline-flex;
    width: fit-content;
    margin: 0 auto;
    padding: 8px 14px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid transparent;
    border-radius: 20px;
    font-size: 12.5px;
    font-weight: 700;
    line-height: 1;
}

.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .ats-step-two-status.not-verified {
    border-color: #f1c7c7;
    background: #fbe9e9;
    color: var(--step3-red);
}

.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .ats-step-two-status.verified {
    border-color: #b9dec2;
    background: #e8f5e9;
    color: #2e7d32;
}

.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .ats-step-two-status .mud-icon-root {
    width: 14px;
    height: 14px;
    font-size: 14px;
}

.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .ats-step-two-upload-list {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 10px;
}

.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .ats-step-two-upload-list .mud-file-upload {
    width: 100%;
}

.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .ats-step-two-upload-btn {
    display: flex !important;
    width: 100%;
    min-width: 0;
    min-height: 56px;
    padding: 10px 16px !important;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    border: 1.5px solid var(--step3-border-strong) !important;
    border-radius: 11px !important;
    background: #fff !important;
    box-shadow: none !important;
    color: var(--step3-blue-600) !important;
    text-transform: none !important;
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .ats-step-two-upload-btn .mud-button-label {
    display: flex;
    width: 100%;
    min-width: 0;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
}

.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .ats-step-two-upload-btn:hover {
    border-color: var(--step3-blue-500) !important;
    background: var(--step3-blue-tint-2) !important;
}

.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .ats-step-two-upload-icon-shell {
    display: flex;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--step3-border-strong);
    border-radius: 8px;
    background: var(--step3-blue-tint-2);
    color: var(--step3-blue-600);
}

.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .ats-step-two-upload-btn-icon {
    width: 15px;
    height: 15px;
    flex: 0 0 auto;
    color: inherit !important;
    font-size: 15px;
}

.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .ats-file-upload-action-icon,
.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .ats-step-two-upload-btn:hover .ats-file-upload-action-icon {
    color: var(--step3-blue-600) !important;
}

.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .ats-step-two-upload-pdf-icon,
.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .ats-file-upload-pdf-icon,
.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .ats-step-two-upload-btn:hover .ats-file-upload-pdf-icon {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    color: var(--step3-red) !important;
    font-size: 22px;
}

.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .ats-step-two-upload-btn-text {
    min-width: 0;
    flex: 1;
    color: var(--step3-blue-600);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: 0.3px;
    text-align: center;
    white-space: normal;
}

.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .ats-step-two-upload-file-name {
    min-width: 0;
    flex: 1;
    overflow: hidden;
    color: var(--step3-text-1);
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .ats-step-two-upload-remove {
    margin: 0;
    flex: 0 0 auto;
}

.ats-step-three-action-bar[b-m9dedj457z] {
    margin-top: 24px;
    padding: 0 !important;
    align-items: center;
}

@media (max-width: 760px) {
    .ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .ats-step-two-grid {
        grid-template-columns: 1fr;
    }

    .ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .ats-step-three-fields-grid > .mud-grid-item {
        grid-column: span 13 !important;
    }

    .ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .ats-step-three-fields-grid > .mud-grid-item:nth-child(4) {
        align-items: center;
    }

    .ats-step-three-middle-check-wrap[b-m9dedj457z] {
        min-height: 0;
        padding-bottom: 0;
    }

    .ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  .ats-step-two-upload-card {
        height: auto;
        min-height: 0;
    }

}

@media (prefers-reduced-motion: reduce) {
    .ats-step-three-scope.ats-step-three-scope[b-m9dedj457z]  :is(.mud-input-outlined-border, .ats-step-two-upload-btn) {
        transition: none;
    }
}

.ats-step-four-scope[b-m9dedj457z] {
    --step4-navy-800: #132a54;
    --step4-blue-600: #1d5fd1;
    --step4-blue-500: #2e7ce0;
    --step4-blue-tint: #edf3fc;
    --step4-border-strong: #c2d2f0;
    --step4-text-1: #16233f;
    --step4-text-2: #5b6b8c;
    --step4-text-3: #8a97b5;
    --step4-red: #d64545;
    width: 100%;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-step-four-title,
.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-step-four-education-title {
    color: var(--step4-blue-600) !important;
    background: none !important;
    -webkit-text-fill-color: var(--step4-blue-600) !important;
    font-family: "Poppins", "Inter", sans-serif;
    font-size: 18px;
    font-weight: 700 !important;
    line-height: 1.35;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-step-four-title {
    margin: 0 0 20px !important;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-step-four-grid {
    display: grid !important;
    width: 100%;
    margin: 0 !important;
    padding: 0;
    grid-template-columns: repeat(28, minmax(0, 1fr));
    column-gap: 10px;
    row-gap: 16px !important;
    align-items: start;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-step-four-grid > .mud-grid-item {
    width: auto;
    max-width: none;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    flex: none;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-step-four-address-main {
    grid-column: span 8;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-step-four-address-detail {
    grid-column: span 5;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  :is(.ats-step-four-same-address, .ats-step-four-ownership, .ats-step-four-education-heading) {
    grid-column: 1 / -1;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-step-four-other-field {
    grid-column: 1 / -1;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-step-four-education-main {
    grid-column: span 17;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-step-four-education-side {
    grid-column: span 11;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-step-four-academic-institution {
    grid-column: 1 / -1;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-step-four-field {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: stretch;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-step-four-field-label {
    display: block;
    min-height: 18px;
    margin: 0 0 6px;
    color: var(--step4-text-2);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.2px;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-step-four-required {
    margin-left: 2px;
    color: var(--step4-red);
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-step-four-control {
    width: 100%;
    min-width: 0;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-step-four-control.mud-input-control,
.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-step-four-control .mud-input-control {
    margin: 0;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-step-four-control .mud-input-outlined {
    width: 100%;
    height: 44px !important;
    min-height: 44px !important;
    border-radius: 10px !important;
    background: #fff;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-step-four-permanent-detail .ats-step-four-control .mud-input-outlined,
.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-step-four-permanent-detail .ats-step-four-control :is(.mud-input-slot, input) {
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    box-sizing: border-box;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-step-four-control .mud-input-outlined-border {
    border-width: 1.5px !important;
    border-color: var(--step4-border-strong) !important;
    border-radius: 10px !important;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-step-four-control .mud-input-outlined:focus-within .mud-input-outlined-border {
    border-color: var(--step4-blue-500) !important;
    box-shadow: 0 0 0 3px rgba(46, 124, 224, 0.15);
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-step-four-control :is(.mud-input, .mud-input-slot, input) {
    color: var(--step4-text-1) !important;
    font-family: "Inter", sans-serif;
    font-size: 13.5px;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-step-four-control input::placeholder {
    color: var(--step4-text-3) !important;
    opacity: 1;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-step-four-control .mud-input-adornment-start {
    margin-left: 0;
    margin-right: 8px;
    margin-inline-start: unset;
    margin-inline-end: 8px;
    color: var(--step4-text-3) !important;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-step-four-control .mud-input-adornment-end {
    margin-right: 10px;
    color: var(--step4-text-3) !important;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-step-four-control .mud-input-adornment .mud-icon-root {
    width: 16px;
    height: 16px;
    font-size: 16px;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-step-four-control.mud-disabled .mud-input-outlined,
.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-step-four-control .mud-input-outlined.mud-disabled {
    background: #f7f9fc;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-step-four-same-address {
    display: flex;
    align-items: center;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-step-four-same-address .small-checkbox-label {
    margin: 0;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-step-four-same-address .small-checkbox-label .mud-icon-button {
    width: 18px;
    height: 18px;
    margin-right: 10px;
    padding: 0 !important;
    color: var(--step4-border-strong);
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-step-four-same-address .small-checkbox-label .mud-icon-root {
    width: 18px;
    height: 18px;
    font-size: 18px;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-step-four-same-address .small-checkbox-label .mud-typography {
    color: var(--step4-text-2);
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.4;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-step-four-ownership {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-step-four-ownership > .mud-typography {
    margin: 0 0 10px;
    color: var(--step4-text-1);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.4;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  :is(.ats-step-four-ownership-options, .ats-ownership-pills) {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-ownership-pill {
    position: relative;
    display: inline-flex;
    min-height: 34px;
    margin: 0 !important;
    padding: 0 15px;
    align-items: center;
    justify-content: center;
    border: 1.5px solid var(--step4-border-strong);
    border-radius: 20px;
    background: #fff;
    color: var(--step4-text-1);
    cursor: pointer;
    transition: border-color 0.12s ease, background-color 0.12s ease, box-shadow 0.12s ease;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-ownership-pill :is(.mud-button-root, .mud-icon-button, .mud-radio-icon, .mud-radio-icons, svg) {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-ownership-pill :is(.mud-radio-label, .mud-radio-content, .mud-typography) {
    width: 100%;
    margin: 0 !important;
    color: inherit !important;
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
}

/* The MudRadio click handler lives on the inner label; stretch it over the whole pill.
   MudBlazor's own .mud-input-control-input-container is position:relative and would
   capture the ::after overlay, so it must be static for the overlay to reach the pill. */
.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-ownership-pill .mud-input-control-input-container {
    position: static;
    width: 100%;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-ownership-pill .mud-radio {
    position: static;
    width: 100%;
    justify-content: center;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-ownership-pill .mud-radio::after {
    position: absolute;
    content: "";
    inset: 0;
    border-radius: 20px;
    cursor: pointer;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-ownership-pill:hover {
    border-color: var(--step4-blue-500);
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-ownership-pill:focus-within {
    outline: 3px solid rgba(46, 124, 224, 0.2);
    outline-offset: 2px;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-ownership-pill:is(.selected, .mud-checked, .mud-radio-checked) {
    border-color: transparent;
    background: linear-gradient(120deg, var(--step4-navy-800), var(--step4-blue-600));
    box-shadow: 0 6px 14px -6px rgba(29, 95, 209, 0.5);
    color: #fff;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-step-four-education-heading {
    padding-top: 8px !important;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-step-four-education-title {
    margin: 12px 0 0 !important;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-step-four-education-upload .mud-file-upload {
    width: 100%;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-upload-outline-btn {
    display: flex !important;
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    min-width: 0;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 10px !important;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border: 1.5px dashed var(--step4-border-strong) !important;
    border-radius: 10px !important;
    background: #fbfcff !important;
    box-shadow: none !important;
    color: var(--step4-text-3) !important;
    font-size: 12.5px;
    font-weight: 700;
    text-align: center;
    text-transform: none !important;
    transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-upload-outline-btn .mud-button-label {
    display: flex;
    width: 100%;
    min-width: 0;
    align-items: center;
    justify-content: center;
    gap: 9px;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-upload-outline-btn:hover {
    border-color: var(--step4-blue-500) !important;
    background: var(--step4-blue-tint) !important;
    color: var(--step4-blue-600) !important;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-step-four-upload-copy {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-step-four-upload-file-icon,
.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-step-four-upload-remove {
    flex: 0 0 auto;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-step-four-upload-file-name {
    min-width: 0;
    flex: 1;
    overflow: hidden;
    color: var(--step4-text-1);
    font-size: 12px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-step-four-upload-remove {
    margin: 0;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-file-upload-action-icon,
.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-upload-outline-btn:hover .ats-file-upload-action-icon {
    color: var(--step4-blue-600) !important;
}

.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-file-upload-pdf-icon,
.ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-upload-outline-btn:hover .ats-file-upload-pdf-icon {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    color: var(--step4-red) !important;
    font-size: 22px;
}

.ats-step-four-action-bar[b-m9dedj457z] {
    margin-top: 26px;
    padding: 0 !important;
    align-items: center;
}

@media (max-width: 900px) {
    .ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  :is(.ats-step-four-address-main, .ats-step-four-address-detail) {
        grid-column: span 14;
    }
}

@media (max-width: 700px) {
    .ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  :is(.ats-step-four-address-main, .ats-step-four-address-detail, .ats-step-four-other-field, .ats-step-four-education-main, .ats-step-four-education-side) {
        grid-column: 1 / -1;
    }

    .ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  .ats-step-four-upload-label {
        display: none;
    }

}

@media (prefers-reduced-motion: reduce) {
    .ats-step-four-scope.ats-step-four-scope[b-m9dedj457z]  :is(.mud-input-outlined-border, .ats-ownership-pill, .ats-upload-outline-btn) {
        transition: none;
    }
}

.ats-step-five-scope[b-m9dedj457z] {
    --step5-navy-900: #0b1b3d;
    --step5-navy-800: #132a54;
    --step5-blue-600: #1d5fd1;
    --step5-blue-500: #2e7ce0;
    --step5-blue-tint: #edf3fc;
    --step5-blue-tint-2: #e3ecfb;
    --step5-border-strong: #c2d2f0;
    --step5-text-1: #16233f;
    --step5-text-2: #5b6b8c;
    --step5-text-3: #8a97b5;
    --step5-red: #d64545;
    width: 100%;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-step-five-title {
    margin: 0 0 20px !important;
    color: var(--step5-blue-600) !important;
    background: none !important;
    -webkit-text-fill-color: var(--step5-blue-600) !important;
    font-family: "Poppins", "Inter", sans-serif;
    font-size: 18px;
    font-weight: 700 !important;
    line-height: 1.35;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-step-five-grid {
    display: grid !important;
    width: 100%;
    margin: 0 !important;
    padding: 0;
    grid-template-columns: repeat(13, minmax(0, 1fr));
    column-gap: 14px;
    row-gap: 14px !important;
    align-items: start;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-step-five-grid > .mud-grid-item {
    width: auto;
    max-width: none;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    flex: none;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-step-five-grid > .mud-grid-item:not(.ats-license-main-field):not(.ats-license-side-field) {
    grid-column: 1 / -1;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-license-main-field {
    grid-column: span 8;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-license-side-field {
    grid-column: span 5;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  :is(.ats-license-main-field, .ats-license-side-field) {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: stretch;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-license-prompt-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-license-question {
    margin: 0 0 12px !important;
    color: var(--step5-text-1);
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-license-segment {
    display: inline-flex;
    width: fit-content;
    margin: 0 auto 10px;
    padding: 4px;
    gap: 4px;
    border: 0;
    border-radius: 11px;
    background: var(--step5-blue-tint);
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-license-segment-btn {
    width: 88px;
    min-width: 88px;
    height: 38px;
    min-height: 38px;
    padding: 0;
    border: 0;
    border-radius: 8px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--step5-text-2) !important;
    font-size: 13px;
    font-weight: 700;
    text-transform: none !important;
    transition: color 0.12s ease, background-color 0.12s ease, box-shadow 0.12s ease;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-license-segment-btn.active {
    background: #fff !important;
    box-shadow: 0 2px 8px rgba(11, 27, 61, 0.1) !important;
    color: var(--step5-blue-600) !important;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-license-segment-btn.active.no {
    background: var(--step5-navy-900) !important;
    color: #fff !important;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-step-five-control {
    width: 100%;
    min-width: 0;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-step-five-control.mud-input-control,
.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-step-five-control .mud-input-control {
    margin: 0;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  :is(.ats-license-main-field, .ats-license-side-field) .ats-step-five-control.mud-input-control,
.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  :is(.ats-license-main-field, .ats-license-side-field) .ats-step-five-control .mud-input-control {
    margin: 8px 0 4px;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-step-five-control .mud-input-outlined {
    width: 100%;
    height: 44px !important;
    min-height: 44px !important;
    border-radius: 10px !important;
    background: #fff;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-step-five-control .mud-input-outlined-border {
    border-width: 1.5px !important;
    border-color: var(--step5-border-strong) !important;
    border-radius: 10px !important;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-step-five-control .mud-input-outlined:focus-within .mud-input-outlined-border {
    border-color: var(--step5-blue-500) !important;
    box-shadow: 0 0 0 3px rgba(46, 124, 224, 0.15);
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .mud-input-label {
    color: var(--step5-text-2) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2px;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .mud-input-label-asterisk {
    color: var(--step5-red) !important;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-step-five-control :is(.mud-input, .mud-input-slot, input) {
    color: var(--step5-text-1) !important;
    font-family: "Inter", sans-serif;
    font-size: 13.5px;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-step-five-control input::placeholder {
    color: var(--step5-text-3) !important;
    opacity: 1;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-step-five-control .mud-input-adornment-start {
    margin-left: 0;
    margin-right: 8px;
    margin-inline-start: unset;
    margin-inline-end: 8px;
    color: var(--step5-text-3) !important;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-step-five-control .mud-input-adornment-end {
    margin-right: 10px;
    color: var(--step5-text-3) !important;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-step-five-control .mud-input-adornment-end .mud-icon-root {
    width: 16px;
    height: 16px;
    font-size: 16px;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-step-five-control.mud-disabled .mud-input-outlined,
.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-step-five-control .mud-input-outlined.mud-disabled {
    background: #f3f5fa;
    color: var(--step5-text-3) !important;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-license-upload-spacer {
    display: block;
    height: 8px;
    min-height: 8px;
    margin: 0;
    color: transparent;
    font-size: 12px;
    line-height: 8px;
    user-select: none;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .mud-file-upload {
    width: 100%;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-step-five-upload-btn {
    display: flex !important;
    width: 100% !important;
    height: 44px !important;
    min-width: 0;
    min-height: 44px !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 10px !important;
    align-items: center;
    justify-content: center;
    gap: 9px;
    overflow: hidden;
    border: 1.5px dashed var(--step5-border-strong) !important;
    border-radius: 10px !important;
    background: #fbfcff !important;
    box-shadow: none !important;
    color: var(--step5-text-3) !important;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    text-transform: none !important;
    transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-step-five-upload-btn .mud-button-label {
    display: flex;
    width: 100%;
    min-width: 0;
    align-items: center;
    justify-content: center;
    gap: 9px;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-step-five-upload-btn:hover {
    border-color: var(--step5-blue-500) !important;
    background: var(--step5-blue-tint) !important;
    color: var(--step5-blue-600) !important;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-upload-copy {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  :is(.ats-upload-file-icon, .ats-upload-remove) {
    flex: 0 0 auto;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-upload-file-name {
    min-width: 0;
    flex: 1;
    overflow: hidden;
    color: var(--step5-text-1);
    font-size: 12px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-upload-remove {
    margin: 0;
    color: var(--step5-text-3) !important;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-file-upload-action-icon,
.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-step-five-upload-btn:hover .ats-file-upload-action-icon {
    color: var(--step5-blue-600) !important;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-file-upload-pdf-icon,
.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-step-five-upload-btn:hover .ats-file-upload-pdf-icon {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    color: var(--step5-red) !important;
    font-size: 22px;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-experience-heading {
    margin: 8px 0 4px !important;
    color: var(--step5-blue-600) !important;
    background: none !important;
    -webkit-text-fill-color: var(--step5-blue-600) !important;
    font-family: "Poppins", "Inter", sans-serif;
    font-size: 18px;
    font-weight: 700 !important;
    line-height: 1.4;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-employer-card {
    width: 100%;
    margin: 0;
    padding: 20px 20px 22px !important;
    border: 1.5px solid var(--step5-border-strong) !important;
    border-radius: 14px !important;
    background: #fcfdff !important;
    box-shadow: none !important;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-employer-grid {
    display: grid !important;
    width: 100%;
    margin: 0 !important;
    padding: 0;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    column-gap: 12px;
    row-gap: 14px !important;
    align-items: start;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-employer-grid > .mud-grid-item {
    width: auto;
    max-width: none;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    flex: none;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  :is(.ats-employer-header, .ats-employer-company, .ats-employer-checks, .ats-employer-upload) {
    grid-column: 1 / -1;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-employer-third {
    grid-column: span 2;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-employer-half {
    grid-column: span 3;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-employer-header {
    display: flex;
    min-height: 20px;
    align-items: center;
    justify-content: space-between;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-employer-card-title {
    margin: 0 !important;
    color: var(--step5-blue-600) !important;
    font-size: 13.5px;
    font-weight: 700;
    line-height: 1.4;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-remove-employer-btn {
    min-height: 28px;
    margin: 0;
    padding: 0 4px;
    color: var(--step5-red) !important;
    font-size: 12px;
    font-weight: 700;
    text-transform: none !important;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-employer-checks {
    display: flex;
    align-items: center;
    gap: 22px;
    flex-wrap: wrap;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-employer-checks .small-checkbox-label {
    margin: 0;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-employer-checks .small-checkbox-label .mud-icon-button {
    width: 18px;
    height: 18px;
    margin-right: 8px;
    padding: 0 !important;
    color: var(--step5-border-strong);
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-employer-checks .small-checkbox-label .mud-icon-root {
    width: 18px;
    height: 18px;
    font-size: 18px;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-employer-checks .small-checkbox-label .mud-typography {
    color: var(--step5-text-2);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-employer-upload {
    order: 1;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-employer-upload-label {
    display: block;
    min-height: 18px;
    margin: 0 0 6px;
    color: var(--step5-text-2);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.2px;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-add-employer-card {
    display: flex;
    width: 100%;
    min-height: 46px;
    margin: 0;
    align-items: center;
    justify-content: center;
    border: 1.5px dashed var(--step5-border-strong);
    border-radius: 12px;
    background: #fbfcff;
    color: var(--step5-blue-600);
    cursor: pointer;
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-add-employer-card .mud-checkbox {
    width: 100%;
    margin: 0;
    justify-content: center;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-add-employer-card :is(.mud-icon-button, .mud-icon-root, svg) {
    display: none !important;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-add-employer-card .mud-typography {
    color: var(--step5-blue-600);
    font-size: 13.5px;
    font-weight: 700;
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-add-employer-card:hover {
    border-color: var(--step5-blue-500);
    background: var(--step5-blue-tint);
}

.ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .mud-collapse-container {
    width: 100%;
}

.ats-step-five-action-bar[b-m9dedj457z] {
    margin-top: 22px;
    padding: 0 !important;
    align-items: center;
}

@media (max-width: 700px) {
    .ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  :is(.ats-license-main-field, .ats-license-side-field) {
        grid-column: 1 / -1;
    }

    .ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-employer-grid > .mud-grid-item {
        grid-column: 1 / -1;
    }

    .ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  .ats-employer-card {
        padding: 16px !important;
    }

}

@media (prefers-reduced-motion: reduce) {
    .ats-step-five-scope.ats-step-five-scope[b-m9dedj457z]  :is(.mud-input-outlined-border, .ats-license-segment-btn, .ats-step-five-upload-btn, .ats-add-employer-card) {
        transition: none;
    }
}

.ats-final-step-scope[b-m9dedj457z] {
    --final-navy: #132a54;
    --final-blue: #1d5fd1;
    --final-blue-hover: #2e7ce0;
    --final-tint: #edf3fc;
    --final-border: #c2d2f0;
    --final-text: #16233f;
    --final-muted: #5b6b8c;
    --final-subtle: #8a97b5;
    --final-danger: #d64545;
    width: 100%;
}

.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .ats-final-grid {
    display: flex !important;
    width: 100%;
    margin: 0 !important;
    gap: 0 !important;
}

.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .ats-final-grid > .mud-grid-item {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 !important;
}

.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .ats-final-title {
    margin: 0 0 22px !important;
    color: var(--final-blue) !important;
    background: none !important;
    -webkit-text-fill-color: var(--final-blue) !important;
    font-family: "Poppins", "Inter", sans-serif;
    font-size: 19px;
    font-weight: 700 !important;
    line-height: 1.35;
}

.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .ats-reference-block {
    margin: 0 0 14px;
    padding: 20px !important;
    overflow: visible;
    border: 1.5px solid var(--final-border) !important;
    border-radius: 14px !important;
    background: #fcfdff !important;
    box-shadow: none !important;
}

.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .ats-reference-item-after-first {
    margin-top: 14px;
}

.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .ats-reference-grid {
    display: grid !important;
    width: 100%;
    margin: 0 !important;
    padding: 0;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 12px;
    row-gap: 14px !important;
    align-items: start;
}

.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .ats-reference-grid > .mud-grid-item {
    width: auto;
    max-width: none;
    min-width: 0;
    padding: 0 !important;
    flex: none;
}

.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .ats-reference-grid > .mud-grid-item:nth-child(1) {
    grid-column: 1 / -1;
}

.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .ats-reference-grid > .mud-grid-item:nth-child(2) {
    grid-column: span 5;
}

.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .ats-reference-grid > .mud-grid-item:nth-child(3) {
    grid-column: span 7;
}

.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .ats-reference-grid > .mud-grid-item:nth-child(4),
.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .ats-reference-grid > .mud-grid-item:nth-child(5),
.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .ats-reference-grid > .mud-grid-item:nth-child(6),
.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .ats-reference-grid > .mud-grid-item:nth-child(7) {
    grid-column: span 4;
}

.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .ats-reference-grid > .mud-grid-item:nth-child(8) {
    grid-column: span 8;
}

.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .ats-reference-title {
    margin: 0;
    color: var(--final-text);
    font-size: 13.5px;
    font-weight: 700;
    line-height: 1.4;
}

.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .oneplatform-rounded-input {
    width: 100%;
}

.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .oneplatform-rounded-input .mud-input-control {
    margin-top: 0;
}

.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .ats-reference-datetime-wrap .oneplatform-rounded-input.mud-input-control,
.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .ats-reference-datetime-wrap .oneplatform-rounded-input .mud-input-control {
    margin: 8px 0 4px;
}

.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .oneplatform-rounded-input .mud-input-outlined {
    min-height: 42px !important;
}

.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .mud-input-label {
    color: var(--final-muted) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2px;
}

.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .mud-input-label-asterisk {
    color: var(--final-danger) !important;
}

.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .mud-input-outlined-border {
    border-width: 1.5px !important;
    border-color: var(--final-border) !important;
    border-radius: 10px !important;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .mud-input-control:focus-within .mud-input-outlined-border {
    border-color: var(--final-blue-hover) !important;
    box-shadow: 0 0 0 3px rgba(46, 124, 224, 0.15);
}

.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .oneplatform-rounded-input :is(.mud-input, .mud-input-slot) {
    color: var(--final-text) !important;
    font-family: "Inter", sans-serif;
    font-size: 13.5px;
}

.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .oneplatform-rounded-input input::placeholder {
    color: var(--final-subtle) !important;
    opacity: 1;
}

.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .oneplatform-rounded-input .mud-input-adornment-start {
    margin-left: 0;
    margin-right: 8px;
    margin-inline-start: unset;
    margin-inline-end: 8px;
    color: var(--final-subtle) !important;
}

.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .oneplatform-rounded-input .mud-input-adornment-end {
    margin-right: 10px;
    color: var(--final-subtle) !important;
}

.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .oneplatform-rounded-input .mud-input-adornment-end .mud-icon-root {
    width: 15px;
    height: 15px;
    font-size: 15px;
}

.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .ats-reference-option-wrap {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
}

.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .ats-reference-option-label {
    margin: 0;
    color: var(--final-text);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
}

.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .ats-reference-pill-group {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .ats-reference-pill {
    position: relative;
    display: inline-flex;
    min-height: 34px;
    margin: 0 !important;
    padding: 0 13px;
    align-items: center;
    justify-content: center;
    border: 1.5px solid var(--final-border);
    border-radius: 20px;
    background: #fff;
    color: var(--final-text);
    cursor: pointer;
    transition: border-color 0.12s ease, background-color 0.12s ease, box-shadow 0.12s ease;
}

.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .ats-reference-pill :is(.mud-button-root, .mud-icon-button, .mud-radio-icon, .mud-radio-icons, svg) {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .ats-reference-pill :is(.mud-radio-label, .mud-radio-content, .mud-typography) {
    width: 100%;
    margin: 0 !important;
    color: inherit !important;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
}

/* The MudRadio click handler lives on the inner label; stretch it over the whole pill.
   MudBlazor's own .mud-input-control-input-container is position:relative and would
   capture the ::after overlay, so it must be static for the overlay to reach the pill. */
.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .ats-reference-pill .mud-input-control-input-container {
    position: static;
    width: 100%;
}

.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .ats-reference-pill .mud-radio {
    position: static;
    width: 100%;
    justify-content: center;
}

.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .ats-reference-pill .mud-radio::after {
    position: absolute;
    content: "";
    inset: 0;
    border-radius: 20px;
    cursor: pointer;
}

.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .ats-reference-pill:hover {
    border-color: var(--final-blue-hover);
}

.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .ats-reference-pill:focus-within {
    outline: 3px solid rgba(46, 124, 224, 0.2);
    outline-offset: 2px;
}

.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .ats-reference-pill:is(.selected, .mud-checked, .mud-radio-checked) {
    border-color: transparent;
    background: linear-gradient(120deg, var(--final-navy), var(--final-blue));
    box-shadow: 0 6px 14px -6px rgba(29, 95, 209, 0.5);
    color: #fff;
}

.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .ats-reference-datetime-wrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 20px;
}

.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .ats-reference-date,
.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .ats-reference-time {
    width: 100%;
    min-width: 0;
}

.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .ats-add-reference-card {
    display: flex;
    width: 100%;
    min-height: 46px;
    margin: -2px 0 20px;
    align-items: center;
    justify-content: center;
    border: 1.5px dashed var(--final-border);
    border-radius: 12px;
    background: #fbfcff;
    color: var(--final-blue);
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .ats-add-reference-card .mud-checkbox {
    width: 100%;
    margin: 0;
    justify-content: center;
}

.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .ats-add-reference-card :is(.mud-icon-button, .mud-icon-root, svg) {
    display: none !important;
}

.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .ats-add-reference-card .mud-typography {
    color: var(--final-blue);
    font-size: 13.5px;
    font-weight: 700;
}

.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .ats-add-reference-card:hover {
    border-color: var(--final-blue-hover);
    background: var(--final-tint);
}

.ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .ats-remove-reference-btn {
    min-height: 28px;
    padding: 0 4px;
    color: var(--final-danger) !important;
    font-size: 12px;
    font-weight: 700;
    text-transform: none !important;
}

.ats-final-action-bar[b-m9dedj457z] {
    margin-top: 6px;
    padding: 0 !important;
    align-items: center;
}

.ats-step-action-bar.ats-step-action-bar[b-m9dedj457z]  .ats-previous-button {
    width: auto !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 22px !important;
    border: 1.5px solid #c2d2f0 !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: none !important;
    color: #1d5fd1 !important;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}

.ats-step-action-bar.ats-step-action-bar[b-m9dedj457z]  .ats-previous-button:hover {
    background: #f4f7fc !important;
}

.ats-step-action-bar.ats-step-action-bar[b-m9dedj457z]  .ats-previous-button .mud-icon-root {
    width: 14px;
    height: 14px;
    color: #1d5fd1 !important;
    font-size: 14px;
}

.ats-step-action-bar.ats-step-action-bar[b-m9dedj457z]  .ats-save-next-button {
    width: auto !important;
    height: 46px !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 26px !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: linear-gradient(120deg, #132a54, #2e7ce0) !important;
    box-shadow: 0 10px 22px -6px rgba(29, 95, 209, 0.5) !important;
    color: #fff !important;
    font-size: 14.5px;
    font-weight: 700;
    text-transform: none;
    transition: box-shadow 0.15s ease, transform 0.1s ease;
}

.ats-step-action-bar.ats-step-action-bar[b-m9dedj457z]  .ats-save-next-button:hover {
    box-shadow: 0 12px 26px -6px rgba(29, 95, 209, 0.65) !important;
}

.ats-step-action-bar.ats-step-action-bar[b-m9dedj457z]  .ats-save-next-button:active {
    transform: scale(0.97);
}

.ats-step-action-bar.ats-step-action-bar[b-m9dedj457z]  .ats-save-next-button .mud-icon-root {
    width: 16px;
    height: 16px;
    font-size: 16px;
}

.ats-final-action-bar.ats-final-action-bar[b-m9dedj457z]  .ats-final-submit-button {
    width: auto !important;
    height: 46px !important;
    margin: 0 !important;
    padding: 0 30px !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: linear-gradient(120deg, #132a54, #2e7ce0) !important;
    box-shadow: 0 10px 22px -6px rgba(29, 95, 209, 0.5) !important;
    color: #fff !important;
    font-size: 14.5px;
    font-weight: 700;
    text-transform: none;
}

.ats-final-action-bar.ats-final-action-bar[b-m9dedj457z]  .ats-final-submit-button .mud-button-label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
}

.ats-final-action-bar.ats-final-action-bar[b-m9dedj457z]  .ats-submit-check {
    width: 16px;
    height: 16px;
    font-size: 16px;
}

.ats-final-action-bar.ats-final-action-bar[b-m9dedj457z]  .ats-final-submit-button:hover {
    box-shadow: 0 12px 26px -6px rgba(29, 95, 209, 0.65) !important;
}

@media (max-width: 760px) {
    .ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .ats-reference-grid > .mud-grid-item {
        grid-column: 1 / -1 !important;
    }

    .ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .ats-reference-block {
        padding: 14px !important;
    }

    .ats-step-action-bar[b-m9dedj457z] {
        flex-direction: column-reverse;
        gap: 12px;
    }

    .ats-step-action-bar.ats-step-action-bar[b-m9dedj457z]  :is(.ats-previous-button, .ats-save-next-button),
    .ats-final-action-bar.ats-final-action-bar[b-m9dedj457z]  .ats-previous-button,
    .ats-final-action-bar.ats-final-action-bar[b-m9dedj457z]  .ats-final-submit-button {
        width: 100% !important;
    }
}

@media (max-width: 520px) {
    .ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  .ats-reference-datetime-wrap {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ats-final-step-scope.ats-final-step-scope[b-m9dedj457z]  :is(.ats-reference-pill, .ats-add-reference-card),
    .ats-final-action-bar.ats-final-action-bar[b-m9dedj457z]  :is(.ats-previous-button, .ats-final-submit-button),
    .ats-step-action-bar.ats-step-action-bar[b-m9dedj457z]  .ats-save-next-button {
        transition: none;
    }
}

.ats-application-card.ats-application-card[b-m9dedj457z]  .oneplatform-rounded-input .mud-input-adornment-end {
    margin-right: 0 !important;
    margin-inline-end: 0 !important;
}

.ats-application-card.ats-application-card[b-m9dedj457z]  .ats-step-one-choice-group .mud-radio-group {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 8px;
}
/* /Component/ATS/ApplicationForm/CompletedComponent.razor.rz.scp.css */
.ats-completed-card[b-2iumsomtv7],
.ats-completed-card *[b-2iumsomtv7],
.ats-completed-card *[b-2iumsomtv7]::before,
.ats-completed-card *[b-2iumsomtv7]::after {
    box-sizing: border-box;
}

.ats-completed-card[b-2iumsomtv7] {
    --completed-navy-900: #0b1b3d;
    --completed-border: #e4eaf6;
    --completed-text-2: #5b6b8c;
    --completed-red: #d64545;
    --completed-red-tint: #fbe9e9;
    --completed-red-border: #f1c7c7;
    width: min(460px, calc(100vw - 40px));
    max-width: 100%;
    padding: 38px 34px 34px;
    border: 1px solid var(--completed-border);
    border-radius: 20px;
    background: #fff;
    box-shadow:
        0 0 0 6px rgba(46, 124, 224, 0.1),
        0 18px 40px -16px rgba(11, 27, 61, 0.25);
    font-family: "Inter", sans-serif;
    text-align: center;
}

.ats-completed-icon-badge[b-2iumsomtv7] {
    display: flex;
    width: 70px;
    height: 70px;
    margin: 0 auto 22px;
    align-items: center;
    justify-content: center;
    border: 1.5px solid var(--completed-red-border);
    border-radius: 50%;
    background: var(--completed-red-tint);
}

.ats-completed-icon-badge svg[b-2iumsomtv7] {
    width: 30px;
    height: 30px;
    color: var(--completed-red);
}

.ats-completed-card h1[b-2iumsomtv7] {
    margin: 0 0 14px;
    color: var(--completed-navy-900);
    font-family: "Poppins", sans-serif;
    font-size: 23px;
    font-weight: 700;
    letter-spacing: 0.2px;
    line-height: 1.35;
}

.ats-completed-description[b-2iumsomtv7] {
    margin: 0;
    color: var(--completed-text-2);
    font-size: 13.5px;
    line-height: 1.65;
}

@media (max-width: 480px) {
    .ats-completed-card[b-2iumsomtv7] {
        width: calc(100vw - 28px);
        padding: 32px 24px 28px;
    }

    .ats-completed-card h1[b-2iumsomtv7] {
        font-size: 21px;
    }
}
/* /Component/ATS/ApplicationForm/ExpiredComponent.razor.rz.scp.css */
.ats-expired-card[b-f05g3fwrme],
.ats-expired-card *[b-f05g3fwrme],
.ats-expired-card *[b-f05g3fwrme]::before,
.ats-expired-card *[b-f05g3fwrme]::after {
    box-sizing: border-box;
}

.ats-expired-card[b-f05g3fwrme] {
    --expired-border: #e4eaf6;
    --expired-text-1: #16233f;
    --expired-text-2: #5b6b8c;
    --expired-red: #d64545;
    --expired-red-tint: #fbe9e9;
    --expired-red-border: #f1c7c7;
    width: min(420px, calc(100vw - 40px));
    max-width: 420px;
    padding: 36px 30px 32px;
    border: 1px solid var(--expired-border);
    border-radius: 20px;
    background: #fff;
    box-shadow:
        0 0 0 6px rgba(46, 124, 224, 0.1),
        0 18px 40px -16px rgba(11, 27, 61, 0.25);
    font-family: "Inter", sans-serif;
    text-align: center;
}

.ats-expired-icon-badge[b-f05g3fwrme] {
    display: flex;
    width: 66px;
    height: 66px;
    margin: 0 auto 22px;
    align-items: center;
    justify-content: center;
    border: 1.5px solid var(--expired-red-border);
    border-radius: 50%;
    background: var(--expired-red-tint);
}

.ats-expired-icon-badge svg[b-f05g3fwrme] {
    width: 30px;
    height: 30px;
    color: var(--expired-red);
}

.ats-expired-card h1[b-f05g3fwrme] {
    margin: 0 0 8px;
    color: var(--expired-text-1);
    font-family: "Poppins", sans-serif;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.35;
}

.ats-expired-description[b-f05g3fwrme] {
    margin: 0;
    color: var(--expired-text-2);
    font-size: 13.5px;
    line-height: 1.55;
}

@media (max-width: 480px) {
    .ats-expired-card[b-f05g3fwrme] {
        width: calc(100vw - 28px);
        padding: 30px 24px 26px;
    }
}
/* /Component/ATS/ApplicationForm/SuccessApplicationFormComponent.razor.rz.scp.css */
.ats-success-card[b-34vsciwbi7],
.ats-success-card *[b-34vsciwbi7],
.ats-success-card *[b-34vsciwbi7]::before,
.ats-success-card *[b-34vsciwbi7]::after {
    box-sizing: border-box;
}

.ats-success-card[b-34vsciwbi7] {
    --success-navy-900: #0b1b3d;
    --success-border: #e4eaf6;
    --success-text-1: #16233f;
    --success-text-2: #5b6b8c;
    --success-green: #1e9e64;
    --success-green-tint: #e4f7ed;
    --success-green-border: #b9e6ce;
    width: min(460px, calc(100vw - 40px));
    max-width: 100%;
    padding: 38px 34px 34px;
    border: 1px solid var(--success-border);
    border-radius: 20px;
    background: #fff;
    box-shadow:
        0 0 0 6px rgba(46, 124, 224, 0.1),
        0 18px 40px -16px rgba(11, 27, 61, 0.25);
    color: var(--success-text-1);
    font-family: "Inter", sans-serif;
    text-align: center;
}

.ats-success-icon-badge[b-34vsciwbi7] {
    display: flex;
    width: 70px;
    height: 70px;
    margin: 0 auto 22px;
    align-items: center;
    justify-content: center;
    border: 1.5px solid var(--success-green-border);
    border-radius: 50%;
    background: var(--success-green-tint);
}

.ats-success-icon-badge svg[b-34vsciwbi7] {
    width: 32px;
    height: 32px;
    color: var(--success-green);
}

.ats-success-card h1[b-34vsciwbi7] {
    margin: 0 0 6px;
    color: var(--success-navy-900);
    font-family: "Poppins", sans-serif;
    font-size: 23px;
    font-weight: 700;
    letter-spacing: 0.2px;
    line-height: 1.35;
}

.ats-success-thanks[b-34vsciwbi7] {
    margin: 0 0 14px;
    color: var(--success-text-1);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
}

.ats-success-description[b-34vsciwbi7] {
    margin: 0;
    color: var(--success-text-2);
    font-size: 13.5px;
    line-height: 1.65;
}

@media (max-width: 480px) {
    .ats-success-card[b-34vsciwbi7] {
        width: calc(100vw - 28px);
        padding: 32px 24px 28px;
    }

    .ats-success-card h1[b-34vsciwbi7] {
        font-size: 21px;
    }
}
/* /Component/ATS/ApplicationForm/WithdrawnComponent.razor.rz.scp.css */
.ats-withdrawn-card[b-ewxtk47agy],
.ats-withdrawn-card *[b-ewxtk47agy],
.ats-withdrawn-card *[b-ewxtk47agy]::before,
.ats-withdrawn-card *[b-ewxtk47agy]::after {
    box-sizing: border-box;
}

.ats-withdrawn-card[b-ewxtk47agy] {
    --withdrawn-navy-900: #0b1b3d;
    --withdrawn-border: #e4eaf6;
    --withdrawn-text-1: #16233f;
    --withdrawn-text-2: #5b6b8c;
    --withdrawn-red: #d64545;
    --withdrawn-red-tint: #fbe9e9;
    --withdrawn-red-border: #f1c7c7;
    width: min(460px, calc(100vw - 40px));
    max-width: 100%;
    padding: 38px 34px 34px;
    border: 1px solid var(--withdrawn-border);
    border-radius: 20px;
    background: #fff;
    box-shadow:
        0 0 0 6px rgba(46, 124, 224, 0.1),
        0 18px 40px -16px rgba(11, 27, 61, 0.25);
    color: var(--withdrawn-text-1);
    font-family: "Inter", sans-serif;
    text-align: center;
}

.ats-withdrawn-icon-badge[b-ewxtk47agy] {
    display: flex;
    width: 70px;
    height: 70px;
    margin: 0 auto 22px;
    align-items: center;
    justify-content: center;
    border: 1.5px solid var(--withdrawn-red-border);
    border-radius: 50%;
    background: var(--withdrawn-red-tint);
}

.ats-withdrawn-icon-badge svg[b-ewxtk47agy] {
    width: 30px;
    height: 30px;
    color: var(--withdrawn-red);
}

.ats-withdrawn-card h1[b-ewxtk47agy] {
    margin: 0 0 14px;
    color: var(--withdrawn-navy-900);
    font-family: "Poppins", sans-serif;
    font-size: 23px;
    font-weight: 700;
    letter-spacing: 0.2px;
    line-height: 1.35;
}

.ats-withdrawn-thanks[b-ewxtk47agy] {
    margin: 0 0 6px;
    color: var(--withdrawn-text-1);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
}

.ats-withdrawn-description[b-ewxtk47agy] {
    margin: 0;
    color: var(--withdrawn-text-2);
    font-size: 13.5px;
    line-height: 1.6;
}

@media (max-width: 480px) {
    .ats-withdrawn-card[b-ewxtk47agy] {
        width: calc(100vw - 28px);
        padding: 32px 24px 28px;
    }

    .ats-withdrawn-card h1[b-ewxtk47agy] {
        font-size: 21px;
    }
}
/* /Component/ATS/BulkUploads/BulkUploadsComponent.razor.rz.scp.css */
/* Only what is specific to the bulk uploads board lives here.

   The intro banner, filter chips, status dots, status pills, lead-identity cell, tag
   and muted cells all come from the shared .ats-status-board-* / .ats-cell-* /
   .ats-status-pill rules in wwwroot/css/ats.css, which the OMS ticketing board uses
   too. Do not re-declare any of those here - change the shared rules instead so both
   boards stay identical. */

[b-pjm0h116u5] .bulk-order-type {
    display: inline-flex;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 11.5px;
    font-weight: 700;
}

[b-pjm0h116u5] .bulk-order-type.is-rush {
    background: #fcf1dd;
    color: #b5790f;
}

[b-pjm0h116u5] .bulk-order-type.is-normal {
    background: #f1f4fa;
    color: #5b6b8c;
}

[b-pjm0h116u5] .bulk-subject-count {
    color: #16233f;
    font-size: 13px;
    font-weight: 700;
}

/* ---------- Email send progress ---------- */

[b-pjm0h116u5] .bulk-email-progress {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 96px;
}

[b-pjm0h116u5] .bulk-email-figures {
    color: #16233f;
    font-size: 12.5px;
    font-weight: 700;
}

[b-pjm0h116u5] .bulk-email-total {
    color: #8a97b5;
    font-weight: 600;
}

[b-pjm0h116u5] .bulk-email-bar {
    display: block;
    width: 100%;
    height: 4px;
    overflow: hidden;
    border-radius: 999px;
    background: #e9eef7;
}

[b-pjm0h116u5] .bulk-email-bar-fill {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #2e7ce0, #1e9e64);
    transition: width .3s ease;
}

[b-pjm0h116u5] .bulk-email-failed {
    color: #c0453e;
    font-size: 11px;
    font-weight: 700;
}

/* Deliberately quieter than the failure note: pending resolves on its own. */
[b-pjm0h116u5] .bulk-email-pending {
    color: #8a97b5;
    font-size: 11px;
    font-weight: 600;
}

@media (prefers-reduced-motion: reduce) {
    [b-pjm0h116u5] .bulk-email-bar-fill {
        transition: none;
    }
}

@media (max-width: 720px) {
    [b-pjm0h116u5] .bulk-email-progress {
        min-width: 0;
        align-items: flex-end;
    }
}
/* /Component/ATS/BulkUploads/BulkUploadSubjectsDialog.razor.rz.scp.css */
/* Local palette, matching the block BulkUploadsComponent.razor.css declares. The
   drill-down is the same module and deliberately does not introduce a new hue. */
.ats-bulk-subjects-header[b-e3b8aowzu6],
.ats-bulk-subjects-segmented[b-e3b8aowzu6],
[b-e3b8aowzu6] .ats-bulk-subjects-table-card {
    --navy-900: #0b1b3d;
    --blue-600: #1d5fd1;
    --blue-500: #2e7ce0;
    --blue-tint: #edf3fc;
    --blue-tint-2: #e3ecfb;
    --border: #e4eaf6;
    --text-1: #16233f;
    --text-2: #5b6b8c;
    --text-3: #8a97b5;
}

/* ---------- Header (PreviewComponent's gradient dialog header) ---------- */

.ats-bulk-subjects-header[b-e3b8aowzu6] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    overflow: hidden;
    padding: 24px 30px 20px;
    color: #fff;
    background: linear-gradient(120deg, var(--navy-900), #1c3a70 55%, var(--blue-600) 130%);
}

    .ats-bulk-subjects-header[b-e3b8aowzu6]::before {
        position: absolute;
        inset: 0;
        content: "";
        opacity: .35;
        background-image: radial-gradient(rgba(255,255,255,.14) 1px, transparent 1.5px);
        background-size: 16px 16px;
        -webkit-mask-image: linear-gradient(to bottom right, #000, transparent 70%);
        mask-image: linear-gradient(to bottom right, #000, transparent 70%);
    }

.ats-bulk-subjects-header-content[b-e3b8aowzu6] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 13px;
    min-width: 0;
}

.ats-bulk-subjects-header-icon[b-e3b8aowzu6] {
    display: grid;
    place-items: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 12px;
    background: rgba(255,255,255,.14);
    color: #fff;
}

.ats-bulk-subjects-header-icon[b-e3b8aowzu6]  .mud-icon-root {
    width: 20px;
    height: 20px;
    font-size: 20px;
}

.ats-bulk-subjects-header-text[b-e3b8aowzu6] {
    min-width: 0;
}

    .ats-bulk-subjects-header-text h2[b-e3b8aowzu6] {
        margin: 0;
        overflow: hidden;
        font-size: 19px;
        font-weight: 600;
        letter-spacing: .2px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .ats-bulk-subjects-header-text p[b-e3b8aowzu6] {
        margin: 4px 0 0;
        color: #c6d5f5;
        font-size: 12.5px;
    }

.ats-bulk-subjects-close[b-e3b8aowzu6] {
    position: relative;
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 9px;
    background: rgba(255,255,255,.1);
    color: #fff;
    cursor: pointer;
}

    .ats-bulk-subjects-close:hover[b-e3b8aowzu6] {
        background: rgba(255,255,255,.22);
    }

    .ats-bulk-subjects-close:focus-visible[b-e3b8aowzu6] {
        outline: 3px solid rgba(255, 255, 255, .35);
        outline-offset: 2px;
    }

/* ---------- Status filters + export ---------- */

/* Tabs on the left, Export CSV on the right, sharing one row. */
.ats-bulk-subjects-filter-row[b-e3b8aowzu6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin: 16px 24px 0;
}

/* The export button is styled by .ats-management-button (ats.css); only the
   disabled state is local, since the shared class has none. */
.ats-bulk-subjects-export:disabled[b-e3b8aowzu6] {
    opacity: .55;
    cursor: default;
    box-shadow: none;
}

.ats-bulk-subjects-export:disabled:active[b-e3b8aowzu6] {
    transform: none;
}

.ats-bulk-subjects-segmented[b-e3b8aowzu6] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 4px;
    padding: 4px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: #fff;
}

[b-e3b8aowzu6] .ats-bulk-subjects-segment {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    font-size: 12.5px;
    font-weight: 700;
    transition: background .2s ease, color .2s ease, box-shadow .2s ease;
}

    [b-e3b8aowzu6] .ats-bulk-subjects-segment:hover:not(:disabled) {
        color: var(--blue-600);
        background: var(--blue-tint);
    }

    [b-e3b8aowzu6] .ats-bulk-subjects-segment.active {
        background: var(--blue-tint-2);
        color: var(--navy-900);
        box-shadow: 0 2px 6px rgba(11, 27, 61, .1);
    }

    [b-e3b8aowzu6] .ats-bulk-subjects-segment:disabled {
        opacity: .6;
        cursor: default;
    }

    [b-e3b8aowzu6] .ats-bulk-subjects-segment:focus-visible {
        outline: 3px solid rgba(46, 124, 224, .35);
        outline-offset: 2px;
    }

[b-e3b8aowzu6] .ats-bulk-subjects-count {
    padding: 2px 8px;
    border-radius: 999px;
    background: #f1f4fa;
    color: var(--text-2);
    font-size: 11px;
    font-weight: 800;
}

[b-e3b8aowzu6] .ats-bulk-subjects-segment.active .ats-bulk-subjects-count {
    background: linear-gradient(120deg, var(--navy-900), var(--blue-500));
    color: #fff;
}

/* The dot classes the parent page defines are page-scoped, so the dialog restates
   them. is-failed is new here: the file list has no failure bucket. */
.ats-bulk-subjects-segmented .bulk-status-dot[b-e3b8aowzu6] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex: 0 0 auto;
}

    .ats-bulk-subjects-segmented .bulk-status-dot.is-all[b-e3b8aowzu6] {
        background: var(--text-3);
    }

    .ats-bulk-subjects-segmented .bulk-status-dot.is-pending[b-e3b8aowzu6] {
        background: #7d8aa8;
    }

    .ats-bulk-subjects-segmented .bulk-status-dot.is-done[b-e3b8aowzu6] {
        background: #1e9e64;
    }

    .ats-bulk-subjects-segmented .bulk-status-dot.is-failed[b-e3b8aowzu6] {
        background: #c8382f;
    }

/* ---------- Table ---------- */

/* The card carries .ats-management-card (PreviewComponent pattern), which brings the
   shared table treatment - headers, cells, search, pager - from ats.css. The card's
   default drop shadow is dropped: the dialog already has its own elevation, and a
   shadowed card inside it reads as a double border. `width: auto` overrides the
   shared card's `width: 100%`, which would push the box past the right margin and
   swallow it (100% + side margins > container). */
[b-e3b8aowzu6] .ats-bulk-subjects-table-card {
    width: auto !important;
    margin: 16px 24px 20px;
    box-shadow: none !important;
}

[b-e3b8aowzu6] .ats-bulk-subjects-table {
    box-shadow: none;
}

[b-e3b8aowzu6] .ats-bulk-subjects-table td {
    vertical-align: middle;
}

.ats-bulk-subject[b-e3b8aowzu6] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.ats-bulk-subject-initials[b-e3b8aowzu6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--blue-tint-2);
    color: var(--blue-600);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .3px;
}

.ats-bulk-subject-name[b-e3b8aowzu6] {
    overflow: hidden;
    color: var(--text-1);
    font-size: 13px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ats-bulk-subject-contact[b-e3b8aowzu6],
.ats-bulk-subject-email-state[b-e3b8aowzu6] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    align-items: flex-start;
}

.ats-bulk-subject-email[b-e3b8aowzu6] {
    overflow: hidden;
    color: var(--text-1);
    font-size: 12.5px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ats-bulk-subject-mobile[b-e3b8aowzu6],
.ats-bulk-subject-meta[b-e3b8aowzu6] {
    color: var(--text-3);
    font-size: 11.5px;
}

.ats-bulk-subject-attempts[b-e3b8aowzu6] {
    color: #b5790f;
    font-size: 11.5px;
    font-weight: 700;
}

.ats-bulk-subject-order[b-e3b8aowzu6] {
    color: var(--text-2);
    font-size: 12.5px;
    font-weight: 600;
}

[b-e3b8aowzu6] .bulk-muted {
    color: var(--text-3);
}

.ats-bulk-badge[b-e3b8aowzu6] {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 11.5px;
    font-weight: 700;
    white-space: nowrap;
}

    .ats-bulk-badge.is-done[b-e3b8aowzu6] {
        background: #e6f6ee;
        color: #12724a;
    }

    .ats-bulk-badge.is-pending[b-e3b8aowzu6] {
        background: #eef1f7;
        color: #55627e;
    }

    .ats-bulk-badge.is-failed[b-e3b8aowzu6] {
        background: #fdeceb;
        color: #a52b23;
    }

    .ats-bulk-badge.is-unknown[b-e3b8aowzu6] {
        background: #f4f5f8;
        color: var(--text-3);
    }

[b-e3b8aowzu6] .ats-bulk-subjects-actions-header,
[b-e3b8aowzu6] .ats-bulk-subjects-actions-cell {
    text-align: right;
    width: 84px;
}

[b-e3b8aowzu6] .ats-bulk-subject-resend {
    color: var(--blue-600);
}

/* ---------- Responsive ---------- */

@media (max-width: 720px) {
    .ats-bulk-subjects-header[b-e3b8aowzu6] {
        padding: 20px 18px;
    }

    .ats-bulk-subjects-filter-row[b-e3b8aowzu6] {
        margin: 12px 16px 0;
    }

    .ats-bulk-subjects-export[b-e3b8aowzu6] {
        justify-content: center;
        width: 100%;
    }

    [b-e3b8aowzu6] .ats-bulk-subjects-table-card {
        margin: 12px 16px 16px;
    }

    /* MudTable stacks below its breakpoint, so the right-aligned actions column
       would otherwise sit oddly against the stacked labels. */
    [b-e3b8aowzu6] .ats-bulk-subjects-actions-cell {
        width: auto;
    }
}

/* MudTable's stacked mode (Breakpoint.Sm = max-width 600px) renders each cell as
   label-left / value-right flex, which shoves long emails and names against the
   dialog edge where they clip. Restack each cell as a centered column instead:
   the DataLabel becomes a small heading, the value sits centered under it. */
@media (max-width: 600px) {
    /* In stacked mode the <table> still uses table auto-layout, so it sizes to its
       widest nowrap cell content (long emails) and overflows the card, which clips
       it. Block-level table + rows bound the flex cells to the card width so the
       spans' ellipsis can engage. Also overrides ats.css's `min-width: 880px` on
       every .ats-management-card table. */
    [b-e3b8aowzu6] .ats-bulk-subjects-table-card table,
    [b-e3b8aowzu6] .ats-bulk-subjects-table-card tbody,
    [b-e3b8aowzu6] .ats-bulk-subjects-table-card tr {
        display: block;
        width: 100%;
        min-width: 0;
    }

    [b-e3b8aowzu6] .ats-bulk-subjects-table .mud-table-cell {
        flex-direction: column;
        align-items: center;
        gap: 4px;
        text-align: center !important; /* MudBlazor sets text-align with !important */
    }

    [b-e3b8aowzu6] .ats-bulk-subjects-table .mud-table-cell::before {
        padding: 0;
        color: var(--text-3, #8a97b5);
        font-size: 11px;
        font-weight: 700;
        letter-spacing: .4px;
        text-transform: uppercase;
    }

    /* The per-cell wrappers left-align their children for the desktop table. */
    .ats-bulk-subject[b-e3b8aowzu6],
    .ats-bulk-subject-contact[b-e3b8aowzu6],
    .ats-bulk-subject-email-state[b-e3b8aowzu6] {
        align-items: center;
        justify-content: center;
        max-width: 100%;
    }

    /* Ellipsis needs a bound now that the column no longer constrains min-content. */
    .ats-bulk-subject-name[b-e3b8aowzu6],
    .ats-bulk-subject-email[b-e3b8aowzu6] {
        max-width: 100%;
    }
}
/* /Component/ATS/ClientAssignment/ClientAssigning.razor.rz.scp.css */
.ats-client-assigning[b-xle16wfmwk] {
    --assignment-navy: #132a54;
    --assignment-blue: #1d5fd1;
    --assignment-blue-tint: #edf3fc;
    --assignment-border: #c2d2f0;
    --assignment-text: #16233f;
    --assignment-muted: #5b6b8c;
    width: 100%;
    color: var(--assignment-text);
    font-family: "Inter", sans-serif;
}

.ats-client-assigning-table-scope[b-xle16wfmwk]  table {
    width: 100%;
    min-width: 940px;
    border-collapse: collapse;
}

.ats-client-assigning-user-cell[b-xle16wfmwk] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ats-client-assigning-avatar[b-xle16wfmwk] {
    display: flex;
    flex: 0 0 32px;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: linear-gradient(135deg, #2e7ce0, var(--assignment-navy));
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 600;
}

.ats-client-assigning-name[b-xle16wfmwk],
.ats-client-assigning-client[b-xle16wfmwk] {
    font-weight: 600;
}

.ats-client-assigning-table-scope[b-xle16wfmwk]  .ats-client-assigning-muted,
.ats-client-assigning-table-scope[b-xle16wfmwk]  .ats-client-assigning-muted a,
.ats-client-assigning-table-scope[b-xle16wfmwk]  .ats-client-assigning-date {
    color: var(--assignment-muted);
}

.ats-client-assigning-table-scope[b-xle16wfmwk]  .ats-client-assigning-muted a {
    text-decoration: none;
}

.ats-client-assigning-table-scope[b-xle16wfmwk]  .ats-client-assigning-muted a:hover {
    color: var(--assignment-blue);
    text-decoration: underline;
}

.ats-client-assigning-date[b-xle16wfmwk] {
    white-space: nowrap;
}

.ats-client-assigning-unassigned[b-xle16wfmwk] {
    display: inline-flex;
    padding: 4px 10px;
    border-radius: 20px;
    background: #eef0f5;
    color: var(--assignment-muted);
    font-size: 11.5px;
    font-weight: 700;
}

.ats-client-assigning-edit[b-xle16wfmwk] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 1px solid var(--assignment-border);
    border-radius: 8px;
    background: var(--assignment-blue-tint);
    color: var(--assignment-blue);
    cursor: pointer;
}

.ats-client-assigning-edit:hover[b-xle16wfmwk] {
    background: #e3ecfb;
}

.ats-client-assigning-edit:focus-visible[b-xle16wfmwk] {
    outline: 3px solid rgba(46, 124, 224, 0.25);
    outline-offset: 2px;
}

.ats-client-assigning-edit svg[b-xle16wfmwk] {
    width: 14px;
    height: 14px;
}

.ats-client-assigning-empty[b-xle16wfmwk] {
    display: flex;
    min-height: 180px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    color: #8a97b5;
    text-align: center;
}

.ats-client-assigning-empty[b-xle16wfmwk]  .mud-icon-root {
    margin-bottom: 6px;
    color: #2e7ce0;
    font-size: 34px;
}

.ats-client-assigning-empty strong[b-xle16wfmwk] {
    color: var(--assignment-text);
    font-family: "Poppins", sans-serif;
    font-size: 15px;
}

.ats-client-assigning-empty span[b-xle16wfmwk] {
    font-size: 12px;
}
/* /Component/ATS/ClientAssignment/EditClientAssignmentComponent.razor.rz.scp.css */
.eca-shell[b-0zlgxuzgto] {
    --eca-navy: #132a54;
    --eca-blue: #1d5fd1;
    --eca-border: #c2d2f0;
    --eca-muted: #5b6b8c;
    overflow: hidden;
    background: #fff;
    color: #16233f;
    font-family: "Inter", sans-serif;
}

.eca-header[b-0zlgxuzgto] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 26px 30px 22px;
    background: linear-gradient(120deg, #0b1b3d, var(--eca-navy) 60%, var(--eca-blue) 140%);
    color: #fff;
}

.eca-header h1[b-0zlgxuzgto] {
    margin: 0;
    font-family: "Poppins", sans-serif;
    font-size: 22px;
    font-weight: 600;
}

.eca-header p[b-0zlgxuzgto] {
    margin: 4px 0 0;
    color: #c6d5f5;
    font-size: 13px;
}

.eca-close[b-0zlgxuzgto] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    cursor: pointer;
}

.eca-body[b-0zlgxuzgto] {
    display: grid;
    gap: 22px;
    padding: 26px 30px;
}

.eca-user-card[b-0zlgxuzgto] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px;
    border: 1px solid #d9e3f5;
    border-radius: 12px;
    background: #edf3fc;
}

.eca-user-card div[b-0zlgxuzgto] {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.eca-user-card a[b-0zlgxuzgto] {
    overflow: hidden;
    color: var(--eca-muted);
    font-size: 12px;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.eca-avatar[b-0zlgxuzgto] {
    display: flex;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: linear-gradient(135deg, #2e7ce0, var(--eca-navy));
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
}

.eca-field > label[b-0zlgxuzgto] {
    display: block;
    margin-bottom: 7px;
    color: var(--eca-muted);
    font-size: 12px;
    font-weight: 700;
}

.eca-field > label span[b-0zlgxuzgto] {
    color: #d64545;
}

.eca-field > p[b-0zlgxuzgto] {
    margin: 6px 0 0;
    color: #8a97b5;
    font-size: 11px;
}

.eca-field[b-0zlgxuzgto]  .mud-input-outlined-border {
    border-color: var(--eca-border);
    border-radius: 10px;
}

.eca-footer[b-0zlgxuzgto] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 20px 30px 24px;
    border-top: 1px solid #d9e3f5;
}

.eca-button[b-0zlgxuzgto] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 106px;
    height: 42px;
    padding: 0 20px;
    border-radius: 10px;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.eca-button:disabled[b-0zlgxuzgto],
.eca-close:disabled[b-0zlgxuzgto] {
    cursor: not-allowed;
    opacity: 0.6;
}

.eca-button-cancel[b-0zlgxuzgto] {
    border: 1px solid var(--eca-border);
    background: #fff;
    color: var(--eca-muted);
}

.eca-button-save[b-0zlgxuzgto] {
    border: 0;
    background: linear-gradient(120deg, var(--eca-navy), var(--eca-blue));
    color: #fff;
}

@media (max-width: 560px) {
    .eca-header[b-0zlgxuzgto],
    .eca-body[b-0zlgxuzgto],
    .eca-footer[b-0zlgxuzgto] {
        padding-left: 18px;
        padding-right: 18px;
    }
}
/* /Component/ATS/ClientManagement/AddClientComponent.razor.rz.scp.css */
.ac-shell[b-fk70leasqs],
.ac-shell *[b-fk70leasqs],
.ac-shell *[b-fk70leasqs]::before,
.ac-shell *[b-fk70leasqs]::after {
    box-sizing: border-box;
}

.ac-shell[b-fk70leasqs] {
    --ac-navy-900: #0b1b3d;
    --ac-navy-800: #132a54;
    --ac-navy-700: #1c3a70;
    --ac-blue-600: #1d5fd1;
    --ac-blue-500: #2e7ce0;
    --ac-blue-tint: #edf3fc;
    --ac-blue-tint-2: #e3ecfb;
    --ac-border: #d9e3f5;
    --ac-border-strong: #c2d2f0;
    --ac-text-1: #16233f;
    --ac-text-2: #5b6b8c;
    --ac-text-3: #8a97b5;
    --ac-green: #1e9e64;
    --ac-green-tint: #e4f7ed;
    width: 100%;
    overflow: hidden;
    background: #fff;
    color: var(--ac-text-1);
    font-family: "Inter", sans-serif;
}

.ac-header[b-fk70leasqs] {
    position: relative;
    overflow: hidden;
    padding: 28px 32px 24px;
    background: linear-gradient(120deg, var(--ac-navy-900) 0%, var(--ac-navy-700) 55%, var(--ac-blue-600) 130%);
}

.ac-header[b-fk70leasqs]::before {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, 0.14) 1px, transparent 1.5px);
    background-size: 16px 16px;
    content: "";
    opacity: 0.35;
    -webkit-mask-image: linear-gradient(to bottom right, #000, transparent 70%);
    mask-image: linear-gradient(to bottom right, #000, transparent 70%);
    pointer-events: none;
}

.ac-header-row[b-fk70leasqs] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.ac-header-left[b-fk70leasqs] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.ac-icon-badge[b-fk70leasqs] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
}

.ac-icon-badge svg[b-fk70leasqs] {
    width: 22px;
    height: 22px;
}

.ac-header-text h1[b-fk70leasqs] {
    margin: 0;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.2px;
}

.ac-header-text p[b-fk70leasqs] {
    margin: 4px 0 0;
    color: #c6d5f5;
    font-size: 13.5px;
    font-weight: 400;
}

.ac-close[b-fk70leasqs] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    cursor: pointer;
    transition: background 0.15s ease;
}

.ac-close:hover[b-fk70leasqs],
.ac-close:focus-visible[b-fk70leasqs] {
    background: rgba(255, 255, 255, 0.22);
}

.ac-close svg[b-fk70leasqs] {
    width: 15px;
    height: 15px;
}

.ac-close:focus-visible[b-fk70leasqs],
.ac-button:focus-visible[b-fk70leasqs],
.ac-toggle:focus-visible[b-fk70leasqs] {
    outline: 3px solid rgba(143, 201, 255, 0.6);
    outline-offset: 2px;
}

.ac-body[b-fk70leasqs] {
    padding: 28px 32px 8px;
    background: #fff;
}

.ac-section[b-fk70leasqs] {
    overflow: hidden;
    margin-bottom: 18px;
    border: 1px solid var(--ac-border);
    border-radius: 14px;
    background: #fcfdff;
}

.ac-section-head[b-fk70leasqs] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 51px;
    padding: 13px 18px;
    border-bottom: 1px solid var(--ac-border);
    background: var(--ac-blue-tint);
}

.ac-section-number[b-fk70leasqs] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 7px;
    background: var(--ac-navy-900);
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 600;
}

.ac-section-head h2[b-fk70leasqs] {
    margin: 0;
    color: var(--ac-text-1);
    font-family: "Poppins", sans-serif;
    font-size: 14.5px;
    font-weight: 600;
}

.ac-section-helper[b-fk70leasqs] {
    margin-left: auto;
    color: var(--ac-text-3);
    font-size: 11.5px;
    font-weight: 500;
    text-align: right;
}

.ac-section-body[b-fk70leasqs] {
    display: grid;
    gap: 14px;
    padding: 18px;
}

.ac-field[b-fk70leasqs] {
    position: relative;
    min-width: 0;
}

.ac-field > label[b-fk70leasqs] {
    display: block;
    margin-bottom: 6px;
    color: var(--ac-text-2);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.2px;
}

.ac-required[b-fk70leasqs] {
    margin-left: 2px;
    color: #d64545;
}

.ac-input-wrap[b-fk70leasqs]  .mud-input-control {
    margin-top: 0;
}

.ac-input-wrap[b-fk70leasqs]  .mud-input {
    min-height: 42px;
    border-radius: 10px;
    background: #fff;
    color: var(--ac-text-1);
    font-family: "Inter", sans-serif;
    font-size: 14px;
}

.ac-name-wrap[b-fk70leasqs]  .mud-input-slot {
    height: 42px !important;
    min-height: 42px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: var(--ac-text-1);
    font-family: "Inter", sans-serif;
    font-size: 14px;
    line-height: 42px;
}

.ac-input-wrap[b-fk70leasqs]  .mud-input-slot::placeholder {
    color: var(--ac-text-3);
    opacity: 1;
}

.ac-input-wrap[b-fk70leasqs]  .mud-input-outlined-border {
    border-width: 1.5px;
    border-color: var(--ac-border-strong);
    border-radius: 10px;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.ac-input-wrap[b-fk70leasqs]  .mud-input:focus-within .mud-input-outlined-border {
    border-color: var(--ac-blue-500);
    box-shadow: 0 0 0 3px rgba(46, 124, 224, 0.15);
}

.ac-input-wrap[b-fk70leasqs]  .mud-input-adornment {
    color: var(--ac-text-3);
}

.ac-input-wrap[b-fk70leasqs]  .mud-input-adornment-start {
    margin-left: 0;
    margin-right: 8px;
    margin-inline-start: unset;
    margin-inline-end: 8px;
}

.ac-input-wrap[b-fk70leasqs]  .mud-input-adornment-start .mud-icon-root,
.ac-input-wrap[b-fk70leasqs]  .mud-input-adornment-end .mud-icon-root {
    width: 16px;
    height: 16px;
    font-size: 16px;
}

.ac-name-wrap[b-fk70leasqs]  .mud-input-adornment-end {
    margin-right: 12px;
    color: var(--ac-text-2);
}

.ac-description-wrap[b-fk70leasqs]  .mud-input {
    align-items: flex-start;
    min-height: 88px;
}

.ac-description-wrap[b-fk70leasqs]  textarea.mud-input-slot {
    min-height: 86px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    color: var(--ac-text-1);
    font-family: "Inter", sans-serif;
    font-size: 14px;
    line-height: 1.5;
    resize: vertical;
}

.ac-description-wrap[b-fk70leasqs]  .mud-input-adornment-start {
    align-self: flex-start;
    height: 16px;
    margin-top: 14px;
}

.ac-input-wrap[b-fk70leasqs]  .mud-input-error .mud-input-outlined-border {
    border-color: #d64545;
}

.ac-input-wrap[b-fk70leasqs]  .mud-input-helper-text {
    margin-top: 4px;
    font-family: "Inter", sans-serif;
    font-size: 11px;
}

.ac-character-count[b-fk70leasqs] {
    margin-top: 4px;
    color: var(--ac-text-3);
    font-size: 11px;
    line-height: 1;
    text-align: right;
}

.ac-chip-box[b-fk70leasqs] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    min-height: 42px;
    padding: 6px 8px;
    border: 1.5px solid var(--ac-border-strong);
    border-radius: 10px;
    background: #fff;
}

.ac-chip-box.has-error[b-fk70leasqs] {
    border-color: #d64545;
}

.ac-chip[b-fk70leasqs] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 8px 5px 10px;
    border: 1px solid var(--ac-border-strong);
    border-radius: 20px;
    background: var(--ac-blue-tint-2);
    color: var(--ac-blue-600);
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1;
}

.ac-chip button[b-fk70leasqs] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--ac-blue-600);
    cursor: pointer;
    opacity: 0.7;
}

.ac-chip button:hover[b-fk70leasqs] {
    opacity: 1;
}

.ac-chip button svg[b-fk70leasqs] {
    width: 11px;
    height: 11px;
}

.ac-chip-box[b-fk70leasqs]  .ac-package-menu .mud-button-root {
    min-width: auto;
    min-height: 28px;
    padding: 4px 10px;
    border: 1.5px dashed var(--ac-border-strong);
    border-radius: 20px;
    color: var(--ac-text-2);
    font-family: "Inter", sans-serif;
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1;
    text-transform: none;
}

.ac-chip-box[b-fk70leasqs]  .ac-package-menu .mud-button-root:hover {
    border-color: var(--ac-blue-500);
    background: transparent;
    color: var(--ac-blue-600);
}

.ac-chip-box[b-fk70leasqs]  .ac-package-menu .mud-icon-root {
    font-size: 14px;
}

.ac-error[b-fk70leasqs] {
    display: block;
    margin: 4px 12px 0;
    color: #d64545;
    font-size: 11px;
}

.ac-status-row[b-fk70leasqs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 14px;
    border: 1.5px solid var(--ac-border-strong);
    border-radius: 10px;
    background: #fff;
}

.ac-status-copy p[b-fk70leasqs] {
    margin: 0;
    color: var(--ac-text-1);
    font-size: 13.5px;
    font-weight: 600;
}

.ac-status-copy span[b-fk70leasqs] {
    display: block;
    margin-top: 2px;
    color: var(--ac-text-3);
    font-size: 11.5px;
}

.ac-status-control[b-fk70leasqs] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 10px;
}

.ac-status-badge[b-fk70leasqs] {
    padding: 3px 9px;
    border-radius: 20px;
    background: var(--ac-green-tint);
    color: var(--ac-green);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.3px;
}

.ac-status-badge.is-off[b-fk70leasqs] {
    background: #eef0f5;
    color: var(--ac-text-2);
}

.ac-toggle[b-fk70leasqs] {
    position: relative;
    flex: 0 0 auto;
    width: 44px;
    height: 26px;
    padding: 0;
    border: 0;
    border-radius: 20px;
    background: var(--ac-green);
    cursor: pointer;
    transition: background 0.15s ease;
}

.ac-toggle span[b-fk70leasqs] {
    position: absolute;
    top: 3px;
    left: 21px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    transition: left 0.15s ease;
}

.ac-toggle.is-off[b-fk70leasqs] {
    background: #c6cedd;
}

.ac-toggle.is-off span[b-fk70leasqs] {
    left: 3px;
}

.ac-footer[b-fk70leasqs] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 20px 32px 26px;
    border-top: 1px solid var(--ac-border);
    background: #fff;
}

.ac-button[b-fk70leasqs] {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 42px;
    padding: 0 20px;
    border-radius: 10px;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.1s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.ac-button:active[b-fk70leasqs] {
    transform: scale(0.97);
}

.ac-button-cancel[b-fk70leasqs] {
    border: 1.5px solid var(--ac-border-strong);
    background: #fff;
    color: var(--ac-text-2);
}

.ac-button-cancel:hover[b-fk70leasqs] {
    background: #f4f7fc;
}

.ac-button-save[b-fk70leasqs] {
    border: 0;
    background: linear-gradient(120deg, var(--ac-navy-800), var(--ac-blue-600));
    box-shadow: 0 8px 20px -6px rgba(29, 95, 209, 0.55);
    color: #fff;
}

.ac-button-save:hover[b-fk70leasqs] {
    box-shadow: 0 10px 24px -6px rgba(29, 95, 209, 0.7);
}

.ac-button-save svg[b-fk70leasqs] {
    width: 15px;
    height: 15px;
}

@media (max-width: 600px) {
    .ac-header[b-fk70leasqs] {
        padding: 22px 20px 20px;
    }

    .ac-body[b-fk70leasqs] {
        padding: 20px 16px 4px;
    }

    .ac-section-head[b-fk70leasqs],
    .ac-section-body[b-fk70leasqs] {
        padding-left: 14px;
        padding-right: 14px;
    }

    .ac-section-helper[b-fk70leasqs] {
        display: none;
    }

    .ac-status-row[b-fk70leasqs] {
        align-items: flex-start;
        flex-direction: column;
    }

    .ac-status-control[b-fk70leasqs] {
        justify-content: space-between;
        width: 100%;
    }

    .ac-footer[b-fk70leasqs] {
        padding: 16px 16px 20px;
    }
}

@media (max-width: 420px) {
    .ac-header-text h1[b-fk70leasqs] {
        font-size: 19px;
    }

    .ac-header-text p[b-fk70leasqs] {
        font-size: 12px;
    }

    .ac-icon-badge[b-fk70leasqs] {
        width: 40px;
        height: 40px;
    }

    .ac-button[b-fk70leasqs] {
        justify-content: center;
        flex: 1;
        padding: 0 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ac-shell *[b-fk70leasqs],
    .ac-shell *[b-fk70leasqs]::before,
    .ac-shell *[b-fk70leasqs]::after {
        transition-duration: 0.01ms !important;
    }
}
/* /Component/ATS/ClientManagement/EditClientComponent.razor.rz.scp.css */
.ec-shell[b-kkgd2w0sp0],
.ec-shell *[b-kkgd2w0sp0],
.ec-shell *[b-kkgd2w0sp0]::before,
.ec-shell *[b-kkgd2w0sp0]::after {
    box-sizing: border-box;
}

.ec-shell[b-kkgd2w0sp0] {
    --ec-navy-900: #0b1b3d;
    --ec-navy-800: #132a54;
    --ec-navy-700: #1c3a70;
    --ec-blue-600: #1d5fd1;
    --ec-blue-500: #2e7ce0;
    --ec-blue-tint: #edf3fc;
    --ec-blue-tint-2: #e3ecfb;
    --ec-border: #d9e3f5;
    --ec-border-strong: #c2d2f0;
    --ec-text-1: #16233f;
    --ec-text-2: #5b6b8c;
    --ec-text-3: #8a97b5;
    --ec-green: #1e9e64;
    --ec-green-tint: #e4f7ed;
    width: 100%;
    overflow: hidden;
    background: #fff;
    color: var(--ec-text-1);
    font-family: "Inter", sans-serif;
}

.ec-header[b-kkgd2w0sp0] {
    position: relative;
    overflow: hidden;
    padding: 28px 32px 24px;
    background: linear-gradient(120deg, var(--ec-navy-900) 0%, var(--ec-navy-700) 55%, var(--ec-blue-600) 130%);
}

.ec-header[b-kkgd2w0sp0]::before {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, 0.14) 1px, transparent 1.5px);
    background-size: 16px 16px;
    content: "";
    opacity: 0.35;
    -webkit-mask-image: linear-gradient(to bottom right, #000, transparent 70%);
    mask-image: linear-gradient(to bottom right, #000, transparent 70%);
    pointer-events: none;
}

.ec-header-row[b-kkgd2w0sp0] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.ec-header-left[b-kkgd2w0sp0] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.ec-icon-badge[b-kkgd2w0sp0] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
}

.ec-icon-badge svg[b-kkgd2w0sp0] {
    width: 22px;
    height: 22px;
}

.ec-header-text h1[b-kkgd2w0sp0] {
    margin: 0;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.2px;
}

.ec-header-text p[b-kkgd2w0sp0] {
    margin: 4px 0 0;
    color: #c6d5f5;
    font-size: 13.5px;
    font-weight: 400;
}

.ec-close[b-kkgd2w0sp0] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    cursor: pointer;
    transition: background 0.15s ease;
}

.ec-close:hover[b-kkgd2w0sp0],
.ec-close:focus-visible[b-kkgd2w0sp0] {
    background: rgba(255, 255, 255, 0.22);
}

.ec-close svg[b-kkgd2w0sp0] {
    width: 15px;
    height: 15px;
}

.ec-close:focus-visible[b-kkgd2w0sp0],
.ec-button:focus-visible[b-kkgd2w0sp0],
.ec-toggle:focus-visible[b-kkgd2w0sp0] {
    outline: 3px solid rgba(143, 201, 255, 0.6);
    outline-offset: 2px;
}

.ec-body[b-kkgd2w0sp0] {
    padding: 28px 32px 8px;
    background: #fff;
}

.ec-section[b-kkgd2w0sp0] {
    overflow: hidden;
    margin-bottom: 18px;
    border: 1px solid var(--ec-border);
    border-radius: 14px;
    background: #fcfdff;
}

.ec-section-head[b-kkgd2w0sp0] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 51px;
    padding: 13px 18px;
    border-bottom: 1px solid var(--ec-border);
    background: var(--ec-blue-tint);
}

.ec-section-number[b-kkgd2w0sp0] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 7px;
    background: var(--ec-navy-900);
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 600;
}

.ec-section-head h2[b-kkgd2w0sp0] {
    margin: 0;
    color: var(--ec-text-1);
    font-family: "Poppins", sans-serif;
    font-size: 14.5px;
    font-weight: 600;
}

.ec-section-helper[b-kkgd2w0sp0] {
    margin-left: auto;
    color: var(--ec-text-3);
    font-size: 11.5px;
    font-weight: 500;
    text-align: right;
}

.ec-section-body[b-kkgd2w0sp0] {
    display: grid;
    gap: 14px;
    padding: 18px;
}

.ec-field[b-kkgd2w0sp0] {
    position: relative;
    min-width: 0;
}

.ec-field > label[b-kkgd2w0sp0] {
    display: block;
    margin-bottom: 6px;
    color: var(--ec-text-2);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.2px;
}

.ec-required[b-kkgd2w0sp0] {
    margin-left: 2px;
    color: #d64545;
}

.ec-input-wrap[b-kkgd2w0sp0]  .mud-input-control {
    margin-top: 0;
}

.ec-input-wrap[b-kkgd2w0sp0]  .mud-input {
    min-height: 42px;
    border-radius: 10px;
    background: #fff;
    color: var(--ec-text-1);
    font-family: "Inter", sans-serif;
    font-size: 14px;
}

.ec-name-wrap[b-kkgd2w0sp0]  .mud-input-slot {
    height: 42px !important;
    min-height: 42px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: var(--ec-text-1);
    font-family: "Inter", sans-serif;
    font-size: 14px;
    line-height: 42px;
}

.ec-input-wrap[b-kkgd2w0sp0]  .mud-input-slot::placeholder {
    color: var(--ec-text-3);
    opacity: 1;
}

.ec-input-wrap[b-kkgd2w0sp0]  .mud-input-outlined-border {
    border-width: 1.5px;
    border-color: var(--ec-border-strong);
    border-radius: 10px;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.ec-input-wrap[b-kkgd2w0sp0]  .mud-input:focus-within .mud-input-outlined-border {
    border-color: var(--ec-blue-500);
    box-shadow: 0 0 0 3px rgba(46, 124, 224, 0.15);
}

.ec-input-wrap[b-kkgd2w0sp0]  .mud-input-adornment {
    color: var(--ec-text-3);
}

.ec-input-wrap[b-kkgd2w0sp0]  .mud-input-adornment-start {
    margin-left: 0;
    margin-right: 8px;
    margin-inline-start: unset;
    margin-inline-end: 8px;
}

.ec-input-wrap[b-kkgd2w0sp0]  .mud-input-adornment-start .mud-icon-root,
.ec-input-wrap[b-kkgd2w0sp0]  .mud-input-adornment-end .mud-icon-root {
    width: 16px;
    height: 16px;
    font-size: 16px;
}

.ec-name-wrap[b-kkgd2w0sp0]  .mud-input-adornment-end {
    margin-right: 12px;
    color: var(--ec-text-2);
}

.ec-description-wrap[b-kkgd2w0sp0]  .mud-input {
    align-items: flex-start;
    min-height: 88px;
}

.ec-description-wrap[b-kkgd2w0sp0]  textarea.mud-input-slot {
    min-height: 86px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    color: var(--ec-text-1);
    font-family: "Inter", sans-serif;
    font-size: 14px;
    line-height: 1.5;
    resize: vertical;
}

.ec-description-wrap[b-kkgd2w0sp0]  .mud-input-adornment-start {
    align-self: flex-start;
    height: 16px;
    margin-top: 14px;
}

.ec-input-wrap[b-kkgd2w0sp0]  .mud-input-error .mud-input-outlined-border {
    border-color: #d64545;
}

.ec-input-wrap[b-kkgd2w0sp0]  .mud-input-helper-text {
    margin-top: 4px;
    font-family: "Inter", sans-serif;
    font-size: 11px;
}

.ec-character-count[b-kkgd2w0sp0] {
    margin-top: 4px;
    color: var(--ec-text-3);
    font-size: 11px;
    line-height: 1;
    text-align: right;
}

.ec-chip-box[b-kkgd2w0sp0] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    min-height: 42px;
    padding: 6px 8px;
    border: 1.5px solid var(--ec-border-strong);
    border-radius: 10px;
    background: #fff;
}

.ec-chip-box.has-error[b-kkgd2w0sp0] {
    border-color: #d64545;
}

.ec-chip[b-kkgd2w0sp0] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 8px 5px 10px;
    border: 1px solid var(--ec-border-strong);
    border-radius: 20px;
    background: var(--ec-blue-tint-2);
    color: var(--ec-blue-600);
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1;
}

.ec-chip button[b-kkgd2w0sp0] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--ec-blue-600);
    cursor: pointer;
    opacity: 0.7;
}

.ec-chip button:hover[b-kkgd2w0sp0] {
    opacity: 1;
}

.ec-chip button svg[b-kkgd2w0sp0] {
    width: 11px;
    height: 11px;
}

.ec-chip-box[b-kkgd2w0sp0]  .ec-package-menu .mud-button-root {
    min-width: auto;
    min-height: 28px;
    padding: 4px 10px;
    border: 1.5px dashed var(--ec-border-strong);
    border-radius: 20px;
    color: var(--ec-text-2);
    font-family: "Inter", sans-serif;
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1;
    text-transform: none;
}

.ec-chip-box[b-kkgd2w0sp0]  .ec-package-menu .mud-button-root:hover {
    border-color: var(--ec-blue-500);
    background: transparent;
    color: var(--ec-blue-600);
}

.ec-chip-box[b-kkgd2w0sp0]  .ec-package-menu .mud-icon-root {
    font-size: 14px;
}

.ec-error[b-kkgd2w0sp0] {
    display: block;
    margin: 4px 12px 0;
    color: #d64545;
    font-size: 11px;
}

.ec-status-row[b-kkgd2w0sp0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 14px;
    border: 1.5px solid var(--ec-border-strong);
    border-radius: 10px;
    background: #fff;
}

.ec-status-copy p[b-kkgd2w0sp0] {
    margin: 0;
    color: var(--ec-text-1);
    font-size: 13.5px;
    font-weight: 600;
}

.ec-status-copy span[b-kkgd2w0sp0] {
    display: block;
    margin-top: 2px;
    color: var(--ec-text-3);
    font-size: 11.5px;
}

.ec-status-control[b-kkgd2w0sp0] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 10px;
}

.ec-status-badge[b-kkgd2w0sp0] {
    padding: 3px 9px;
    border-radius: 20px;
    background: var(--ec-green-tint);
    color: var(--ec-green);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.3px;
}

.ec-status-badge.is-off[b-kkgd2w0sp0] {
    background: #eef0f5;
    color: var(--ec-text-2);
}

.ec-toggle[b-kkgd2w0sp0] {
    position: relative;
    flex: 0 0 auto;
    width: 44px;
    height: 26px;
    padding: 0;
    border: 0;
    border-radius: 20px;
    background: var(--ec-green);
    cursor: pointer;
    transition: background 0.15s ease;
}

.ec-toggle span[b-kkgd2w0sp0] {
    position: absolute;
    top: 3px;
    left: 21px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    transition: left 0.15s ease;
}

.ec-toggle.is-off[b-kkgd2w0sp0] {
    background: #c6cedd;
}

.ec-toggle.is-off span[b-kkgd2w0sp0] {
    left: 3px;
}

.ec-footer[b-kkgd2w0sp0] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 20px 32px 26px;
    border-top: 1px solid var(--ec-border);
    background: #fff;
}

.ec-button[b-kkgd2w0sp0] {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 42px;
    padding: 0 20px;
    border-radius: 10px;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.1s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.ec-button:active[b-kkgd2w0sp0] {
    transform: scale(0.97);
}

.ec-button-cancel[b-kkgd2w0sp0] {
    border: 1.5px solid var(--ec-border-strong);
    background: #fff;
    color: var(--ec-text-2);
}

.ec-button-cancel:hover[b-kkgd2w0sp0] {
    background: #f4f7fc;
}

.ec-button-save[b-kkgd2w0sp0] {
    border: 0;
    background: linear-gradient(120deg, var(--ec-navy-800), var(--ec-blue-600));
    box-shadow: 0 8px 20px -6px rgba(29, 95, 209, 0.55);
    color: #fff;
}

.ec-button-save:hover[b-kkgd2w0sp0] {
    box-shadow: 0 10px 24px -6px rgba(29, 95, 209, 0.7);
}

.ec-button-save svg[b-kkgd2w0sp0] {
    width: 15px;
    height: 15px;
}

@media (max-width: 600px) {
    .ec-header[b-kkgd2w0sp0] {
        padding: 22px 20px 20px;
    }

    .ec-body[b-kkgd2w0sp0] {
        padding: 20px 16px 4px;
    }

    .ec-section-head[b-kkgd2w0sp0],
    .ec-section-body[b-kkgd2w0sp0] {
        padding-left: 14px;
        padding-right: 14px;
    }

    .ec-section-helper[b-kkgd2w0sp0] {
        display: none;
    }

    .ec-status-row[b-kkgd2w0sp0] {
        align-items: flex-start;
        flex-direction: column;
    }

    .ec-status-control[b-kkgd2w0sp0] {
        justify-content: space-between;
        width: 100%;
    }

    .ec-footer[b-kkgd2w0sp0] {
        padding: 16px 16px 20px;
    }
}

@media (max-width: 420px) {
    .ec-header-text h1[b-kkgd2w0sp0] {
        font-size: 19px;
    }

    .ec-header-text p[b-kkgd2w0sp0] {
        font-size: 12px;
    }

    .ec-icon-badge[b-kkgd2w0sp0] {
        width: 40px;
        height: 40px;
    }

    .ec-button[b-kkgd2w0sp0] {
        justify-content: center;
        flex: 1;
        padding: 0 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ec-shell *[b-kkgd2w0sp0],
    .ec-shell *[b-kkgd2w0sp0]::before,
    .ec-shell *[b-kkgd2w0sp0]::after {
        transition-duration: 0.01ms !important;
    }
}

/* /Component/ATS/Dashboard/ATSDashboardComponent.razor.rz.scp.css */
/*
 * Dashboard spacing scale.
 * Single source of truth for card padding, card-to-card gaps and the inset that
 * keeps plotting areas, axis labels and legends off the card boundary.
 *
 * NOTE: cards and titles are rendered by MudBlazor components (MudPaper, MudText),
 * which do not receive this component's scope attribute. Descendant rules must
 * therefore go through ::deep. The custom properties below are declared on the
 * scoped root and still inherit across those component boundaries.
 */
.ats-dashboard[b-ivwsb2swt2] {
    --ats-dashboard-gap: 24px;
    --ats-card-padding: 24px;
    --ats-chart-inset: 6px;
    --ats-stack-xs: 4px;
    --ats-stack-sm: 10px;
    --ats-stack-md: 16px;
    --ats-stack-lg: 20px;
    --ats-filter-navy-950: #071230;
    --ats-filter-navy-800: #0f2a5c;
    --ats-filter-blue-600: #2f6fed;
    --ats-filter-card: #fff;
    --ats-filter-border: #e2e6f0;
    --ats-filter-border-soft: #eef1f7;
    --ats-filter-text-900: #101828;
    --ats-filter-text-600: #4b5468;
    --ats-filter-text-400: #8992a6;
    --ats-filter-gradient: linear-gradient(
        100deg,
        var(--ats-filter-navy-950) 0%,
        var(--ats-filter-navy-800) 45%,
        var(--ats-filter-blue-600) 100%);
}

[b-ivwsb2swt2] .ats-dashboard-filter-card {
    margin-bottom: var(--ats-dashboard-gap);
    padding: 14px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    flex-wrap: wrap;
    border: 1px solid var(--ats-filter-border-soft);
    border-radius: 12px !important;
    background: var(--ats-filter-card);
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 1px 1px rgba(16, 24, 40, 0.03) !important;
}

[b-ivwsb2swt2] .ats-dashboard-filter-group {
    display: flex;
    align-items: flex-end;
    gap: 14px;
    flex-wrap: wrap;
}

[b-ivwsb2swt2] .ats-dashboard-filter-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

[b-ivwsb2swt2] .ats-dashboard-filter-field > label {
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--ats-filter-text-400);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.2;
    text-transform: uppercase;
}

[b-ivwsb2swt2] .ats-dashboard-filter-field > label svg {
    width: 11px;
    height: 11px;
    color: var(--ats-filter-blue-600);
}

[b-ivwsb2swt2] .ats-dashboard-select-wrap {
    position: relative;
}

[b-ivwsb2swt2] .ats-dashboard-select-wrap select {
    width: 230px;
    min-width: 230px;
    height: 40px;
    padding: 0 36px 0 14px;
    appearance: none;
    -webkit-appearance: none;
    border: 1.5px solid var(--ats-filter-border);
    border-radius: 10px;
    background: var(--ats-filter-card);
    color: var(--ats-filter-text-900);
    font-family: "Inter", sans-serif;
    font-size: 13.5px;
    font-weight: 600;
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

[b-ivwsb2swt2] .ats-dashboard-select-wrap select:hover:not(:disabled) {
    border-color: #c7cee0;
}

[b-ivwsb2swt2] .ats-dashboard-select-wrap select:focus-visible {
    border-color: var(--ats-filter-blue-600);
    outline: none;
    box-shadow: 0 0 0 4px rgba(47, 111, 237, 0.14);
}

[b-ivwsb2swt2] .ats-dashboard-select-wrap select:disabled {
    cursor: wait;
    opacity: 0.7;
}

[b-ivwsb2swt2] .ats-dashboard-select-chevron {
    position: absolute;
    top: 50%;
    right: 12px;
    width: 14px;
    height: 14px;
    color: var(--ats-filter-text-400);
    transform: translateY(-50%);
    transition: color 0.15s ease;
    pointer-events: none;
}

[b-ivwsb2swt2] .ats-dashboard-select-wrap select:focus-visible + .ats-dashboard-select-chevron {
    color: var(--ats-filter-blue-600);
}

[b-ivwsb2swt2] .ats-dashboard-filter-divider {
    width: 1px;
    height: 34px;
    margin-bottom: 3px;
    background: var(--ats-filter-border-soft);
}

[b-ivwsb2swt2] .ats-dashboard-active-summary {
    display: flex;
    min-width: 0;
    height: 40px;
    align-items: center;
    color: var(--ats-filter-text-600);
    font-size: 12.5px;
    font-weight: 500;
}

[b-ivwsb2swt2] .ats-dashboard-active-chip {
    display: inline-flex;
    max-width: 260px;
    padding: 5px 10px 5px 8px;
    align-items: center;
    gap: 6px;
    overflow: hidden;
    border: 1px solid rgba(47, 111, 237, 0.18);
    border-radius: 999px;
    background: rgba(47, 111, 237, 0.08);
    color: var(--ats-filter-blue-600);
    font-size: 12px;
    font-weight: 600;
}

[b-ivwsb2swt2] .ats-dashboard-active-chip svg {
    width: 11px;
    height: 11px;
    flex: 0 0 auto;
}

[b-ivwsb2swt2] .ats-dashboard-active-chip > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-ivwsb2swt2] .ats-dashboard-filter-actions {
    display: flex;
    margin-left: auto;
    align-items: center;
    gap: 10px;
}

[b-ivwsb2swt2] .ats-dashboard-sync-status {
    display: flex;
    padding: 8px 4px;
    align-items: center;
    gap: 7px;
    color: var(--ats-filter-text-400);
    font-size: 12px;
    font-weight: 600;
    transition: color 0.15s ease;
}

[b-ivwsb2swt2] .ats-dashboard-sync-dot {
    width: 6px;
    height: 6px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: #16a34a;
}

[b-ivwsb2swt2] .ats-dashboard-sync-status.is-loading {
    color: var(--ats-filter-blue-600);
}

[b-ivwsb2swt2] .ats-dashboard-sync-status.is-loading .ats-dashboard-sync-dot {
    background: var(--ats-filter-blue-600);
    animation: ats-dashboard-filter-pulse-b-ivwsb2swt2 0.8s ease-in-out infinite;
}

[b-ivwsb2swt2] .ats-dashboard-reset {
    display: flex;
    min-height: 40px;
    padding: 10px 16px;
    align-items: center;
    gap: 7px;
    border: 0;
    border-radius: 10px;
    background: var(--ats-filter-gradient);
    box-shadow: 0 6px 14px -4px rgba(15, 42, 92, 0.35);
    color: #fff;
    font-family: "Inter", sans-serif;
    font-size: 12.5px;
    font-weight: 600;
    cursor: pointer;
    transition: filter 0.15s ease, transform 0.15s ease, opacity 0.15s ease;
}

[b-ivwsb2swt2] .ats-dashboard-reset:hover:not(:disabled) {
    filter: brightness(1.08);
}

[b-ivwsb2swt2] .ats-dashboard-reset:active:not(:disabled) {
    transform: translateY(1px);
}

[b-ivwsb2swt2] .ats-dashboard-reset:focus-visible {
    outline: 3px solid rgba(47, 111, 237, 0.24);
    outline-offset: 2px;
}

[b-ivwsb2swt2] .ats-dashboard-reset:disabled {
    cursor: wait;
    opacity: 0.72;
}

[b-ivwsb2swt2] .ats-dashboard-reset svg {
    width: 13px;
    height: 13px;
}

@keyframes ats-dashboard-filter-pulse-b-ivwsb2swt2 {
    0%,
    100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.5;
        transform: scale(1.6);
    }
}

[b-ivwsb2swt2] .ats-dashboard-grid {
    display: grid;
    margin-bottom: var(--ats-dashboard-gap);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--ats-dashboard-gap);
    align-items: stretch;
}

[b-ivwsb2swt2] .ats-dashboard-chart-card {
    display: flex;
    min-width: 0;
    min-height: 424px;
    padding: var(--ats-card-padding);
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--ats-border, #e3e9f1);
    border-radius: 16px;
    box-shadow: 0 1px 3px rgba(11, 31, 58, 0.05);
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

[b-ivwsb2swt2] .ats-dashboard-chart-card-clickable,
[b-ivwsb2swt2] .ats-dashboard-chart-card-clickable * {
    cursor: pointer;
}

[b-ivwsb2swt2] .ats-dashboard-chart-card-clickable:hover {
    border-color: #cfd8ee;
    box-shadow: 0 10px 24px -16px rgba(11, 31, 58, 0.35);
    transform: translateY(-1px);
}

/*
 * Press-in cue. The card dips as it is clicked and the zoom dialog grows out of
 * it (see .ats-chart-detail-dialog in app.css), so the two read as one gesture.
 */
[b-ivwsb2swt2] .ats-dashboard-chart-card-clickable:active {
    box-shadow: 0 4px 12px -10px rgba(11, 31, 58, 0.35);
    transform: scale(0.985);
    transition-duration: 0.08s;
}

[b-ivwsb2swt2] .ats-dashboard-chart-card-clickable:focus-visible {
    outline: 2px solid #4d8de8;
    outline-offset: 2px;
}

[b-ivwsb2swt2] .ats-dashboard-chart-header {
    display: grid;
    margin-bottom: var(--ats-stack-lg);
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: var(--ats-stack-md);
}

[b-ivwsb2swt2] .ats-dashboard-chart-heading {
    min-width: 0;
}

/*
 * Export action. The wrapper is the plain element the stopPropagation directives
 * hang off - MudIconButton renders its own markup, so the directives cannot go
 * on it, and the card underneath is itself a button.
 */
[b-ivwsb2swt2] .ats-dashboard-chart-actions {
    display: inline-flex;
    margin-top: -4px;
    align-items: center;
}

[b-ivwsb2swt2] .ats-dashboard-chart-export {
    color: var(--ats-text-sub, #6b7b92);
    background: #f4f7fb;
    border: 1px solid var(--ats-border, #e3e9f1);
    border-radius: 10px;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease;
}

[b-ivwsb2swt2] .ats-dashboard-chart-export:hover {
    color: #b3261e;
    background: #fff5f4;
    border-color: #f2c9c4;
}

[b-ivwsb2swt2] .ats-dashboard-chart-export:disabled {
    /* Disabled means "nothing to export yet", so it recedes rather than shouting. */
    background: #f8fafd;
    border-color: #eef1f8;
    opacity: 0.55;
}

[b-ivwsb2swt2] .ats-dashboard-chart-title {
    color: #0b1f3a;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 1.3;
}

[b-ivwsb2swt2] .ats-dashboard-chart-hint {
    margin-top: var(--ats-stack-xs);
    color: var(--ats-text-sub, #6b7b92);
    font-size: 12.5px;
    line-height: 1.4;
}

/*
 * Chart content is inset from the card padding so plotting areas, axis labels
 * and legends never sit against the card border.
 */
[b-ivwsb2swt2] .ats-dashboard-chart-body {
    display: flex;
    flex: 1;
    min-height: 0;
    padding: 0 var(--ats-chart-inset) var(--ats-chart-inset);
    flex-direction: column;
    justify-content: center;
}

[b-ivwsb2swt2] .ats-chart-legend {
    display: flex;
    min-height: 28px;
    margin: 0 0 var(--ats-stack-md);
    padding: 0 var(--ats-stack-xs);
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px 16px;
    color: #3e4b5e;
    font-size: 11.5px;
}

[b-ivwsb2swt2] .ats-chart-legend-item {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
}

[b-ivwsb2swt2] .ats-chart-legend-dot {
    width: 9px;
    height: 9px;
    flex: 0 0 9px;
    border-radius: 50%;
}

[b-ivwsb2swt2] .ats-chart-total {
    padding-left: 8px;
    color: #0b1f3a;
    font-weight: 700;
    white-space: nowrap;
}

[b-ivwsb2swt2] .ats-stacked-area-shell {
    position: relative;
    width: 100%;
    height: 245px;
}

[b-ivwsb2swt2] .ats-stacked-area-chart {
    display: block;
    width: 100%;
    height: 245px;
    overflow: visible;
}

[b-ivwsb2swt2] .ats-stacked-area-grid-line {
    stroke: rgba(62, 75, 94, 0.12);
    stroke-width: 1;
}

[b-ivwsb2swt2] .ats-stacked-area-axis-line {
    stroke: rgba(62, 75, 94, 0.35);
    stroke-width: 1;
}

[b-ivwsb2swt2] .ats-stacked-area-hover-target {
    fill: transparent;
    stroke: transparent;
    cursor: pointer;
    pointer-events: all;
}

[b-ivwsb2swt2] .ats-stacked-area-hover-target:focus {
    fill: rgba(255, 255, 255, 0.2);
    stroke: rgba(11, 31, 58, 0.35);
    stroke-width: 1.5;
    outline: none;
}

[b-ivwsb2swt2] .ats-stacked-area-hover-marker {
    stroke: #fff;
    stroke-width: 2;
    filter: drop-shadow(0 1px 2px rgba(11, 31, 58, 0.35));
    pointer-events: none;
}

[b-ivwsb2swt2] .ats-stacked-area-tooltip {
    position: absolute;
    z-index: 5;
    display: flex;
    min-width: 120px;
    padding: 7px 9px;
    align-items: flex-start;
    gap: 7px;
    color: #344054;
    background: #fff;
    border: 1px solid rgba(11, 31, 58, 0.12);
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(11, 31, 58, 0.18);
    font-size: 11px;
    line-height: 1.25;
    transform: translate(-50%, calc(-100% - 11px));
    pointer-events: none;
}

[b-ivwsb2swt2] .ats-stacked-area-tooltip-below {
    transform: translate(-50%, 11px);
}

[b-ivwsb2swt2] .ats-stacked-area-tooltip > span:last-child {
    display: flex;
    flex-direction: column;
}

[b-ivwsb2swt2] .ats-stacked-area-tooltip strong {
    color: #0b1f3a;
    font-weight: 700;
    white-space: nowrap;
}

[b-ivwsb2swt2] .ats-stacked-area-tooltip-dot {
    width: 8px;
    height: 8px;
    margin-top: 2px;
    flex: 0 0 8px;
    border-radius: 50%;
}

[b-ivwsb2swt2] .ats-stacked-area-y-label {
    position: absolute;
    left: 4px;
    width: 34px;
    color: #3e4b5e;
    font-size: 10px;
    line-height: 12px;
    text-align: right;
    transform: translateY(-50%);
}

[b-ivwsb2swt2] .ats-stacked-area-x-labels {
    position: absolute;
    right: 4%;
    bottom: 6px;
    left: 11%;
    display: flex;
    justify-content: space-between;
    color: #3e4b5e;
    font-size: 10px;
}

/*
 * Empty state (no data) - not an error state.
 * Fills the chart area so card dimensions stay constant and the dashboard grid
 * does not jump between the populated and empty presentations.
 */
[b-ivwsb2swt2] .ats-dashboard-empty {
    display: flex;
    min-height: 260px;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--ats-stack-sm);
    padding: var(--ats-stack-lg);
    color: var(--ats-text-sub, #6b7b92);
    background: #fafbff;
    border: 1px dashed #dbe1f0;
    border-radius: 12px;
    text-align: center;
}

[b-ivwsb2swt2] .ats-dashboard-empty-icon {
    color: #a3accb;
    font-size: 30px;
}

[b-ivwsb2swt2] .ats-dashboard-empty-title {
    color: #3d4a68;
    font-size: 14px;
    font-weight: 600;
}

[b-ivwsb2swt2] .ats-dashboard-empty-text {
    max-width: 300px;
    font-size: 12.5px;
    line-height: 1.45;
}

[b-ivwsb2swt2] .ats-dashboard-section-loading {
    display: flex;
    min-height: 260px;
    flex: 1;
    align-items: center;
    justify-content: center;
}

[b-ivwsb2swt2] .ats-donut-body {
    display: grid;
    padding: var(--ats-stack-sm) 0;
    grid-template-columns: 200px minmax(0, 1fr);
    align-items: center;
    gap: var(--ats-dashboard-gap);
}

[b-ivwsb2swt2] .ats-donut-figure {
    position: relative;
    width: 200px;
    height: 200px;
}

[b-ivwsb2swt2] .ats-donut-center {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 38px;
    text-align: center;
    pointer-events: none;
}

[b-ivwsb2swt2] .ats-donut-center-value {
    color: #0b1f3a;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1;
}

[b-ivwsb2swt2] .ats-donut-center-label {
    margin-top: 6px;
    color: var(--ats-text-sub, #6b7b92);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.09em;
    line-height: 1.2;
    text-transform: uppercase;
}

[b-ivwsb2swt2] .ats-donut-center-delta {
    margin-top: 4px;
    color: var(--ats-text-sub, #6b7b92);
    font-size: 10.5px;
    line-height: 1.3;
}

[b-ivwsb2swt2] .ats-donut-stats {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: var(--ats-stack-sm);
}

[b-ivwsb2swt2] .ats-donut-stat {
    display: grid;
    padding: 12px 14px;
    grid-template-columns: 10px minmax(0, 1fr) auto;
    align-items: center;
    gap: 2px 12px;
    border: 1px solid var(--ats-border, #e3e9f1);
    border-radius: 12px;
}

[b-ivwsb2swt2] .ats-donut-stat-dot {
    width: 10px;
    height: 10px;
    grid-row: 1 / 3;
    border-radius: 50%;
}

[b-ivwsb2swt2] .ats-donut-stat-name {
    color: #1b2337;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-ivwsb2swt2] .ats-donut-stat-value {
    color: #0b1f3a;
    font-size: 16px;
    font-weight: 700;
    grid-row: 1 / 3;
    letter-spacing: -0.02em;
    text-align: right;
}

[b-ivwsb2swt2] .ats-donut-stat-meta {
    color: var(--ats-text-sub, #6b7b92);
    font-size: 11.5px;
    line-height: 1.2;
}

[b-ivwsb2swt2] .ats-donut-stat-bar {
    display: block;
    height: 5px;
    grid-column: 1 / -1;
    margin-top: 6px;
    overflow: hidden;
    background: #eef1f8;
    border-radius: 99px;
}

[b-ivwsb2swt2] .ats-donut-stat-bar > i {
    display: block;
    height: 100%;
    border-radius: 99px;
}

[b-ivwsb2swt2] .ats-line-chart-shell {
    box-sizing: border-box;
    width: 100%;
    padding: var(--ats-stack-sm) 0 var(--ats-stack-md);
    overflow: visible;
}

/* Keep every MudChart wrapper on the same full-width bounds. The component's
 * MatchBoundsToSize setting then sizes its viewBox to this space, avoiding the
 * default aspect-ratio letterboxing that previously narrowed the plotted line. */
[b-ivwsb2swt2] .ats-line-chart-shell .mud-chart,
[b-ivwsb2swt2] .ats-line-chart-shell .mud-chart > svg {
    width: 100% !important;
    min-width: 0;
}

[b-ivwsb2swt2] .mud-chart-serie-axis,
[b-ivwsb2swt2] .mud-chart-serie-label {
    font-size: 10px;
}

@media (max-width: 1399.98px) {
    [b-ivwsb2swt2] .ats-donut-body {
        grid-template-columns: minmax(0, 1fr);
        justify-items: center;
        gap: var(--ats-stack-lg);
    }

    [b-ivwsb2swt2] .ats-donut-stats {
        width: 100%;
    }
}

@media (max-width: 959.98px) {
    [b-ivwsb2swt2] .ats-dashboard-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    [b-ivwsb2swt2] .ats-donut-body {
        grid-template-columns: 200px minmax(0, 1fr);
        justify-items: stretch;
        gap: var(--ats-dashboard-gap);
    }
}

@media (max-width: 767.98px) {
    [b-ivwsb2swt2] .ats-dashboard-filter-group {
        width: 100%;
    }

    [b-ivwsb2swt2] .ats-dashboard-filter-actions {
        width: 100%;
        margin-left: 0;
        justify-content: flex-end;
    }
}

/* Tighten the spacing scale on small screens; the proportions stay the same. */
@media (max-width: 599.98px) {
    .ats-dashboard[b-ivwsb2swt2] {
        --ats-dashboard-gap: 16px;
        --ats-card-padding: 18px;
        --ats-chart-inset: 2px;
        --ats-stack-lg: 16px;
    }

    [b-ivwsb2swt2] .ats-dashboard-filter-card {
        padding: 14px;
    }

    [b-ivwsb2swt2] .ats-dashboard-filter-group {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
    }

    [b-ivwsb2swt2] .ats-dashboard-filter-field,
    [b-ivwsb2swt2] .ats-dashboard-select-wrap,
    [b-ivwsb2swt2] .ats-dashboard-select-wrap select {
        width: 100%;
        min-width: 0;
    }

    [b-ivwsb2swt2] .ats-dashboard-filter-divider {
        display: none;
    }

    [b-ivwsb2swt2] .ats-dashboard-active-summary {
        height: auto;
        min-height: 30px;
    }

    [b-ivwsb2swt2] .ats-dashboard-active-chip {
        max-width: 100%;
    }

    [b-ivwsb2swt2] .ats-dashboard-filter-actions {
        justify-content: space-between;
    }

    [b-ivwsb2swt2] .ats-donut-body {
        grid-template-columns: minmax(0, 1fr);
        justify-items: center;
        gap: var(--ats-stack-lg);
    }
}

@media (prefers-reduced-motion: reduce) {
    [b-ivwsb2swt2] .ats-dashboard-sync-status.is-loading .ats-dashboard-sync-dot {
        animation: none;
    }

    [b-ivwsb2swt2] .ats-dashboard-chart-card,
    [b-ivwsb2swt2] .ats-dashboard-chart-card-clickable:hover,
    [b-ivwsb2swt2] .ats-dashboard-chart-card-clickable:active {
        transition-duration: 0.01ms;
        transform: none;
    }
}
/* /Component/ATS/Dashboard/DashboardChartDetailComponent.razor.rz.scp.css */
.ats-chart-detail-shell[b-wrikvfzq2u] {
    --ats-detail-gutter: 28px;
    --ats-detail-card-padding: 26px;
    --ats-detail-stack-xs: 4px;
    --ats-detail-stack-sm: 10px;
    --ats-detail-stack-md: 16px;
    --ats-detail-stack-lg: 24px;
    --ats-detail-navy-900: #0b1b3d;
    --ats-detail-navy-700: #1c3a70;
    --ats-detail-blue-600: #1d5fd1;
    border-radius: 18px;
    background: #f6f9fd;
}

[b-wrikvfzq2u] .ats-chart-detail-header {
    position: sticky;
    top: 0;
    z-index: 3;
    display: grid;
    padding: 28px 32px 24px;
    overflow: hidden;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--ats-detail-stack-md);
    background: linear-gradient(
        120deg,
        var(--ats-detail-navy-900) 0%,
        var(--ats-detail-navy-700) 55%,
        var(--ats-detail-blue-600) 130%);
    border-radius: 18px 18px 0 0;
}

[b-wrikvfzq2u] .ats-chart-detail-header::before {
    position: absolute;
    z-index: 0;
    inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, 0.14) 1px, transparent 1.5px);
    background-size: 16px 16px;
    content: "";
    opacity: 0.35;
    -webkit-mask-image: linear-gradient(to bottom right, #000, transparent 70%);
    mask-image: linear-gradient(to bottom right, #000, transparent 70%);
    pointer-events: none;
}

[b-wrikvfzq2u] .ats-chart-detail-header > * {
    position: relative;
    z-index: 1;
}

[b-wrikvfzq2u] .ats-chart-detail-badge {
    display: flex;
    width: 46px;
    height: 46px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
}

[b-wrikvfzq2u] .ats-chart-detail-badge-icon {
    color: #fff;
    font-size: 22px;
}

[b-wrikvfzq2u] .ats-chart-detail-heading {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
}

[b-wrikvfzq2u] .ats-chart-detail-eyebrow {
    color: #9fb7e8;
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: 0.11em;
    line-height: 1.2;
    text-transform: uppercase;
}

[b-wrikvfzq2u] .ats-chart-detail-title {
    margin: 0;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.2px;
    line-height: 1.25;
}

[b-wrikvfzq2u] .ats-chart-detail-subtitle {
    margin-top: 2px;
    color: #c6d5f5;
    font-size: 13.5px;
    font-weight: 400;
    line-height: 1.4;
}

[b-wrikvfzq2u] .ats-chart-detail-actions {
    display: flex;
    align-items: center;
    gap: var(--ats-detail-stack-sm);
}

[b-wrikvfzq2u] .ats-chart-detail-chip {
    display: inline-flex;
    width: 260px;
    max-width: 30vw;
    padding: 8px 16px;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.1);
    line-height: 1.2;
    text-align: center;
}

[b-wrikvfzq2u] .ats-chart-detail-chip-label {
    display: block;
    width: 100%;
    color: #aebfe3;
    font-size: 9.5px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-align: center;
    text-transform: uppercase;
}

[b-wrikvfzq2u] .ats-chart-detail-chip-value {
    display: block;
    width: 100%;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-wrikvfzq2u] .ats-chart-detail-close {
    display: flex;
    width: 34px;
    height: 34px;
    padding: 0;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    cursor: pointer;
    transition: background 0.15s ease;
}

[b-wrikvfzq2u] .ats-chart-detail-close:hover,
[b-wrikvfzq2u] .ats-chart-detail-close:focus-visible {
    background: rgba(255, 255, 255, 0.22);
}

[b-wrikvfzq2u] .ats-chart-detail-close:focus-visible {
    outline: 3px solid rgba(143, 201, 255, 0.6);
    outline-offset: 2px;
}

[b-wrikvfzq2u] .ats-chart-detail-close svg {
    width: 15px;
    height: 15px;
}

[b-wrikvfzq2u] .ats-chart-detail-body {
    padding: var(--ats-detail-gutter);
}

[b-wrikvfzq2u] .ats-chart-detail-card {
    display: flex;
    min-height: 600px;
    padding: var(--ats-detail-card-padding);
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--ats-border, #e3e9f1);
    border-radius: 16px;
    box-shadow: 0 1px 3px rgba(11, 31, 58, 0.05);
}

/*
 * Empty state (no data) - not an error state. Mirrors the dashboard card
 * treatment so the zoomed view reads as the same component, and fills the card
 * so its dimensions stay constant between the populated and empty views.
 */
[b-wrikvfzq2u] .ats-chart-detail-empty {
    display: flex;
    min-height: 520px;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--ats-detail-stack-sm);
    padding: var(--ats-detail-stack-lg);
    color: var(--ats-text-sub, #6b7b92);
    background: #fafbff;
    border: 1px dashed #dbe1f0;
    border-radius: 14px;
    text-align: center;
}

[b-wrikvfzq2u] .ats-chart-detail-empty-badge {
    display: flex;
    width: 64px;
    height: 64px;
    margin-bottom: var(--ats-detail-stack-xs);
    align-items: center;
    justify-content: center;
    background: #f0f4fc;
    border-radius: 50%;
}

[b-wrikvfzq2u] .ats-chart-detail-empty-icon {
    color: #a3accb;
    font-size: 32px;
}

[b-wrikvfzq2u] .ats-chart-detail-empty-title {
    color: #3d4a68;
    font-size: 16px;
    font-weight: 600;
}

[b-wrikvfzq2u] .ats-chart-detail-empty-text {
    max-width: 340px;
    font-size: 13.5px;
    line-height: 1.5;
}

[b-wrikvfzq2u] .ats-detail-chart-legend {
    display: flex;
    min-height: 34px;
    margin-bottom: var(--ats-detail-stack-lg);
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: var(--ats-detail-stack-sm) 10px;
    color: #3e4b5e;
    font-size: 13px;
}

[b-wrikvfzq2u] .ats-detail-chart-legend-item {
    display: inline-flex;
    min-width: 0;
    padding: 5px 12px;
    align-items: center;
    gap: 7px;
    background: #f6f8fc;
    border: 1px solid #e8edf6;
    border-radius: 999px;
    white-space: nowrap;
}

[b-wrikvfzq2u] .ats-detail-chart-legend-dot {
    width: 10px;
    height: 10px;
    flex: 0 0 10px;
    border-radius: 50%;
}

[b-wrikvfzq2u] .ats-detail-chart-total {
    padding: 5px 14px;
    color: #0b1f3a;
    background: #eef4ff;
    border: 1px solid #dbe6fb;
    border-radius: 999px;
    font-weight: 700;
    white-space: nowrap;
}

/*
 * The SVG margins are C# constants and the axis labels are anchored to the plot
 * box in percentages, so the breathing room is added around the shell rather
 * than inside the chart - padding here would desynchronise the labels.
 */
[b-wrikvfzq2u] .ats-detail-area-shell {
    position: relative;
    width: 100%;
    height: 500px;
}

[b-wrikvfzq2u] .ats-detail-area-chart {
    display: block;
    width: 100%;
    height: 480px;
    overflow: visible;
}

[b-wrikvfzq2u] .ats-detail-area-grid-line {
    stroke: rgba(62, 75, 94, 0.13);
    stroke-width: 1;
}

[b-wrikvfzq2u] .ats-detail-area-axis-line {
    stroke: rgba(62, 75, 94, 0.4);
    stroke-width: 1;
}

[b-wrikvfzq2u] .ats-detail-area-hover-target {
    fill: transparent;
    stroke: transparent;
    cursor: pointer;
    pointer-events: all;
}

[b-wrikvfzq2u] .ats-detail-area-hover-target:focus {
    fill: rgba(255, 255, 255, 0.2);
    stroke: rgba(11, 31, 58, 0.4);
    stroke-width: 2;
    outline: none;
}

[b-wrikvfzq2u] .ats-detail-area-hover-marker {
    stroke: #fff;
    stroke-width: 3;
    filter: drop-shadow(0 2px 3px rgba(11, 31, 58, 0.35));
    pointer-events: none;
}

[b-wrikvfzq2u] .ats-detail-area-tooltip {
    position: absolute;
    z-index: 5;
    display: flex;
    min-width: 160px;
    padding: 10px 12px;
    align-items: flex-start;
    gap: 9px;
    color: #344054;
    background: #fff;
    border: 1px solid rgba(11, 31, 58, 0.12);
    border-radius: 10px;
    box-shadow: 0 6px 18px rgba(11, 31, 58, 0.18);
    font-size: 13px;
    line-height: 1.3;
    transform: translate(-50%, calc(-100% - 14px));
    pointer-events: none;
}

[b-wrikvfzq2u] .ats-detail-area-tooltip-below {
    transform: translate(-50%, 14px);
}

[b-wrikvfzq2u] .ats-detail-area-tooltip > span:last-child {
    display: flex;
    flex-direction: column;
}

[b-wrikvfzq2u] .ats-detail-area-tooltip strong {
    color: #0b1f3a;
    white-space: nowrap;
}

[b-wrikvfzq2u] .ats-detail-area-tooltip-dot {
    width: 10px;
    height: 10px;
    margin-top: 3px;
    flex: 0 0 10px;
    border-radius: 50%;
}

[b-wrikvfzq2u] .ats-detail-area-y-label {
    position: absolute;
    left: 0;
    width: 52px;
    color: #3e4b5e;
    font-size: 12px;
    line-height: 14px;
    text-align: right;
    transform: translateY(-50%);
}

[b-wrikvfzq2u] .ats-detail-area-x-labels {
    position: absolute;
    right: 2%;
    bottom: 0;
    left: 7.1%;
    display: flex;
    justify-content: space-between;
    color: #3e4b5e;
    font-size: 12px;
}

[b-wrikvfzq2u] .ats-detail-line-chart {
    width: min(100%, 1050px);
    margin: 0 auto;
    padding: var(--ats-detail-stack-sm) var(--ats-detail-stack-sm) var(--ats-detail-stack-md);
    box-sizing: border-box;
    overflow: visible;
}

/* Donut: figure plus a stat rail, the same pairing used on the dashboard card. */
[b-wrikvfzq2u] .ats-detail-donut-body {
    display: grid;
    grid-template-columns: 360px minmax(0, 1fr);
    align-items: center;
    gap: 40px;
}

[b-wrikvfzq2u] .ats-detail-donut-figure {
    position: relative;
    width: 360px;
    height: 360px;
}

/*
 * The overlay sits in the ring hole (DonutRingRatio 0.3 over a 360px box gives a
 * 252px hole). The side padding keeps the widest line inside the chord at the
 * delta row rather than letting it run under the ring.
 */
[b-wrikvfzq2u] .ats-detail-donut-center {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 72px;
    text-align: center;
    pointer-events: none;
}

[b-wrikvfzq2u] .ats-detail-donut-center-value {
    color: #0b1f3a;
    font-size: 44px;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1;
}

[b-wrikvfzq2u] .ats-detail-donut-center-label {
    margin-top: var(--ats-detail-stack-sm);
    color: var(--ats-text-sub, #6b7b92);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.09em;
    line-height: 1.2;
    text-transform: uppercase;
}

[b-wrikvfzq2u] .ats-detail-donut-center-delta {
    margin-top: 6px;
    color: var(--ats-text-sub, #6b7b92);
    font-size: 13px;
    line-height: 1.35;
}

[b-wrikvfzq2u] .ats-detail-stats {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 12px;
}

[b-wrikvfzq2u] .ats-detail-stat {
    display: grid;
    padding: 14px 16px;
    grid-template-columns: 12px minmax(0, 1fr) auto;
    align-items: center;
    gap: 2px 14px;
    background: #fff;
    border: 1px solid var(--ats-border, #e3e9f1);
    border-radius: 14px;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

[b-wrikvfzq2u] .ats-detail-stat:hover {
    border-color: #cfd8ee;
    box-shadow: 0 8px 20px -16px rgba(11, 31, 58, 0.4);
}

[b-wrikvfzq2u] .ats-detail-stat-dot {
    width: 12px;
    height: 12px;
    grid-row: 1 / 3;
    border-radius: 50%;
}

[b-wrikvfzq2u] .ats-detail-stat-name {
    color: #1b2337;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-wrikvfzq2u] .ats-detail-stat-value {
    color: #0b1f3a;
    font-size: 20px;
    font-weight: 700;
    grid-row: 1 / 3;
    letter-spacing: -0.02em;
    text-align: right;
}

[b-wrikvfzq2u] .ats-detail-stat-meta {
    color: var(--ats-text-sub, #6b7b92);
    font-size: 13px;
    line-height: 1.25;
}

[b-wrikvfzq2u] .ats-detail-stat-bar {
    display: block;
    height: 6px;
    grid-column: 1 / -1;
    margin-top: var(--ats-detail-stack-sm);
    overflow: hidden;
    background: #eef1f8;
    border-radius: 99px;
}

[b-wrikvfzq2u] .ats-detail-stat-bar > i {
    display: block;
    height: 100%;
    border-radius: 99px;
    /* The fill sweeps from the left; the width itself is set inline from the data. */
    transform-origin: left center;
}

[b-wrikvfzq2u] .mud-chart-serie-axis,
[b-wrikvfzq2u] .mud-chart-serie-label {
    font-size: 12px;
}

/*
 * Open sequence. The dialog itself zooms (see .ats-chart-detail-dialog in
 * app.css); these unfold its contents just behind it so the panel does not
 * arrive fully formed. Delays are staggered header -> card -> chart, and every
 * animation is fill-mode: both so nothing flashes before its delay elapses.
 */
[b-wrikvfzq2u] .ats-chart-detail-header {
    animation: ats-detail-fade-down-b-wrikvfzq2u 0.34s cubic-bezier(0.2, 0.75, 0.3, 1) 0.06s both;
}

[b-wrikvfzq2u] .ats-chart-detail-card {
    animation: ats-detail-unfold-b-wrikvfzq2u 0.42s cubic-bezier(0.2, 0.75, 0.3, 1) 0.1s both;
    transform-origin: top center;
}

/* The chart itself lands last, once the card has finished opening. */
[b-wrikvfzq2u] .ats-detail-area-shell,
[b-wrikvfzq2u] .ats-detail-line-chart,
[b-wrikvfzq2u] .ats-detail-donut-figure,
[b-wrikvfzq2u] .ats-chart-detail-empty {
    animation: ats-detail-rise-b-wrikvfzq2u 0.4s cubic-bezier(0.2, 0.75, 0.3, 1) 0.26s both;
}

[b-wrikvfzq2u] .ats-detail-chart-legend {
    animation: ats-detail-rise-b-wrikvfzq2u 0.36s cubic-bezier(0.2, 0.75, 0.3, 1) 0.2s both;
}

/*
 * Stat rows cascade after the donut. The row count is fixed by the repository
 * (CreateCategories always emits three or four), so the delays are enumerated
 * rather than computed.
 */
[b-wrikvfzq2u] .ats-detail-stat {
    animation: ats-detail-rise-b-wrikvfzq2u 0.36s cubic-bezier(0.2, 0.75, 0.3, 1) both;
}

[b-wrikvfzq2u] .ats-detail-stat:nth-child(1) {
    animation-delay: 0.3s;
}

[b-wrikvfzq2u] .ats-detail-stat:nth-child(2) {
    animation-delay: 0.36s;
}

[b-wrikvfzq2u] .ats-detail-stat:nth-child(3) {
    animation-delay: 0.42s;
}

[b-wrikvfzq2u] .ats-detail-stat:nth-child(4) {
    animation-delay: 0.48s;
}

/* Bars sweep out from zero once their row has settled. */
[b-wrikvfzq2u] .ats-detail-stat-bar > i {
    animation: ats-detail-bar-grow-b-wrikvfzq2u 0.5s cubic-bezier(0.2, 0.75, 0.3, 1) 0.44s both;
}

@keyframes ats-detail-fade-down-b-wrikvfzq2u {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Folds open from the top edge, like a panel being unfolded. */
@keyframes ats-detail-unfold-b-wrikvfzq2u {
    from {
        opacity: 0;
        transform: perspective(1200px) rotateX(-6deg) scaleY(0.94);
    }

    to {
        opacity: 1;
        transform: perspective(1200px) rotateX(0) scaleY(1);
    }
}

@keyframes ats-detail-rise-b-wrikvfzq2u {
    from {
        opacity: 0;
        transform: translateY(14px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes ats-detail-bar-grow-b-wrikvfzq2u {
    from {
        transform: scaleX(0);
    }

    to {
        transform: scaleX(1);
    }
}

/* Stack the donut and its stat rail before either has to squeeze. */
@media (max-width: 899.98px) {
    [b-wrikvfzq2u] .ats-detail-donut-body {
        grid-template-columns: minmax(0, 1fr);
        justify-items: center;
        gap: var(--ats-detail-stack-lg);
    }

    [b-wrikvfzq2u] .ats-detail-stats {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .ats-chart-detail-shell[b-wrikvfzq2u] {
        --ats-detail-gutter: 16px;
        --ats-detail-card-padding: 16px;
        --ats-detail-stack-lg: 18px;
    }

    [b-wrikvfzq2u] .ats-chart-detail-header {
        padding: 22px 20px 20px;
        gap: 12px;
    }

    [b-wrikvfzq2u] .ats-chart-detail-chip {
        width: 180px;
        max-width: 28vw;
        padding: 7px 13px;
    }

    [b-wrikvfzq2u] .ats-chart-detail-title {
        font-size: 20px;
    }

    [b-wrikvfzq2u] .ats-chart-detail-card {
        min-height: 520px;
        padding: var(--ats-detail-card-padding) 8px;
        overflow-x: auto;
    }

    [b-wrikvfzq2u] .ats-chart-detail-empty {
        min-height: 440px;
    }

    [b-wrikvfzq2u] .ats-detail-area-shell {
        min-width: 680px;
    }
}

@media (max-width: 599.98px) {
    [b-wrikvfzq2u] .ats-chart-detail-chip {
        display: none;
    }
}

/*
 * Below the donut's 360px box, scale it down. MudBlazor writes width/height
 * straight onto the <svg> and .mud-chart carries min-width/min-height:
 * fit-content, so both have to be overridden - sizing the wrapper alone does
 * nothing. The viewBox makes the svg scale uniformly.
 */
@media (max-width: 479.98px) {
    [b-wrikvfzq2u] .ats-detail-donut-body {
        gap: var(--ats-detail-stack-md);
    }

    [b-wrikvfzq2u] .ats-detail-donut-figure {
        width: 280px;
        height: 280px;
    }

    [b-wrikvfzq2u] .ats-detail-donut-figure .mud-chart {
        width: 280px;
        height: 280px;
        min-width: 0;
        min-height: 0;
    }

    [b-wrikvfzq2u] .ats-detail-donut-figure .mud-chart-donut {
        width: 280px;
        height: 280px;
    }

    [b-wrikvfzq2u] .ats-detail-donut-center {
        padding: 0 58px;
    }

    [b-wrikvfzq2u] .ats-detail-donut-center-value {
        font-size: 34px;
    }

    [b-wrikvfzq2u] .ats-detail-donut-center-delta {
        font-size: 12px;
    }
}

/*
 * Reduced motion: collapse the open sequence rather than removing it, so the
 * content still ends in its final state (fill-mode: both means an animation
 * that never runs would leave elements stuck at opacity 0).
 */
@media (prefers-reduced-motion: reduce) {
    .ats-chart-detail-shell[b-wrikvfzq2u]  *,
    .ats-chart-detail-shell[b-wrikvfzq2u]  *::before,
    .ats-chart-detail-shell[b-wrikvfzq2u]  *::after {
        animation-duration: 0.01ms !important;
        animation-delay: 0ms !important;
        transition-duration: 0.01ms !important;
    }
}
/* /Component/ATS/DisputeOrder/DisputeDialogOrderComponent.razor.rz.scp.css */
.dd-shell[b-d3c936zqgn],
.dd-shell *[b-d3c936zqgn],
.dd-shell *[b-d3c936zqgn]::before,
.dd-shell *[b-d3c936zqgn]::after {
    box-sizing: border-box;
}

.dd-shell[b-d3c936zqgn] {
    --dd-navy-900: #0b1b3d;
    --dd-navy-800: #132a54;
    --dd-navy-700: #1c3a70;
    --dd-blue-600: #1d5fd1;
    --dd-blue-500: #2e7ce0;
    --dd-blue-tint: #edf3fc;
    --dd-border: #d9e3f5;
    --dd-border-strong: #c2d2f0;
    --dd-text-1: #16233f;
    --dd-text-2: #5b6b8c;
    --dd-text-3: #8a97b5;
    --dd-amber: #b5790f;
    --dd-amber-tint: #fcf1dd;
    --dd-amber-border: #f0dca8;
    --dd-orange-600: #d3540e;
    --dd-orange-500: #ea7317;
    width: 100%;
    overflow: hidden;
    background: #fff;
    color: var(--dd-text-1);
    font-family: "Inter", sans-serif;
}

[b-d3c936zqgn] .dd-dialog {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 20px !important;
    background: #fff;
}

[b-d3c936zqgn] .dd-dialog > .mud-dialog-content {
    width: 100%;
    margin: 0;
    padding: 0 !important;
    overflow: hidden;
}

.dd-header[b-d3c936zqgn] {
    position: relative;
    overflow: hidden;
    padding: 26px 30px 22px;
    background: linear-gradient(120deg, var(--dd-navy-900) 0%, var(--dd-navy-700) 55%, var(--dd-blue-600) 130%);
}

.dd-header[b-d3c936zqgn]::before {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, 0.14) 1px, transparent 1.5px);
    background-size: 16px 16px;
    content: "";
    opacity: 0.35;
    -webkit-mask-image: linear-gradient(to bottom right, #000, transparent 70%);
    mask-image: linear-gradient(to bottom right, #000, transparent 70%);
    pointer-events: none;
}

.dd-header-row[b-d3c936zqgn] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.dd-header-left[b-d3c936zqgn] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.dd-icon-badge[b-d3c936zqgn] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
}

.dd-icon-badge svg[b-d3c936zqgn] {
    width: 21px;
    height: 21px;
}

.dd-header-text h1[b-d3c936zqgn] {
    margin: 0;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.2px;
}

.dd-header-text p[b-d3c936zqgn] {
    margin: 4px 0 0;
    color: #c6d5f5;
    font-size: 13px;
    font-weight: 400;
}

.dd-close[b-d3c936zqgn] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    cursor: pointer;
    transition: background 0.15s ease;
}

.dd-close:hover[b-d3c936zqgn],
.dd-close:focus-visible[b-d3c936zqgn] {
    background: rgba(255, 255, 255, 0.22);
}

.dd-close svg[b-d3c936zqgn] {
    width: 14px;
    height: 14px;
}

.dd-close:focus-visible[b-d3c936zqgn],
.dd-button:focus-visible[b-d3c936zqgn] {
    outline: 3px solid rgba(143, 201, 255, 0.6);
    outline-offset: 2px;
}

.dd-body[b-d3c936zqgn] {
    padding: 26px 30px 6px;
    background: #fff;
}

.dd-section[b-d3c936zqgn] {
    margin-bottom: 16px;
    overflow: hidden;
    border: 1px solid var(--dd-border);
    border-radius: 14px;
    background: #fcfdff;
}

.dd-section-head[b-d3c936zqgn] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--dd-border);
    background: var(--dd-blue-tint);
}

.dd-section-number[b-d3c936zqgn] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 7px;
    background: var(--dd-navy-900);
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 11.5px;
    font-weight: 600;
}

.dd-section-head h2[b-d3c936zqgn] {
    margin: 0;
    color: var(--dd-text-1);
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 600;
}

.dd-section-body[b-d3c936zqgn] {
    display: grid;
    gap: 14px;
    padding: 16px;
}

.dd-field[b-d3c936zqgn] {
    position: relative;
    min-width: 0;
}

.dd-field > label[b-d3c936zqgn] {
    display: block;
    margin-bottom: 6px;
    color: var(--dd-text-2);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.2px;
}

.dd-required[b-d3c936zqgn] {
    margin-left: 2px;
    color: #d64545;
}

.dd-input-wrap[b-d3c936zqgn]  .mud-input-control {
    margin-top: 0;
}

.dd-input-wrap[b-d3c936zqgn]  .mud-input {
    min-height: 42px;
    border-radius: 10px;
    background: #fff;
    color: var(--dd-text-1);
    font-family: "Inter", sans-serif;
    font-size: 14px;
}

.dd-input-wrap[b-d3c936zqgn]  .mud-input-slot {
    height: 42px !important;
    min-height: 42px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: var(--dd-text-1);
    font-family: "Inter", sans-serif;
    font-size: 14px;
    line-height: 42px;
}

.dd-input-wrap[b-d3c936zqgn]  .mud-input-slot::placeholder {
    color: var(--dd-text-3);
    opacity: 1;
}

.dd-input-wrap[b-d3c936zqgn]  .mud-input-outlined-border {
    border-width: 1.5px;
    border-color: var(--dd-border-strong);
    border-radius: 10px;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.dd-input-wrap[b-d3c936zqgn]  .mud-input:focus-within .mud-input-outlined-border {
    border-color: var(--dd-blue-500);
    box-shadow: 0 0 0 3px rgba(46, 124, 224, 0.15);
}

.dd-input-wrap[b-d3c936zqgn]  .mud-input-adornment {
    color: var(--dd-text-3);
}

.dd-input-wrap[b-d3c936zqgn]  .mud-input-adornment-start {
    margin-left: 12px;
    margin-right: 8px;
}

.dd-input-wrap[b-d3c936zqgn]  .mud-input-adornment-start .mud-icon-root {
    width: 16px;
    height: 16px;
    font-size: 16px;
}

.dd-input-wrap[b-d3c936zqgn]  .mud-input-error .mud-input-outlined-border {
    border-color: #d64545;
}

.dd-input-wrap[b-d3c936zqgn]  .mud-input-helper-text {
    margin-top: 4px;
    font-family: "Inter", sans-serif;
    font-size: 11px;
}

.dd-pills-wrap[b-d3c936zqgn]  .dd-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.dd-pills-wrap[b-d3c936zqgn]  .dd-pill {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    margin: 0 !important;
    padding: 0 16px;
    border: 1.5px solid var(--dd-border-strong);
    border-radius: 20px;
    background: #fff;
    color: var(--dd-text-1);
    cursor: pointer;
    transition: border-color 0.12s ease, background 0.12s ease, box-shadow 0.12s ease;
}

.dd-pills-wrap[b-d3c936zqgn]  .dd-pill .mud-input-control-input-container {
    position: static;
    width: 100%;
}

.dd-pills-wrap[b-d3c936zqgn]  .dd-pill .mud-radio {
    position: static;
    width: 100%;
    justify-content: center;
}

.dd-pills-wrap[b-d3c936zqgn]  .dd-pill .mud-radio::after {
    position: absolute;
    content: "";
    inset: 0;
    border-radius: 20px;
    cursor: pointer;
}

.dd-pills-wrap[b-d3c936zqgn]  .dd-pill:hover {
    border-color: var(--dd-blue-500);
}

.dd-pills-wrap[b-d3c936zqgn]  .dd-pill .mud-button-root,
.dd-pills-wrap[b-d3c936zqgn]  .dd-pill .mud-icon-button,
.dd-pills-wrap[b-d3c936zqgn]  .dd-pill .mud-radio-icon,
.dd-pills-wrap[b-d3c936zqgn]  .dd-pill .mud-radio-icons,
.dd-pills-wrap[b-d3c936zqgn]  .dd-pill svg {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.dd-pills-wrap[b-d3c936zqgn]  .dd-pill .mud-radio-label,
.dd-pills-wrap[b-d3c936zqgn]  .dd-pill .mud-radio-content,
.dd-pills-wrap[b-d3c936zqgn]  .dd-pill .mud-typography {
    width: 100%;
    margin: 0 !important;
    color: inherit;
    font-family: "Inter", sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
}

.dd-pills-wrap[b-d3c936zqgn]  .dd-pill.is-selected {
    border-color: transparent;
    background: linear-gradient(120deg, var(--dd-navy-800), var(--dd-blue-600));
    box-shadow: 0 6px 14px -6px rgba(29, 95, 209, 0.5);
    color: #fff;
}

.dd-warning[b-d3c936zqgn] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 2px 0 18px;
    padding: 12px 14px;
    border: 1.5px solid var(--dd-amber-border);
    border-left: 3px solid var(--dd-amber);
    border-radius: 10px;
    background: var(--dd-amber-tint);
}

.dd-warning svg[b-d3c936zqgn] {
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    margin-top: 1px;
    color: var(--dd-amber);
}

.dd-warning p[b-d3c936zqgn] {
    margin: 0;
    color: #7a5209;
    font-size: 12.5px;
    line-height: 1.5;
}

.dd-footer[b-d3c936zqgn] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 0 30px 26px;
    background: #fff;
}

.dd-button[b-d3c936zqgn] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 42px;
    padding: 0 22px;
    border-radius: 10px;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.1s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.dd-button:active:not(:disabled)[b-d3c936zqgn] {
    transform: scale(0.97);
}

.dd-button-cancel[b-d3c936zqgn] {
    border: 1.5px solid var(--dd-border-strong);
    background: #eef1f7;
    color: var(--dd-text-2);
}

.dd-button-cancel:hover[b-d3c936zqgn] {
    background: #e4e9f2;
}

.dd-button-send[b-d3c936zqgn] {
    border: 0;
    background: linear-gradient(120deg, var(--dd-orange-600), var(--dd-orange-500));
    box-shadow: 0 8px 20px -6px rgba(211, 84, 14, 0.55);
    color: #fff;
}

.dd-button-send:hover:not(:disabled)[b-d3c936zqgn] {
    box-shadow: 0 10px 24px -6px rgba(211, 84, 14, 0.7);
}

.dd-button-send:disabled[b-d3c936zqgn] {
    cursor: wait;
    opacity: 0.72;
}

.dd-button svg[b-d3c936zqgn] {
    width: 15px;
    height: 15px;
}

.dd-button[b-d3c936zqgn]  .dd-progress {
    color: currentColor;
}

@media (max-width: 520px) {
    .dd-header[b-d3c936zqgn] {
        padding: 22px 20px 20px;
    }

    .dd-body[b-d3c936zqgn] {
        padding: 20px 16px 4px;
    }

    .dd-footer[b-d3c936zqgn] {
        padding: 0 16px 20px;
    }
}

@media (max-width: 390px) {
    .dd-header-text h1[b-d3c936zqgn] {
        font-size: 18px;
    }

    .dd-header-text p[b-d3c936zqgn] {
        font-size: 12px;
    }

    .dd-button[b-d3c936zqgn] {
        flex: 1;
        padding: 0 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dd-shell *[b-d3c936zqgn],
    .dd-shell *[b-d3c936zqgn]::before,
    .dd-shell *[b-d3c936zqgn]::after {
        transition-duration: 0.01ms !important;
    }
}
/* /Component/ATS/DisputeOrder/DisputeOrderComponent.razor.rz.scp.css */
.dispute-warning[b-x0dgl9gcm8],
[b-x0dgl9gcm8] .dispute-orders {
    --navy-900: #0b1b3d;
    --blue-600: #1d5fd1;
    --blue-tint-2: #e3ecfb;
    --border: #e4eaf6;
    --border-strong: #c2d2f0;
    --text-1: #16233f;
    --text-2: #5b6b8c;
    --text-3: #8a97b5;
}

.dispute-warning[b-x0dgl9gcm8] {
    display: flex;
    width: 100%;
    max-width: none;
    margin: 0 0 18px;
    padding: 14px 18px;
    align-items: flex-start;
    gap: 12px;
    border: 1.5px solid #f0dca8;
    border-left: 4px solid #b5790f;
    border-radius: 12px;
    background: #fcf1dd;
    color: #b5790f;
}

.dispute-warning-title[b-x0dgl9gcm8] { margin: 0; color: #7a5209; font-size: 13.5px; font-weight: 700; }
.dispute-warning-text[b-x0dgl9gcm8] { margin: 4px 0 0; color: #8a6212; font-size: 12.5px; line-height: 1.5; }

.dispute-orders-scope[b-x0dgl9gcm8] { width: 100%; }
[b-x0dgl9gcm8] .dispute-orders { width: 100%; max-width: none; margin: 0; }
[b-x0dgl9gcm8] .dispute-orders .mud-table {
    padding: 26px 28px 8px !important;
    border: 1px solid var(--border);
    border-radius: 16px !important;
    background: #fff;
    box-shadow: 0 12px 32px -12px rgba(11, 27, 61, .12);
    overflow: hidden;
}

[b-x0dgl9gcm8] .ats-management-card.dispute-orders .mud-table {
    min-width: 0;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

[b-x0dgl9gcm8] .dispute-orders .mud-input-control { margin: 0; }
[b-x0dgl9gcm8] .dispute-orders .mud-input-outlined-border { border-width: 1.5px; border-color: var(--border-strong); border-radius: 10px; }
[b-x0dgl9gcm8] .dispute-orders .mud-input-slot { color: var(--text-1); font-size: 13.5px; }
[b-x0dgl9gcm8] .dispute-orders .mud-input-adornment-start { color: var(--text-3); }
[b-x0dgl9gcm8] .dispute-orders input::placeholder { color: var(--text-3); opacity: 1; }

[b-x0dgl9gcm8] .dispute-orders .mud-table-head .mud-table-cell {
    padding: 10px 14px 12px;
    border-bottom: 1.5px solid var(--border-strong);
    color: var(--text-1);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .4px;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
}

[b-x0dgl9gcm8] .dispute-orders .mud-table-body .mud-table-cell {
    padding: 16px 14px;
    border-bottom: 1px solid var(--border);
    color: var(--text-1);
    font-size: 13.5px;
    text-align: left;
    vertical-align: middle;
}

[b-x0dgl9gcm8] .dispute-orders .mud-table-row:hover { background: #fafbff !important; }
.dispute-subject[b-x0dgl9gcm8] { display: flex; align-items: center; gap: 12px; }
.dispute-avatar[b-x0dgl9gcm8] {
    display: flex;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 50%;
    background: linear-gradient(135deg, #2e7ce0, #132a54);
    color: #fff;
    font-family: Poppins, Inter, sans-serif;
    font-size: 12px;
    font-weight: 600;
}

.dispute-name[b-x0dgl9gcm8] { color: var(--text-1); font-weight: 600; }
.dispute-chip[b-x0dgl9gcm8] {
    display: inline-flex;
    padding: 4px 10px;
    border: 1px solid var(--border-strong);
    border-radius: 20px;
    background: var(--blue-tint-2);
    color: var(--blue-600);
    font-size: 11.5px;
    font-weight: 600;
    white-space: nowrap;
}

.dispute-chip.muted[b-x0dgl9gcm8] { border-color: var(--border); background: #f3f5fa; color: var(--text-3); font-style: italic; }
[b-x0dgl9gcm8] .dispute-date { color: var(--text-2) !important; white-space: nowrap; }
.dispute-action[b-x0dgl9gcm8] {
    display: flex;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid #f3cfb4;
    border-radius: 9px;
    background: #fcebe0;
    color: #d3540e;
    cursor: pointer;
    transition: background .12s ease;
}

.dispute-action:hover[b-x0dgl9gcm8] { background: #f9dcc8; }
.dispute-action svg[b-x0dgl9gcm8] { width: 15px; height: 15px; }
[b-x0dgl9gcm8] .dispute-orders .mud-table-pagination { margin-top: 12px; }
/* /Component/ATS/ModuleManagement/AddModuleComponent.razor.rz.scp.css */
.am-shell[b-xuvrd03ui8],
.am-shell *[b-xuvrd03ui8],
.am-shell *[b-xuvrd03ui8]::before,
.am-shell *[b-xuvrd03ui8]::after {
    box-sizing: border-box;
}

.am-shell[b-xuvrd03ui8] {
    --am-navy-900: #0b1b3d;
    --am-navy-800: #132a54;
    --am-navy-700: #1c3a70;
    --am-blue-600: #1d5fd1;
    --am-blue-500: #2e7ce0;
    --am-blue-tint: #edf3fc;
    --am-blue-tint-2: #e3ecfb;
    --am-border: #d9e3f5;
    --am-border-strong: #c2d2f0;
    --am-text-1: #16233f;
    --am-text-2: #5b6b8c;
    --am-text-3: #8a97b5;
    --am-green: #1e9e64;
    --am-green-tint: #e4f7ed;
    width: 100%;
    overflow: hidden;
    background: #fff;
    color: var(--am-text-1);
    font-family: "Inter", sans-serif;
}

.am-header[b-xuvrd03ui8] {
    position: relative;
    overflow: hidden;
    padding: 28px 32px 24px;
    background: linear-gradient(120deg, var(--am-navy-900) 0%, var(--am-navy-700) 55%, var(--am-blue-600) 130%);
}

.am-header[b-xuvrd03ui8]::before {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, 0.14) 1px, transparent 1.5px);
    background-size: 16px 16px;
    content: "";
    opacity: 0.35;
    -webkit-mask-image: linear-gradient(to bottom right, #000, transparent 70%);
    mask-image: linear-gradient(to bottom right, #000, transparent 70%);
    pointer-events: none;
}

.am-header-row[b-xuvrd03ui8] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.am-header-left[b-xuvrd03ui8] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.am-icon-badge[b-xuvrd03ui8] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
}

.am-icon-badge svg[b-xuvrd03ui8] {
    width: 22px;
    height: 22px;
}

.am-header-text h1[b-xuvrd03ui8] {
    margin: 0;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.2px;
}

.am-header-text p[b-xuvrd03ui8] {
    margin: 4px 0 0;
    color: #c6d5f5;
    font-size: 13.5px;
    font-weight: 400;
}

.am-close[b-xuvrd03ui8] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    cursor: pointer;
    transition: background 0.15s ease;
}

.am-close:hover[b-xuvrd03ui8],
.am-close:focus-visible[b-xuvrd03ui8] {
    background: rgba(255, 255, 255, 0.22);
}

.am-close svg[b-xuvrd03ui8] {
    width: 15px;
    height: 15px;
}

.am-close:focus-visible[b-xuvrd03ui8],
.am-button:focus-visible[b-xuvrd03ui8],
.am-toggle:focus-visible[b-xuvrd03ui8] {
    outline: 3px solid rgba(143, 201, 255, 0.6);
    outline-offset: 2px;
}

.am-body[b-xuvrd03ui8] {
    padding: 28px 32px 8px;
    background: #fff;
}

.am-section[b-xuvrd03ui8] {
    overflow: hidden;
    margin-bottom: 18px;
    border: 1px solid var(--am-border);
    border-radius: 14px;
    background: #fcfdff;
}

.am-section-head[b-xuvrd03ui8] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 51px;
    padding: 13px 18px;
    border-bottom: 1px solid var(--am-border);
    background: var(--am-blue-tint);
}

.am-section-number[b-xuvrd03ui8] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 7px;
    background: var(--am-navy-900);
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 600;
}

.am-section-head h2[b-xuvrd03ui8] {
    margin: 0;
    color: var(--am-text-1);
    font-family: "Poppins", sans-serif;
    font-size: 14.5px;
    font-weight: 600;
}

.am-section-helper[b-xuvrd03ui8] {
    margin-left: auto;
    color: var(--am-text-3);
    font-size: 11.5px;
    font-weight: 500;
    text-align: right;
}

.am-section-body[b-xuvrd03ui8] {
    display: grid;
    gap: 14px;
    padding: 18px;
}

.am-field[b-xuvrd03ui8] {
    position: relative;
    min-width: 0;
}

.am-field > label[b-xuvrd03ui8] {
    display: block;
    margin-bottom: 6px;
    color: var(--am-text-2);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.2px;
}

.am-required[b-xuvrd03ui8] {
    margin-left: 2px;
    color: #d64545;
}

.am-input-wrap[b-xuvrd03ui8]  .mud-input-control {
    margin-top: 0;
}

.am-input-wrap[b-xuvrd03ui8]  .mud-input {
    min-height: 42px;
    border-radius: 10px;
    background: #fff;
    color: var(--am-text-1);
    font-family: "Inter", sans-serif;
    font-size: 14px;
}

.am-autocomplete-wrap[b-xuvrd03ui8]  .mud-input-slot {
    height: 42px !important;
    min-height: 42px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: var(--am-text-1);
    font-family: "Inter", sans-serif;
    font-size: 14px;
    line-height: 42px;
}

.am-input-wrap[b-xuvrd03ui8]  .mud-input-slot::placeholder {
    color: var(--am-text-3);
    opacity: 1;
}

.am-input-wrap[b-xuvrd03ui8]  .mud-input-outlined-border {
    border-width: 1.5px;
    border-color: var(--am-border-strong);
    border-radius: 10px;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.am-input-wrap[b-xuvrd03ui8]  .mud-input:focus-within .mud-input-outlined-border {
    border-color: var(--am-blue-500);
    box-shadow: 0 0 0 3px rgba(46, 124, 224, 0.15);
}

.am-input-wrap[b-xuvrd03ui8]  .mud-input-adornment {
    color: var(--am-text-3);
}

.am-input-wrap[b-xuvrd03ui8]  .mud-input-adornment-start {
    margin-left: 0;
    margin-right: 8px;
    margin-inline-start: unset;
    margin-inline-end: 8px;
}

.am-input-wrap[b-xuvrd03ui8]  .mud-input-adornment-start .mud-icon-root,
.am-input-wrap[b-xuvrd03ui8]  .mud-input-adornment-end .mud-icon-root {
    width: 16px;
    height: 16px;
    font-size: 16px;
}

.am-autocomplete-wrap[b-xuvrd03ui8]  .mud-input-adornment-end {
    margin-right: 12px;
    color: var(--am-text-2);
}

.am-description-wrap[b-xuvrd03ui8]  .mud-input {
    align-items: flex-start;
    min-height: 96px;
}

.am-description-wrap[b-xuvrd03ui8]  textarea.mud-input-slot {
    min-height: 94px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    color: var(--am-text-1);
    font-family: "Inter", sans-serif;
    font-size: 14px;
    line-height: 1.5;
    resize: vertical;
}

.am-description-wrap[b-xuvrd03ui8]  .mud-input-adornment-start {
    align-self: flex-start;
    height: 16px;
    margin-top: 14px;
}

.am-input-wrap[b-xuvrd03ui8]  .mud-input-error .mud-input-outlined-border {
    border-color: #d64545;
}

.am-input-wrap[b-xuvrd03ui8]  .mud-input-helper-text {
    margin-top: 4px;
    font-family: "Inter", sans-serif;
    font-size: 11px;
}

.am-character-count[b-xuvrd03ui8] {
    margin-top: 4px;
    color: var(--am-text-3);
    font-size: 11px;
    line-height: 1;
    text-align: right;
}

.am-status-row[b-xuvrd03ui8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 14px;
    border: 1.5px solid var(--am-border-strong);
    border-radius: 10px;
    background: #fff;
}

.am-status-copy p[b-xuvrd03ui8] {
    margin: 0;
    color: var(--am-text-1);
    font-size: 13.5px;
    font-weight: 600;
}

.am-status-copy span[b-xuvrd03ui8] {
    display: block;
    margin-top: 2px;
    color: var(--am-text-3);
    font-size: 11.5px;
}

.am-status-control[b-xuvrd03ui8] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 10px;
}

.am-status-badge[b-xuvrd03ui8] {
    padding: 3px 9px;
    border-radius: 20px;
    background: var(--am-green-tint);
    color: var(--am-green);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.3px;
}

.am-status-badge.is-off[b-xuvrd03ui8] {
    background: #eef0f5;
    color: var(--am-text-2);
}

.am-toggle[b-xuvrd03ui8] {
    position: relative;
    flex: 0 0 auto;
    width: 44px;
    height: 26px;
    padding: 0;
    border: 0;
    border-radius: 20px;
    background: var(--am-green);
    cursor: pointer;
    transition: background 0.15s ease;
}

.am-toggle span[b-xuvrd03ui8] {
    position: absolute;
    top: 3px;
    left: 21px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    transition: left 0.15s ease;
}

.am-toggle.is-off[b-xuvrd03ui8] {
    background: #c6cedd;
}

.am-toggle.is-off span[b-xuvrd03ui8] {
    left: 3px;
}

.am-footer[b-xuvrd03ui8] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 20px 32px 26px;
    border-top: 1px solid var(--am-border);
    background: #fff;
}

.am-button[b-xuvrd03ui8] {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 42px;
    padding: 0 20px;
    border-radius: 10px;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.1s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.am-button:active[b-xuvrd03ui8] {
    transform: scale(0.97);
}

.am-button-cancel[b-xuvrd03ui8] {
    border: 1.5px solid var(--am-border-strong);
    background: #fff;
    color: var(--am-text-2);
}

.am-button-cancel:hover[b-xuvrd03ui8] {
    background: #f4f7fc;
}

.am-button-save[b-xuvrd03ui8] {
    border: 0;
    background: linear-gradient(120deg, var(--am-navy-800), var(--am-blue-600));
    box-shadow: 0 8px 20px -6px rgba(29, 95, 209, 0.55);
    color: #fff;
}

.am-button-save:hover[b-xuvrd03ui8] {
    box-shadow: 0 10px 24px -6px rgba(29, 95, 209, 0.7);
}

.am-button-save svg[b-xuvrd03ui8] {
    width: 15px;
    height: 15px;
}

@media (max-width: 600px) {
    .am-header[b-xuvrd03ui8] {
        padding: 22px 20px 20px;
    }

    .am-body[b-xuvrd03ui8] {
        padding: 20px 16px 4px;
    }

    .am-section-head[b-xuvrd03ui8],
    .am-section-body[b-xuvrd03ui8] {
        padding-left: 14px;
        padding-right: 14px;
    }

    .am-section-helper[b-xuvrd03ui8] {
        display: none;
    }

    .am-status-row[b-xuvrd03ui8] {
        align-items: flex-start;
        flex-direction: column;
    }

    .am-status-control[b-xuvrd03ui8] {
        justify-content: space-between;
        width: 100%;
    }

    .am-footer[b-xuvrd03ui8] {
        padding: 16px 16px 20px;
    }
}

@media (max-width: 420px) {
    .am-header-text h1[b-xuvrd03ui8] {
        font-size: 19px;
    }

    .am-header-text p[b-xuvrd03ui8] {
        font-size: 12px;
    }

    .am-icon-badge[b-xuvrd03ui8] {
        width: 40px;
        height: 40px;
    }

    .am-button[b-xuvrd03ui8] {
        justify-content: center;
        flex: 1;
        padding: 0 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .am-shell *[b-xuvrd03ui8],
    .am-shell *[b-xuvrd03ui8]::before,
    .am-shell *[b-xuvrd03ui8]::after {
        transition-duration: 0.01ms !important;
    }
}
/* /Component/ATS/ModuleManagement/EditModuleComponent.razor.rz.scp.css */
.em-shell[b-14eadt0y19],
.em-shell *[b-14eadt0y19],
.em-shell *[b-14eadt0y19]::before,
.em-shell *[b-14eadt0y19]::after {
    box-sizing: border-box;
}

.em-shell[b-14eadt0y19] {
    --em-navy-900: #0b1b3d;
    --em-navy-800: #132a54;
    --em-navy-700: #1c3a70;
    --em-blue-600: #1d5fd1;
    --em-blue-500: #2e7ce0;
    --em-blue-tint: #edf3fc;
    --em-blue-tint-2: #e3ecfb;
    --em-border: #d9e3f5;
    --em-border-strong: #c2d2f0;
    --em-text-1: #16233f;
    --em-text-2: #5b6b8c;
    --em-text-3: #8a97b5;
    --em-green: #1e9e64;
    --em-green-tint: #e4f7ed;
    width: 100%;
    overflow: hidden;
    background: #fff;
    color: var(--em-text-1);
    font-family: "Inter", sans-serif;
}

.em-header[b-14eadt0y19] {
    position: relative;
    overflow: hidden;
    padding: 28px 32px 24px;
    background: linear-gradient(120deg, var(--em-navy-900) 0%, var(--em-navy-700) 55%, var(--em-blue-600) 130%);
}

.em-header[b-14eadt0y19]::before {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, 0.14) 1px, transparent 1.5px);
    background-size: 16px 16px;
    content: "";
    opacity: 0.35;
    -webkit-mask-image: linear-gradient(to bottom right, #000, transparent 70%);
    mask-image: linear-gradient(to bottom right, #000, transparent 70%);
    pointer-events: none;
}

.em-header-row[b-14eadt0y19] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.em-header-left[b-14eadt0y19] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.em-icon-badge[b-14eadt0y19] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
}

.em-icon-badge svg[b-14eadt0y19] {
    width: 22px;
    height: 22px;
}

.em-header-text h1[b-14eadt0y19] {
    margin: 0;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.2px;
}

.em-header-text p[b-14eadt0y19] {
    margin: 4px 0 0;
    color: #c6d5f5;
    font-size: 13.5px;
    font-weight: 400;
}

.em-close[b-14eadt0y19] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    cursor: pointer;
    transition: background 0.15s ease;
}

.em-close:hover[b-14eadt0y19],
.em-close:focus-visible[b-14eadt0y19] {
    background: rgba(255, 255, 255, 0.22);
}

.em-close svg[b-14eadt0y19] {
    width: 15px;
    height: 15px;
}

.em-close:focus-visible[b-14eadt0y19],
.em-button:focus-visible[b-14eadt0y19],
.em-toggle:focus-visible[b-14eadt0y19] {
    outline: 3px solid rgba(143, 201, 255, 0.6);
    outline-offset: 2px;
}

.em-body[b-14eadt0y19] {
    padding: 28px 32px 8px;
    background: #fff;
}

.em-section[b-14eadt0y19] {
    overflow: hidden;
    margin-bottom: 18px;
    border: 1px solid var(--em-border);
    border-radius: 14px;
    background: #fcfdff;
}

.em-section-head[b-14eadt0y19] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 51px;
    padding: 13px 18px;
    border-bottom: 1px solid var(--em-border);
    background: var(--em-blue-tint);
}

.em-section-number[b-14eadt0y19] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 7px;
    background: var(--em-navy-900);
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 600;
}

.em-section-head h2[b-14eadt0y19] {
    margin: 0;
    color: var(--em-text-1);
    font-family: "Poppins", sans-serif;
    font-size: 14.5px;
    font-weight: 600;
}

.em-section-helper[b-14eadt0y19] {
    margin-left: auto;
    color: var(--em-text-3);
    font-size: 11.5px;
    font-weight: 500;
    text-align: right;
}

.em-section-body[b-14eadt0y19] {
    display: grid;
    gap: 14px;
    padding: 18px;
}

.em-field[b-14eadt0y19] {
    position: relative;
    min-width: 0;
}

.em-field > label[b-14eadt0y19] {
    display: block;
    margin-bottom: 6px;
    color: var(--em-text-2);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.2px;
}

.em-required[b-14eadt0y19] {
    margin-left: 2px;
    color: #d64545;
}

.em-input-wrap[b-14eadt0y19]  .mud-input-control {
    margin-top: 0;
}

.em-input-wrap[b-14eadt0y19]  .mud-input {
    min-height: 42px;
    border-radius: 10px;
    background: #fff;
    color: var(--em-text-1);
    font-family: "Inter", sans-serif;
    font-size: 14px;
}

.em-autocomplete-wrap[b-14eadt0y19]  .mud-input-slot {
    height: 42px !important;
    min-height: 42px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: var(--em-text-1);
    font-family: "Inter", sans-serif;
    font-size: 14px;
    line-height: 42px;
}

.em-input-wrap[b-14eadt0y19]  .mud-input-slot::placeholder {
    color: var(--em-text-3);
    opacity: 1;
}

.em-input-wrap[b-14eadt0y19]  .mud-input-outlined-border {
    border-width: 1.5px;
    border-color: var(--em-border-strong);
    border-radius: 10px;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.em-input-wrap[b-14eadt0y19]  .mud-input:focus-within .mud-input-outlined-border {
    border-color: var(--em-blue-500);
    box-shadow: 0 0 0 3px rgba(46, 124, 224, 0.15);
}

.em-input-wrap[b-14eadt0y19]  .mud-input-adornment {
    color: var(--em-text-3);
}

.em-input-wrap[b-14eadt0y19]  .mud-input-adornment-start {
    margin-left: 0;
    margin-right: 8px;
    margin-inline-start: unset;
    margin-inline-end: 8px;
}

.em-input-wrap[b-14eadt0y19]  .mud-input-adornment-start .mud-icon-root,
.em-input-wrap[b-14eadt0y19]  .mud-input-adornment-end .mud-icon-root {
    width: 16px;
    height: 16px;
    font-size: 16px;
}

.em-autocomplete-wrap[b-14eadt0y19]  .mud-input-adornment-end {
    gap: 2px;
    margin-right: 10px;
    color: var(--em-text-2);
}

.em-autocomplete-wrap[b-14eadt0y19]  .mud-input-adornment-end .mud-icon-button {
    width: 24px;
    height: 24px;
    padding: 5px;
    border-radius: 6px;
}

.em-autocomplete-wrap[b-14eadt0y19]  .mud-input-adornment-end .mud-icon-button:hover {
    background: var(--em-blue-tint);
    color: var(--em-blue-600);
}

.em-description-wrap[b-14eadt0y19]  .mud-input {
    align-items: flex-start;
    min-height: 96px;
}

.em-description-wrap[b-14eadt0y19]  textarea.mud-input-slot {
    min-height: 94px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    color: var(--em-text-1);
    font-family: "Inter", sans-serif;
    font-size: 14px;
    line-height: 1.5;
    resize: vertical;
}

.em-description-wrap[b-14eadt0y19]  .mud-input-adornment-start {
    align-self: flex-start;
    height: 16px;
    margin-top: 14px;
}

.em-input-wrap[b-14eadt0y19]  .mud-input-error .mud-input-outlined-border {
    border-color: #d64545;
}

.em-input-wrap[b-14eadt0y19]  .mud-input-helper-text {
    margin-top: 4px;
    font-family: "Inter", sans-serif;
    font-size: 11px;
}

.em-character-count[b-14eadt0y19] {
    margin-top: 4px;
    color: var(--em-text-3);
    font-size: 11px;
    line-height: 1;
    text-align: right;
}

.em-status-row[b-14eadt0y19] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 14px;
    border: 1.5px solid var(--em-border-strong);
    border-radius: 10px;
    background: #fff;
}

.em-status-copy p[b-14eadt0y19] {
    margin: 0;
    color: var(--em-text-1);
    font-size: 13.5px;
    font-weight: 600;
}

.em-status-copy span[b-14eadt0y19] {
    display: block;
    margin-top: 2px;
    color: var(--em-text-3);
    font-size: 11.5px;
}

.em-status-control[b-14eadt0y19] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 10px;
}

.em-status-badge[b-14eadt0y19] {
    padding: 3px 9px;
    border-radius: 20px;
    background: var(--em-green-tint);
    color: var(--em-green);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.3px;
}

.em-status-badge.is-off[b-14eadt0y19] {
    background: #eef0f5;
    color: var(--em-text-2);
}

.em-toggle[b-14eadt0y19] {
    position: relative;
    flex: 0 0 auto;
    width: 44px;
    height: 26px;
    padding: 0;
    border: 0;
    border-radius: 20px;
    background: var(--em-green);
    cursor: pointer;
    transition: background 0.15s ease;
}

.em-toggle span[b-14eadt0y19] {
    position: absolute;
    top: 3px;
    left: 21px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    transition: left 0.15s ease;
}

.em-toggle.is-off[b-14eadt0y19] {
    background: #c6cedd;
}

.em-toggle.is-off span[b-14eadt0y19] {
    left: 3px;
}

.em-footer[b-14eadt0y19] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 20px 32px 26px;
    border-top: 1px solid var(--em-border);
    background: #fff;
}

.em-button[b-14eadt0y19] {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 42px;
    padding: 0 20px;
    border-radius: 10px;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.1s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.em-button:active[b-14eadt0y19] {
    transform: scale(0.97);
}

.em-button-cancel[b-14eadt0y19] {
    border: 1.5px solid var(--em-border-strong);
    background: #fff;
    color: var(--em-text-2);
}

.em-button-cancel:hover[b-14eadt0y19] {
    background: #f4f7fc;
}

.em-button-save[b-14eadt0y19] {
    border: 0;
    background: linear-gradient(120deg, var(--em-navy-800), var(--em-blue-600));
    box-shadow: 0 8px 20px -6px rgba(29, 95, 209, 0.55);
    color: #fff;
}

.em-button-save:hover[b-14eadt0y19] {
    box-shadow: 0 10px 24px -6px rgba(29, 95, 209, 0.7);
}

.em-button-save svg[b-14eadt0y19] {
    width: 15px;
    height: 15px;
}

@media (max-width: 600px) {
    .em-header[b-14eadt0y19] {
        padding: 22px 20px 20px;
    }

    .em-body[b-14eadt0y19] {
        padding: 20px 16px 4px;
    }

    .em-section-head[b-14eadt0y19],
    .em-section-body[b-14eadt0y19] {
        padding-left: 14px;
        padding-right: 14px;
    }

    .em-section-helper[b-14eadt0y19] {
        display: none;
    }

    .em-status-row[b-14eadt0y19] {
        align-items: flex-start;
        flex-direction: column;
    }

    .em-status-control[b-14eadt0y19] {
        justify-content: space-between;
        width: 100%;
    }

    .em-footer[b-14eadt0y19] {
        padding: 16px 16px 20px;
    }
}

@media (max-width: 420px) {
    .em-header-text h1[b-14eadt0y19] {
        font-size: 19px;
    }

    .em-header-text p[b-14eadt0y19] {
        font-size: 12px;
    }

    .em-icon-badge[b-14eadt0y19] {
        width: 40px;
        height: 40px;
    }

    .em-button[b-14eadt0y19] {
        justify-content: center;
        flex: 1;
        padding: 0 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .em-shell *[b-14eadt0y19],
    .em-shell *[b-14eadt0y19]::before,
    .em-shell *[b-14eadt0y19]::after {
        transition-duration: 0.01ms !important;
    }
}
/* /Component/ATS/OMSTicketing/TicketingStatusComponent.razor.rz.scp.css */
/* Only what is specific to the ticketing board lives here.

   The intro banner, filter chips, status dots, status pills, lead-identity cell, tag
   and muted cells all come from the shared .ats-status-board-* / .ats-cell-* /
   .ats-status-pill rules in wwwroot/css/ats.css, which Bulk Uploads Status uses too.
   Do not re-declare any of those here - change the shared rules instead so both
   boards stay identical. */

/* The ticket number is the one value a user copies out of this screen, so it is
   monospaced to keep digits aligned down the column. */
[b-pguzt2xi60] .ticketing-number {
    color: #16233f;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: .2px;
}

/* The status cell stacks a pill over an optional failure reason, which the bulk
   board has no equivalent of. */
[b-pguzt2xi60] .ticketing-status-cell {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

/* Clamped to two lines so one long provider message cannot stretch the row; the
   full text stays available as a title tooltip. */
[b-pguzt2xi60] .ticketing-error {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 260px;
    color: #c0453e;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.4;
}

@media (max-width: 720px) {
    [b-pguzt2xi60] .ticketing-error {
        max-width: 100%;
    }
}
/* /Component/ATS/Orders/ATSResultComponent.razor.rz.scp.css */
.ats-result-shell[b-guap7m385l] {
    --navy-900: #0b1b3d;
    --blue-500: #2e7ce0;
    --blue-tint: #edf3fc;
    --blue-tint-2: #e3ecfb;
    --border: #d9e3f5;
    --border-strong: #c2d2f0;
    --text-1: #16233f;
    --text-2: #5b6b8c;
    --text-3: #8a97b5;
    width: 820px;
    max-width: 100%;
    margin: 0;
    padding-bottom: 0;
    border-radius: 0;
    background: #fff;
    overflow: hidden;
}

.ats-result-top-header[b-guap7m385l] { display: flex; padding: 24px 30px 18px; align-items: flex-start; justify-content: space-between; gap: 16px; }
[b-guap7m385l] .ats-result-title { margin: 0; color: var(--navy-900); font-family: Poppins, Inter, sans-serif; font-size: 21px; font-weight: 600; line-height: normal; }
[b-guap7m385l] .ats-result-subtitle { margin-top: 4px; color: var(--text-2); font-size: 13px; line-height: normal; }
.ats-result-close[b-guap7m385l] {
    display: flex;
    width: 34px;
    height: 34px;
    padding: 0;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border: 1px solid var(--border-strong);
    border-radius: 9px;
    background: var(--blue-tint);
    color: var(--text-2);
    cursor: pointer;
    transition: background .15s ease;
}

.ats-result-close:hover[b-guap7m385l],
.ats-result-close:focus-visible[b-guap7m385l] { background: var(--blue-tint-2); }
.ats-result-close:focus-visible[b-guap7m385l] { outline: 3px solid rgba(46,124,224,.25); outline-offset: 2px; }
.ats-result-close svg[b-guap7m385l] { width: 15px; height: 15px; }
[b-guap7m385l] .ats-result-hero {
    position: relative;
    display: flex;
    margin: 0 30px 22px;
    padding: 18px 22px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border-radius: 14px;
    background: linear-gradient(120deg, #0b1b3d 0%, #1c3a70 55%, var(--blue-500) 130%);
    overflow: hidden;
}

[b-guap7m385l] .ats-result-hero::before { content: ''; position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,.14) 1px, transparent 1.5px); background-size: 16px 16px; opacity: .35; mask-image: linear-gradient(to bottom right, #000, transparent 70%); }
[b-guap7m385l] .ats-result-hero > * { position: relative; }
[b-guap7m385l] .ats-result-hero-name { margin: 0; color: #fff; font-family: Poppins, Inter, sans-serif; font-size: 17px; font-weight: 600; line-height: normal; }
[b-guap7m385l] .ats-result-hero-subtitle { margin-top: 4px; color: #c6d5f5; font-size: 12.5px; line-height: normal; }
.ats-result-hero-status[b-guap7m385l],
.ats-result-summary-status[b-guap7m385l] { display: inline-flex; align-items: center; gap: 5px; padding: 4px 10px; border-radius: 20px; font-size: 11.5px; font-weight: 700; white-space: nowrap; }
.ats-result-hero-status[b-guap7m385l]::before,
.ats-result-summary-status[b-guap7m385l]::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.ats-result-hero-status.completed[b-guap7m385l],
.ats-result-summary-status.completed[b-guap7m385l] { background: #e4f7ed; color: #1e9e64; }
.ats-result-hero-status.progress[b-guap7m385l],
.ats-result-summary-status.progress[b-guap7m385l] { background: #fcf1dd; color: #b5790f; }
.ats-result-hero-status.pending[b-guap7m385l],
.ats-result-summary-status.pending[b-guap7m385l] { border: 1px dashed var(--border-strong); background: #f8f9fc; color: #7d8aa8; }
.ats-result-hero-status.withdrawn[b-guap7m385l],
.ats-result-summary-status.withdrawn[b-guap7m385l] { background: #fdecec; color: #c0453e; }
.ats-result-hero-status.unknown[b-guap7m385l],
.ats-result-summary-status.unknown[b-guap7m385l] { background: #eef0f5; color: #6b7690; }
.ats-result-scroll-body[b-guap7m385l] { padding-bottom: 30px; }
.ats-result-body[b-guap7m385l] { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 20px; padding: 0 30px; }
[b-guap7m385l] .ats-result-summary-card,
[b-guap7m385l] .ats-result-docs-card { min-width: 0; height: 100%; padding: 20px; border: 1px solid var(--border); border-radius: 14px; background: #fcfdff; }
[b-guap7m385l] .ats-result-section-title { margin: 0 0 16px; color: var(--text-1); font-family: Poppins, Inter, sans-serif; font-size: 15px; font-weight: 600; line-height: normal; }
.ats-result-summary-item[b-guap7m385l] { margin-bottom: 16px; }
[b-guap7m385l] .ats-result-label { color: var(--text-3); font-size: 11px; font-weight: 700; letter-spacing: .3px; text-transform: uppercase; }
[b-guap7m385l] .ats-result-value { margin-top: 4px; color: var(--text-1); font-size: 14.5px; font-weight: 600; }
[b-guap7m385l] .ats-result-value.muted { color: var(--text-3); font-weight: 500; }
.ats-result-summary-status-row[b-guap7m385l] { display: block; margin-top: 5px; }
[b-guap7m385l] .ats-result-download { width: 100%; height: 44px; margin-top: 6px; border-radius: 11px; background: linear-gradient(120deg, #132a54, var(--blue-500)); color: #fff; font-size: 14px; font-weight: 700; box-shadow: 0 10px 20px -8px rgba(29,95,209,.5); }
.ats-result-doc-list[b-guap7m385l] { display: flex; flex-direction: column; margin-top: 0 !important; }
.ats-result-doc-row[b-guap7m385l] { display: flex; padding: 12px 4px; align-items: center; gap: 14px; border-bottom: 1px solid var(--border); }
.ats-result-doc-row:last-child[b-guap7m385l] { border-bottom: 0; }
.ats-result-doc-icon[b-guap7m385l] { display: flex; width: 32px; height: 32px; align-items: center; justify-content: center; flex: 0 0 auto; border-radius: 9px; }
.ats-result-doc-icon.uploaded[b-guap7m385l] { background: #e4f7ed; color: #1e9e64; }
.ats-result-doc-icon.missing[b-guap7m385l] { background: #eef0f5; color: var(--text-3); }
[b-guap7m385l] .ats-result-doc-icon .mud-icon-root { font-size: 15px; }
.ats-result-doc-details[b-guap7m385l] { min-width: 0; flex: 1; }
[b-guap7m385l] .ats-result-doc-title { color: var(--text-1); font-size: 13.5px; font-weight: 600; line-height: normal; }
.ats-result-doc-meta-wrap[b-guap7m385l] { position: relative; min-width: 0; margin-top: 2px; }
.ats-result-doc-meta-wrap.has-tooltip[b-guap7m385l] { cursor: default; }
.ats-result-doc-meta-wrap.has-tooltip:focus-visible[b-guap7m385l] { outline: 2px solid var(--blue-500); outline-offset: 2px; border-radius: 3px; }
[b-guap7m385l] .ats-result-doc-sub { overflow: hidden; color: var(--text-3); font-size: 12px; line-height: normal; text-overflow: ellipsis; white-space: nowrap; }
.ats-result-doc-meta-wrap.pending[b-guap7m385l]  .ats-result-doc-sub { font-style: italic; }
.ats-result-doc-meta-wrap.has-tooltip[b-guap7m385l]::after {
    position: absolute;
    bottom: calc(100% + 8px);
    left: 0;
    z-index: 20;
    width: max-content;
    max-width: 320px;
    padding: 7px 10px;
    border-radius: 7px;
    background: var(--navy-900);
    box-shadow: 0 8px 20px -6px rgba(11,27,61,.4);
    color: #fff;
    content: attr(data-tooltip);
    font-size: 11.5px;
    font-weight: 500;
    line-height: 1.5;
    opacity: 0;
    overflow-wrap: anywhere;
    pointer-events: none;
    transform: translateY(4px);
    transition: opacity .12s ease, transform .12s ease, visibility .12s ease;
    visibility: hidden;
    white-space: normal;
}
.ats-result-doc-meta-wrap.has-tooltip[b-guap7m385l]::before {
    position: absolute;
    bottom: calc(100% + 3px);
    left: 14px;
    z-index: 21;
    border: 5px solid transparent;
    border-top-color: var(--navy-900);
    content: '';
    opacity: 0;
    pointer-events: none;
    transform: translateY(4px);
    transition: opacity .12s ease, transform .12s ease, visibility .12s ease;
    visibility: hidden;
}
.ats-result-doc-meta-wrap.has-tooltip:hover[b-guap7m385l]::before,
.ats-result-doc-meta-wrap.has-tooltip:hover[b-guap7m385l]::after,
.ats-result-doc-meta-wrap.has-tooltip:focus-visible[b-guap7m385l]::before,
.ats-result-doc-meta-wrap.has-tooltip:focus-visible[b-guap7m385l]::after {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}

@media (max-width: 700px) {
    .ats-result-shell[b-guap7m385l] { width: 100%; }
    .ats-result-top-header[b-guap7m385l] { padding: 20px; }
    [b-guap7m385l] .ats-result-hero { margin: 0 20px 18px; padding: 16px 18px; flex-wrap: wrap; }
    /* minmax(0,1fr), not 1fr: the nowrap doc filenames otherwise force the
       column's min-content width past the dialog edge */
    .ats-result-body[b-guap7m385l] { grid-template-columns: minmax(0, 1fr); padding: 0 20px; }
}

@media (max-width: 400px) {
    .ats-result-top-header[b-guap7m385l] { padding: 16px; }
    [b-guap7m385l] .ats-result-hero { margin: 0 16px 14px; }
    .ats-result-body[b-guap7m385l] { gap: 14px; padding: 0 16px; }
    [b-guap7m385l] .ats-result-summary-card,
    [b-guap7m385l] .ats-result-docs-card { padding: 16px; }
    .ats-result-scroll-body[b-guap7m385l] { padding-bottom: 20px; }
    .ats-result-doc-meta-wrap.has-tooltip[b-guap7m385l]::after { max-width: min(320px, 78vw); }
}
/* /Component/ATS/Orders/EditSubjectNameComponent.razor.rz.scp.css */
/* Dialog chrome, section cards, field labels, and footer buttons come from
   UserManagementDialogShell. Only the order-identity block and the inline
   saving state live here. */

.esn-identity[b-vm3pt5gmie] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    border: 1.5px solid #e2e6f0;
    border-radius: 12px;
    background: #fafbfd;
}

.esn-avatar[b-vm3pt5gmie] {
    display: flex;
    width: 48px;
    height: 48px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(120deg, #132a54, #2e7ce0);
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .5px;
}

.esn-identity-text[b-vm3pt5gmie] {
    min-width: 0;
}

.esn-identity-text p[b-vm3pt5gmie] {
    margin: 0;
    overflow: hidden;
    color: #16233f;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.esn-identity-text span[b-vm3pt5gmie] {
    display: block;
    margin-top: 2px;
    overflow: hidden;
    color: #8a97b5;
    font-size: 12.5px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.esn-hint[b-vm3pt5gmie] {
    margin: 14px 0 0;
    color: #8a97b5;
    font-size: 11.5px;
    line-height: 1.5;
}

.um-button-save[b-vm3pt5gmie]  .esn-button-spinner {
    width: 16px;
    height: 16px;
    color: #fff;
}

@media (max-width: 480px) {
    .esn-identity[b-vm3pt5gmie] {
        padding: 12px;
        gap: 12px;
    }

    .esn-avatar[b-vm3pt5gmie] {
        width: 42px;
        height: 42px;
        font-size: 14px;
    }
}
/* /Component/ATS/Orders/NewOrderComponent.razor.rz.scp.css */
.ats-neworder-page[b-t8xyx71hs7] {
    --navy-900: #0b1b3d;
    --blue-600: #1d5fd1;
    --blue-500: #2e7ce0;
    --blue-tint: #edf3fc;
    --blue-tint-2: #e3ecfb;
    --border: #e4eaf6;
    --border-strong: #c2d2f0;
    --text-1: #16233f;
    --text-2: #5b6b8c;
    --text-3: #8a97b5;
    --green: #1e9e64;
    --green-tint: #e4f7ed;
    max-width: 1120px;
    margin: 0 auto;
    color: var(--text-1);
}

.ats-segmented[b-t8xyx71hs7] {
    display: inline-flex;
    gap: 4px;
    margin-bottom: 20px;
    padding: 5px;
    border-radius: 12px;
    background: #e3e9f5;
}

.ats-segment-btn[b-t8xyx71hs7] {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 10px 20px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: var(--text-2);
    font-size: 13.5px;
    font-weight: 700;
    transition: all .12s ease;
}

.ats-segment-btn.active[b-t8xyx71hs7] {
    background: #fff;
    color: var(--navy-900);
    box-shadow: 0 2px 8px rgba(11, 27, 61, .12);
}

[b-t8xyx71hs7] .ats-order-card {
    padding: 30px;
    border: 1px solid var(--border);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 12px 32px -12px rgba(11, 27, 61, .12);
}

[b-t8xyx71hs7] .ats-page-title {
    margin-bottom: 22px;
    color: var(--navy-900);
    font-family: Poppins, Inter, sans-serif;
    font-size: 22px;
    font-weight: 700;
}

.ats-form-section[b-t8xyx71hs7] { margin-bottom: 26px; }
.ats-speed-section[b-t8xyx71hs7] { margin-bottom: 18px; }

.ats-section-title[b-t8xyx71hs7] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}

.ats-section-title span[b-t8xyx71hs7] {
    display: flex;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 7px;
    background: var(--navy-900);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
}

.ats-section-title h2[b-t8xyx71hs7] {
    margin: 0;
    color: var(--text-1);
    font-family: Poppins, Inter, sans-serif;
    font-size: 15px;
    font-weight: 700;
}

.ats-personal-grid[b-t8xyx71hs7] {
    display: grid;
    grid-template-columns: 1.3fr 1.3fr .8fr;
    gap: 14px;
}

.ats-contact-grid[b-t8xyx71hs7] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.ats-field > label[b-t8xyx71hs7] {
    display: block;
    margin-bottom: 6px;
    color: var(--text-2);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .2px;
}

.ats-field > label b[b-t8xyx71hs7] { color: #d64545; }

[b-t8xyx71hs7] .ats-input.mud-input-control,
[b-t8xyx71hs7] .ats-input .mud-input-control-input-container {
    margin: 0 !important;
    border-radius: 10px;
}

[b-t8xyx71hs7] .ats-input .mud-input {
    height: 44px;
    min-height: 44px;
    align-items: center;
}

[b-t8xyx71hs7] .ats-input .mud-input-outlined-border {
    border-width: 1.5px;
    border-color: var(--border-strong);
    border-radius: 10px;
}

[b-t8xyx71hs7] .ats-input .mud-input-slot {
    height: 44px !important;
    min-height: 44px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-sizing: border-box;
    color: var(--text-1);
    font-size: 14px;
    line-height: 44px;
}

[b-t8xyx71hs7] .ats-input .mud-input-adornment-start,
[b-t8xyx71hs7] .ats-input .mud-input-adornment-end {
    align-self: center;
}

[b-t8xyx71hs7] .ats-input .mud-input-adornment-start { color: var(--text-3); }
[b-t8xyx71hs7] .ats-input input::placeholder { color: var(--text-3); opacity: 1; }

[b-t8xyx71hs7] .ats-select .mud-select-input {
    display: flex;
    height: 44px !important;
    min-height: 44px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    align-items: center;
    box-sizing: border-box;
}

[b-t8xyx71hs7] .ats-select .mud-select-input > .mud-input-slot {
    display: flex;
    height: auto !important;
    min-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    align-items: center;
    line-height: normal;
    box-sizing: border-box;
}

[b-t8xyx71hs7] .ats-select .mud-select-input > .mud-input-adornment {
    height: auto;
    max-height: none;
    margin-top: 0;
    align-items: center;
    align-self: center;
}

.ats-speed-row[b-t8xyx71hs7] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.ats-speed-card[b-t8xyx71hs7] {
    position: relative;
    padding: 16px 18px;
    border: 2px solid var(--border-strong);
    border-radius: 14px;
    background: #fff;
    cursor: pointer;
    transition: all .12s ease;
}

.ats-speed-card:hover[b-t8xyx71hs7] { border-color: #4f93ea; }

.ats-speed-card.selected[b-t8xyx71hs7] {
    border-color: var(--blue-500);
    background: var(--blue-tint);
    box-shadow: 0 4px 14px -6px rgba(29, 95, 209, .3);
}

.ats-speed-top[b-t8xyx71hs7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.ats-speed-heading[b-t8xyx71hs7] { display: flex; align-items: center; gap: 10px; }
.ats-speed-icon[b-t8xyx71hs7] {
    display: flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border-strong);
    border-radius: 10px;
    background: var(--blue-tint-2);
    color: var(--blue-600);
}

.ats-speed-name[b-t8xyx71hs7] { color: var(--text-1); font-size: 14.5px; font-weight: 700; }
.ats-speed-sub[b-t8xyx71hs7] { margin: 8px 0 0 44px; color: var(--text-2); font-size: 12.5px; }
.ats-speed-tag[b-t8xyx71hs7] { margin-right: 26px; padding: 3px 9px; border-radius: 20px; font-size: 10.5px; font-weight: 700; }
.ats-speed-tag-standard[b-t8xyx71hs7] { background: var(--blue-tint-2); color: var(--blue-600); }
.ats-speed-tag-fee[b-t8xyx71hs7] { border: 1px solid #f0dca8; background: #fcf1dd; color: #b5790f; }

.ats-radio-dot[b-t8xyx71hs7] {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 18px;
    height: 18px;
    border: 2px solid var(--border-strong);
    border-radius: 50%;
    background: #fff;
}

.ats-speed-card.selected .ats-radio-dot[b-t8xyx71hs7] { border-color: var(--blue-600); }
.ats-speed-card.selected .ats-radio-dot[b-t8xyx71hs7]::after {
    content: '';
    position: absolute;
    inset: 3px;
    border-radius: 50%;
    background: var(--blue-600);
}

[b-t8xyx71hs7] .ats-hidden-radio-group { display: none; }
.ats-actions-right[b-t8xyx71hs7] { display: flex; justify-content: flex-end; margin-top: 8px; }

.ats-file-section[b-t8xyx71hs7] { margin-bottom: 22px; }

.ats-upload-box[b-t8xyx71hs7] {
    padding: 38px 20px;
    border: 2px dashed var(--border-strong);
    border-radius: 14px;
    background: #fbfcff;
    text-align: center;
    cursor: pointer;
    transition: border-color .15s ease, background .15s ease;
}

.ats-upload-box:hover[b-t8xyx71hs7] {
    border-color: var(--blue-500);
    background: var(--blue-tint);
}

.ats-upload-icon[b-t8xyx71hs7] {
    display: flex;
    width: 48px;
    height: 48px;
    margin: 0 auto 12px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border-strong);
    border-radius: 50%;
    background: var(--blue-tint-2);
    color: var(--blue-600);
}

.ats-upload-title[b-t8xyx71hs7] { margin: 0; color: var(--text-1); font-size: 14.5px; font-weight: 700; }
.ats-upload-sub[b-t8xyx71hs7] { margin-top: 5px; color: var(--text-3); font-size: 12.5px; }
.ats-template-link[b-t8xyx71hs7] { margin: 14px 0 6px; color: var(--text-2); font-size: 12.5px; text-align: center; }
[b-t8xyx71hs7] .ats-template-link a { color: var(--blue-600); font-weight: 700; }

.ats-selected-file[b-t8xyx71hs7] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 14px;
    padding: 12px 14px;
    border: 1.5px solid var(--border-strong);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 4px 14px -8px rgba(11, 27, 61, .12);
}

.ats-selected-file-icon[b-t8xyx71hs7] {
    display: flex;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid #c9eeda;
    border-radius: 10px;
    background: var(--green-tint);
    color: var(--green);
}

.ats-selected-file-icon svg[b-t8xyx71hs7] {
    width: 18px;
    height: 18px;
}

.ats-selected-file-info[b-t8xyx71hs7] {
    flex: 1;
    min-width: 0;
}

.ats-selected-file-name[b-t8xyx71hs7] {
    overflow: hidden;
    color: var(--text-1);
    font-size: 13.5px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ats-selected-file-meta[b-t8xyx71hs7] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 2px;
    color: var(--text-3);
    font-size: 11.5px;
}

.ats-selected-file-ready[b-t8xyx71hs7] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--green);
    font-weight: 600;
}

.ats-selected-file-ready svg[b-t8xyx71hs7] {
    width: 11px;
    height: 11px;
}

.ats-selected-file-separator[b-t8xyx71hs7] {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: var(--border-strong);
}

.ats-selected-file-remove[b-t8xyx71hs7] {
    display: flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: var(--text-3);
    cursor: pointer;
    transition: background .15s ease, color .15s ease, border-color .15s ease;
}

.ats-selected-file-remove:hover[b-t8xyx71hs7] {
    border-color: #f1c7c7;
    background: #fbe9e9;
    color: #d64545;
}

.ats-selected-file-remove:focus-visible[b-t8xyx71hs7] {
    outline: 2px solid var(--blue-600);
    outline-offset: 2px;
}

.ats-selected-file-remove svg[b-t8xyx71hs7] {
    width: 15px;
    height: 15px;
}

[b-t8xyx71hs7] .ats-cancel-button {
    height: 46px;
    padding: 0 24px;
    border: 1.5px solid var(--border-strong);
    border-radius: 11px;
    background: #fff;
    color: var(--text-2);
    font-size: 14.5px;
    font-weight: 700;
}

[b-t8xyx71hs7] .ats-cancel-button:hover { background: #f4f7fc; }
[b-t8xyx71hs7] .ats-upload-button { min-width: 194px; }

[b-t8xyx71hs7] .ats-send-button {
    height: 46px;
    padding: 0 26px;
    border-radius: 11px;
    background: linear-gradient(120deg, #132a54, var(--blue-500));
    color: #fff;
    font-size: 14.5px;
    font-weight: 700;
    box-shadow: 0 10px 22px -6px rgba(29, 95, 209, .5);
}

[b-t8xyx71hs7] .ats-send-button:hover { box-shadow: 0 12px 26px -6px rgba(29, 95, 209, .65); }

@media (max-width: 768px) {
    [b-t8xyx71hs7] .ats-order-card { padding: 22px 18px; }
    .ats-personal-grid[b-t8xyx71hs7], .ats-contact-grid[b-t8xyx71hs7], .ats-speed-row[b-t8xyx71hs7] { grid-template-columns: 1fr; }
    .ats-segmented[b-t8xyx71hs7] { display: flex; }
    .ats-segment-btn[b-t8xyx71hs7] { flex: 1; justify-content: center; padding-inline: 12px; }
    .ats-actions-right[b-t8xyx71hs7] { justify-content: stretch; }
    [b-t8xyx71hs7] .ats-cancel-button, [b-t8xyx71hs7] .ats-upload-button { flex: 1; min-width: 0; }
}
/* /Component/ATS/Orders/OrderStatusHistoryDialog.razor.rz.scp.css */
.ats-history-header[b-hc8du4xj5r],
.ats-history-header *[b-hc8du4xj5r],
.ats-history-timeline[b-hc8du4xj5r],
.ats-history-timeline *[b-hc8du4xj5r] {
    box-sizing: border-box;
}

.ats-order-history-dialog[b-hc8du4xj5r] {
    border-radius: 20px !important;
    background: #fff;
    overflow: hidden !important;
}

.ats-history-header[b-hc8du4xj5r] {
    position: relative;
    display: flex;
    min-height: 102px;
    padding: 26px 32px 24px;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    overflow: hidden;
    background: linear-gradient(120deg, #0b1b3d 0%, #1c3a70 55%, #1d5fd1 130%);
}

.ats-history-header[b-hc8du4xj5r]::before {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, .14) 1px, transparent 1.5px);
    background-size: 16px 16px;
    content: "";
    opacity: .35;
    mask-image: linear-gradient(to bottom right, #000, transparent 70%);
    pointer-events: none;
}

.ats-history-header-content[b-hc8du4xj5r] {
    position: relative;
    z-index: 1;
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 14px;
}

.ats-history-header-icon[b-hc8du4xj5r] {
    display: flex;
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 13px;
    background: rgba(255, 255, 255, .14);
    color: #fff;
}

.ats-history-header-icon[b-hc8du4xj5r]  .mud-icon-root {
    width: 23px;
    height: 23px;
    font-size: 23px;
}

.ats-history-header-text[b-hc8du4xj5r] {
    min-width: 0;
}

.ats-history-header h2[b-hc8du4xj5r] {
    margin: 0;
    color: #fff;
    font-family: Poppins, Inter, sans-serif;
    font-size: 21px;
    font-weight: 600;
    letter-spacing: .1px;
}

.ats-history-header p[b-hc8du4xj5r] {
    margin: 4px 0 0;
    color: #c6d5f5;
    font-size: 13.5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ats-history-close[b-hc8du4xj5r] {
    position: relative;
    z-index: 1;
    display: flex;
    width: 34px;
    height: 34px;
    padding: 0;
    flex: 0 0 34px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 9px;
    background: rgba(255, 255, 255, .1);
    color: #fff;
    cursor: pointer;
    transition: background-color .15s ease;
}

.ats-history-close:hover[b-hc8du4xj5r],
.ats-history-close:focus-visible[b-hc8du4xj5r] {
    background: rgba(255, 255, 255, .22);
}

.ats-history-timeline[b-hc8du4xj5r] {
    max-height: min(62vh, 620px);
    padding: 28px 32px;
    overflow: auto;
}

.ats-history-item[b-hc8du4xj5r] {
    position: relative;
    display: grid;
    grid-template-columns: 38px 1fr;
    gap: 13px;
    padding-bottom: 25px;
}

.ats-history-item:not(:last-child)[b-hc8du4xj5r]::before {
    position: absolute;
    top: 34px;
    bottom: 0;
    left: 18px;
    width: 2px;
    background: #e4eaf6;
    content: "";
}

.ats-history-marker[b-hc8du4xj5r] {
    z-index: 1;
    display: flex;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    border: 2px solid #c2d2f0;
    border-radius: 50%;
    background: #fff;
    color: #7d8aa8;
}

.ats-history-title[b-hc8du4xj5r] {
    color: #16233f;
    font-size: 14px;
    font-weight: 700;
}

.ats-history-description[b-hc8du4xj5r] {
    margin-top: 3px;
    color: #5b6b8c;
    font-size: 12.5px;
    line-height: 1.5;
}

.ats-history-meta[b-hc8du4xj5r] {
    margin-top: 7px;
    color: #8a97b5;
    font-size: 11px;
}

.active .ats-history-marker[b-hc8du4xj5r] {
    border-color: #2e7ce0;
    background: #edf3fc;
    color: #1d5fd1;
}

.success .ats-history-marker[b-hc8du4xj5r] {
    border-color: #43b77b;
    background: #e4f7ed;
    color: #1e9e64;
}

.warning .ats-history-marker[b-hc8du4xj5r] {
    border-color: #e2ad4d;
    background: #fcf1dd;
    color: #b5790f;
}

.danger .ats-history-marker[b-hc8du4xj5r] {
    border-color: #df7771;
    background: #fdecec;
    color: #c0453e;
}

.ats-history-state[b-hc8du4xj5r],
.ats-history-empty-state[b-hc8du4xj5r] {
    display: flex;
    min-height: 300px;
    padding: 42px 32px;
    align-items: center;
    justify-content: center;
    color: #5b6b8c;
}

.ats-history-state[b-hc8du4xj5r] {
    gap: 10px;
}

.ats-history-empty-state[b-hc8du4xj5r] {
    flex-direction: column;
    text-align: center;
}

.ats-history-empty-icon[b-hc8du4xj5r] {
    position: relative;
    display: flex;
    width: 78px;
    height: 78px;
    margin-bottom: 20px;
    align-items: center;
    justify-content: center;
    border: 1px solid #d9e3f5;
    border-radius: 24px;
    background: linear-gradient(145deg, #f5f8fe, #e7eefb);
    box-shadow: 0 14px 32px -20px rgba(29, 95, 209, .65);
    color: #1d5fd1;
}

.ats-history-empty-icon[b-hc8du4xj5r]::after {
    position: absolute;
    inset: -9px;
    border: 1px dashed #c2d2f0;
    border-radius: 30px;
    content: "";
}

.ats-history-empty-icon[b-hc8du4xj5r]  .mud-icon-root {
    width: 34px;
    height: 34px;
    font-size: 34px;
}

.ats-history-empty-state h3[b-hc8du4xj5r] {
    margin: 0;
    color: #16233f;
    font-family: Poppins, Inter, sans-serif;
    font-size: 17px;
    font-weight: 600;
}

.ats-history-empty-state p[b-hc8du4xj5r] {
    max-width: 330px;
    margin: 8px 0 0;
    color: #7d8aa8;
    font-size: 12.5px;
    line-height: 1.55;
}

@media (max-width: 540px) {
    .ats-history-header[b-hc8du4xj5r] {
        padding: 22px 20px;
    }

    .ats-history-timeline[b-hc8du4xj5r] {
        padding: 24px 20px;
    }
}
/* /Component/ATS/Orders/SearchReportComponent.razor.rz.scp.css */
.search-report-warning[b-zgz1ss7in7],
.search-report-legend[b-zgz1ss7in7],
[b-zgz1ss7in7] .search-report-results {
    --navy-900: #0b1b3d;
    --blue-600: #1d5fd1;
    --blue-500: #2e7ce0;
    --blue-tint: #edf3fc;
    --blue-tint-2: #e3ecfb;
    --border: #e4eaf6;
    --border-strong: #c2d2f0;
    --text-1: #16233f;
    --text-2: #5b6b8c;
    --text-3: #8a97b5;
}

.search-report-warning[b-zgz1ss7in7] {
    display: flex;
    width: 100%;
    max-width: none;
    margin: 0 0 18px;
    padding: 14px 18px;
    align-items: flex-start;
    gap: 12px;
    border: 1.5px solid #f0dca8;
    border-left: 4px solid #b5790f;
    border-radius: 12px;
    background: #fcf1dd;
    color: #b5790f;
}

.search-report-warning-title[b-zgz1ss7in7] { margin: 0; color: #7a5209; font-size: 13.5px; font-weight: 700; }
.search-report-warning-text[b-zgz1ss7in7] { margin: 4px 0 0; color: #8a6212; font-size: 12.5px; line-height: 1.5; }
/* Compact horizontal workflow legend between the warning and the results card. */
.search-report-legend[b-zgz1ss7in7] {
    width: 100%;
    margin: 0 0 18px;
    padding: 14px 18px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: #fcfdff;
    font-family: Inter, sans-serif;
}

/* The whole header row toggles the legend; it stays visually identical to the old title line. */
.search-report-legend-header[b-zgz1ss7in7] {
    display: flex;
    width: 100%;
    margin: 0 0 10px;
    padding: 0;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border: 0;
    background: none;
    font-family: inherit;
    text-align: left;
    cursor: pointer;
}

/* Collapsed: nothing below the header, so drop the spacing it reserved. */
.search-report-legend.is-collapsed .search-report-legend-header[b-zgz1ss7in7] { margin: 0; }

.search-report-legend-title[b-zgz1ss7in7] {
    margin: 0;
    color: var(--text-2);
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: .3px;
    line-height: 1.2;
    text-transform: uppercase;
}

.search-report-legend-chevron[b-zgz1ss7in7] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    color: var(--text-3);
}

.search-report-legend-chevron[b-zgz1ss7in7]  .mud-icon-root {
    width: 18px;
    height: 18px;
    font-size: 18px;
}

.search-report-legend-track[b-zgz1ss7in7] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 10px 14px;
    max-height: 500px;
    opacity: 1;
    overflow: hidden;
    transform: translateY(0);
    transition: max-height .7s ease, opacity .45s ease, transform .7s ease;
}

    .search-report-legend-track.is-collapsed[b-zgz1ss7in7] {
        max-height: 0;
        opacity: 0;
        transform: translateY(-12px);
        pointer-events: none;
    }

    .search-report-legend-track.is-expanded[b-zgz1ss7in7] {
        max-height: 500px;
        opacity: 1;
        transform: translateY(0);
    }

.search-report-legend-item[b-zgz1ss7in7] {
    display: flex;
    flex: 1 1 220px;
    min-width: 0;
    align-items: flex-start;
    gap: 10px;
}

.search-report-legend-icon[b-zgz1ss7in7] {
    display: inline-flex;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
}

.search-report-legend-icon[b-zgz1ss7in7]  .mud-icon-root {
    width: 15px;
    height: 15px;
    font-size: 15px;
}

.search-report-legend-copy[b-zgz1ss7in7] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
}

.search-report-legend-label[b-zgz1ss7in7] {
    color: var(--text-1);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
}

.search-report-legend-text[b-zgz1ss7in7] {
    color: var(--text-2);
    font-size: 11.5px;
    font-weight: 400;
    line-height: 1.45;
}

.search-report-legend-loop[b-zgz1ss7in7] {
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    margin-top: 5px;
    padding: 3px 8px 3px 6px;
    align-items: center;
    gap: 4px;
    border: 1px dashed #e6d3a8;
    border-radius: 20px;
    background: #fdf7ec;
    color: #8a6212;
    font-size: 10.5px;
    font-weight: 600;
    line-height: 1.3;
}

.search-report-legend-loop[b-zgz1ss7in7]  .mud-icon-root {
    width: 12px;
    height: 12px;
    flex: 0 0 12px;
    font-size: 12px;
    transform: scaleX(-1);
}

/* Match the table's existing status colours so the legend reads as the same system. */
.search-report-legend-item.is-pending .search-report-legend-icon[b-zgz1ss7in7] { background: #f8f9fc; color: var(--text-3); }
.search-report-legend-item.is-progress .search-report-legend-icon[b-zgz1ss7in7] { background: #fcf1dd; color: #b5790f; }
.search-report-legend-item.is-completed .search-report-legend-icon[b-zgz1ss7in7] { background: #e4f7ed; color: #1e9e64; }

/* Anchor the connectors to the icon row so they stay level regardless of item height. */
.search-report-legend-arrow[b-zgz1ss7in7] {
    display: inline-flex;
    margin-top: 6px;
    flex: 0 0 auto;
    align-items: center;
    align-self: flex-start;
    color: var(--border-strong);
}

.search-report-legend-arrow[b-zgz1ss7in7]  .mud-icon-root {
    width: 16px;
    height: 16px;
    font-size: 16px;
}

.search-report-results-scope[b-zgz1ss7in7] { width: 100%; }
[b-zgz1ss7in7] .search-report-results { width: 100%; max-width: none; margin: 0; }

[b-zgz1ss7in7] .search-report-download-button {
    min-height: 46px;
    padding: 0 26px;
    border: 0 !important;
    border-radius: 11px !important;
    background: linear-gradient(120deg, #132a54, #2e7ce0) !important;
    box-shadow: 0 10px 22px -6px rgba(29, 95, 209, .5) !important;
    color: #fff !important;
    font-family: Inter, sans-serif;
    font-size: 14.5px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    transition: box-shadow .15s ease, transform .1s ease;
}

[b-zgz1ss7in7] .search-report-download-button:hover {
    box-shadow: 0 12px 26px -6px rgba(29, 95, 209, .65) !important;
}

[b-zgz1ss7in7] .search-report-download-button:active {
    transform: scale(.97);
}

[b-zgz1ss7in7] .search-report-results .mud-table {
    padding: 26px 28px 8px !important;
    border: 1px solid var(--border);
    border-radius: 16px !important;
    background: #fff;
    box-shadow: 0 12px 32px -12px rgba(11, 27, 61, .12);
    overflow: hidden;
}

[b-zgz1ss7in7] .search-report-results .mud-table-root { min-width: 1100px; }

/* Let the shared Package Management card own the outer padding and chrome. */
[b-zgz1ss7in7] .ats-management-card.search-report-results .mud-table {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

[b-zgz1ss7in7] .search-report-results .mud-input-control { margin: 0; }
[b-zgz1ss7in7] .search-report-results .mud-input-label { color: var(--text-2); font-size: 11.5px; font-weight: 700; letter-spacing: .3px; text-transform: uppercase; }
[b-zgz1ss7in7] .search-report-results .mud-input-outlined-border { border-width: 1.5px; border-color: var(--border-strong); border-radius: 10px; }
[b-zgz1ss7in7] .search-report-results .mud-input-slot { color: var(--text-1); font-size: 13.5px; }
[b-zgz1ss7in7] .search-report-results .mud-input-adornment { color: var(--blue-600); }
[b-zgz1ss7in7] .search-report-results input::placeholder { color: var(--text-3); opacity: 1; }

/* Keep the date filter anchored to the left, independently of the shared table toolbar. */
[b-zgz1ss7in7] .search-report-results .mud-table-toolbar {
    height: auto !important;
    min-height: 0 !important;
}

[b-zgz1ss7in7] .search-report-results .table-component-toolbar {
    display: grid !important;
    grid-template-columns: minmax(0, 400px) minmax(0, 1fr) 2.375rem minmax(0, 400px) !important;
    align-items: end;
    gap: 16px 12px;
}

[b-zgz1ss7in7] .search-report-results .table-component-toolbar > .mud-typography {
    grid-column: 1 / -1;
    grid-row: 1;
}

[b-zgz1ss7in7] .search-report-results .table-component-toolbar-row {
    display: contents !important;
}

[b-zgz1ss7in7] .search-report-results .table-component-toolbar-left {
    grid-column: 1;
    grid-row: 2;
    width: 400px !important;
    max-width: 100%;
    min-width: 0;
    margin-left: 0 !important;
    justify-self: start;
}

[b-zgz1ss7in7] .search-report-results .table-component-search {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    grid-column: 4;
    grid-row: 2;
    width: 400px !important;
    max-width: 100%;
    min-width: 0;
    margin-left: 0 !important;
    justify-self: end;
    align-self: end;
}

[b-zgz1ss7in7] .search-report-results .table-component-reload-button {
    grid-column: 3;
    grid-row: 2;
    align-self: end;
    margin-bottom: 9px;
}

[b-zgz1ss7in7] .search-report-results .table-component-search .mud-input-control,
[b-zgz1ss7in7] .search-report-results .table-component-search .table-component-search-input {
    width: 100%;
    height: 56px !important;
    min-height: 56px !important;
    margin: 0 !important;
}

[b-zgz1ss7in7] .search-report-results .table-component-search .mud-input-control-input-container {
    height: 56px !important;
    min-height: 56px !important;
}

[b-zgz1ss7in7] .search-report-results .table-component-search .mud-input {
    box-sizing: border-box;
    height: 56px !important;
    min-height: 56px !important;
}

[b-zgz1ss7in7] .search-report-results .table-component-search .mud-input-slot,
[b-zgz1ss7in7] .search-report-results .table-component-search input.mud-input-root {
    height: 56px !important;
    min-height: 56px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Keep the supplied date-range treatment local to the Search Report picker. */
.search-report-date-field[b-zgz1ss7in7] {
    width: 400px;
    max-width: 100%;
    font-family: Inter, sans-serif;
}

.search-report-date-field > label[b-zgz1ss7in7] {
    display: block;
    margin-bottom: 6px;
    color: var(--text-2);
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: .3px;
    line-height: 1.2;
    text-transform: uppercase;
}

.search-report-date-field[b-zgz1ss7in7]  .mud-input-control {
    width: 100%;
    margin: 0;
}



[b-zgz1ss7in7] .search-report-results .mud-table-head .mud-table-cell {
    padding: 10px 14px 12px;
    border-bottom: 1.5px solid var(--border-strong);
    color: var(--text-1);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .4px;
    text-transform: uppercase;
    white-space: nowrap;
}

[b-zgz1ss7in7] .search-report-results .mud-table-sort-label { color: inherit; font-size: inherit; font-weight: inherit; }
[b-zgz1ss7in7] .search-report-results .mud-table-body .mud-table-cell {
    padding: 14px;
    border-bottom: 1px solid var(--border);
    color: var(--text-1);
    font-size: 13.5px;
    vertical-align: middle;
    background-color: transparent;
    transition: background-color .32s ease;
}

[b-zgz1ss7in7] .search-report-results .mud-table-row:hover .mud-table-cell { background: #fafbff; }
[b-zgz1ss7in7] .search-report-results .ats-selected-row .mud-table-cell { background: var(--blue-tint) !important; }
[b-zgz1ss7in7] .search-report-results .ats-selected-row .mud-table-cell:first-child { box-shadow: inset 3px 0 0 var(--blue-500); }

.report-checkbox[b-zgz1ss7in7] {
    display: flex;
    width: 19px;
    height: 19px;
    padding: 0;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--border-strong);
    border-radius: 5px;
    background: #fff;
    color: #fff;
    cursor: pointer;
    transition: background-color .2s ease, border-color .2s ease;
}

.report-checkbox:hover[b-zgz1ss7in7] { border-color: var(--blue-500); }
.report-checkbox.checked[b-zgz1ss7in7] { border-color: var(--blue-600); background: var(--blue-600); }
.report-checkbox svg[b-zgz1ss7in7] { width: 12px; height: 12px; opacity: 0; transform: scale(.5); transition: opacity .15s ease, transform .15s ease; }
.report-checkbox.checked svg[b-zgz1ss7in7] { opacity: 1; transform: scale(1); }
.report-subject[b-zgz1ss7in7] { display: flex; align-items: center; gap: 12px; white-space: nowrap; }
.report-avatar[b-zgz1ss7in7] {
    display: flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--blue-500), #132a54);
    color: #fff;
    font-family: Poppins, Inter, sans-serif;
    font-size: 11.5px;
    font-weight: 600;
}

.report-name[b-zgz1ss7in7] { color: var(--text-1); font-weight: 600; }
.report-status[b-zgz1ss7in7] { display: inline-flex; align-items: center; gap: 5px; padding: 4px 10px; border-radius: 20px; font-size: 11.5px; font-weight: 700; white-space: nowrap; }
.report-status[b-zgz1ss7in7]::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.report-status-button[b-zgz1ss7in7]{padding:0;border:0;background:none;cursor:pointer}.report-status-button:hover .report-status[b-zgz1ss7in7]{box-shadow:0 0 0 3px var(--blue-tint-2)}
.report-status.completed[b-zgz1ss7in7] { background: #e4f7ed; color: #1e9e64; }
.report-status.progress[b-zgz1ss7in7] { background: #fcf1dd; color: #b5790f; }
.report-status.pending[b-zgz1ss7in7] { background: #f8f9fc; color: #7d8aa8; border: 1px dashed var(--border-strong); }
.report-status.withdrawn[b-zgz1ss7in7] { background: #fdecec; color: #c0453e; }
.report-status.withdrawn2[b-zgz1ss7in7] { display: flex; width: fit-content; margin-top: 4px; background: #fdecec; color: #c0453e; white-space: normal; overflow-wrap: break-word}
.report-status.withdrawn2[b-zgz1ss7in7]::before{ display: none; }
.report-status.unknown[b-zgz1ss7in7] { background: #eef0f5; color: #6b7690; }
[b-zgz1ss7in7] .report-date { color: var(--text-2) !important; white-space: nowrap; }
.report-package[b-zgz1ss7in7] { display: inline-flex; padding: 4px 10px; border: 1px solid var(--border-strong); border-radius: 20px; background: var(--blue-tint-2); color: var(--blue-600); font-size: 11.5px; font-weight: 600; white-space: nowrap; }
.report-hit[b-zgz1ss7in7] { display: inline-flex; padding: 4px 10px; border-radius: 20px; font-size: 11.5px; font-weight: 700; white-space: nowrap; }
.report-hit.clear[b-zgz1ss7in7] { background: #e4f7ed; color: #1e9e64; }
.report-hit.not-clear[b-zgz1ss7in7] { background: #eef0f5; color: #6b7690; }
.report-hit.pending[b-zgz1ss7in7] { border: 1px dashed var(--border-strong); background: #f8f9fc; color: var(--text-3); font-style: italic; }
.report-hit.unknown[b-zgz1ss7in7] { background: #eef0f5; color: #6b7690; }
.report-icon-action[b-zgz1ss7in7] {
    display: flex;
    width: 30px;
    height: 30px;
    padding: 0;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border-strong);
    border-radius: 8px;
    background: var(--blue-tint);
    color: var(--blue-600);
    cursor: pointer;
}
.report-status.withdrawn span[b-zgz1ss7in7] {
    min-width: 0;
    overflow-wrap: break-word;
}

.report-icon-action:hover[b-zgz1ss7in7] { background: var(--blue-tint-2); }
.report-icon-action svg[b-zgz1ss7in7] { width: 14px; height: 14px; }

/* Once the three items can no longer share a row, drop the connectors instead of leaving them orphaned. */
@media (max-width: 860px) {
    .search-report-legend-arrow[b-zgz1ss7in7] { display: none; }
    .search-report-legend-item[b-zgz1ss7in7] { flex: 1 1 100%; }
}

@media (max-width: 900px) {
    [b-zgz1ss7in7] .search-report-results .table-component-toolbar {
        grid-template-columns: 2.375rem minmax(0, 1fr) !important;
        align-items: stretch;
    }

    [b-zgz1ss7in7] .search-report-results .table-component-toolbar > .mud-typography,
    [b-zgz1ss7in7] .search-report-results .table-component-toolbar-left {
        grid-column: 1 / -1;
    }

    [b-zgz1ss7in7] .search-report-results .table-component-toolbar > .mud-typography { grid-row: 1; }
    [b-zgz1ss7in7] .search-report-results .table-component-toolbar-left { grid-row: 2; }
    [b-zgz1ss7in7] .search-report-results .table-component-reload-button {
        grid-column: 1;
        grid-row: 3;
        align-self: center;
        margin-bottom: 0;
    }
    [b-zgz1ss7in7] .search-report-results .table-component-search {
        grid-row: 3;
        grid-column: 2;
        width: 100% !important;
        justify-self: stretch;
    }
}
/* /Component/ATS/Orders/SelectFilesToDownloadComponent.razor.rz.scp.css */
.ats-download-header[b-2i2ipswvjg],
.ats-download-list[b-2i2ipswvjg],
.ats-download-actions[b-2i2ipswvjg] {
    --blue-600: #1d5fd1;
    --blue-tint: #edf3fc;
    --blue-tint-2: #e3ecfb;
    --border: #d9e3f5;
    --border-strong: #c2d2f0;
    --text-1: #16233f;
    --text-2: #5b6b8c;
    --text-3: #8a97b5;
}

.ats-download-header[b-2i2ipswvjg] {
    position: relative;
    width: 480px;
    max-width: 100%;
    padding: 24px 28px 20px;
    border: 0;
    background: linear-gradient(120deg, #0b1b3d 0%, #1c3a70 55%, #1d5fd1 130%);
    overflow: hidden;
}

.ats-download-header[b-2i2ipswvjg]::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, .14) 1px, transparent 1.5px);
    background-size: 16px 16px;
    opacity: .35;
    mask-image: linear-gradient(to bottom right, #000, transparent 70%);
}

.ats-download-header-row[b-2i2ipswvjg] { position: relative; display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.ats-download-header-left[b-2i2ipswvjg] { display: flex; align-items: center; gap: 13px; }
.ats-download-header-icon[b-2i2ipswvjg] {
    display: flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 12px;
    background: rgba(255, 255, 255, .14);
    color: #fff;
}

.ats-download-header-icon svg[b-2i2ipswvjg] { width: 20px; height: 20px; }
[b-2i2ipswvjg] .ats-download-title { margin: 0; color: #fff; font-family: Poppins, Inter, sans-serif; font-size: 19px; font-weight: 600; letter-spacing: .2px; }
[b-2i2ipswvjg] .ats-download-subtitle { margin-top: 4px; color: #c6d5f5; font-size: 12.5px; font-weight: 400; }
.ats-download-close[b-2i2ipswvjg] {
    display: flex;
    width: 32px;
    height: 32px;
    padding: 0;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 9px;
    background: rgba(255, 255, 255, .1);
    color: #fff;
    cursor: pointer;
}

.ats-download-close:hover[b-2i2ipswvjg] { background: rgba(255, 255, 255, .22); }
.ats-download-close svg[b-2i2ipswvjg] { width: 14px; height: 14px; }
.ats-download-list[b-2i2ipswvjg] { max-height: 420px; padding: 10px 12px; overflow-y: auto; }
.ats-download-item[b-2i2ipswvjg] { gap: 13px; padding: 12px; border-bottom: 1px solid var(--border); border-radius: 10px; transition: background-color .15s ease; }
.ats-download-item:hover[b-2i2ipswvjg] { background: #fafbff; }
.ats-download-item-last[b-2i2ipswvjg] { border-bottom: 0; }
[b-2i2ipswvjg] .ats-download-checkbox { width: 19px; height: 19px; flex: 0 0 auto; }
[b-2i2ipswvjg] .ats-download-checkbox .mud-button-root { width: 19px; height: 19px; padding: 0 !important; color: var(--blue-600); }
[b-2i2ipswvjg] .ats-download-checkbox .mud-icon-root { font-size: 22px; }
.ats-download-doc-icon[b-2i2ipswvjg] { width: 36px; height: 36px; border: 1px solid var(--border-strong); border-radius: 10px; }
.ats-download-doc-icon.available[b-2i2ipswvjg] { background: var(--blue-tint-2); color: var(--blue-600); }
.ats-download-doc-icon.missing[b-2i2ipswvjg] { border-color: var(--border); background: #eef0f5; color: var(--text-3); }
[b-2i2ipswvjg] .ats-download-doc-icon .mud-icon-root { font-size: 17px; }
[b-2i2ipswvjg] .ats-download-doc-name { color: var(--text-1); font-size: 13.5px; font-weight: 600; }
.ats-download-item:has(.ats-download-doc-icon.missing)[b-2i2ipswvjg]  .ats-download-doc-name { color: var(--text-3); }
[b-2i2ipswvjg] .ats-download-pill { padding: 4px 10px; border-radius: 20px; font-size: 11px; font-weight: 700; }
[b-2i2ipswvjg] .ats-download-pill.available { display: flex; align-items: center; gap: 5px; background: #e4f7ed; color: #1e9e64; }
[b-2i2ipswvjg] .ats-download-pill.available::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #1e9e64; }
[b-2i2ipswvjg] .ats-download-pill.missing { background: #eef0f5; color: var(--text-3); }
.ats-download-actions[b-2i2ipswvjg] { gap: 10px; padding: 18px 24px 24px; border-top: 1px solid var(--border); }
[b-2i2ipswvjg] .ats-download-cancel,
[b-2i2ipswvjg] .ats-download-submit { min-width: 0; height: 42px; padding: 0 20px !important; border-radius: 10px !important; font-size: 14px !important; font-weight: 700 !important; }
[b-2i2ipswvjg] .ats-download-cancel { border: 1.5px solid var(--border-strong) !important; background: #fff; color: var(--text-2) !important; }
[b-2i2ipswvjg] .ats-download-cancel:hover { background: #f4f7fc; }
[b-2i2ipswvjg] .ats-download-submit.theme-button-inactive { background: #eef0f5 !important; color: var(--text-3) !important; }
[b-2i2ipswvjg] .ats-download-submit.theme-button-active { background: linear-gradient(120deg, #132a54, var(--blue-600)) !important; color: #fff !important; box-shadow: 0 8px 20px -6px rgba(29, 95, 209, .55); }

@media (max-width: 520px) {
    .ats-download-header[b-2i2ipswvjg] { width: 100%; padding: 20px; }
    .ats-download-actions[b-2i2ipswvjg] { padding: 16px 20px 20px; }
    [b-2i2ipswvjg] .ats-download-title { font-size: 17px; }
}
/* /Component/ATS/Orders/UploadReportComponent.razor.rz.scp.css */
.ats-upload-report-shell[b-m1n0uml27g] {
    --navy-900: #0b1b3d;
    --blue-600: #1d5fd1;
    --blue-500: #2e7ce0;
    --blue-tint: #edf3fc;
    --blue-tint-2: #e3ecfb;
    --border: #d9e3f5;
    --border-strong: #c2d2f0;
    --text-1: #16233f;
    --text-2: #5b6b8c;
    --text-3: #8a97b5;
    width: 100%;
    max-width: none;
    margin: 0;
    overflow: hidden;
    background: #fff;
}

[b-m1n0uml27g] .ats-upload-report-dialog > .mud-dialog-content {
    width: 100%;
    margin: 0;
    padding: 0 !important;
    overflow: hidden;
}

[b-m1n0uml27g] .ats-upload-report-dialog .mud-form {
    width: 100%;
    margin: 0;
}

.ats-upload-report-shell-header[b-m1n0uml27g] {
    position: relative;
    overflow: hidden;
    padding: 28px 32px 24px;
    border: 0;
    border-radius: 0;
    background: linear-gradient(120deg, var(--navy-900) 0%, #1c3a70 55%, var(--blue-600) 130%);
    box-shadow: none;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.ats-upload-report-shell-header[b-m1n0uml27g]::before {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, 0.14) 1px, transparent 1.5px);
    background-size: 16px 16px;
    content: "";
    opacity: 0.35;
    -webkit-mask-image: linear-gradient(to bottom right, #000, transparent 70%);
    mask-image: linear-gradient(to bottom right, #000, transparent 70%);
    pointer-events: none;
}

.ats-upload-report-shell-header > *[b-m1n0uml27g] {
    position: relative;
    z-index: 1;
}

.ats-upload-report-header-left[b-m1n0uml27g] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.ats-upload-report-header-icon[b-m1n0uml27g] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
}

.ats-upload-report-header-icon svg[b-m1n0uml27g] {
    width: 21px;
    height: 21px;
}

[b-m1n0uml27g] .ats-upload-report-shell-title {
    margin: 0;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.2px;
}

[b-m1n0uml27g] .ats-upload-report-shell-subtitle {
    margin: 4px 0 0;
    color: #c6d5f5;
    font-size: 13px;
    font-weight: 400;
}

.ats-upload-report-shell-close[b-m1n0uml27g] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    cursor: pointer;
    transition: background 0.15s ease;
}

.ats-upload-report-shell-close:hover[b-m1n0uml27g],
.ats-upload-report-shell-close:focus-visible[b-m1n0uml27g] {
    background: rgba(255, 255, 255, 0.22);
}

.ats-upload-report-shell-close svg[b-m1n0uml27g] {
    width: 14px;
    height: 14px;
}

.ats-upload-report-shell-close:focus-visible[b-m1n0uml27g] {
    outline: 3px solid rgba(143, 201, 255, 0.6);
    outline-offset: 2px;
}
.ats-upload-report-body[b-m1n0uml27g] { padding: 26px 30px 6px; }
.ats-upload-report-section[b-m1n0uml27g] { margin-bottom: 16px; border: 1px solid var(--border); border-radius: 14px; background: #fcfdff; overflow: hidden; }
.ats-upload-report-section-head[b-m1n0uml27g] { display: flex; padding: 12px 16px; align-items: center; gap: 10px; border-bottom: 1px solid var(--border); background: var(--blue-tint); }
.ats-upload-report-section-head span[b-m1n0uml27g] { display: flex; width: 22px; height: 22px; align-items: center; justify-content: center; border-radius: 7px; background: var(--navy-900); color: #fff; font-size: 11.5px; font-weight: 600; }
.ats-upload-report-section-head h2[b-m1n0uml27g] { margin: 0; color: var(--text-1); font-family: Poppins, Inter, sans-serif; font-size: 14px; font-weight: 600; }
.ats-upload-report-section-body[b-m1n0uml27g] { padding: 16px; }
.ats-upload-report-fields[b-m1n0uml27g] { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.ats-upload-report-field label[b-m1n0uml27g] { display: block; margin-bottom: 6px; color: var(--text-2); font-size: 12px; font-weight: 600; letter-spacing: .2px; }
.ats-upload-report-field label b[b-m1n0uml27g] { color: #d64545; }
[b-m1n0uml27g] .ats-upload-report-select .mud-input-outlined-border { border-width: 1.5px; border-color: var(--border-strong); border-radius: 10px; }
[b-m1n0uml27g] .ats-upload-report-select.mud-input-control { margin: 0; }
[b-m1n0uml27g] .ats-upload-report-select .mud-input-control-input-container { margin: 0; }
[b-m1n0uml27g] .ats-upload-report-select .mud-input,
[b-m1n0uml27g] .ats-upload-report-select .mud-select-input { height: 42px; min-height: 42px; margin: 0; }
[b-m1n0uml27g] .ats-upload-report-select .mud-input-slot {
    display: flex;
    height: 42px !important;
    min-height: 42px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    align-items: center;
    color: var(--text-1);
    font-size: 14px;
    line-height: 42px;
}
[b-m1n0uml27g] .ats-upload-report-select .mud-input-helper-text { display: none; }
[b-m1n0uml27g] .ats-upload-report-select .mud-input-adornment-start,
[b-m1n0uml27g] .ats-upload-report-select .mud-input-adornment-end {
    align-self: center;
}
[b-m1n0uml27g] .ats-upload-report-select .mud-input-adornment-start {
    margin-left: 0;
    margin-right: 8px;
    margin-inline-start: unset;
    margin-inline-end: 8px;
    color: var(--text-3);
}
[b-m1n0uml27g] .ats-upload-report-select .mud-input-adornment-end { margin-right: 12px; }
[b-m1n0uml27g] .ats-upload-report-select .mud-input-adornment-start .mud-icon-root,
[b-m1n0uml27g] .ats-upload-report-select .mud-input-adornment-end .mud-icon-root {
    width: 16px;
    height: 16px;
    font-size: 16px;
}
[b-m1n0uml27g] .ats-upload-dropzone { padding: 28px 16px; border: 2px dashed var(--border-strong); border-radius: 12px; background: #fbfcff; text-align: center; cursor: pointer; }
[b-m1n0uml27g] .ats-upload-dropzone:hover { border-color: var(--blue-500); background: var(--blue-tint); }
.ats-upload-dropzone-icon[b-m1n0uml27g] { display: flex; width: 40px; height: 40px; margin: 0 auto 10px; align-items: center; justify-content: center; border: 1px solid var(--border-strong); border-radius: 50%; background: var(--blue-tint-2); color: var(--blue-600); }
[b-m1n0uml27g] .ats-upload-dropzone-title { color: var(--text-1); font-size: 13.5px; font-weight: 700; }
[b-m1n0uml27g] .ats-upload-dropzone-subtitle { margin-top: 5px; color: var(--text-3); font-size: 12px; }
[b-m1n0uml27g] .ats-upload-selected-file { display: flex; padding: 10px 12px; align-items: center; gap: 10px; border: 1.5px solid var(--border-strong); border-radius: 10px; background: #fff; }
[b-m1n0uml27g] .ats-upload-selected-file-icon { color: var(--blue-600); }
[b-m1n0uml27g] .ats-upload-selected-file-name { min-width: 0; flex: 1; color: var(--text-1); font-size: 13px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ats-upload-report-actions[b-m1n0uml27g] { display: flex; padding: 20px 30px 26px; justify-content: flex-end; gap: 10px; border-top: 1px solid var(--border); }
[b-m1n0uml27g] .ats-upload-report-cancel,
[b-m1n0uml27g] .ats-upload-report-submit { height: 42px; padding: 0 22px; border-radius: 10px; font-size: 14px; font-weight: 700; }
[b-m1n0uml27g] .ats-upload-report-cancel { border: 1.5px solid var(--border-strong); background: #fff; color: var(--text-2); }
[b-m1n0uml27g] .ats-upload-report-submit { background: linear-gradient(120deg, #132a54, var(--blue-600)); color: #fff; box-shadow: 0 8px 20px -6px rgba(29,95,209,.55); }
[b-m1n0uml27g] .ats-upload-report-dialog.mud-paper { border-radius: 20px; box-shadow: none; }

@media (max-width: 560px) {
    .ats-upload-report-shell-header[b-m1n0uml27g],
    .ats-upload-report-body[b-m1n0uml27g],
    .ats-upload-report-actions[b-m1n0uml27g] { padding-left: 20px; padding-right: 20px; }
    .ats-upload-report-fields[b-m1n0uml27g] { grid-template-columns: 1fr; }
}

@media (max-width: 390px) {
    [b-m1n0uml27g] .ats-upload-report-shell-title {
        font-size: 18px;
    }

    [b-m1n0uml27g] .ats-upload-report-shell-subtitle {
        font-size: 12px;
    }
}
/* /Component/ATS/PackageManagement/AddPackageComponent.razor.rz.scp.css */
.ap-shell[b-o7yp1mo7b3],
.ap-shell *[b-o7yp1mo7b3],
.ap-shell *[b-o7yp1mo7b3]::before,
.ap-shell *[b-o7yp1mo7b3]::after {
    box-sizing: border-box;
}

.ap-shell[b-o7yp1mo7b3] {
    --ap-navy-900: #0b1b3d;
    --ap-navy-800: #132a54;
    --ap-navy-700: #1c3a70;
    --ap-blue-600: #1d5fd1;
    --ap-blue-500: #2e7ce0;
    --ap-blue-tint: #edf3fc;
    --ap-border: #d9e3f5;
    --ap-border-strong: #c2d2f0;
    --ap-text-1: #16233f;
    --ap-text-2: #5b6b8c;
    --ap-text-3: #8a97b5;
    --ap-green: #1e9e64;
    --ap-green-tint: #e4f7ed;
    width: 100%;
    overflow: hidden;
    background: #fff;
    color: var(--ap-text-1);
    font-family: "Inter", sans-serif;
}

.ap-header[b-o7yp1mo7b3] {
    position: relative;
    overflow: hidden;
    padding: 28px 32px 24px;
    background: linear-gradient(120deg, var(--ap-navy-900) 0%, var(--ap-navy-700) 55%, var(--ap-blue-600) 130%);
}

.ap-header[b-o7yp1mo7b3]::before {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, 0.14) 1px, transparent 1.5px);
    background-size: 16px 16px;
    content: "";
    opacity: 0.35;
    -webkit-mask-image: linear-gradient(to bottom right, #000, transparent 70%);
    mask-image: linear-gradient(to bottom right, #000, transparent 70%);
    pointer-events: none;
}

.ap-header-row[b-o7yp1mo7b3] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.ap-header-left[b-o7yp1mo7b3] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.ap-icon-badge[b-o7yp1mo7b3] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
}

.ap-icon-badge svg[b-o7yp1mo7b3] {
    width: 22px;
    height: 22px;
}

.ap-header-text h1[b-o7yp1mo7b3] {
    margin: 0;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.2px;
}

.ap-header-text p[b-o7yp1mo7b3] {
    margin: 4px 0 0;
    color: #c6d5f5;
    font-size: 13.5px;
    font-weight: 400;
}

.ap-close[b-o7yp1mo7b3] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    cursor: pointer;
    transition: background 0.15s ease;
}

.ap-close:hover[b-o7yp1mo7b3],
.ap-close:focus-visible[b-o7yp1mo7b3] {
    background: rgba(255, 255, 255, 0.22);
}

.ap-close svg[b-o7yp1mo7b3] {
    width: 15px;
    height: 15px;
}

.ap-close:focus-visible[b-o7yp1mo7b3],
.ap-button:focus-visible[b-o7yp1mo7b3],
.ap-toggle:focus-visible[b-o7yp1mo7b3] {
    outline: 3px solid rgba(143, 201, 255, 0.6);
    outline-offset: 2px;
}

.ap-body[b-o7yp1mo7b3] {
    padding: 28px 32px 8px;
    background: #fff;
}

.ap-section[b-o7yp1mo7b3] {
    overflow: hidden;
    margin-bottom: 18px;
    border: 1px solid var(--ap-border);
    border-radius: 14px;
    background: #fcfdff;
}

.ap-section-head[b-o7yp1mo7b3] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 51px;
    padding: 13px 18px;
    border-bottom: 1px solid var(--ap-border);
    background: var(--ap-blue-tint);
}

.ap-section-number[b-o7yp1mo7b3] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 7px;
    background: var(--ap-navy-900);
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 600;
}

.ap-section-head h2[b-o7yp1mo7b3] {
    margin: 0;
    color: var(--ap-text-1);
    font-family: "Poppins", sans-serif;
    font-size: 14.5px;
    font-weight: 600;
}

.ap-section-helper[b-o7yp1mo7b3] {
    margin-left: auto;
    color: var(--ap-text-3);
    font-size: 11.5px;
    font-weight: 500;
    text-align: right;
}

.ap-section-body[b-o7yp1mo7b3] {
    display: grid;
    gap: 14px;
    padding: 18px;
}

.ap-field[b-o7yp1mo7b3] {
    position: relative;
    min-width: 0;
}

.ap-field > label[b-o7yp1mo7b3] {
    display: block;
    margin-bottom: 6px;
    color: var(--ap-text-2);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.2px;
}

.ap-required[b-o7yp1mo7b3] {
    margin-left: 2px;
    color: #d64545;
}

.ap-input-wrap[b-o7yp1mo7b3] {
    position: relative;
}

.ap-input-wrap[b-o7yp1mo7b3]  .mud-input-control {
    margin-top: 0;
}

.ap-input-wrap[b-o7yp1mo7b3]  .mud-input {
    min-height: 42px;
    border-radius: 10px;
    background: #fff;
    color: var(--ap-text-1);
    font-family: "Inter", sans-serif;
    font-size: 14px;
}

.ap-name-wrap[b-o7yp1mo7b3]  .mud-input-slot,
.ap-follow-up-wrap[b-o7yp1mo7b3]  .mud-input-slot {
    height: 42px !important;
    min-height: 42px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: var(--ap-text-1);
    font-family: "Inter", sans-serif;
    font-size: 14px;
    line-height: 42px;
}

.ap-follow-up-wrap[b-o7yp1mo7b3]  .mud-input-slot {
    padding-right: 82px !important;
}

.ap-follow-up-wrap[b-o7yp1mo7b3]  .mud-input-numeric-spin {
    display: none !important;
}

.ap-follow-up-wrap[b-o7yp1mo7b3]  input[type="number"] {
    appearance: textfield;
    -moz-appearance: textfield;
}

.ap-follow-up-wrap[b-o7yp1mo7b3]  input[type="number"]::-webkit-inner-spin-button,
.ap-follow-up-wrap[b-o7yp1mo7b3]  input[type="number"]::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

.ap-input-wrap[b-o7yp1mo7b3]  .mud-input-slot::placeholder {
    color: var(--ap-text-3);
    opacity: 1;
}

.ap-input-wrap[b-o7yp1mo7b3]  .mud-input-outlined-border {
    border-width: 1.5px;
    border-color: var(--ap-border-strong);
    border-radius: 10px;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.ap-input-wrap[b-o7yp1mo7b3]  .mud-input:focus-within .mud-input-outlined-border {
    border-color: var(--ap-blue-500);
    box-shadow: 0 0 0 3px rgba(46, 124, 224, 0.15);
}

.ap-input-wrap[b-o7yp1mo7b3]  .mud-input-adornment {
    color: var(--ap-text-3);
}

.ap-input-wrap[b-o7yp1mo7b3]  .mud-input-adornment-start {
    margin-left: 0;
    margin-right: 8px;
    margin-inline-start: unset;
    margin-inline-end: 8px;
}

.ap-input-wrap[b-o7yp1mo7b3]  .mud-input-adornment-start .mud-icon-root,
.ap-input-wrap[b-o7yp1mo7b3]  .mud-input-adornment-end .mud-icon-root {
    width: 16px;
    height: 16px;
    font-size: 16px;
}

.ap-description-wrap[b-o7yp1mo7b3]  .mud-input {
    align-items: flex-start;
    min-height: 88px;
}

.ap-description-wrap[b-o7yp1mo7b3]  textarea.mud-input-slot {
    min-height: 86px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    color: var(--ap-text-1);
    font-family: "Inter", sans-serif;
    font-size: 14px;
    line-height: 1.5;
    resize: vertical;
}

.ap-description-wrap[b-o7yp1mo7b3]  .mud-input-adornment-start {
    align-self: flex-start;
    height: 16px;
    margin-top: 14px;
}

.ap-input-wrap[b-o7yp1mo7b3]  .mud-input-error .mud-input-outlined-border {
    border-color: #d64545;
}

.ap-input-wrap[b-o7yp1mo7b3]  .mud-input-helper-text {
    margin-top: 4px;
    font-family: "Inter", sans-serif;
    font-size: 11px;
}

.ap-character-count[b-o7yp1mo7b3] {
    margin-top: 4px;
    color: var(--ap-text-3);
    font-size: 11px;
    line-height: 1;
    text-align: right;
}

.ap-unit-suffix[b-o7yp1mo7b3] {
    position: absolute;
    z-index: 1;
    top: 21px;
    right: 14px;
    color: var(--ap-text-3);
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1;
    pointer-events: none;
    transform: translateY(-50%);
}

.ap-hint[b-o7yp1mo7b3] {
    margin: 5px 0 0;
    color: var(--ap-text-3);
    font-size: 11.5px;
    line-height: 1.35;
}

.ap-status-row[b-o7yp1mo7b3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 14px;
    border: 1.5px solid var(--ap-border-strong);
    border-radius: 10px;
    background: #fff;
}

.ap-status-copy p[b-o7yp1mo7b3] {
    margin: 0;
    color: var(--ap-text-1);
    font-size: 13.5px;
    font-weight: 600;
}

.ap-status-copy span[b-o7yp1mo7b3] {
    display: block;
    margin-top: 2px;
    color: var(--ap-text-3);
    font-size: 11.5px;
}

.ap-status-control[b-o7yp1mo7b3] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 10px;
}

.ap-status-badge[b-o7yp1mo7b3] {
    padding: 3px 9px;
    border-radius: 20px;
    background: var(--ap-green-tint);
    color: var(--ap-green);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.3px;
}

.ap-status-badge.is-off[b-o7yp1mo7b3] {
    background: #eef0f5;
    color: var(--ap-text-2);
}

.ap-toggle[b-o7yp1mo7b3] {
    position: relative;
    flex: 0 0 auto;
    width: 44px;
    height: 26px;
    padding: 0;
    border: 0;
    border-radius: 20px;
    background: var(--ap-green);
    cursor: pointer;
    transition: background 0.15s ease;
}

.ap-toggle span[b-o7yp1mo7b3] {
    position: absolute;
    top: 3px;
    left: 21px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    transition: left 0.15s ease;
}

.ap-toggle.is-off[b-o7yp1mo7b3] {
    background: #c6cedd;
}

.ap-toggle.is-off span[b-o7yp1mo7b3] {
    left: 3px;
}

.ap-footer[b-o7yp1mo7b3] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 20px 32px 26px;
    border-top: 1px solid var(--ap-border);
    background: #fff;
}

.ap-button[b-o7yp1mo7b3] {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 42px;
    padding: 0 20px;
    border-radius: 10px;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.1s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.ap-button:active[b-o7yp1mo7b3] {
    transform: scale(0.97);
}

.ap-button-cancel[b-o7yp1mo7b3] {
    border: 1.5px solid var(--ap-border-strong);
    background: #fff;
    color: var(--ap-text-2);
}

.ap-button-cancel:hover[b-o7yp1mo7b3] {
    background: #f4f7fc;
}

.ap-button-save[b-o7yp1mo7b3] {
    border: 0;
    background: linear-gradient(120deg, var(--ap-navy-800), var(--ap-blue-600));
    box-shadow: 0 8px 20px -6px rgba(29, 95, 209, 0.55);
    color: #fff;
}

.ap-button-save:hover[b-o7yp1mo7b3] {
    box-shadow: 0 10px 24px -6px rgba(29, 95, 209, 0.7);
}

.ap-button-save svg[b-o7yp1mo7b3] {
    width: 15px;
    height: 15px;
}

@media (max-width: 600px) {
    .ap-header[b-o7yp1mo7b3] {
        padding: 22px 20px 20px;
    }

    .ap-body[b-o7yp1mo7b3] {
        padding: 20px 16px 4px;
    }

    .ap-section-head[b-o7yp1mo7b3],
    .ap-section-body[b-o7yp1mo7b3] {
        padding-left: 14px;
        padding-right: 14px;
    }

    .ap-section-helper[b-o7yp1mo7b3] {
        display: none;
    }

    .ap-status-row[b-o7yp1mo7b3] {
        align-items: flex-start;
        flex-direction: column;
    }

    .ap-status-control[b-o7yp1mo7b3] {
        justify-content: space-between;
        width: 100%;
    }

    .ap-footer[b-o7yp1mo7b3] {
        padding: 16px 16px 20px;
    }
}

@media (max-width: 420px) {
    .ap-header-text h1[b-o7yp1mo7b3] {
        font-size: 19px;
    }

    .ap-header-text p[b-o7yp1mo7b3] {
        font-size: 12px;
    }

    .ap-icon-badge[b-o7yp1mo7b3] {
        width: 40px;
        height: 40px;
    }

    .ap-button[b-o7yp1mo7b3] {
        justify-content: center;
        flex: 1;
        padding: 0 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ap-shell *[b-o7yp1mo7b3],
    .ap-shell *[b-o7yp1mo7b3]::before,
    .ap-shell *[b-o7yp1mo7b3]::after {
        transition-duration: 0.01ms !important;
    }
}
/* /Component/ATS/PackageManagement/EditPackageComponent.razor.rz.scp.css */
.ep-shell[b-hy0425ixb2],
.ep-shell *[b-hy0425ixb2],
.ep-shell *[b-hy0425ixb2]::before,
.ep-shell *[b-hy0425ixb2]::after {
    box-sizing: border-box;
}

.ep-shell[b-hy0425ixb2] {
    --ep-navy-900: #0b1b3d;
    --ep-navy-800: #132a54;
    --ep-navy-700: #1c3a70;
    --ep-blue-600: #1d5fd1;
    --ep-blue-500: #2e7ce0;
    --ep-blue-tint: #edf3fc;
    --ep-border: #d9e3f5;
    --ep-border-strong: #c2d2f0;
    --ep-text-1: #16233f;
    --ep-text-2: #5b6b8c;
    --ep-text-3: #8a97b5;
    --ep-green: #1e9e64;
    --ep-green-tint: #e4f7ed;
    width: 100%;
    overflow: hidden;
    background: #fff;
    color: var(--ep-text-1);
    font-family: "Inter", sans-serif;
}

.ep-header[b-hy0425ixb2] {
    position: relative;
    overflow: hidden;
    padding: 28px 32px 24px;
    background: linear-gradient(120deg, var(--ep-navy-900) 0%, var(--ep-navy-700) 55%, var(--ep-blue-600) 130%);
}

.ep-header[b-hy0425ixb2]::before {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, 0.14) 1px, transparent 1.5px);
    background-size: 16px 16px;
    content: "";
    opacity: 0.35;
    -webkit-mask-image: linear-gradient(to bottom right, #000, transparent 70%);
    mask-image: linear-gradient(to bottom right, #000, transparent 70%);
    pointer-events: none;
}

.ep-header-row[b-hy0425ixb2] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.ep-header-left[b-hy0425ixb2] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.ep-icon-badge[b-hy0425ixb2] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
}

.ep-icon-badge svg[b-hy0425ixb2] {
    width: 22px;
    height: 22px;
}

.ep-header-text h1[b-hy0425ixb2] {
    margin: 0;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.2px;
}

.ep-header-text p[b-hy0425ixb2] {
    margin: 4px 0 0;
    color: #c6d5f5;
    font-size: 13.5px;
    font-weight: 400;
}

.ep-close[b-hy0425ixb2] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    cursor: pointer;
    transition: background 0.15s ease;
}

.ep-close:hover[b-hy0425ixb2],
.ep-close:focus-visible[b-hy0425ixb2] {
    background: rgba(255, 255, 255, 0.22);
}

.ep-close svg[b-hy0425ixb2] {
    width: 15px;
    height: 15px;
}

.ep-close:focus-visible[b-hy0425ixb2],
.ep-button:focus-visible[b-hy0425ixb2],
.ep-toggle:focus-visible[b-hy0425ixb2] {
    outline: 3px solid rgba(143, 201, 255, 0.6);
    outline-offset: 2px;
}

.ep-body[b-hy0425ixb2] {
    padding: 28px 32px 8px;
    background: #fff;
}

.ep-section[b-hy0425ixb2] {
    overflow: hidden;
    margin-bottom: 18px;
    border: 1px solid var(--ep-border);
    border-radius: 14px;
    background: #fcfdff;
}

.ep-section-head[b-hy0425ixb2] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 51px;
    padding: 13px 18px;
    border-bottom: 1px solid var(--ep-border);
    background: var(--ep-blue-tint);
}

.ep-section-number[b-hy0425ixb2] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 7px;
    background: var(--ep-navy-900);
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 600;
}

.ep-section-head h2[b-hy0425ixb2] {
    margin: 0;
    color: var(--ep-text-1);
    font-family: "Poppins", sans-serif;
    font-size: 14.5px;
    font-weight: 600;
}

.ep-section-helper[b-hy0425ixb2] {
    margin-left: auto;
    color: var(--ep-text-3);
    font-size: 11.5px;
    font-weight: 500;
    text-align: right;
}

.ep-section-body[b-hy0425ixb2] {
    display: grid;
    gap: 14px;
    padding: 18px;
}

.ep-field[b-hy0425ixb2] {
    position: relative;
    min-width: 0;
}

.ep-field > label[b-hy0425ixb2] {
    display: block;
    margin-bottom: 6px;
    color: var(--ep-text-2);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.2px;
}

.ep-required[b-hy0425ixb2] {
    margin-left: 2px;
    color: #d64545;
}

.ep-input-wrap[b-hy0425ixb2] {
    position: relative;
}

.ep-input-wrap[b-hy0425ixb2]  .mud-input-control {
    margin-top: 0;
}

.ep-input-wrap[b-hy0425ixb2]  .mud-input {
    min-height: 42px;
    border-radius: 10px;
    background: #fff;
    color: var(--ep-text-1);
    font-family: "Inter", sans-serif;
    font-size: 14px;
}

.ep-name-wrap[b-hy0425ixb2]  .mud-input-slot,
.ep-follow-up-wrap[b-hy0425ixb2]  .mud-input-slot {
    height: 42px !important;
    min-height: 42px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: var(--ep-text-1);
    font-family: "Inter", sans-serif;
    font-size: 14px;
    line-height: 42px;
}

.ep-follow-up-wrap[b-hy0425ixb2]  .mud-input-slot {
    padding-right: 82px !important;
}

.ep-follow-up-wrap[b-hy0425ixb2]  .mud-input-numeric-spin {
    display: none !important;
}

.ep-follow-up-wrap[b-hy0425ixb2]  input[type="number"] {
    appearance: textfield;
    -moz-appearance: textfield;
}

.ep-follow-up-wrap[b-hy0425ixb2]  input[type="number"]::-webkit-inner-spin-button,
.ep-follow-up-wrap[b-hy0425ixb2]  input[type="number"]::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

.ep-input-wrap[b-hy0425ixb2]  .mud-input-slot::placeholder {
    color: var(--ep-text-3);
    opacity: 1;
}

.ep-input-wrap[b-hy0425ixb2]  .mud-input-outlined-border {
    border-width: 1.5px;
    border-color: var(--ep-border-strong);
    border-radius: 10px;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.ep-input-wrap[b-hy0425ixb2]  .mud-input:focus-within .mud-input-outlined-border {
    border-color: var(--ep-blue-500);
    box-shadow: 0 0 0 3px rgba(46, 124, 224, 0.15);
}

.ep-input-wrap[b-hy0425ixb2]  .mud-input-adornment {
    color: var(--ep-text-3);
}

.ep-input-wrap[b-hy0425ixb2]  .mud-input-adornment-start {
    margin-left: 0;
    margin-right: 8px;
    margin-inline-start: unset;
    margin-inline-end: 8px;
}

.ep-input-wrap[b-hy0425ixb2]  .mud-input-adornment-start .mud-icon-root,
.ep-input-wrap[b-hy0425ixb2]  .mud-input-adornment-end .mud-icon-root {
    width: 16px;
    height: 16px;
    font-size: 16px;
}

.ep-description-wrap[b-hy0425ixb2]  .mud-input {
    align-items: flex-start;
    min-height: 88px;
}

.ep-description-wrap[b-hy0425ixb2]  textarea.mud-input-slot {
    min-height: 86px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    color: var(--ep-text-1);
    font-family: "Inter", sans-serif;
    font-size: 14px;
    line-height: 1.5;
    resize: vertical;
}

.ep-description-wrap[b-hy0425ixb2]  .mud-input-adornment-start {
    align-self: flex-start;
    height: 16px;
    margin-top: 14px;
}

.ep-input-wrap[b-hy0425ixb2]  .mud-input-error .mud-input-outlined-border {
    border-color: #d64545;
}

.ep-input-wrap[b-hy0425ixb2]  .mud-input-helper-text {
    margin-top: 4px;
    font-family: "Inter", sans-serif;
    font-size: 11px;
}

.ep-character-count[b-hy0425ixb2] {
    margin-top: 4px;
    color: var(--ep-text-3);
    font-size: 11px;
    line-height: 1;
    text-align: right;
}

.ep-unit-suffix[b-hy0425ixb2] {
    position: absolute;
    z-index: 1;
    top: 21px;
    right: 14px;
    color: var(--ep-text-3);
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1;
    pointer-events: none;
    transform: translateY(-50%);
}

.ep-hint[b-hy0425ixb2] {
    margin: 5px 0 0;
    color: var(--ep-text-3);
    font-size: 11.5px;
    line-height: 1.35;
}

.ep-status-row[b-hy0425ixb2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 14px;
    border: 1.5px solid var(--ep-border-strong);
    border-radius: 10px;
    background: #fff;
}

.ep-status-copy p[b-hy0425ixb2] {
    margin: 0;
    color: var(--ep-text-1);
    font-size: 13.5px;
    font-weight: 600;
}

.ep-status-copy span[b-hy0425ixb2] {
    display: block;
    margin-top: 2px;
    color: var(--ep-text-3);
    font-size: 11.5px;
}

.ep-status-control[b-hy0425ixb2] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 10px;
}

.ep-status-badge[b-hy0425ixb2] {
    padding: 3px 9px;
    border-radius: 20px;
    background: var(--ep-green-tint);
    color: var(--ep-green);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.3px;
}

.ep-status-badge.is-off[b-hy0425ixb2] {
    background: #eef0f5;
    color: var(--ep-text-2);
}

.ep-toggle[b-hy0425ixb2] {
    position: relative;
    flex: 0 0 auto;
    width: 44px;
    height: 26px;
    padding: 0;
    border: 0;
    border-radius: 20px;
    background: var(--ep-green);
    cursor: pointer;
    transition: background 0.15s ease;
}

.ep-toggle span[b-hy0425ixb2] {
    position: absolute;
    top: 3px;
    left: 21px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    transition: left 0.15s ease;
}

.ep-toggle.is-off[b-hy0425ixb2] {
    background: #c6cedd;
}

.ep-toggle.is-off span[b-hy0425ixb2] {
    left: 3px;
}

.ep-footer[b-hy0425ixb2] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 20px 32px 26px;
    border-top: 1px solid var(--ep-border);
    background: #fff;
}

.ep-button[b-hy0425ixb2] {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 42px;
    padding: 0 20px;
    border-radius: 10px;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.1s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.ep-button:active[b-hy0425ixb2] {
    transform: scale(0.97);
}

.ep-button-cancel[b-hy0425ixb2] {
    border: 1.5px solid var(--ep-border-strong);
    background: #fff;
    color: var(--ep-text-2);
}

.ep-button-cancel:hover[b-hy0425ixb2] {
    background: #f4f7fc;
}

.ep-button-save[b-hy0425ixb2] {
    border: 0;
    background: linear-gradient(120deg, var(--ep-navy-800), var(--ep-blue-600));
    box-shadow: 0 8px 20px -6px rgba(29, 95, 209, 0.55);
    color: #fff;
}

.ep-button-save:hover[b-hy0425ixb2] {
    box-shadow: 0 10px 24px -6px rgba(29, 95, 209, 0.7);
}

.ep-button-save svg[b-hy0425ixb2] {
    width: 15px;
    height: 15px;
}

@media (max-width: 600px) {
    .ep-header[b-hy0425ixb2] {
        padding: 22px 20px 20px;
    }

    .ep-body[b-hy0425ixb2] {
        padding: 20px 16px 4px;
    }

    .ep-section-head[b-hy0425ixb2],
    .ep-section-body[b-hy0425ixb2] {
        padding-left: 14px;
        padding-right: 14px;
    }

    .ep-section-helper[b-hy0425ixb2] {
        display: none;
    }

    .ep-status-row[b-hy0425ixb2] {
        align-items: flex-start;
        flex-direction: column;
    }

    .ep-status-control[b-hy0425ixb2] {
        justify-content: space-between;
        width: 100%;
    }

    .ep-footer[b-hy0425ixb2] {
        padding: 16px 16px 20px;
    }
}

@media (max-width: 420px) {
    .ep-header-text h1[b-hy0425ixb2] {
        font-size: 19px;
    }

    .ep-header-text p[b-hy0425ixb2] {
        font-size: 12px;
    }

    .ep-icon-badge[b-hy0425ixb2] {
        width: 40px;
        height: 40px;
    }

    .ep-button[b-hy0425ixb2] {
        justify-content: center;
        flex: 1;
        padding: 0 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ep-shell *[b-hy0425ixb2],
    .ep-shell *[b-hy0425ixb2]::before,
    .ep-shell *[b-hy0425ixb2]::after {
        transition-duration: 0.01ms !important;
    }
}
/* /Component/ATS/RoleManagement/AddRoleComponent.razor.rz.scp.css */
.ar-shell[b-o9pxjptx8a],
.ar-shell *[b-o9pxjptx8a],
.ar-shell *[b-o9pxjptx8a]::before,
.ar-shell *[b-o9pxjptx8a]::after {
    box-sizing: border-box;
}

.ar-shell[b-o9pxjptx8a] {
    --ar-navy-900: #0b1b3d;
    --ar-navy-800: #132a54;
    --ar-navy-700: #1c3a70;
    --ar-blue-600: #1d5fd1;
    --ar-blue-500: #2e7ce0;
    --ar-blue-tint: #edf3fc;
    --ar-blue-tint-2: #e3ecfb;
    --ar-border: #d9e3f5;
    --ar-border-strong: #c2d2f0;
    --ar-text-1: #16233f;
    --ar-text-2: #5b6b8c;
    --ar-text-3: #8a97b5;
    --ar-green: #1e9e64;
    --ar-green-tint: #e4f7ed;
    width: 100%;
    overflow: hidden;
    background: #fff;
    color: var(--ar-text-1);
    font-family: "Inter", sans-serif;
}

.ar-header[b-o9pxjptx8a] {
    position: relative;
    overflow: hidden;
    padding: 28px 32px 24px;
    background: linear-gradient(120deg, var(--ar-navy-900) 0%, var(--ar-navy-700) 55%, var(--ar-blue-600) 130%);
}

.ar-header[b-o9pxjptx8a]::before {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, 0.14) 1px, transparent 1.5px);
    background-size: 16px 16px;
    content: "";
    opacity: 0.35;
    -webkit-mask-image: linear-gradient(to bottom right, #000, transparent 70%);
    mask-image: linear-gradient(to bottom right, #000, transparent 70%);
    pointer-events: none;
}

.ar-header-row[b-o9pxjptx8a] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.ar-header-left[b-o9pxjptx8a] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.ar-icon-badge[b-o9pxjptx8a] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
}

.ar-icon-badge svg[b-o9pxjptx8a] {
    width: 22px;
    height: 22px;
}

.ar-header-text h1[b-o9pxjptx8a] {
    margin: 0;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.2px;
}

.ar-header-text p[b-o9pxjptx8a] {
    margin: 4px 0 0;
    color: #c6d5f5;
    font-size: 13.5px;
    font-weight: 400;
}

.ar-close[b-o9pxjptx8a] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    cursor: pointer;
    transition: background 0.15s ease;
}

.ar-close:hover[b-o9pxjptx8a],
.ar-close:focus-visible[b-o9pxjptx8a] {
    background: rgba(255, 255, 255, 0.22);
}

.ar-close svg[b-o9pxjptx8a] {
    width: 15px;
    height: 15px;
}

.ar-close:focus-visible[b-o9pxjptx8a],
.ar-button:focus-visible[b-o9pxjptx8a],
.ar-toggle:focus-visible[b-o9pxjptx8a] {
    outline: 3px solid rgba(143, 201, 255, 0.6);
    outline-offset: 2px;
}

.ar-body[b-o9pxjptx8a] {
    padding: 28px 32px 8px;
    background: #fff;
}

.ar-section[b-o9pxjptx8a] {
    overflow: hidden;
    margin-bottom: 18px;
    border: 1px solid var(--ar-border);
    border-radius: 14px;
    background: #fcfdff;
}

.ar-section-head[b-o9pxjptx8a] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 51px;
    padding: 13px 18px;
    border-bottom: 1px solid var(--ar-border);
    background: var(--ar-blue-tint);
}

.ar-section-number[b-o9pxjptx8a] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 7px;
    background: var(--ar-navy-900);
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 600;
}

.ar-section-head h2[b-o9pxjptx8a] {
    margin: 0;
    color: var(--ar-text-1);
    font-family: "Poppins", sans-serif;
    font-size: 14.5px;
    font-weight: 600;
}

.ar-section-helper[b-o9pxjptx8a] {
    margin-left: auto;
    color: var(--ar-text-3);
    font-size: 11.5px;
    font-weight: 500;
    text-align: right;
}

.ar-section-body[b-o9pxjptx8a] {
    display: grid;
    gap: 14px;
    padding: 18px;
}

.ar-field[b-o9pxjptx8a] {
    position: relative;
    min-width: 0;
}

.ar-field > label[b-o9pxjptx8a] {
    display: block;
    margin-bottom: 6px;
    color: var(--ar-text-2);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.2px;
}

.ar-required[b-o9pxjptx8a] {
    margin-left: 2px;
    color: #d64545;
}

.ar-input-wrap[b-o9pxjptx8a]  .mud-input-control {
    margin-top: 0;
}

.ar-input-wrap[b-o9pxjptx8a]  .mud-input {
    min-height: 42px;
    border-radius: 10px;
    background: #fff;
    color: var(--ar-text-1);
    font-family: "Inter", sans-serif;
    font-size: 14px;
}

.ar-name-wrap[b-o9pxjptx8a]  .mud-input-slot {
    height: 42px !important;
    min-height: 42px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: var(--ar-text-1);
    font-family: "Inter", sans-serif;
    font-size: 14px;
    line-height: 42px;
}

.ar-input-wrap[b-o9pxjptx8a]  .mud-input-slot::placeholder {
    color: var(--ar-text-3);
    opacity: 1;
}

.ar-input-wrap[b-o9pxjptx8a]  .mud-input-outlined-border {
    border-width: 1.5px;
    border-color: var(--ar-border-strong);
    border-radius: 10px;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.ar-input-wrap[b-o9pxjptx8a]  .mud-input:focus-within .mud-input-outlined-border {
    border-color: var(--ar-blue-500);
    box-shadow: 0 0 0 3px rgba(46, 124, 224, 0.15);
}

.ar-input-wrap[b-o9pxjptx8a]  .mud-input-adornment {
    color: var(--ar-text-3);
}

.ar-input-wrap[b-o9pxjptx8a]  .mud-input-adornment-start {
    margin-left: 0;
    margin-right: 8px;
    margin-inline-start: unset;
    margin-inline-end: 8px;
}

.ar-input-wrap[b-o9pxjptx8a]  .mud-input-adornment-start .mud-icon-root,
.ar-input-wrap[b-o9pxjptx8a]  .mud-input-adornment-end .mud-icon-root {
    width: 16px;
    height: 16px;
    font-size: 16px;
}

.ar-name-wrap[b-o9pxjptx8a]  .mud-input-adornment-end {
    margin-right: 12px;
    color: var(--ar-text-2);
}

.ar-description-wrap[b-o9pxjptx8a]  .mud-input {
    align-items: flex-start;
    min-height: 96px;
}

.ar-description-wrap[b-o9pxjptx8a]  textarea.mud-input-slot {
    min-height: 94px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    color: var(--ar-text-1);
    font-family: "Inter", sans-serif;
    font-size: 14px;
    line-height: 1.5;
    resize: vertical;
}

.ar-description-wrap[b-o9pxjptx8a]  .mud-input-adornment-start {
    align-self: flex-start;
    height: 16px;
    margin-top: 14px;
}

.ar-input-wrap[b-o9pxjptx8a]  .mud-input-error .mud-input-outlined-border {
    border-color: #d64545;
}

.ar-input-wrap[b-o9pxjptx8a]  .mud-input-helper-text {
    margin-top: 4px;
    font-family: "Inter", sans-serif;
    font-size: 11px;
}

.ar-character-count[b-o9pxjptx8a] {
    margin-top: 4px;
    color: var(--ar-text-3);
    font-size: 11px;
    line-height: 1;
    text-align: right;
}

.ar-status-row[b-o9pxjptx8a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 14px;
    border: 1.5px solid var(--ar-border-strong);
    border-radius: 10px;
    background: #fff;
}

.ar-status-copy p[b-o9pxjptx8a] {
    margin: 0;
    color: var(--ar-text-1);
    font-size: 13.5px;
    font-weight: 600;
}

.ar-status-copy span[b-o9pxjptx8a] {
    display: block;
    margin-top: 2px;
    color: var(--ar-text-3);
    font-size: 11.5px;
}

.ar-status-control[b-o9pxjptx8a] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 10px;
}

.ar-status-badge[b-o9pxjptx8a] {
    padding: 3px 9px;
    border-radius: 20px;
    background: var(--ar-green-tint);
    color: var(--ar-green);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.3px;
}

.ar-status-badge.is-off[b-o9pxjptx8a] {
    background: #eef0f5;
    color: var(--ar-text-2);
}

.ar-toggle[b-o9pxjptx8a] {
    position: relative;
    flex: 0 0 auto;
    width: 44px;
    height: 26px;
    padding: 0;
    border: 0;
    border-radius: 20px;
    background: var(--ar-green);
    cursor: pointer;
    transition: background 0.15s ease;
}

.ar-toggle span[b-o9pxjptx8a] {
    position: absolute;
    top: 3px;
    left: 21px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    transition: left 0.15s ease;
}

.ar-toggle.is-off[b-o9pxjptx8a] {
    background: #c6cedd;
}

.ar-toggle.is-off span[b-o9pxjptx8a] {
    left: 3px;
}

.ar-footer[b-o9pxjptx8a] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 20px 32px 26px;
    border-top: 1px solid var(--ar-border);
    background: #fff;
}

.ar-button[b-o9pxjptx8a] {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 42px;
    padding: 0 20px;
    border-radius: 10px;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.1s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.ar-button:active[b-o9pxjptx8a] {
    transform: scale(0.97);
}

.ar-button-cancel[b-o9pxjptx8a] {
    border: 1.5px solid var(--ar-border-strong);
    background: #fff;
    color: var(--ar-text-2);
}

.ar-button-cancel:hover[b-o9pxjptx8a] {
    background: #f4f7fc;
}

.ar-button-save[b-o9pxjptx8a] {
    border: 0;
    background: linear-gradient(120deg, var(--ar-navy-800), var(--ar-blue-600));
    box-shadow: 0 8px 20px -6px rgba(29, 95, 209, 0.55);
    color: #fff;
}

.ar-button-save:hover[b-o9pxjptx8a] {
    box-shadow: 0 10px 24px -6px rgba(29, 95, 209, 0.7);
}

.ar-button-save svg[b-o9pxjptx8a] {
    width: 15px;
    height: 15px;
}

@media (max-width: 600px) {
    .ar-header[b-o9pxjptx8a] {
        padding: 22px 20px 20px;
    }

    .ar-body[b-o9pxjptx8a] {
        padding: 20px 16px 4px;
    }

    .ar-section-head[b-o9pxjptx8a],
    .ar-section-body[b-o9pxjptx8a] {
        padding-left: 14px;
        padding-right: 14px;
    }

    .ar-section-helper[b-o9pxjptx8a] {
        display: none;
    }

    .ar-status-row[b-o9pxjptx8a] {
        align-items: flex-start;
        flex-direction: column;
    }

    .ar-status-control[b-o9pxjptx8a] {
        justify-content: space-between;
        width: 100%;
    }

    .ar-footer[b-o9pxjptx8a] {
        padding: 16px 16px 20px;
    }
}

@media (max-width: 420px) {
    .ar-header-text h1[b-o9pxjptx8a] {
        font-size: 19px;
    }

    .ar-header-text p[b-o9pxjptx8a] {
        font-size: 12px;
    }

    .ar-icon-badge[b-o9pxjptx8a] {
        width: 40px;
        height: 40px;
    }

    .ar-button[b-o9pxjptx8a] {
        justify-content: center;
        flex: 1;
        padding: 0 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ar-shell *[b-o9pxjptx8a],
    .ar-shell *[b-o9pxjptx8a]::before,
    .ar-shell *[b-o9pxjptx8a]::after {
        transition-duration: 0.01ms !important;
    }
}
/* /Component/ATS/RoleManagement/EditRoleComponent.razor.rz.scp.css */
.er-shell[b-33tilrxmfl],
.er-shell *[b-33tilrxmfl],
.er-shell *[b-33tilrxmfl]::before,
.er-shell *[b-33tilrxmfl]::after {
    box-sizing: border-box;
}

.er-shell[b-33tilrxmfl] {
    --er-navy-900: #0b1b3d;
    --er-navy-800: #132a54;
    --er-navy-700: #1c3a70;
    --er-blue-600: #1d5fd1;
    --er-blue-500: #2e7ce0;
    --er-blue-tint: #edf3fc;
    --er-blue-tint-2: #e3ecfb;
    --er-border: #d9e3f5;
    --er-border-strong: #c2d2f0;
    --er-text-1: #16233f;
    --er-text-2: #5b6b8c;
    --er-text-3: #8a97b5;
    --er-green: #1e9e64;
    --er-green-tint: #e4f7ed;
    width: 100%;
    overflow: hidden;
    background: #fff;
    color: var(--er-text-1);
    font-family: "Inter", sans-serif;
}

.er-header[b-33tilrxmfl] {
    position: relative;
    overflow: hidden;
    padding: 28px 32px 24px;
    background: linear-gradient(120deg, var(--er-navy-900) 0%, var(--er-navy-700) 55%, var(--er-blue-600) 130%);
}

.er-header[b-33tilrxmfl]::before {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, 0.14) 1px, transparent 1.5px);
    background-size: 16px 16px;
    content: "";
    opacity: 0.35;
    -webkit-mask-image: linear-gradient(to bottom right, #000, transparent 70%);
    mask-image: linear-gradient(to bottom right, #000, transparent 70%);
    pointer-events: none;
}

.er-header-row[b-33tilrxmfl] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.er-header-left[b-33tilrxmfl] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.er-icon-badge[b-33tilrxmfl] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
}

.er-icon-badge svg[b-33tilrxmfl] {
    width: 22px;
    height: 22px;
}

.er-header-text h1[b-33tilrxmfl] {
    margin: 0;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.2px;
}

.er-header-text p[b-33tilrxmfl] {
    margin: 4px 0 0;
    color: #c6d5f5;
    font-size: 13.5px;
    font-weight: 400;
}

.er-close[b-33tilrxmfl] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    cursor: pointer;
    transition: background 0.15s ease;
}

.er-close:hover[b-33tilrxmfl],
.er-close:focus-visible[b-33tilrxmfl] {
    background: rgba(255, 255, 255, 0.22);
}

.er-close svg[b-33tilrxmfl] {
    width: 15px;
    height: 15px;
}

.er-close:focus-visible[b-33tilrxmfl],
.er-button:focus-visible[b-33tilrxmfl],
.er-toggle:focus-visible[b-33tilrxmfl] {
    outline: 3px solid rgba(143, 201, 255, 0.6);
    outline-offset: 2px;
}

.er-body[b-33tilrxmfl] {
    padding: 28px 32px 8px;
    background: #fff;
}

.er-section[b-33tilrxmfl] {
    overflow: hidden;
    margin-bottom: 18px;
    border: 1px solid var(--er-border);
    border-radius: 14px;
    background: #fcfdff;
}

.er-section-head[b-33tilrxmfl] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 51px;
    padding: 13px 18px;
    border-bottom: 1px solid var(--er-border);
    background: var(--er-blue-tint);
}

.er-section-number[b-33tilrxmfl] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 7px;
    background: var(--er-navy-900);
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 600;
}

.er-section-head h2[b-33tilrxmfl] {
    margin: 0;
    color: var(--er-text-1);
    font-family: "Poppins", sans-serif;
    font-size: 14.5px;
    font-weight: 600;
}

.er-section-helper[b-33tilrxmfl] {
    margin-left: auto;
    color: var(--er-text-3);
    font-size: 11.5px;
    font-weight: 500;
    text-align: right;
}

.er-section-body[b-33tilrxmfl] {
    display: grid;
    gap: 14px;
    padding: 18px;
}

.er-field[b-33tilrxmfl] {
    position: relative;
    min-width: 0;
}

.er-field > label[b-33tilrxmfl] {
    display: block;
    margin-bottom: 6px;
    color: var(--er-text-2);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.2px;
}

.er-required[b-33tilrxmfl] {
    margin-left: 2px;
    color: #d64545;
}

.er-input-wrap[b-33tilrxmfl]  .mud-input-control {
    margin-top: 0;
}

.er-input-wrap[b-33tilrxmfl]  .mud-input {
    min-height: 42px;
    border-radius: 10px;
    background: #fff;
    color: var(--er-text-1);
    font-family: "Inter", sans-serif;
    font-size: 14px;
}

.er-name-wrap[b-33tilrxmfl]  .mud-input-slot {
    height: 42px !important;
    min-height: 42px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: var(--er-text-1);
    font-family: "Inter", sans-serif;
    font-size: 14px;
    line-height: 42px;
}

.er-input-wrap[b-33tilrxmfl]  .mud-input-slot::placeholder {
    color: var(--er-text-3);
    opacity: 1;
}

.er-input-wrap[b-33tilrxmfl]  .mud-input-outlined-border {
    border-width: 1.5px;
    border-color: var(--er-border-strong);
    border-radius: 10px;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.er-input-wrap[b-33tilrxmfl]  .mud-input:focus-within .mud-input-outlined-border {
    border-color: var(--er-blue-500);
    box-shadow: 0 0 0 3px rgba(46, 124, 224, 0.15);
}

.er-input-wrap[b-33tilrxmfl]  .mud-input-adornment {
    color: var(--er-text-3);
}

.er-input-wrap[b-33tilrxmfl]  .mud-input-adornment-start {
    margin-left: 0;
    margin-right: 8px;
    margin-inline-start: unset;
    margin-inline-end: 8px;
}

.er-input-wrap[b-33tilrxmfl]  .mud-input-adornment-start .mud-icon-root,
.er-input-wrap[b-33tilrxmfl]  .mud-input-adornment-end .mud-icon-root {
    width: 16px;
    height: 16px;
    font-size: 16px;
}

.er-name-wrap[b-33tilrxmfl]  .mud-input-adornment-end {
    margin-right: 12px;
    color: var(--er-text-2);
}

.er-description-wrap[b-33tilrxmfl]  .mud-input {
    align-items: flex-start;
    min-height: 96px;
}

.er-description-wrap[b-33tilrxmfl]  textarea.mud-input-slot {
    min-height: 94px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    color: var(--er-text-1);
    font-family: "Inter", sans-serif;
    font-size: 14px;
    line-height: 1.5;
    resize: vertical;
}

.er-description-wrap[b-33tilrxmfl]  .mud-input-adornment-start {
    align-self: flex-start;
    height: 16px;
    margin-top: 14px;
}

.er-input-wrap[b-33tilrxmfl]  .mud-input-error .mud-input-outlined-border {
    border-color: #d64545;
}

.er-input-wrap[b-33tilrxmfl]  .mud-input-helper-text {
    margin-top: 4px;
    font-family: "Inter", sans-serif;
    font-size: 11px;
}

.er-character-count[b-33tilrxmfl] {
    margin-top: 4px;
    color: var(--er-text-3);
    font-size: 11px;
    line-height: 1;
    text-align: right;
}

.er-status-row[b-33tilrxmfl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 14px;
    border: 1.5px solid var(--er-border-strong);
    border-radius: 10px;
    background: #fff;
}

.er-status-copy p[b-33tilrxmfl] {
    margin: 0;
    color: var(--er-text-1);
    font-size: 13.5px;
    font-weight: 600;
}

.er-status-copy span[b-33tilrxmfl] {
    display: block;
    margin-top: 2px;
    color: var(--er-text-3);
    font-size: 11.5px;
}

.er-status-control[b-33tilrxmfl] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 10px;
}

.er-status-badge[b-33tilrxmfl] {
    padding: 3px 9px;
    border-radius: 20px;
    background: var(--er-green-tint);
    color: var(--er-green);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.3px;
}

.er-status-badge.is-off[b-33tilrxmfl] {
    background: #eef0f5;
    color: var(--er-text-2);
}

.er-toggle[b-33tilrxmfl] {
    position: relative;
    flex: 0 0 auto;
    width: 44px;
    height: 26px;
    padding: 0;
    border: 0;
    border-radius: 20px;
    background: var(--er-green);
    cursor: pointer;
    transition: background 0.15s ease;
}

.er-toggle span[b-33tilrxmfl] {
    position: absolute;
    top: 3px;
    left: 21px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    transition: left 0.15s ease;
}

.er-toggle.is-off[b-33tilrxmfl] {
    background: #c6cedd;
}

.er-toggle.is-off span[b-33tilrxmfl] {
    left: 3px;
}

.er-footer[b-33tilrxmfl] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 20px 32px 26px;
    border-top: 1px solid var(--er-border);
    background: #fff;
}

.er-button[b-33tilrxmfl] {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 42px;
    padding: 0 20px;
    border-radius: 10px;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.1s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.er-button:active[b-33tilrxmfl] {
    transform: scale(0.97);
}

.er-button-cancel[b-33tilrxmfl] {
    border: 1.5px solid var(--er-border-strong);
    background: #fff;
    color: var(--er-text-2);
}

.er-button-cancel:hover[b-33tilrxmfl] {
    background: #f4f7fc;
}

.er-button-save[b-33tilrxmfl] {
    border: 0;
    background: linear-gradient(120deg, var(--er-navy-800), var(--er-blue-600));
    box-shadow: 0 8px 20px -6px rgba(29, 95, 209, 0.55);
    color: #fff;
}

.er-button-save:hover[b-33tilrxmfl] {
    box-shadow: 0 10px 24px -6px rgba(29, 95, 209, 0.7);
}

.er-button-save svg[b-33tilrxmfl] {
    width: 15px;
    height: 15px;
}

@media (max-width: 600px) {
    .er-header[b-33tilrxmfl] {
        padding: 22px 20px 20px;
    }

    .er-body[b-33tilrxmfl] {
        padding: 20px 16px 4px;
    }

    .er-section-head[b-33tilrxmfl],
    .er-section-body[b-33tilrxmfl] {
        padding-left: 14px;
        padding-right: 14px;
    }

    .er-section-helper[b-33tilrxmfl] {
        display: none;
    }

    .er-status-row[b-33tilrxmfl] {
        align-items: flex-start;
        flex-direction: column;
    }

    .er-status-control[b-33tilrxmfl] {
        justify-content: space-between;
        width: 100%;
    }

    .er-footer[b-33tilrxmfl] {
        padding: 16px 16px 20px;
    }
}

@media (max-width: 420px) {
    .er-header-text h1[b-33tilrxmfl] {
        font-size: 19px;
    }

    .er-header-text p[b-33tilrxmfl] {
        font-size: 12px;
    }

    .er-icon-badge[b-33tilrxmfl] {
        width: 40px;
        height: 40px;
    }

    .er-button[b-33tilrxmfl] {
        justify-content: center;
        flex: 1;
        padding: 0 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .er-shell *[b-33tilrxmfl],
    .er-shell *[b-33tilrxmfl]::before,
    .er-shell *[b-33tilrxmfl]::after {
        transition-duration: 0.01ms !important;
    }
}

/* /Component/ATS/UserManagement/AddUserComponent.razor.rz.scp.css */
.au-shell[b-gp8pseg1xp],
.au-shell *[b-gp8pseg1xp],
.au-shell *[b-gp8pseg1xp]::before,
.au-shell *[b-gp8pseg1xp]::after {
    box-sizing: border-box;
}

.au-shell[b-gp8pseg1xp] {
    --au-navy-900: #0b1b3d;
    --au-navy-800: #132a54;
    --au-navy-700: #1c3a70;
    --au-blue-600: #1d5fd1;
    --au-blue-500: #2e7ce0;
    --au-blue-tint: #edf3fc;
    --au-blue-tint-2: #e3ecfb;
    --au-border: #d9e3f5;
    --au-border-strong: #c2d2f0;
    --au-text-1: #16233f;
    --au-text-2: #5b6b8c;
    --au-text-3: #8a97b5;
    --au-green: #1e9e64;
    --au-green-tint: #e4f7ed;
    width: 100%;
    overflow: hidden;
    background: #fff;
    color: var(--au-text-1);
    font-family: "Inter", sans-serif;
}

.au-header[b-gp8pseg1xp] {
    position: relative;
    overflow: hidden;
    padding: 28px 32px 24px;
    background: linear-gradient(120deg, var(--au-navy-900) 0%, var(--au-navy-700) 55%, var(--au-blue-600) 130%);
}

.au-header[b-gp8pseg1xp]::before {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, 0.14) 1px, transparent 1.5px);
    background-size: 16px 16px;
    content: "";
    opacity: 0.35;
    -webkit-mask-image: linear-gradient(to bottom right, #000, transparent 70%);
    mask-image: linear-gradient(to bottom right, #000, transparent 70%);
    pointer-events: none;
}

.au-header-row[b-gp8pseg1xp] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.au-header-left[b-gp8pseg1xp] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.au-icon-badge[b-gp8pseg1xp] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
}

.au-icon-badge svg[b-gp8pseg1xp] {
    width: 22px;
    height: 22px;
}

.au-header-text h1[b-gp8pseg1xp] {
    margin: 0;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.2px;
}

.au-header-text p[b-gp8pseg1xp] {
    margin: 4px 0 0;
    color: #c6d5f5;
    font-size: 13.5px;
    font-weight: 400;
}

.au-close[b-gp8pseg1xp] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    cursor: pointer;
    transition: background 0.15s ease;
}

.au-close:hover[b-gp8pseg1xp],
.au-close:focus-visible[b-gp8pseg1xp] {
    background: rgba(255, 255, 255, 0.22);
}

.au-close:focus-visible[b-gp8pseg1xp],
.au-button:focus-visible[b-gp8pseg1xp],
.au-toggle:focus-visible[b-gp8pseg1xp],
.au-chip button:focus-visible[b-gp8pseg1xp] {
    outline: 3px solid rgba(143, 201, 255, 0.6);
    outline-offset: 2px;
}

.au-close svg[b-gp8pseg1xp] {
    width: 15px;
    height: 15px;
}

.au-body[b-gp8pseg1xp] {
    padding: 28px 32px 8px;
    background: #fff;
}

.au-section[b-gp8pseg1xp] {
    overflow: hidden;
    margin-bottom: 18px;
    border: 1px solid var(--au-border);
    border-radius: 14px;
    background: #fcfdff;
}

.au-section-head[b-gp8pseg1xp] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 51px;
    padding: 13px 18px;
    border-bottom: 1px solid var(--au-border);
    background: var(--au-blue-tint);
}

.au-section-number[b-gp8pseg1xp] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 7px;
    background: var(--au-navy-900);
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 600;
}

.au-section-head h2[b-gp8pseg1xp] {
    margin: 0;
    color: var(--au-text-1);
    font-family: "Poppins", sans-serif;
    font-size: 14.5px;
    font-weight: 600;
}

.au-section-helper[b-gp8pseg1xp] {
    margin-left: auto;
    color: var(--au-text-3);
    font-size: 11.5px;
    font-weight: 500;
    text-align: right;
}

.au-section-body[b-gp8pseg1xp] {
    display: grid;
    gap: 14px;
    padding: 18px;
}

.au-avatar-row[b-gp8pseg1xp] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 4px;
}

.au-avatar[b-gp8pseg1xp] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 2px solid var(--au-blue-tint-2);
    border-radius: 50%;
    background: linear-gradient(135deg, var(--au-blue-500), var(--au-navy-800));
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-weight: 600;
}

.au-avatar-row > span[b-gp8pseg1xp] {
    color: var(--au-text-3);
    font-size: 12px;
}

.au-grid-two[b-gp8pseg1xp] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 14px;
}

.au-field[b-gp8pseg1xp] {
    position: relative;
    min-width: 0;
}

.au-field > label[b-gp8pseg1xp] {
    display: block;
    margin-bottom: 6px;
    color: var(--au-text-2);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.2px;
}

.au-required[b-gp8pseg1xp] {
    margin-left: 2px;
    color: #d64545;
}

.au-input-wrap[b-gp8pseg1xp]  .mud-input-control {
    margin-top: 0;
}

.au-input-wrap[b-gp8pseg1xp]  .mud-input-control-input-container {
    position: relative;
}

.au-input-wrap[b-gp8pseg1xp]  .mud-input {
    min-height: 42px;
    border-radius: 10px;
    background: #fff;
    color: var(--au-text-1);
    font-family: "Inter", sans-serif;
    font-size: 14px;
}

.au-input-wrap[b-gp8pseg1xp]  .mud-input-slot {
    height: 42px;
    min-height: 42px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 42px;
    color: var(--au-text-1);
    font-family: "Inter", sans-serif;
    font-size: 14px;
}

.au-input-wrap[b-gp8pseg1xp]  .mud-input-slot::placeholder {
    color: var(--au-text-3);
    opacity: 1;
}

.au-input-wrap[b-gp8pseg1xp]  .mud-input-outlined-border {
    border-width: 1.5px;
    border-color: var(--au-border-strong);
    border-radius: 10px;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.au-input-wrap[b-gp8pseg1xp]  .mud-input:focus-within .mud-input-outlined-border {
    border-color: var(--au-blue-500);
    box-shadow: 0 0 0 3px rgba(46, 124, 224, 0.15);
}

.au-input-wrap[b-gp8pseg1xp]  .mud-input-adornment {
    color: var(--au-text-3);
}

.au-input-wrap[b-gp8pseg1xp]  .mud-input-adornment-start {
    margin-left: 0;
    margin-right: 8px;
    margin-inline-start: unset;
    margin-inline-end: 8px;
}

.au-input-wrap[b-gp8pseg1xp]  .mud-input-adornment-start .mud-icon-root {
    width: 16px;
    height: 16px;
    font-size: 16px;
}

.au-input-wrap[b-gp8pseg1xp]  .mud-input-adornment-start,
.au-input-wrap[b-gp8pseg1xp]  .mud-input-adornment-end {
    align-self: center;
}

.au-input-wrap[b-gp8pseg1xp]  .mud-input.mud-disabled,
.au-input-wrap[b-gp8pseg1xp]  .mud-input-slot:disabled {
    color: #7483a3;
    opacity: 1;
}

.au-input-wrap[b-gp8pseg1xp]  .mud-input.mud-disabled .mud-input-outlined-border {
    border-color: var(--au-border-strong);
}

.au-input-wrap[b-gp8pseg1xp]  .mud-input-error .mud-input-outlined-border {
    border-color: #d64545;
}

.au-input-wrap[b-gp8pseg1xp]  .mud-input-helper-text {
    margin-top: 4px;
    font-family: "Inter", sans-serif;
    font-size: 11px;
}

.au-chip-box[b-gp8pseg1xp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    min-height: 42px;
    padding: 6px 8px;
    border: 1.5px solid var(--au-border-strong);
    border-radius: 10px;
    background: #fff;
}

.au-chip-box.has-error[b-gp8pseg1xp] {
    border-color: #d64545;
}

.au-chip[b-gp8pseg1xp] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 8px 5px 10px;
    border: 1px solid var(--au-border-strong);
    border-radius: 20px;
    background: var(--au-blue-tint-2);
    color: var(--au-blue-600);
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1;
}

.au-chip button[b-gp8pseg1xp] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--au-blue-600);
    cursor: pointer;
    opacity: 0.7;
}

.au-chip button:hover[b-gp8pseg1xp] {
    opacity: 1;
}

.au-chip button svg[b-gp8pseg1xp] {
    width: 11px;
    height: 11px;
}

.au-chip-box[b-gp8pseg1xp]  .au-module-menu .mud-button-root {
    min-width: auto;
    min-height: 28px;
    padding: 4px 10px;
    border: 1.5px dashed var(--au-border-strong);
    border-radius: 20px;
    color: var(--au-text-2);
    font-family: "Inter", sans-serif;
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1;
    text-transform: none;
}

.au-chip-box[b-gp8pseg1xp]  .au-module-menu .mud-button-root:hover {
    border-color: var(--au-blue-500);
    background: transparent;
    color: var(--au-blue-600);
}

.au-chip-box[b-gp8pseg1xp]  .au-module-menu .mud-icon-root {
    font-size: 14px;
}

.au-error[b-gp8pseg1xp] {
    display: block;
    margin: 4px 12px 0;
    color: #d64545;
    font-size: 11px;
}

.au-status-row[b-gp8pseg1xp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 14px;
    border: 1.5px solid var(--au-border-strong);
    border-radius: 10px;
    background: #fff;
}

.au-status-copy p[b-gp8pseg1xp] {
    margin: 0;
}

.au-status-copy .au-status-title[b-gp8pseg1xp] {
    color: var(--au-text-1);
    font-size: 13.5px;
    font-weight: 600;
}

.au-status-copy p:last-child[b-gp8pseg1xp] {
    margin-top: 2px;
    color: var(--au-text-3);
    font-size: 11.5px;
}

.au-status-control[b-gp8pseg1xp] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 10px;
}

.au-status-badge[b-gp8pseg1xp] {
    padding: 3px 9px;
    border-radius: 20px;
    background: var(--au-green-tint);
    color: var(--au-green);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.3px;
}

.au-status-badge.is-off[b-gp8pseg1xp] {
    background: #eef0f5;
    color: var(--au-text-2);
}

.au-toggle[b-gp8pseg1xp] {
    position: relative;
    flex: 0 0 auto;
    width: 44px;
    height: 26px;
    padding: 0;
    border: 0;
    border-radius: 20px;
    background: var(--au-green);
    cursor: pointer;
    transition: background 0.15s ease;
}

.au-toggle span[b-gp8pseg1xp] {
    position: absolute;
    top: 3px;
    left: 21px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    transition: left 0.15s ease;
}

.au-toggle.is-off[b-gp8pseg1xp] {
    background: #c6cedd;
}

.au-toggle.is-off span[b-gp8pseg1xp] {
    left: 3px;
}

.au-footer[b-gp8pseg1xp] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 20px 32px 26px;
    border-top: 1px solid var(--au-border);
    background: #fff;
}

.au-button[b-gp8pseg1xp] {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 42px;
    padding: 0 20px;
    border-radius: 10px;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.1s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.au-button:active[b-gp8pseg1xp] {
    transform: scale(0.97);
}

.au-button-cancel[b-gp8pseg1xp] {
    border: 1.5px solid var(--au-border-strong);
    background: #fff;
    color: var(--au-text-2);
}

.au-button-cancel:hover[b-gp8pseg1xp] {
    background: #f4f7fc;
}

.au-button-save[b-gp8pseg1xp] {
    border: 0;
    background: linear-gradient(120deg, var(--au-navy-800), var(--au-blue-600));
    box-shadow: 0 8px 20px -6px rgba(29, 95, 209, 0.55);
    color: #fff;
}

.au-button-save:hover[b-gp8pseg1xp] {
    box-shadow: 0 10px 24px -6px rgba(29, 95, 209, 0.7);
}

.au-button-save svg[b-gp8pseg1xp] {
    width: 15px;
    height: 15px;
}

@media (max-width: 600px) {
    .au-header[b-gp8pseg1xp] {
        padding: 22px 20px 20px;
    }

    .au-body[b-gp8pseg1xp] {
        padding: 20px 16px 4px;
    }

    .au-section-head[b-gp8pseg1xp],
    .au-section-body[b-gp8pseg1xp] {
        padding-left: 14px;
        padding-right: 14px;
    }

    .au-grid-two[b-gp8pseg1xp] {
        grid-template-columns: 1fr;
    }

    .au-section-helper[b-gp8pseg1xp] {
        display: none;
    }

    .au-status-row[b-gp8pseg1xp] {
        align-items: flex-start;
        flex-direction: column;
    }

    .au-status-control[b-gp8pseg1xp] {
        justify-content: space-between;
        width: 100%;
    }

    .au-footer[b-gp8pseg1xp] {
        padding: 16px 16px 20px;
    }
}

@media (max-width: 420px) {
    .au-header-text h1[b-gp8pseg1xp] {
        font-size: 19px;
    }

    .au-header-text p[b-gp8pseg1xp] {
        font-size: 12px;
    }

    .au-icon-badge[b-gp8pseg1xp] {
        width: 40px;
        height: 40px;
    }

    .au-button[b-gp8pseg1xp] {
        justify-content: center;
        flex: 1;
        padding: 0 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .au-shell *[b-gp8pseg1xp],
    .au-shell *[b-gp8pseg1xp]::before,
    .au-shell *[b-gp8pseg1xp]::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}
/* /Component/ATS/UserManagement/EditUserComponent.razor.rz.scp.css */
.eu-shell[b-d381bibfia],
.eu-shell *[b-d381bibfia],
.eu-shell *[b-d381bibfia]::before,
.eu-shell *[b-d381bibfia]::after {
    box-sizing: border-box;
}

.eu-shell[b-d381bibfia] {
    --eu-navy-900: #0b1b3d;
    --eu-navy-800: #132a54;
    --eu-navy-700: #1c3a70;
    --eu-blue-600: #1d5fd1;
    --eu-blue-500: #2e7ce0;
    --eu-blue-tint: #edf3fc;
    --eu-blue-tint-2: #e3ecfb;
    --eu-border: #d9e3f5;
    --eu-border-strong: #c2d2f0;
    --eu-text-1: #16233f;
    --eu-text-2: #5b6b8c;
    --eu-text-3: #8a97b5;
    --eu-green: #1e9e64;
    --eu-green-tint: #e4f7ed;
    width: 100%;
    overflow: hidden;
    background: #fff;
    color: var(--eu-text-1);
    font-family: "Inter", sans-serif;
}

.eu-header[b-d381bibfia] {
    position: relative;
    overflow: hidden;
    padding: 28px 32px 24px;
    background: linear-gradient(120deg, var(--eu-navy-900) 0%, var(--eu-navy-700) 55%, var(--eu-blue-600) 130%);
}

.eu-header[b-d381bibfia]::before {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, 0.14) 1px, transparent 1.5px);
    background-size: 16px 16px;
    content: "";
    opacity: 0.35;
    -webkit-mask-image: linear-gradient(to bottom right, #000, transparent 70%);
    mask-image: linear-gradient(to bottom right, #000, transparent 70%);
    pointer-events: none;
}

.eu-header-row[b-d381bibfia] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.eu-header-left[b-d381bibfia] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.eu-icon-badge[b-d381bibfia] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
}

.eu-icon-badge svg[b-d381bibfia] {
    width: 22px;
    height: 22px;
}

.eu-header-text h1[b-d381bibfia] {
    margin: 0;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.2px;
}

.eu-header-text p[b-d381bibfia] {
    margin: 4px 0 0;
    color: #c6d5f5;
    font-size: 13.5px;
}

.eu-close[b-d381bibfia] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    cursor: pointer;
    transition: background 0.15s ease;
}

.eu-close:hover[b-d381bibfia],
.eu-close:focus-visible[b-d381bibfia] {
    background: rgba(255, 255, 255, 0.22);
}

.eu-close:focus-visible[b-d381bibfia],
.eu-button:focus-visible[b-d381bibfia],
.eu-toggle:focus-visible[b-d381bibfia],
.eu-chip button:focus-visible[b-d381bibfia] {
    outline: 3px solid rgba(143, 201, 255, 0.6);
    outline-offset: 2px;
}

.eu-close svg[b-d381bibfia] {
    width: 15px;
    height: 15px;
}

.eu-body[b-d381bibfia] {
    padding: 28px 32px 8px;
    background: #fff;
}

.eu-section[b-d381bibfia] {
    overflow: hidden;
    margin-bottom: 18px;
    border: 1px solid var(--eu-border);
    border-radius: 14px;
    background: #fcfdff;
}

.eu-section-head[b-d381bibfia] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 51px;
    padding: 13px 18px;
    border-bottom: 1px solid var(--eu-border);
    background: var(--eu-blue-tint);
}

.eu-section-number[b-d381bibfia] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 7px;
    background: var(--eu-navy-900);
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 600;
}

.eu-section-head h2[b-d381bibfia] {
    margin: 0;
    color: var(--eu-text-1);
    font-family: "Poppins", sans-serif;
    font-size: 14.5px;
    font-weight: 600;
}

.eu-section-helper[b-d381bibfia] {
    margin-left: auto;
    color: var(--eu-text-3);
    font-size: 11.5px;
    font-weight: 500;
    text-align: right;
}

.eu-section-body[b-d381bibfia] {
    display: grid;
    gap: 14px;
    padding: 18px;
}

.eu-avatar-row[b-d381bibfia] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 2px;
}

.eu-avatar[b-d381bibfia] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 2px solid var(--eu-blue-tint-2);
    border-radius: 50%;
    background: linear-gradient(135deg, var(--eu-blue-500), var(--eu-navy-800));
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-weight: 600;
}

.eu-who p[b-d381bibfia],
.eu-who span[b-d381bibfia] {
    display: block;
    margin: 0;
}

.eu-who p[b-d381bibfia] {
    color: var(--eu-text-1);
    font-size: 13.5px;
    font-weight: 600;
}

.eu-who span[b-d381bibfia] {
    margin-top: 1px;
    color: var(--eu-text-3);
    font-size: 11.5px;
}

.eu-grid-two[b-d381bibfia] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 14px;
}

.eu-field[b-d381bibfia] {
    position: relative;
    min-width: 0;
}

.eu-field > label[b-d381bibfia] {
    display: block;
    margin-bottom: 6px;
    color: var(--eu-text-2);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.2px;
}

.eu-required[b-d381bibfia] {
    margin-left: 2px;
    color: #d64545;
}

.eu-input-wrap[b-d381bibfia]  .mud-input-control {
    margin-top: 0;
}

.eu-input-wrap[b-d381bibfia]  .mud-input {
    min-height: 42px;
    border-radius: 10px;
    background: #fff;
    color: var(--eu-text-1);
    font-family: "Inter", sans-serif;
    font-size: 14px;
}

.eu-input-wrap[b-d381bibfia]  .mud-input-slot {
    height: 42px;
    min-height: 42px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 42px;
    color: var(--eu-text-1);
    font-family: "Inter", sans-serif;
    font-size: 14px;
}

.eu-input-wrap[b-d381bibfia]  .mud-input-slot::placeholder {
    color: var(--eu-text-3);
    opacity: 1;
}

.eu-input-wrap[b-d381bibfia]  .mud-input-outlined-border {
    border-width: 1.5px;
    border-color: var(--eu-border-strong);
    border-radius: 10px;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.eu-input-wrap[b-d381bibfia]  .mud-input:focus-within .mud-input-outlined-border {
    border-color: var(--eu-blue-500);
    box-shadow: 0 0 0 3px rgba(46, 124, 224, 0.15);
}

.eu-input-wrap[b-d381bibfia]  .mud-input-adornment {
    color: var(--eu-text-3);
}

.eu-input-wrap[b-d381bibfia]  .mud-input-adornment-start {
    margin-left: 0;
    margin-right: 8px;
    margin-inline-start: unset;
    margin-inline-end: 8px;
}

.eu-input-wrap[b-d381bibfia]  .mud-input-adornment-start .mud-icon-root {
    width: 16px;
    height: 16px;
    font-size: 16px;
}

.eu-input-wrap[b-d381bibfia]  .mud-input-adornment-start,
.eu-input-wrap[b-d381bibfia]  .mud-input-adornment-end {
    align-self: center;
}

.eu-input-wrap[b-d381bibfia]  .mud-input.mud-disabled {
    background: #f3f5fa;
    color: var(--eu-text-3);
    opacity: 1;
}

.eu-input-wrap[b-d381bibfia]  .mud-input-slot:disabled {
    color: var(--eu-text-3);
    opacity: 1;
}

.eu-input-wrap[b-d381bibfia]  .mud-input.mud-disabled .mud-input-outlined-border {
    border-color: var(--eu-border-strong);
}

.eu-input-wrap[b-d381bibfia]  .mud-input-error .mud-input-outlined-border {
    border-color: #d64545;
}

.eu-input-wrap[b-d381bibfia]  .mud-input-helper-text {
    margin-top: 4px;
    font-family: "Inter", sans-serif;
    font-size: 11px;
}

.eu-info-banner[b-d381bibfia] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: -2px;
    padding: 11px 14px;
    border: 1.5px solid var(--eu-border-strong);
    border-left: 3px solid var(--eu-blue-500);
    border-radius: 10px;
    background: var(--eu-blue-tint);
}

.eu-info-banner svg[b-d381bibfia] {
    flex: 0 0 auto;
    width: 17px;
    height: 17px;
    margin-top: 1px;
    color: var(--eu-blue-600);
}

.eu-info-banner p[b-d381bibfia] {
    margin: 0;
    color: var(--eu-navy-800);
    font-size: 12.5px;
    line-height: 1.5;
}

.eu-info-banner strong[b-d381bibfia] {
    color: var(--eu-blue-600);
    font-weight: 600;
}

.eu-chip-box[b-d381bibfia] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    min-height: 42px;
    padding: 6px 8px;
    border: 1.5px solid var(--eu-border-strong);
    border-radius: 10px;
    background: #fff;
}

.eu-chip-box.has-error[b-d381bibfia] {
    border-color: #d64545;
}

.eu-chip[b-d381bibfia] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 8px 5px 10px;
    border: 1px solid var(--eu-border-strong);
    border-radius: 20px;
    background: var(--eu-blue-tint-2);
    color: var(--eu-blue-600);
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1;
}

.eu-chip button[b-d381bibfia] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--eu-blue-600);
    cursor: pointer;
    opacity: 0.7;
}

.eu-chip button:hover[b-d381bibfia] {
    opacity: 1;
}

.eu-chip button svg[b-d381bibfia] {
    width: 11px;
    height: 11px;
}

.eu-chip-box[b-d381bibfia]  .eu-module-menu .mud-button-root {
    min-width: auto;
    min-height: 28px;
    padding: 4px 10px;
    border: 1.5px dashed var(--eu-border-strong);
    border-radius: 20px;
    color: var(--eu-text-2);
    font-family: "Inter", sans-serif;
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1;
    text-transform: none;
}

.eu-chip-box[b-d381bibfia]  .eu-module-menu .mud-button-root:hover {
    border-color: var(--eu-blue-500);
    background: transparent;
    color: var(--eu-blue-600);
}

.eu-chip-box[b-d381bibfia]  .eu-module-menu .mud-icon-root {
    font-size: 14px;
}

.eu-error[b-d381bibfia] {
    display: block;
    margin: 4px 12px 0;
    color: #d64545;
    font-size: 11px;
}

.eu-status-row[b-d381bibfia] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 14px;
    border: 1.5px solid var(--eu-border-strong);
    border-radius: 10px;
    background: #fff;
}

.eu-status-copy p[b-d381bibfia],
.eu-status-copy span[b-d381bibfia] {
    display: block;
    margin: 0;
}

.eu-status-copy p[b-d381bibfia] {
    color: var(--eu-text-1);
    font-size: 13.5px;
    font-weight: 600;
}

.eu-status-copy span[b-d381bibfia] {
    margin-top: 2px;
    color: var(--eu-text-3);
    font-size: 11.5px;
}

.eu-status-control[b-d381bibfia] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 10px;
}

.eu-status-badge[b-d381bibfia] {
    padding: 3px 9px;
    border-radius: 20px;
    background: var(--eu-green-tint);
    color: var(--eu-green);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.3px;
}

.eu-status-badge.is-off[b-d381bibfia] {
    background: #eef0f5;
    color: var(--eu-text-2);
}

.eu-toggle[b-d381bibfia] {
    position: relative;
    flex: 0 0 auto;
    width: 44px;
    height: 26px;
    padding: 0;
    border: 0;
    border-radius: 20px;
    background: var(--eu-green);
    cursor: pointer;
    transition: background 0.15s ease;
}

.eu-toggle span[b-d381bibfia] {
    position: absolute;
    top: 3px;
    left: 21px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    transition: left 0.15s ease;
}

.eu-toggle.is-off[b-d381bibfia] {
    background: #c6cedd;
}

.eu-toggle.is-off span[b-d381bibfia] {
    left: 3px;
}

.eu-footer[b-d381bibfia] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 20px 32px 26px;
    border-top: 1px solid var(--eu-border);
    background: #fff;
}

.eu-button[b-d381bibfia] {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 42px;
    padding: 0 20px;
    border-radius: 10px;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.1s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.eu-button:active[b-d381bibfia] {
    transform: scale(0.97);
}

.eu-button-cancel[b-d381bibfia] {
    border: 1.5px solid var(--eu-border-strong);
    background: #fff;
    color: var(--eu-text-2);
}

.eu-button-cancel:hover[b-d381bibfia] {
    background: #f4f7fc;
}

.eu-button-save[b-d381bibfia] {
    border: 0;
    background: linear-gradient(120deg, var(--eu-navy-800), var(--eu-blue-600));
    box-shadow: 0 8px 20px -6px rgba(29, 95, 209, 0.55);
    color: #fff;
}

.eu-button-save:hover[b-d381bibfia] {
    box-shadow: 0 10px 24px -6px rgba(29, 95, 209, 0.7);
}

.eu-button-save svg[b-d381bibfia] {
    width: 15px;
    height: 15px;
}

@media (max-width: 600px) {
    .eu-header[b-d381bibfia] {
        padding: 22px 20px 20px;
    }

    .eu-body[b-d381bibfia] {
        padding: 20px 16px 4px;
    }

    .eu-section-head[b-d381bibfia],
    .eu-section-body[b-d381bibfia] {
        padding-left: 14px;
        padding-right: 14px;
    }

    .eu-grid-two[b-d381bibfia] {
        grid-template-columns: 1fr;
    }

    .eu-section-helper[b-d381bibfia] {
        display: none;
    }

    .eu-status-row[b-d381bibfia] {
        align-items: flex-start;
        flex-direction: column;
    }

    .eu-status-control[b-d381bibfia] {
        justify-content: space-between;
        width: 100%;
    }

    .eu-footer[b-d381bibfia] {
        padding: 16px 16px 20px;
    }
}

@media (max-width: 420px) {
    .eu-header-text h1[b-d381bibfia] {
        font-size: 19px;
    }

    .eu-header-text p[b-d381bibfia] {
        font-size: 12px;
    }

    .eu-icon-badge[b-d381bibfia] {
        width: 40px;
        height: 40px;
    }

    .eu-button[b-d381bibfia] {
        justify-content: center;
        flex: 1;
        padding: 0 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .eu-shell *[b-d381bibfia],
    .eu-shell *[b-d381bibfia]::before,
    .eu-shell *[b-d381bibfia]::after {
        transition-duration: 0.01ms !important;
    }
}
/* /Component/ATS/UserManagement/UserManagement.razor.rz.scp.css */
.ats-users-page[b-8lejnw4pc5] {
    --users-navy-900: #0b1b3d;
    --users-navy-800: #132a54;
    --users-blue-600: #1d5fd1;
    --users-blue-500: #2e7ce0;
    --users-blue-tint: #edf3fc;
    --users-blue-tint-2: #e3ecfb;
    --users-border: #e4eaf6;
    --users-border-strong: #c2d2f0;
    --users-text-1: #16233f;
    --users-text-2: #5b6b8c;
    --users-text-3: #8a97b5;
    --users-green: #1e9e64;
    --users-green-tint: #e4f7ed;
    width: 100%;
    max-width: none;
    margin: 0 auto;
    color: var(--users-text-1);
    font-family: "Inter", sans-serif;
}

.ats-users-actions[b-8lejnw4pc5] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-bottom: 18px;
}

.ats-users-button[b-8lejnw4pc5] {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 40px;
    padding: 0 18px;
    border: 0;
    border-radius: 10px;
    font-family: "Inter", sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.3px;
    cursor: pointer;
    transition: transform 0.1s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.ats-users-button:active[b-8lejnw4pc5] {
    transform: scale(0.97);
}

.ats-users-button:focus-visible[b-8lejnw4pc5],
.ats-users-edit:focus-visible[b-8lejnw4pc5] {
    outline: 3px solid rgba(46, 124, 224, 0.25);
    outline-offset: 2px;
}

.ats-users-button svg[b-8lejnw4pc5] {
    width: 15px;
    height: 15px;
}

.ats-users-button-outline[b-8lejnw4pc5] {
    border: 1.5px solid var(--users-border-strong);
    background: #fff;
    color: var(--users-blue-600);
    text-transform: uppercase;
}

.ats-users-button-outline:hover[b-8lejnw4pc5] {
    background: var(--users-blue-tint);
}

.ats-users-button-primary[b-8lejnw4pc5] {
    background: linear-gradient(120deg, var(--users-navy-800), var(--users-blue-600));
    box-shadow: 0 8px 20px -6px rgba(29, 95, 209, 0.5);
    color: #fff;
}

.ats-users-button-primary:hover[b-8lejnw4pc5] {
    box-shadow: 0 10px 24px -6px rgba(29, 95, 209, 0.65);
}

.ats-users-table-scope[b-8lejnw4pc5]  table {
    width: 100%;
    min-width: 1120px;
    border-collapse: collapse;
}

.ats-users-table-scope[b-8lejnw4pc5]  .ats-users-user-column {
    min-width: 145px !important;
}

.ats-users-table-scope[b-8lejnw4pc5]  .ats-users-email-column {
    min-width: 190px !important;
}

.ats-users-table-scope[b-8lejnw4pc5]  .ats-users-modules-column {
    min-width: 280px !important;
}

.ats-users-user-cell[b-8lejnw4pc5] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ats-users-avatar[b-8lejnw4pc5] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--users-blue-500), var(--users-navy-800));
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 600;
}

.ats-users-name[b-8lejnw4pc5] {
    color: var(--users-text-1);
    font-weight: 600;
}

.ats-users-table-scope[b-8lejnw4pc5]  .ats-users-muted,
.ats-users-table-scope[b-8lejnw4pc5]  .ats-users-muted a,
.ats-users-table-scope[b-8lejnw4pc5]  .ats-users-date {
    color: var(--users-text-2);
}

.ats-users-table-scope[b-8lejnw4pc5]  .ats-users-muted a {
    text-decoration: none;
}

.ats-users-table-scope[b-8lejnw4pc5]  .ats-users-muted a:hover {
    color: var(--users-blue-600);
    text-decoration: underline;
}

.ats-users-table-scope[b-8lejnw4pc5]  .ats-users-date {
    white-space: nowrap !important;
}

.ats-users-chips[b-8lejnw4pc5] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    max-width: 340px;
}

.ats-users-chip[b-8lejnw4pc5] {
    display: inline-flex;
    align-items: center;
    padding: 4px 9px;
    border: 1px solid var(--users-border-strong);
    border-radius: 20px;
    background: var(--users-blue-tint-2);
    color: var(--users-blue-600);
    font-size: 11.5px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}

.ats-users-chip-more[b-8lejnw4pc5] {
    border-color: var(--users-navy-900);
    background: var(--users-navy-900);
    color: #fff;
}

.ats-users-status[b-8lejnw4pc5] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 10px;
    border-radius: 20px;
    background: var(--users-green-tint);
    color: var(--users-green);
    font-size: 11.5px;
    font-weight: 700;
    white-space: nowrap;
}

.ats-users-status[b-8lejnw4pc5]::before {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--users-green);
    content: "";
}

.ats-users-status.is-disabled[b-8lejnw4pc5] {
    background: #eef0f5;
    color: var(--users-text-2);
}

.ats-users-status.is-disabled[b-8lejnw4pc5]::before {
    background: var(--users-text-3);
}

.ats-users-edit[b-8lejnw4pc5] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 1px solid var(--users-border-strong);
    border-radius: 8px;
    background: var(--users-blue-tint);
    color: var(--users-blue-600);
    cursor: pointer;
}

.ats-users-edit:hover[b-8lejnw4pc5] {
    background: var(--users-blue-tint-2);
}

.ats-users-edit svg[b-8lejnw4pc5] {
    width: 14px;
    height: 14px;
}

.ats-users-empty[b-8lejnw4pc5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-height: 180px;
    color: var(--users-text-3);
    text-align: center;
}

.ats-users-empty[b-8lejnw4pc5]  .mud-icon-root {
    margin-bottom: 6px;
    color: var(--users-blue-500);
    font-size: 34px;
}

.ats-users-empty strong[b-8lejnw4pc5] {
    color: var(--users-text-1);
    font-family: "Poppins", sans-serif;
    font-size: 15px;
}

.ats-users-empty span[b-8lejnw4pc5] {
    font-size: 12px;
}

@media (max-width: 600px) {
    .ats-users-actions[b-8lejnw4pc5] {
		display: flex;
    }

    .ats-users-button[b-8lejnw4pc5] {
        justify-content: center;
        padding: 0 12px;
        font-size: 11.5px;
    }

}

@media (prefers-reduced-motion: reduce) {
    .ats-users-page *[b-8lejnw4pc5],
    .ats-users-page *[b-8lejnw4pc5]::before,
    .ats-users-page *[b-8lejnw4pc5]::after {
        transition-duration: 0.01ms !important;
    }
}
/* /Component/ATS/Withdrawn/WithdrawnApplicationComponent.razor.rz.scp.css */
[b-habdsaad0m] .withdrawn-applications {
    --navy-900: #0b1b3d;
    --blue-600: #1d5fd1;
    --blue-tint: #edf3fc;
    --blue-tint-2: #e3ecfb;
    --border: #e4eaf6;
    --border-strong: #c2d2f0;
    --text-1: #16233f;
    --text-2: #5b6b8c;
    --text-3: #8a97b5;
    width: 100%;
    max-width: none;
    margin: 0;
}

.withdrawn-applications-scope[b-habdsaad0m] { width: 100%; }

[b-habdsaad0m] .withdrawn-applications .mud-table {
    padding: 26px 28px 8px !important;
    border: 1px solid var(--border);
    border-radius: 16px !important;
    background: #fff;
    box-shadow: 0 12px 32px -12px rgba(11, 27, 61, .12);
    overflow: hidden;
}

[b-habdsaad0m] .ats-management-card.withdrawn-applications .mud-table {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

[b-habdsaad0m] .withdrawn-applications .mud-input-control {
    margin: 0;
}

[b-habdsaad0m] .withdrawn-applications .mud-input-outlined-border {
    border-width: 1.5px;
    border-color: var(--border-strong);
    border-radius: 10px;
}

[b-habdsaad0m] .withdrawn-applications .mud-input-slot {
    color: var(--text-1);
    font-size: 13.5px;
}

[b-habdsaad0m] .withdrawn-applications .mud-input-adornment-start { color: var(--text-3); }
[b-habdsaad0m] .withdrawn-applications input::placeholder { color: var(--text-3); opacity: 1; }

[b-habdsaad0m] .withdrawn-applications .mud-table-head .mud-table-cell {
    padding: 10px 14px 12px;
    border-bottom: 1.5px solid var(--border-strong);
    color: var(--text-1);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .4px;
    text-transform: uppercase;
    white-space: nowrap;
}

[b-habdsaad0m] .withdrawn-applications .mud-table-body .mud-table-cell {
    padding: 16px 14px;
    border-bottom: 1px solid var(--border);
    color: var(--text-1);
    font-size: 13.5px;
    vertical-align: middle;
}

[b-habdsaad0m] .withdrawn-applications .mud-table-row:hover { background: #fafbff !important; }

.withdrawn-candidate[b-habdsaad0m] { display: flex; align-items: center; gap: 12px; }
.withdrawn-avatar[b-habdsaad0m] {
    display: flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 50%;
    background: linear-gradient(135deg, #2e7ce0, #132a54);
    color: #fff;
    font-family: Poppins, Inter, sans-serif;
    font-size: 12.5px;
    font-weight: 600;
}

.withdrawn-email[b-habdsaad0m] { color: var(--text-2); font-size: 13px; }
[b-habdsaad0m] .withdrawn-name { color: var(--text-1) !important; font-weight: 600; }

.withdrawn-status[b-habdsaad0m] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 10px;
    border-radius: 20px;
    background: #fbe9e9;
    color: #c23b3b;
    font-size: 11.5px;
    font-weight: 700;
    white-space: nowrap;
}

.withdrawn-status[b-habdsaad0m]::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #c23b3b;
}

.withdrawn-action[b-habdsaad0m] {
    display: flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid var(--border-strong);
    border-radius: 8px;
    background: var(--blue-tint);
    color: #1d5fd1 !important;
    cursor: pointer;
    transition: background .12s ease;
}

.withdrawn-action:hover[b-habdsaad0m] { background: var(--blue-tint-2); }
.withdrawn-action svg[b-habdsaad0m] {
    width: 14px;
    height: 14px;
    color: #1d5fd1;
    stroke: #1d5fd1;
}
/* /Component/Generic/ConfirmationDialogComponent.razor.rz.scp.css */
.confirmation-dialog-shell[b-vvxlyrnj5j] {
    --confirmation-navy-950: #071230;
    --confirmation-navy-800: #0f2a5c;
    --confirmation-blue-600: #2f6fed;
    --confirmation-teal: #14b8a6;
    --confirmation-bg: #f4f6fb;
    --confirmation-border-soft: #eef1f7;
    --confirmation-text-900: #101828;
    --confirmation-text-600: #4b5468;
    --confirmation-text-400: #8992a6;
    --confirmation-gradient: linear-gradient(
        100deg,
        var(--confirmation-navy-950) 0%,
        var(--confirmation-navy-800) 45%,
        var(--confirmation-blue-600) 100%
    );
    position: relative;
    width: 100%;
    padding: 34px 32px 28px;
    box-sizing: border-box;
    background: #fff;
    color: var(--confirmation-text-900);
    font-family: "Inter", sans-serif;
    text-align: center;
}

.confirmation-dialog-close[b-vvxlyrnj5j] {
    position: absolute;
    top: 16px;
    right: 16px;
    display: flex;
    width: 30px;
    height: 30px;
    padding: 0;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--confirmation-border-soft);
    border-radius: 50%;
    background: var(--confirmation-bg);
    color: var(--confirmation-text-400);
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.confirmation-dialog-close:hover[b-vvxlyrnj5j] {
    background: #eef1f7;
    color: var(--confirmation-text-900);
}

.confirmation-dialog-close:focus-visible[b-vvxlyrnj5j],
.confirmation-dialog-proceed:focus-visible[b-vvxlyrnj5j] {
    outline: 3px solid rgba(47, 111, 237, 0.3);
    outline-offset: 2px;
}

.confirmation-dialog-close svg[b-vvxlyrnj5j] {
    width: 14px;
    height: 14px;
}

.confirmation-dialog-icon[b-vvxlyrnj5j] {
    display: flex;
    width: 64px;
    height: 64px;
    margin: 0 auto 18px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--confirmation-gradient);
    box-shadow: 0 10px 20px -6px rgba(15, 42, 92, 0.4);
    color: #fff;
}

.confirmation-dialog-icon svg[b-vvxlyrnj5j] {
    width: 28px;
    height: 28px;
}

.confirmation-dialog-title[b-vvxlyrnj5j] {
    margin: 0 0 12px;
    color: var(--confirmation-text-900);
    font-family: "Manrope", "Inter", sans-serif;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.3;
}

.confirmation-dialog-description[b-vvxlyrnj5j] {
    margin: 0 0 22px;
    color: var(--confirmation-text-600);
    font-size: 14px;
    line-height: 1.6;
}

.confirmation-dialog-notice[b-vvxlyrnj5j] {
    display: flex;
    margin-bottom: 24px;
    padding: 13px 14px;
    align-items: flex-start;
    gap: 10px;
    border: 1px solid rgba(47, 111, 237, 0.16);
    border-radius: 12px;
    background: linear-gradient(
        135deg,
        rgba(47, 111, 237, 0.07),
        rgba(20, 184, 166, 0.06)
    );
    text-align: left;
}

.confirmation-dialog-notice-icon[b-vvxlyrnj5j] {
    display: flex;
    width: 22px;
    height: 22px;
    margin-top: 1px;
    flex: 0 0 22px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--confirmation-blue-600);
    color: #fff;
}

.confirmation-dialog-notice-icon svg[b-vvxlyrnj5j] {
    width: 12px;
    height: 12px;
}

.confirmation-dialog-notice p[b-vvxlyrnj5j] {
    margin: 0;
    color: var(--confirmation-text-600);
    font-size: 12.5px;
    line-height: 1.55;
}

.confirmation-dialog-notice p[b-vvxlyrnj5j]  strong {
    color: var(--confirmation-text-900);
    font-weight: 600;
}

.confirmation-dialog-proceed[b-vvxlyrnj5j] {
    display: flex;
    width: 100%;
    min-height: 41px;
    padding: 12px 18px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 0;
    border-radius: 11px;
    background: var(--confirmation-gradient);
    box-shadow: 0 8px 18px -6px rgba(15, 42, 92, 0.45);
    color: #fff;
    cursor: pointer;
    font-family: "Inter", sans-serif;
    font-size: 13.5px;
    font-weight: 700;
    line-height: 1.25;
    transition: filter 0.15s ease, transform 0.15s ease;
}

.confirmation-dialog-proceed:hover[b-vvxlyrnj5j] {
    filter: brightness(1.08);
}

.confirmation-dialog-proceed:active[b-vvxlyrnj5j] {
    transform: translateY(1px);
}

.confirmation-dialog-proceed svg[b-vvxlyrnj5j] {
    width: 14px;
    height: 14px;
}

.confirmation-dialog-footnote[b-vvxlyrnj5j] {
    display: flex;
    margin-top: 18px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: var(--confirmation-text-400);
    font-size: 11px;
    line-height: 1.4;
}

.confirmation-dialog-footnote svg[b-vvxlyrnj5j] {
    width: 12px;
    height: 12px;
    flex-shrink: 0;
}

@media (max-width: 480px) {
    .confirmation-dialog-shell[b-vvxlyrnj5j] {
        padding: 32px 24px 24px;
    }
}

@media (max-width: 360px) {
    .confirmation-dialog-shell[b-vvxlyrnj5j] {
        padding-right: 18px;
        padding-left: 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .confirmation-dialog-close[b-vvxlyrnj5j],
    .confirmation-dialog-proceed[b-vvxlyrnj5j] {
        transition: none;
    }
}
/* /Component/Generic/CursorTablePager.razor.rz.scp.css */
/* The stock MudTablePager bar is a MudToolBar, whose .mud-toolbar class brings
   `display: flex; align-items: center` from MudBlazor. This pager renders a plain
   div without that class, so restate both here — otherwise the rows-per-page group,
   the "1-10 of 428" info text, and the nav buttons sit at different heights. */
.cursor-table-pager[b-0tznxwljh1] {
    display: flex;
    align-items: center;
}

/* The info text is a MudText (child component, so ::deep); kill any inherited
   vertical margin so flex centering, not the margin, decides where it sits. */
.cursor-table-pager[b-0tznxwljh1]  .mud-table-page-number-information {
    margin-top: 0;
    margin-bottom: 0;
    align-self: center;
}

/* MudBlazor's .mud-table-pagination-select sets only cursor/margin/min-width, never a
   display rule — stock MudTablePager keeps the caption and the select as flex siblings
   of its MudToolBar. This pager nests them in that div instead, so without a display
   rule they fall into block flow and the label stacks above the dropdown.
   The 10px side margins are MudBlazor's; dropping them sits the group next to the
   "1-10 of 428" info text rather than floating apart from it. */
.cursor-table-pager .mud-table-pagination-select[b-0tznxwljh1] {
    display: flex;
    align-items: center;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
/* /Component/Generic/ErrorDialogComponent.razor.rz.scp.css */
.philsys-error-shell[b-quyyw19j7b],
.philsys-error-shell *[b-quyyw19j7b],
.philsys-error-shell *[b-quyyw19j7b]::before,
.philsys-error-shell *[b-quyyw19j7b]::after {
    box-sizing: border-box;
}

.philsys-error-shell[b-quyyw19j7b] {
    --philsys-navy-900: #0b1b3d;
    --philsys-navy-800: #132a54;
    --philsys-blue-500: #2e7ce0;
    --philsys-border: #e4eaf6;
    --philsys-border-strong: #c2d2f0;
    --philsys-text-1: #16233f;
    --philsys-text-2: #5b6b8c;
    --philsys-red: #d64545;
    --philsys-red-tint: #fdecec;
    --philsys-red-border: #f1c7c7;
    display: flex;
    width: 100%;
    min-height: 100vh;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    font-family: Inter, sans-serif !important;
}

.philsys-error-shell[b-quyyw19j7b]  .philsys-error-card {
    width: 100%;
    max-width: 460px;
    padding: 38px 34px 34px !important;
    border: 1px solid var(--philsys-border) !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: 0 0 0 6px rgba(46,124,224,.1), 0 18px 40px -16px rgba(11,27,61,.25) !important;
    text-align: center;
}

.philsys-error-badge[b-quyyw19j7b] {
    display: flex;
    width: 64px;
    height: 64px;
    margin: 0 auto 20px;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: var(--philsys-red-tint);
    color: var(--philsys-red);
}

.philsys-error-badge svg[b-quyyw19j7b] {
    width: 28px;
    height: 28px;
}

.philsys-error-title[b-quyyw19j7b] {
    margin: 0 0 6px;
    color: var(--philsys-navy-900);
    font-family: Poppins, Inter, sans-serif;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.3;
}

.philsys-error-subtitle[b-quyyw19j7b] {
    margin: 0 auto 22px;
    max-width: 38ch;
    color: var(--philsys-text-2);
    font-size: 13.5px;
    line-height: 1.5;
}

.philsys-error-details[b-quyyw19j7b] {
    margin-bottom: 18px;
    overflow: hidden;
    border: 1.5px solid var(--philsys-border-strong);
    border-radius: 12px;
    background: #fcfdff;
    text-align: left;
}

.philsys-error-details > summary[b-quyyw19j7b] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 13px 40px 13px 16px;
    color: var(--philsys-text-1);
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    list-style: none;
}

.philsys-error-details > summary[b-quyyw19j7b]::-webkit-details-marker {
    display: none;
}

.philsys-error-chevron[b-quyyw19j7b] { position:absolute; right:16px; top:50%; width:18px; height:18px; transform:translateY(-50%); color:var(--philsys-text-2); transition:transform .15s ease; }

.philsys-error-details[open] > summary[b-quyyw19j7b] {
    border-bottom: 1px solid var(--philsys-border);
}

.philsys-error-details[open] > summary .philsys-error-chevron[b-quyyw19j7b] { transform:translateY(-50%) rotate(180deg); }

.philsys-error-message[b-quyyw19j7b] {
    max-height: 180px;
    margin: 0;
    overflow: auto;
    padding: 14px 16px;
    color: var(--philsys-text-1);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
    white-space: pre-wrap;
    word-break: break-word;
}

.philsys-error-action[b-quyyw19j7b] {
    width: 100%;
}

.philsys-error-button[b-quyyw19j7b] {
    width: 100% !important;
    height: 48px;
    border: 0;
    border-radius: 12px !important;
    background: linear-gradient(120deg, var(--philsys-navy-800), var(--philsys-blue-500)) !important;
    box-shadow: 0 10px 22px -6px rgba(29, 95, 209, .5) !important;
    color: #fff !important;
    font-family: Inter, sans-serif;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    letter-spacing: 0;
    text-transform: none !important;
    transition: box-shadow .15s ease, transform .1s ease;
}
.philsys-error-button svg[b-quyyw19j7b] { width:17px; height:17px; }

.philsys-error-button:hover[b-quyyw19j7b] {
    box-shadow: 0 14px 28px -8px rgba(29, 95, 209, .65) !important;
}

.philsys-error-button:active[b-quyyw19j7b] {
    transform: scale(.97);
}

@media (max-width: 640px) {
    .philsys-error-shell[b-quyyw19j7b]  .philsys-error-card {
        padding: 24px 20px 20px !important;
        border-radius: 14px !important;
    }

    .philsys-error-title[b-quyyw19j7b] {
        font-size: 18px;
    }

    .philsys-error-badge[b-quyyw19j7b] {
        width: 54px;
        height: 54px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .philsys-error-button[b-quyyw19j7b] {
        transition-duration: .01ms !important;
    }
}
/* /Component/Generic/PasswordStrengthComponent.razor.rz.scp.css */
.password-strength[b-xtoklwgjy1] {
    margin: 0;
}

.password-strength-requirements[b-xtoklwgjy1] {
    margin: 0 0 10px;
    padding: 9px 10px;
    border: 1px solid var(--border, #dce6f7);
    border-radius: 8px;
    background: #f7f9fd;
    color: var(--text-2, #5b6b8c);
    font-size: 11.5px;
    line-height: 1.45;
    text-align: left;
}

.password-strength-requirements strong[b-xtoklwgjy1] {
    color: var(--text-1, #16233f);
    font-weight: 700;
}

.password-strength-bars[b-xtoklwgjy1] {
    display: flex;
    gap: 5px;
    margin-bottom: 6px;
}

.password-strength-bars span[b-xtoklwgjy1] {
    height: 4px;
    flex: 1;
    border-radius: 3px;
    background: var(--border-strong, #c2d2f0);
    transition: background .15s ease;
}

.password-strength-label[b-xtoklwgjy1] {
    color: var(--text-3, #8a97b5);
    font-size: 11.5px;
    font-weight: 600;
    text-align: left;
    transition: color .15s ease;
}

.password-strength.weak .password-strength-bars span.active[b-xtoklwgjy1] { background: #d64545; }
.password-strength.weak .password-strength-label[b-xtoklwgjy1] { color: #d64545; }
.password-strength.fair .password-strength-bars span.active[b-xtoklwgjy1] { background: #e8a33d; }
.password-strength.fair .password-strength-label[b-xtoklwgjy1] { color: #e8a33d; }
.password-strength.good .password-strength-bars span.active[b-xtoklwgjy1] { background: var(--blue-500, #2e7ce0); }
.password-strength.good .password-strength-label[b-xtoklwgjy1] { color: var(--blue-500, #2e7ce0); }
.password-strength.strong .password-strength-bars span.active[b-xtoklwgjy1] { background: #1e9e64; }
.password-strength.strong .password-strength-label[b-xtoklwgjy1] { color: #1e9e64; }
/* /Component/Generic/PreviewComponent.razor.rz.scp.css */
.preview-upload-shell[b-qyfkhvepf9] {
    --preview-navy-900: #0b1b3d;
    --preview-navy-800: #132a54;
    --preview-navy-700: #1c3a70;
    --preview-blue-600: #1d5fd1;
    --preview-blue-500: #2e7ce0;
    --preview-blue-tint: #edf3fc;
    --preview-border: #d9e3f5;
    --preview-border-strong: #c2d2f0;
    --preview-text: #16233f;
    --preview-muted: #5b6b8c;
    width: 100%;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 24px 60px -12px rgba(11,27,61,.35), 0 4px 12px rgba(11,27,61,.08);
}

.preview-upload-header[b-qyfkhvepf9] {
    position: relative;
    overflow: hidden;
    padding: 24px 30px 20px;
    color: #fff;
    background: linear-gradient(120deg, var(--preview-navy-900), var(--preview-navy-700) 55%, var(--preview-blue-600) 130%);
}

.preview-upload-header[b-qyfkhvepf9]::before {
    position: absolute;
    inset: 0;
    content: "";
    opacity: .35;
    background-image: radial-gradient(rgba(255,255,255,.14) 1px, transparent 1.5px);
    background-size: 16px 16px;
    -webkit-mask-image: linear-gradient(to bottom right, #000, transparent 70%);
    mask-image: linear-gradient(to bottom right, #000, transparent 70%);
}

.preview-upload-header-row[b-qyfkhvepf9],
.preview-upload-header-left[b-qyfkhvepf9] {
    position: relative;
    display: flex;
    align-items: center;
}

.preview-upload-header-row[b-qyfkhvepf9] { justify-content: space-between; gap: 16px; }
.preview-upload-header-left[b-qyfkhvepf9] { gap: 13px; }

.preview-upload-icon[b-qyfkhvepf9] {
    display: grid;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    place-items: center;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 12px;
    background: rgba(255,255,255,.14);
}

.preview-upload-icon svg[b-qyfkhvepf9] { width: 20px; height: 20px; }
.preview-upload-header h2[b-qyfkhvepf9] { margin: 0; font-size: 19px; font-weight: 600; letter-spacing: .2px; }
.preview-upload-header p[b-qyfkhvepf9] { margin: 4px 0 0; color: #c6d5f5; font-size: 12.5px; }

.preview-upload-close[b-qyfkhvepf9] {
    display: grid;
    width: 32px;
    height: 32px;
    padding: 0;
    color: #fff;
    cursor: pointer;
    place-items: center;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 9px;
    background: rgba(255,255,255,.1);
}

.preview-upload-close:hover[b-qyfkhvepf9] { background: rgba(255,255,255,.22); }
.preview-upload-close svg[b-qyfkhvepf9] { width: 14px; height: 14px; }
.preview-upload-body[b-qyfkhvepf9] { padding: 24px 26px 8px; }

.preview-upload-table-panel[b-qyfkhvepf9] {
    width: 100%;
}

[b-qyfkhvepf9] .preview-upload-table.ats-management-card {
    height: auto;
    padding: 26px 28px 10px;
    border: 1px solid var(--preview-border);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 12px 32px -12px rgba(11, 27, 61, 0.12);
}

.preview-upload-alert[b-qyfkhvepf9] { margin-top: 16px; }
.preview-upload-row-index[b-qyfkhvepf9] {
    display: inline-grid;
    width: 24px;
    height: 24px;
    color: var(--preview-blue-600);
    font-size: 11.5px;
    font-weight: 700;
    place-items: center;
    border-radius: 7px;
    background: #e3ecfb;
}

.preview-upload-invalid-cell[b-qyfkhvepf9] { color: #c62828 !important; font-weight: 700 !important; }

.preview-upload-name-cell[b-qyfkhvepf9] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
}

.preview-upload-avatar[b-qyfkhvepf9] {
    display: inline-grid;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--preview-blue-500), var(--preview-navy-800));
}

.preview-upload-name[b-qyfkhvepf9] { color: var(--preview-text); font-weight: 600; }
.preview-upload-muted[b-qyfkhvepf9] { color: var(--preview-muted); font-variant-numeric: tabular-nums; }

.preview-upload-footer[b-qyfkhvepf9] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 20px 30px 26px;
}

.preview-upload-button[b-qyfkhvepf9] { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 42px; padding: 0 22px; border-radius: 10px; font-family: "Inter", sans-serif; font-size: 14px; font-weight: 700; line-height: 1; cursor: pointer; text-transform: none; transition: transform .1s ease, box-shadow .15s ease, background .15s ease; }
.preview-upload-button:active[b-qyfkhvepf9] { transform: scale(.97); }
.preview-upload-cancel[b-qyfkhvepf9] { color: var(--preview-muted); border: 1.5px solid var(--preview-border-strong); background: #fff; }
.preview-upload-cancel:hover[b-qyfkhvepf9] { background: #f4f7fc; }
.preview-upload-confirm[b-qyfkhvepf9] { border: 0; color: #fff; background: linear-gradient(120deg, var(--preview-navy-800), var(--preview-blue-600)); box-shadow: 0 8px 20px -6px rgba(29,95,209,.55); }
.preview-upload-confirm:hover[b-qyfkhvepf9] { box-shadow: 0 10px 24px -6px rgba(29,95,209,.7); }
.preview-upload-confirm svg[b-qyfkhvepf9] { width: 15px; height: 15px; }
.preview-upload-confirm:disabled[b-qyfkhvepf9] { opacity: .55; cursor: default; box-shadow: none; }
.preview-upload-confirm:disabled:active[b-qyfkhvepf9] { transform: none; }
.preview-upload-button:focus-visible[b-qyfkhvepf9] { outline: 3px solid rgba(46,124,224,.25); outline-offset: 2px; }

[b-qyfkhvepf9] .mud-dialog-content { padding: 0 !important; }
[b-qyfkhvepf9] .preview-upload-dialog { overflow: hidden; border-radius: 20px; }
[b-qyfkhvepf9] .preview-upload-table .mud-table-container {
    width: 100%;
    max-width: 100%;
    overflow-x: auto !important;
    overscroll-behavior-x: contain;
    scrollbar-gutter: stable;
    -webkit-overflow-scrolling: touch;
}

[b-qyfkhvepf9] .preview-upload-table table {
    width: 100%;
    min-width: 920px;
    table-layout: auto;
    border-collapse: collapse;
}

[b-qyfkhvepf9] .preview-upload-table .mud-table-body .mud-table-cell {
    vertical-align: middle;
}

@media (max-width: 700px) {
    .preview-upload-header[b-qyfkhvepf9] { padding: 20px 18px; }
    .preview-upload-body[b-qyfkhvepf9] { padding: 18px 16px 8px; }
    .preview-upload-footer[b-qyfkhvepf9] { flex-direction: column-reverse; padding: 16px; }
    .preview-upload-button[b-qyfkhvepf9] { width: 100%; }
}
/* /Component/Generic/TableComponent.razor.rz.scp.css */
.responsive-table-container[b-7eskhbyd1b] {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: auto;
    overflow: hidden;
}

.responsive-table-container[b-7eskhbyd1b]  .generic-responsive-table {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 10px;
    border-radius: 12px;
}

/* Only applied when RowsClickable is set, so tables that handle clicks on a single
   cell do not advertise the whole row as interactive. */
.responsive-table-container[b-7eskhbyd1b]  .table-component-clickable-rows tbody tr {
    cursor: pointer;
}

.responsive-table-container[b-7eskhbyd1b]  .table-component-clickable-rows tbody tr:focus-visible {
    outline: 2px solid var(--mud-palette-primary, #1c4980);
    outline-offset: -2px;
}

.responsive-table-container[b-7eskhbyd1b]  .mud-table-toolbar {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
}

.table-component-toolbar[b-7eskhbyd1b] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(16rem, 31.25rem);
    align-items: center;
    gap: 1rem 1.25rem;
    width: 100%;
    min-width: 0;
}

.table-component-toolbar.has-left-content[b-7eskhbyd1b] {
    grid-template-columns: minmax(0, 1fr);
}

.responsive-table-container[b-7eskhbyd1b]  .table-component-title {
    grid-column: 1;
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
}

.table-component-heading[b-7eskhbyd1b] {
    min-width: 0;
}

.responsive-table-container[b-7eskhbyd1b]  .table-component-subtitle {
    display: block;
    margin-top: 2px;
    color: var(--mud-palette-text-secondary);
}

.table-component-toolbar-row[b-7eskhbyd1b] {
    display: flex;
    grid-column: 2;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    width: 100%;
    min-width: 0;
}

.table-component-toolbar:not(.has-title) .table-component-toolbar-row[b-7eskhbyd1b],
.table-component-toolbar.has-left-content .table-component-toolbar-row[b-7eskhbyd1b] {
    grid-column: 1 / -1;
}

.table-component-toolbar-left[b-7eskhbyd1b] {
    flex: 0 1 20rem;
    min-width: 0;
    margin-left: auto;
}

.table-component-search[b-7eskhbyd1b] {
    flex: 0 1 31.25rem;
    width: 100%;
    max-width: 31.25rem;
    min-width: 12rem;
    margin-left: 0;
}

.table-component-search[b-7eskhbyd1b]  .table-component-search-input {
    width: 100%;
}

.table-component-toolbar-actions[b-7eskhbyd1b] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
}

.table-component-reload-button[b-7eskhbyd1b] {
    display: flex;
    width: 2.375rem;
    height: 2.375rem;
    flex: 0 0 2.375rem;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1.5px solid #c2d2f0;
    border-radius: 10px;
    background: #edf3fc;
    color: #1d5fd1;
    cursor: pointer;
    transition: background .15s ease, border-color .15s ease;
}

.table-component-reload-button:hover:not(:disabled)[b-7eskhbyd1b] {
    border-color: #2e7ce0;
    background: #e3ecfb;
}

.table-component-reload-button:disabled[b-7eskhbyd1b] {
    cursor: wait;
}

.table-component-reload-button svg[b-7eskhbyd1b] {
    width: 1rem;
    height: 1rem;
}

.table-component-reload-button.is-reloading svg[b-7eskhbyd1b] {
    animation: table-component-spin-b-7eskhbyd1b .7s linear infinite;
}

@keyframes table-component-spin-b-7eskhbyd1b {
    to { transform: rotate(360deg); }
}

.responsive-table-container[b-7eskhbyd1b]  .mud-table-container {
    width: 100%;
    max-width: 100%;
    overflow-x: auto !important;
    overscroll-behavior-x: contain;
    scrollbar-gutter: stable;
    -webkit-overflow-scrolling: touch;
}

.responsive-table-container[b-7eskhbyd1b]  .mud-table-root {
    width: 100%;
}

.responsive-table-container[b-7eskhbyd1b]  .mud-table-pagination {
    display: flex;
    max-width: 100%;
    justify-content: flex-end;
    overflow-x: auto;
}

.responsive-table-container[b-7eskhbyd1b]  .mud-table-pagination-toolbar {
    box-sizing: border-box;
    width: 100%;
    height: auto !important;
    min-height: 3.5rem;
    min-width: min(100%, 32rem);
    justify-content: flex-end;
    flex-wrap: wrap;
}

.responsive-table-container[b-7eskhbyd1b]  .mud-table-pagination-spacer {
    min-width: 0;
    flex: 1 1 auto;
}

@media (max-width: 960px) {
    .table-component-toolbar[b-7eskhbyd1b] {
        grid-template-columns: minmax(0, 1fr);
        align-items: stretch;
    }

    .responsive-table-container[b-7eskhbyd1b]  .table-component-title,
    .table-component-toolbar-row[b-7eskhbyd1b] {
        grid-column: 1;
    }

    .table-component-toolbar-row[b-7eskhbyd1b] {
        justify-content: flex-end;
        flex-wrap: wrap;
    }

    .table-component-search[b-7eskhbyd1b] {
        max-width: none;
    }

    .responsive-table-container[b-7eskhbyd1b]  .mud-sm-table .mud-table-root {
        min-width: 100% !important;
        table-layout: auto !important;
    }

    .responsive-table-container[b-7eskhbyd1b]  .mud-sm-table .mud-table-container {
        overflow-x: hidden !important;
    }

    .responsive-table-container[b-7eskhbyd1b]  .mud-sm-table .mud-table-cell {
        box-sizing: border-box;
        flex: 1 1 auto;
        width: 100%;
        min-width: 0 !important;
        gap: 1rem;
        white-space: normal !important;
        overflow-wrap: anywhere;
    }

    .responsive-table-container[b-7eskhbyd1b]  .mud-sm-table .mud-table-cell::before {
        flex: 0 0 min(42%, 12rem);
        color: var(--mud-palette-text-secondary);
        text-align: left;
    }

    .responsive-table-container[b-7eskhbyd1b]  .mud-sm-table .mud-table-cell > * {
        min-width: 0;
    }
}

@media (max-width: 600px) {
    .responsive-table-container[b-7eskhbyd1b]  .generic-responsive-table {
        padding: 0.5rem;
    }

    .responsive-table-container[b-7eskhbyd1b]  .table-component-title {
        font-size: 1.125rem !important;
    }

    .table-component-toolbar-row[b-7eskhbyd1b] {
        align-items: stretch;
        flex-direction: column;
    }

    .table-component-toolbar-left[b-7eskhbyd1b],
    .table-component-search[b-7eskhbyd1b],
    .table-component-toolbar-actions[b-7eskhbyd1b] {
        flex-basis: auto;
        width: 100%;
        min-width: 0;
    }

    .table-component-toolbar-actions[b-7eskhbyd1b]  .mud-button-root {
        width: 100%;
    }

    .responsive-table-container[b-7eskhbyd1b]  .mud-table-pagination-toolbar {
        justify-content: flex-end;
        gap: 0.5rem;
        padding-inline: 0 !important;
    }
}
/* /Component/Generic/YesNoDialogComponent.razor.rz.scp.css */
/* The .mud-dialog root and .mud-dialog-content are styled globally in
   wwwroot/css/app.css (.mud-dialog.yes-no-dialog): the dialog teleports to
   MudDialogProvider, so ::deep scoped rules can never reach it. */

.yes-no-dialog-shell[b-obklh9wy70] {
    --yes-no-navy-800: #132a54;
    --yes-no-blue-500: #2e7ce0;
    --yes-no-border-strong: #c2d2f0;
    --yes-no-text-1: #16233f;
    --yes-no-text-2: #5b6b8c;
    --yes-no-amber: #b5790f;
    --yes-no-amber-border: #f0dca8;
    --yes-no-orange-600: #d3540e;
    --yes-no-orange-500: #ea7317;
    width: 100%;
    padding: 32px 30px 28px;
    background: #fff;
    box-sizing: border-box;
    color: var(--yes-no-text-1);
    font-family: "Inter", sans-serif;
    text-align: center;
}

.yes-no-dialog-icon-badge[b-obklh9wy70] {
    display: flex;
    width: 56px;
    height: 56px;
    margin: 0 auto 18px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--yes-no-blue-500), var(--yes-no-navy-800));
    box-shadow: 0 10px 22px -8px rgba(29, 95, 209, 0.5);
    color: #fff;
}

.yes-no-dialog-shell.is-warning .yes-no-dialog-icon-badge[b-obklh9wy70] {
    background: linear-gradient(135deg, var(--yes-no-orange-500), var(--yes-no-orange-600));
    box-shadow: 0 10px 22px -8px rgba(211, 84, 14, 0.5);
}

.yes-no-dialog-icon-badge[b-obklh9wy70]  .mud-icon-root {
    width: 26px;
    height: 26px;
    color: #fff !important;
    font-size: 26px;
}

.yes-no-dialog-title[b-obklh9wy70] {
    margin: 0 0 10px;
    color: var(--yes-no-text-1);
    font-family: "Poppins", "Inter", sans-serif;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.35;
}

.yes-no-dialog-description[b-obklh9wy70] {
    margin: 0 0 20px;
    color: var(--yes-no-text-2);
    font-size: 13.5px;
    line-height: 1.6;
}

.yes-no-dialog-info-banner[b-obklh9wy70] {
    display: flex;
    margin-bottom: 24px;
    padding: 12px 14px;
    align-items: flex-start;
    gap: 10px;
    border: 1.5px solid #cfdcf2;
    border-left: 3px solid #1d5fd1;
    border-radius: 10px;
    background: var(--yes-no-info-background, #eef4ff);
    text-align: left;
}

.yes-no-dialog-shell.is-warning .yes-no-dialog-info-banner[b-obklh9wy70] {
    border-color: var(--yes-no-amber-border);
    border-left-color: var(--yes-no-amber);
}

.yes-no-dialog-info-banner[b-obklh9wy70]  .yes-no-dialog-info-icon {
    width: 16px;
    height: 16px;
    margin-top: 1px;
    flex: 0 0 16px;
    color: #1d5fd1 !important;
    font-size: 16px;
}

.yes-no-dialog-shell.is-warning .yes-no-dialog-info-banner[b-obklh9wy70]  .yes-no-dialog-info-icon {
    color: var(--yes-no-amber) !important;
}

.yes-no-dialog-info-message[b-obklh9wy70] {
    margin: 0;
    color: #355273;
    font-size: 12.5px;
    line-height: 1.5;
}

.yes-no-dialog-shell.is-warning .yes-no-dialog-info-message[b-obklh9wy70] {
    color: #7a5209;
}

.yes-no-dialog-info-message strong[b-obklh9wy70] {
    font-weight: 700;
}

.yes-no-dialog-footer[b-obklh9wy70] {
    display: flex;
    gap: 10px;
}

.yes-no-dialog-footer[b-obklh9wy70]  .yes-no-dialog-button {
    height: 44px;
    min-width: 0;
    padding: 0 18px !important;
    flex: 1 1 0;
    border-radius: 10px !important;
    font-family: "Inter", sans-serif;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    transition: transform 0.1s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

.yes-no-dialog-footer[b-obklh9wy70]  .yes-no-dialog-button:active {
    transform: scale(0.97);
}

.yes-no-dialog-footer[b-obklh9wy70]  .yes-no-dialog-cancel {
    border: 1.5px solid var(--yes-no-border-strong) !important;
    background: #eef1f7 !important;
    box-shadow: none !important;
    color: var(--yes-no-text-2) !important;
}

.yes-no-dialog-footer[b-obklh9wy70]  .yes-no-dialog-cancel:hover {
    background: #e4e9f2 !important;
}

.yes-no-dialog-footer[b-obklh9wy70]  .yes-no-dialog-confirm {
    border: 0 !important;
    background: linear-gradient(120deg, var(--yes-no-navy-800), var(--yes-no-blue-500)) !important;
    box-shadow: 0 8px 20px -6px rgba(29, 95, 209, 0.55) !important;
    color: #fff !important;
}

.yes-no-dialog-shell.is-warning .yes-no-dialog-footer[b-obklh9wy70]  .yes-no-dialog-confirm {
    background: linear-gradient(120deg, var(--yes-no-orange-600), var(--yes-no-orange-500)) !important;
    box-shadow: 0 8px 20px -6px rgba(211, 84, 14, 0.55) !important;
}

.yes-no-dialog-footer[b-obklh9wy70]  .yes-no-dialog-confirm:hover {
    box-shadow: 0 10px 24px -6px rgba(29, 95, 209, 0.7) !important;
}

.yes-no-dialog-shell.is-warning .yes-no-dialog-footer[b-obklh9wy70]  .yes-no-dialog-confirm:hover {
    box-shadow: 0 10px 24px -6px rgba(211, 84, 14, 0.7) !important;
}

.yes-no-dialog-footer[b-obklh9wy70]  .yes-no-dialog-confirm .mud-icon-root {
    width: 15px;
    height: 15px;
    font-size: 15px;
}

.yes-no-dialog-footer[b-obklh9wy70]  .yes-no-dialog-progress {
    width: 16px !important;
    height: 16px !important;
    margin-right: 8px;
    color: currentColor !important;
}

@media (max-width: 480px) {
    .yes-no-dialog-shell[b-obklh9wy70] {
        padding: 26px 20px 22px;
    }
}

@media (max-width: 360px) {
    .yes-no-dialog-footer[b-obklh9wy70] {
        flex-direction: column-reverse;
    }

    /* flex-basis 0 collapses button height once the footer is a column */
    .yes-no-dialog-footer[b-obklh9wy70]  .yes-no-dialog-button {
        flex: 0 0 auto;
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .yes-no-dialog-footer[b-obklh9wy70]  .yes-no-dialog-button {
        transition: none;
    }
}
/* /Component/PhilSys/Liveness/LivenessCheckComponent.razor.rz.scp.css */
.philsys-liveness-shell[b-sxyb5h9cbk],
.philsys-liveness-shell *[b-sxyb5h9cbk],
.philsys-liveness-shell *[b-sxyb5h9cbk]::before,
.philsys-liveness-shell *[b-sxyb5h9cbk]::after {
    box-sizing: border-box;
}

.philsys-liveness-shell[b-sxyb5h9cbk] {
    --philsys-navy-900: #0b1b3d;
    --philsys-navy-800: #132a54;
    --philsys-blue-500: #2e7ce0;
    --philsys-blue-tint: #edf3fc;
    --philsys-border: #e4eaf6;
    --philsys-border-strong: #c2d2f0;
    --philsys-text-1: #16233f;
    --philsys-text-2: #5b6b8c;
    --philsys-text-3: #8a97b5;
    --philsys-green: #1e9e64;
    --philsys-green-tint: #e4f7ed;
    display: flex;
    width: 100%;
    justify-content: center;
    font-family: "Inter", sans-serif;
}

.philsys-liveness-shell[b-sxyb5h9cbk]  .philsys-liveness-card {
    width: 100%;
    max-width: 420px;
    padding: 34px 30px 30px !important;
    border: 1px solid var(--philsys-border) !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow:
        0 0 0 6px rgba(46, 124, 224, 0.10),
        0 18px 40px -16px rgba(11, 27, 61, 0.25) !important;
    text-align: center;
}

.philsys-liveness-badge[b-sxyb5h9cbk] {
    display: flex;
    width: 66px;
    height: 66px;
    margin: 0 auto 20px;
    align-items: center;
    justify-content: center;
    border-radius: 19px;
    background: linear-gradient(135deg, var(--philsys-blue-500), var(--philsys-navy-900));
    box-shadow: 0 12px 24px -10px rgba(29, 95, 209, 0.5);
    color: #fff;
}

.philsys-liveness-badge[b-sxyb5h9cbk]  .mud-icon-root {
    width: 28px;
    height: 28px;
    color: #fff !important;
    font-size: 28px;
}

.philsys-liveness-title[b-sxyb5h9cbk] {
    margin: 0 0 8px;
    color: var(--philsys-text-1);
    font-family: "Poppins", "Inter", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.35;
}

.philsys-liveness-subtitle[b-sxyb5h9cbk] {
    max-width: 34ch;
    margin: 0 auto 22px;
    color: var(--philsys-text-2);
    font-size: 13.5px;
    line-height: 1.55;
}

.philsys-liveness-tips[b-sxyb5h9cbk] {
    display: flex;
    margin-bottom: 22px;
    padding: 16px 18px;
    flex-direction: column;
    gap: 12px;
    border: 1.5px solid var(--philsys-border-strong);
    border-radius: 14px;
    background: var(--philsys-blue-tint);
    text-align: left;
}

.philsys-liveness-tip[b-sxyb5h9cbk] {
    display: flex;
    align-items: center;
    gap: 11px;
    color: var(--philsys-text-1);
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.45;
}

.philsys-liveness-tip-check[b-sxyb5h9cbk] {
    display: inline-flex;
    width: 22px;
    height: 22px;
    align-items: center;
    justify-content: center;
    flex: 0 0 22px;
    border-radius: 50%;
    background: var(--philsys-green-tint);
    color: var(--philsys-green);
}

.philsys-liveness-tip-check svg[b-sxyb5h9cbk] {
    width: 12px;
    height: 12px;
}

.philsys-liveness-action[b-sxyb5h9cbk] {
    width: 100%;
    margin-bottom: 16px;
}

.philsys-liveness-action[b-sxyb5h9cbk]  .philsys-liveness-button {
    height: 50px;
    border: 0 !important;
    border-radius: 13px !important;
    background: linear-gradient(120deg, var(--philsys-navy-800), var(--philsys-blue-500)) !important;
    box-shadow: 0 12px 26px -8px rgba(29, 95, 209, 0.55) !important;
    color: #fff !important;
    font-family: "Inter", sans-serif;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0;
    text-transform: none !important;
    transition: box-shadow 0.15s ease, transform 0.1s ease;
}

.philsys-liveness-action[b-sxyb5h9cbk]  .philsys-liveness-button:hover {
    box-shadow: 0 14px 30px -8px rgba(29, 95, 209, 0.7) !important;
}

.philsys-liveness-action[b-sxyb5h9cbk]  .philsys-liveness-button:active {
    transform: scale(0.98);
}

.philsys-liveness-action[b-sxyb5h9cbk]  .philsys-liveness-button .mud-icon-root {
    width: 18px;
    height: 18px;
    font-size: 18px;
}

.philsys-liveness-privacy[b-sxyb5h9cbk] {
    max-width: 38ch;
    margin: 0 auto;
    color: var(--philsys-text-3);
    font-size: 12px;
    line-height: 1.6;
}

@media (max-width: 360px) {
    .philsys-liveness-shell[b-sxyb5h9cbk]  .philsys-liveness-card {
        padding: 28px 20px 24px !important;
    }

    .philsys-liveness-tips[b-sxyb5h9cbk] {
        padding: 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .philsys-liveness-action[b-sxyb5h9cbk]  .philsys-liveness-button {
        transition: none;
    }
}
/* /Component/PhilSys/Liveness/ReTransactComponent.razor.rz.scp.css */
.philsys-retransact-shell[b-88cs5u4npi],
.philsys-retransact-shell *[b-88cs5u4npi],
.philsys-retransact-shell *[b-88cs5u4npi]::before,
.philsys-retransact-shell *[b-88cs5u4npi]::after {
    box-sizing: border-box;
}

.philsys-retransact-shell[b-88cs5u4npi] {
    --philsys-navy-900: #0b1b3d;
    --philsys-navy-800: #132a54;
    --philsys-blue-500: #2e7ce0;
    --philsys-border: #e4eaf6;
    --philsys-text-1: #16233f;
    --philsys-text-2: #5b6b8c;
    --philsys-text-3: #8a97b5;
    --philsys-red: #d64545;
    --philsys-red-tint: #fdecec;
    --philsys-amber: #b5790f;
    --philsys-amber-tint: #fcf1dd;
    display: flex;
    width: 100%;
    justify-content: center;
    font-family: Inter, sans-serif;
}

.philsys-retransact-shell[b-88cs5u4npi]  .philsys-retransact-card {
    width: 100%;
    max-width: 440px;
    padding: 32px 30px 26px !important;
    border: 1px solid var(--philsys-border) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 12px 32px -12px rgba(11, 27, 61, .12) !important;
    text-align: center;
}

.philsys-retransact-badge-wrap[b-88cs5u4npi] {
    display: flex;
    margin: 0 auto 16px;
    justify-content: center;
}

.philsys-retransact-badge[b-88cs5u4npi] {
    display: flex;
    width: 60px;
    height: 60px;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
}

.philsys-retransact-badge svg[b-88cs5u4npi] {
    width: 28px;
    height: 28px;
}

.philsys-retransact-badge.is-warning[b-88cs5u4npi] {
    background: var(--philsys-red-tint);
    color: var(--philsys-red);
}

.philsys-retransact-badge.is-expired[b-88cs5u4npi] {
    background: var(--philsys-amber-tint);
    color: var(--philsys-amber);
}

.philsys-retransact-title[b-88cs5u4npi] {
    margin: 0 0 6px;
    color: var(--philsys-navy-900);
    font-family: Poppins, Inter, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
}

.philsys-retransact-subtitle[b-88cs5u4npi] {
    margin: 0 auto 22px;
    max-width: 38ch;
    color: var(--philsys-text-2);
    font-size: 13.5px;
    line-height: 1.5;
}

.philsys-retransact-action[b-88cs5u4npi] {
    width: 100%;
}

.philsys-retransact-action[b-88cs5u4npi]  .philsys-retransact-button {
    height: 48px;
    border: 0;
    border-radius: 11px !important;
    background: linear-gradient(120deg, var(--philsys-navy-800), var(--philsys-blue-500)) !important;
    box-shadow: 0 10px 22px -6px rgba(29, 95, 209, .5) !important;
    color: #fff !important;
    font-family: Inter, sans-serif;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0;
    text-transform: none !important;
    transition: box-shadow .15s ease, transform .1s ease;
}

.philsys-retransact-action[b-88cs5u4npi]  .philsys-retransact-button:hover:not(:disabled) {
    box-shadow: 0 12px 26px -6px rgba(29, 95, 209, .65) !important;
}

.philsys-retransact-action[b-88cs5u4npi]  .philsys-retransact-button:active:not(:disabled) {
    transform: scale(.97);
}

.philsys-retransact-action[b-88cs5u4npi]  .philsys-retransact-button.mud-button-disabled,
.philsys-retransact-action[b-88cs5u4npi]  .philsys-retransact-button:disabled {
    background: #eef1f7 !important;
    box-shadow: none !important;
    color: var(--philsys-text-3) !important;
    cursor: not-allowed;
}

.philsys-retransact-action[b-88cs5u4npi]  .philsys-retransact-button .mud-icon-root {
    width: 18px;
    height: 18px;
    font-size: 18px;
}

@media (max-width: 640px) {
    .philsys-retransact-shell[b-88cs5u4npi]  .philsys-retransact-card {
        padding: 24px 20px 20px !important;
        border-radius: 14px !important;
    }

    .philsys-retransact-title[b-88cs5u4npi] {
        font-size: 18px;
    }

    .philsys-retransact-badge[b-88cs5u4npi] {
        width: 54px;
        height: 54px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .philsys-retransact-shell[b-88cs5u4npi]  .philsys-retransact-button {
        transition-duration: .01ms !important;
    }
}
/* /Component/PhilSys/Results/PhilSysCompleteVerificationComponent.razor.rz.scp.css */
.philsys-complete-overlay[b-pi3wmxghfr],
.philsys-complete-overlay *[b-pi3wmxghfr],
.philsys-complete-overlay *[b-pi3wmxghfr]::before,
.philsys-complete-overlay *[b-pi3wmxghfr]::after {
    box-sizing: border-box;
}

.philsys-complete-overlay[b-pi3wmxghfr] {
    --philsys-navy-900: #0b1b3d;
    --philsys-border: #e4eaf6;
    --philsys-text-2: #5b6b8c;
    --philsys-green: #1e8e5a;
    --philsys-green-tint: #e7f5ec;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    font-family: Inter, sans-serif;
}

.philsys-complete-overlay[b-pi3wmxghfr]  .philsys-complete-card {
    width: 100%;
    max-width: 440px;
    padding: 32px 30px !important;
    border: 1px solid var(--philsys-border) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 12px 32px -12px rgba(11, 27, 61, .12) !important;
    text-align: center;
}

.philsys-complete-badge[b-pi3wmxghfr] {
    display: flex;
    width: 60px;
    height: 60px;
    margin: 0 auto 16px;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: var(--philsys-green-tint);
    color: var(--philsys-green);
}

.philsys-complete-badge svg[b-pi3wmxghfr] {
    width: 28px;
    height: 28px;
}

.philsys-complete-title[b-pi3wmxghfr] {
    margin: 0 0 6px;
    color: var(--philsys-navy-900);
    font-family: Poppins, Inter, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
}

.philsys-complete-subtitle[b-pi3wmxghfr] {
    margin: 0 auto;
    max-width: 38ch;
    color: var(--philsys-text-2);
    font-size: 13.5px;
    line-height: 1.5;
}

@media (max-width: 640px) {
    .philsys-complete-overlay[b-pi3wmxghfr]  .philsys-complete-card {
        padding: 24px 20px !important;
        border-radius: 14px !important;
    }

    .philsys-complete-title[b-pi3wmxghfr] {
        font-size: 18px;
    }

    .philsys-complete-badge[b-pi3wmxghfr] {
        width: 54px;
        height: 54px;
    }
}
/* /Component/PhilSys/Results/PhilSysResultComponent.razor.rz.scp.css */
.philsys-result-shell[b-nmpkey8gg0],
.philsys-result-shell *[b-nmpkey8gg0],
.philsys-result-shell *[b-nmpkey8gg0]::before,
.philsys-result-shell *[b-nmpkey8gg0]::after {
    box-sizing: border-box;
}

.philsys-result-shell[b-nmpkey8gg0] {
    --philsys-navy-900: #0b1b3d;
    --philsys-navy-800: #132a54;
    --philsys-blue-500: #2e7ce0;
    --philsys-blue-tint: #edf3fc;
    --philsys-border: #e4eaf6;
    --philsys-border-strong: #c2d2f0;
    --philsys-text-1: #16233f;
    --philsys-text-2: #5b6b8c;
    --philsys-text-3: #8a97b5;
    --philsys-green: #1e8e5a;
    --philsys-green-tint: #e7f5ec;
    --philsys-red: #d64545;
    --philsys-red-tint: #fdecec;
    display: flex;
    width: 100%;
    justify-content: center;
    padding: 24px 16px;
    font-family: Inter, sans-serif;
}

.philsys-result-shell[b-nmpkey8gg0]  .philsys-result-card {
    width: 100%;
    max-width: 950px;
    padding: 0 !important;
    overflow: hidden;
    border: 1px solid var(--philsys-border) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 12px 32px -12px rgba(11, 27, 61, .12) !important;
}

.philsys-result-head[b-nmpkey8gg0] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 24px 28px 18px;
    border-bottom: 1px solid var(--philsys-border);
}

.philsys-result-head-text[b-nmpkey8gg0] {
    min-width: 0;
}

.philsys-result-title[b-nmpkey8gg0] {
    margin: 0 0 4px;
    color: var(--philsys-navy-900);
    font-family: Poppins, Inter, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
}

.philsys-result-subtitle[b-nmpkey8gg0] {
    margin: 0;
    color: var(--philsys-text-2);
    font-size: 13.5px;
    line-height: 1.5;
}

.philsys-result-pill[b-nmpkey8gg0] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 7px;
    height: 32px;
    padding: 0 14px;
    border-radius: 999px;
    font-size: 12.5px;
    font-weight: 700;
    white-space: nowrap;
}

.philsys-result-pill svg[b-nmpkey8gg0] {
    width: 12px;
    height: 12px;
}

.philsys-result-pill.is-verified[b-nmpkey8gg0] {
    background: var(--philsys-green-tint);
    color: var(--philsys-green);
}

.philsys-result-pill.is-not-verified[b-nmpkey8gg0] {
    background: var(--philsys-red-tint);
    color: var(--philsys-red);
}

.philsys-result-body[b-nmpkey8gg0] {
    display: grid;
    gap: 22px;
    padding: 22px 28px;
    grid-template-columns: 225px minmax(0, 1fr);
}

.philsys-result-aside[b-nmpkey8gg0] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
}

.philsys-result-photo[b-nmpkey8gg0] {
    width: 100%;
    height: 200px;
    overflow: hidden;
    border: 1px solid var(--philsys-border-strong);
    border-radius: 12px;
    background: var(--philsys-blue-tint);
}

.philsys-result-photo[b-nmpkey8gg0]  .philsys-result-photo-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.philsys-result-details[b-nmpkey8gg0] {
    min-width: 0;
}

.philsys-result-list[b-nmpkey8gg0] {
    margin: 0;
    overflow: hidden;
    border: 1px solid var(--philsys-border);
    border-radius: 12px;
}

.philsys-result-row[b-nmpkey8gg0] {
    display: grid;
    gap: 12px;
    padding: 9px 14px;
    grid-template-columns: minmax(0, 45%) minmax(0, 1fr);
    align-items: baseline;
}

.philsys-result-row:nth-child(odd)[b-nmpkey8gg0] {
    background: #fcfdff;
}

.philsys-result-row + .philsys-result-row[b-nmpkey8gg0] {
    border-top: 1px solid var(--philsys-border);
}

.philsys-result-row dt[b-nmpkey8gg0] {
    margin: 0;
    color: var(--philsys-text-2);
    font-size: 12.5px;
    font-weight: 600;
    letter-spacing: .2px;
}

.philsys-result-row dd[b-nmpkey8gg0] {
    margin: 0;
    min-width: 0;
    color: var(--philsys-text-1);
    font-size: 13.5px;
    font-weight: 600;
    overflow-wrap: break-word;
}

.philsys-result-row dd.is-empty[b-nmpkey8gg0] {
    color: var(--philsys-text-3);
    font-weight: 500;
    font-style: italic;
}

.philsys-result-actions[b-nmpkey8gg0] {
    display: flex;
    justify-content: flex-end;
    padding: 0 28px 24px;
}

.philsys-result-shell[b-nmpkey8gg0]  .philsys-result-button {
    height: 44px;
    min-width: 180px;
    padding: 0 22px !important;
    border-radius: 11px !important;
    font-family: Inter, sans-serif;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0;
    text-transform: none !important;
    transition: box-shadow .15s ease, transform .1s ease, background .15s ease;
}

.philsys-result-shell[b-nmpkey8gg0]  .philsys-result-button:active {
    transform: scale(.97);
}

.philsys-result-shell[b-nmpkey8gg0]  .philsys-result-button .mud-icon-root {
    width: 17px;
    height: 17px;
    font-size: 17px;
}

.philsys-result-shell[b-nmpkey8gg0]  .philsys-result-button-primary {
    border: 0;
    background: linear-gradient(120deg, var(--philsys-navy-800), var(--philsys-blue-500)) !important;
    box-shadow: 0 10px 22px -6px rgba(29, 95, 209, .5) !important;
    color: #fff !important;
}

.philsys-result-shell[b-nmpkey8gg0]  .philsys-result-button-primary:hover {
    box-shadow: 0 12px 26px -6px rgba(29, 95, 209, .65) !important;
}

.philsys-result-shell[b-nmpkey8gg0]  .philsys-result-button-secondary {
    min-width: 0;
    border: 1.5px solid var(--philsys-border-strong) !important;
    background: #fff !important;
    box-shadow: none !important;
    color: var(--philsys-text-2) !important;
}

.philsys-result-shell[b-nmpkey8gg0]  .philsys-result-button-secondary:hover {
    background: #eef1f7 !important;
}

@media (max-width: 780px) {
    .philsys-result-body[b-nmpkey8gg0] {
        grid-template-columns: 1fr;
    }

    .philsys-result-aside[b-nmpkey8gg0] {
        max-width: 260px;
        margin: 0 auto;
    }
}

@media (max-width: 640px) {
    .philsys-result-shell[b-nmpkey8gg0] {
        padding: 16px 12px;
    }

    .philsys-result-head[b-nmpkey8gg0] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        padding: 20px 18px 16px;
    }

    .philsys-result-title[b-nmpkey8gg0] {
        font-size: 18px;
    }

    .philsys-result-body[b-nmpkey8gg0] {
        padding: 18px;
    }

    .philsys-result-actions[b-nmpkey8gg0] {
        padding: 0 18px 20px;
    }

    .philsys-result-shell[b-nmpkey8gg0]  .philsys-result-button-primary {
        width: 100%;
    }

    .philsys-result-row[b-nmpkey8gg0] {
        gap: 2px;
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .philsys-result-shell[b-nmpkey8gg0]  .philsys-result-button {
        transition-duration: .01ms !important;
    }
}
/* /Component/PhilSys/Shared/PhilSysLoaderComponent.razor.rz.scp.css */
.philsys-loader-overlay[b-36p6y3d4cn],
.philsys-loader-overlay *[b-36p6y3d4cn],
.philsys-loader-overlay *[b-36p6y3d4cn]::before,
.philsys-loader-overlay *[b-36p6y3d4cn]::after {
    box-sizing: border-box;
}

.philsys-loader-overlay[b-36p6y3d4cn] {
    --philsys-navy-900: #0b1b3d;
    --philsys-blue-600: #1d5fd1;
    --philsys-blue-500: #2e7ce0;
    --philsys-border: #e4eaf6;
    --philsys-text-1: #16233f;
    --philsys-text-2: #5b6b8c;
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    background: #eef2f9;
    font-family: "Inter", sans-serif;
}

.philsys-loader-overlay[b-36p6y3d4cn]  .philsys-loader-paper {
    display: flex;
    width: 100%;
    max-width: 420px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 38px 34px 34px !important;
    border: 1px solid var(--philsys-border) !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: 0 0 0 6px rgba(46, 124, 224, .10), 0 18px 40px -16px rgba(11, 27, 61, .25) !important;
    text-align: center;
    animation: philsys-loader-fade-b-36p6y3d4cn .35s ease-in-out;
}

.philsys-loader-brand[b-36p6y3d4cn] {
    display: flex;
    width: 56px;
    height: 56px;
    align-items: center;
    justify-content: center;
    margin-bottom: 26px;
    border-radius: 16px;
    color: #fff;
    background: linear-gradient(135deg, var(--philsys-navy-900), var(--philsys-blue-600));
    box-shadow: 0 10px 22px -8px rgba(29, 95, 209, .5);
}

.philsys-loader-brand svg[b-36p6y3d4cn] {
    width: 26px;
    height: 26px;
}

.philsys-loader-spinner[b-36p6y3d4cn] {
    display: flex;
    height: 56px;
    align-items: center;
    justify-content: center;
    margin-bottom: 26px;
}

.philsys-loader-spinner[b-36p6y3d4cn]  .loader-container {
    width: auto;
    height: auto !important;
    background: transparent;
}

.philsys-loader-spinner[b-36p6y3d4cn]  .loader {
    width: 56px !important;
    height: 56px !important;
    border-width: 5px !important;
    border-color: #e3ecfb !important;
    border-top-color: var(--philsys-blue-600) !important;
    border-right-color: var(--philsys-blue-500) !important;
    animation-duration: .9s !important;
}

.philsys-loader-title[b-36p6y3d4cn] {
    margin: 0;
    color: var(--philsys-text-1);
    font-family: "Poppins", "Inter", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
}

.philsys-loader-text[b-36p6y3d4cn] {
    max-width: 330px;
    margin: 8px 0 0;
    color: var(--philsys-text-2);
    font-size: 13.5px;
    line-height: 1.6;
}

@keyframes philsys-loader-fade-b-36p6y3d4cn {
    from {
        opacity: 0;
        transform: translateY(6px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@media (max-width: 640px) {
    .philsys-loader-overlay[b-36p6y3d4cn]  .philsys-loader-paper {
        padding: 32px 22px 30px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .philsys-loader-overlay[b-36p6y3d4cn]  .philsys-loader-paper {
        animation: none;
    }

    .philsys-loader-spinner[b-36p6y3d4cn]  .loader {
        animation-duration: 1.6s !important;
    }
}
/* /Component/PhilSys/Verification/BasicInformationFormComponent.razor.rz.scp.css */
.philsys-basic-form-scope[b-el3an4qnu1] {
    --philsys-navy-900: #0b1b3d;
    --philsys-navy-800: #132a54;
    --philsys-blue-500: #2e7ce0;
    --philsys-border: #e4eaf6;
    --philsys-border-strong: #c2d2f0;
    --philsys-text-1: #16233f;
    --philsys-text-2: #5b6b8c;
    --philsys-text-3: #8a97b5;
    width: 100%;
    max-width: 820px;
    margin: 0 auto;
    border-radius: 16px;
    box-shadow: none !important;
    font-family: Inter, sans-serif;
}

.philsys-basic-form-scope[b-el3an4qnu1]  .philsys-lookup-form {
    width: 100%;
    max-width: none;
    margin: 0;
    border-radius: 16px;
    box-shadow: none !important;
}

.philsys-basic-form-scope[b-el3an4qnu1]  .philsys-lookup-card {
    width: 100%;
    padding: 30px !important;
    border: 1px solid var(--philsys-border) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 12px 32px -12px rgba(11, 27, 61, .12) !important;
}

.philsys-modern-title[b-el3an4qnu1] {
    margin: 0 0 6px;
    color: var(--philsys-navy-900) !important;
    font-family: Poppins, Inter, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
}

.philsys-form-subtitle[b-el3an4qnu1] {
    margin: 0 0 24px;
    color: var(--philsys-text-2) !important;
    font-size: 13.5px;
    line-height: 1.5;
}

.philsys-basic-fields[b-el3an4qnu1] {
    display: grid;
    gap: 14px;
}

.philsys-basic-row-two[b-el3an4qnu1] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    gap: 14px;
}

.philsys-field[b-el3an4qnu1] {
    min-width: 0;
}

.philsys-field > label[b-el3an4qnu1] {
    display: block;
    margin-bottom: 6px;
    color: var(--philsys-text-2);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .2px;
    line-height: 1.3;
}

.philsys-required[b-el3an4qnu1] {
    margin-left: 2px;
    color: #d64545;
}

.philsys-optional[b-el3an4qnu1] {
    color: var(--philsys-text-3);
    font-weight: 500;
}

.philsys-field[b-el3an4qnu1]  .mud-input-control {
    width: 100%;
    margin: 0;
}

.philsys-field[b-el3an4qnu1]  .mud-input.mud-input-outlined {
    width: 100%;
    height: 44px;
    min-height: 44px !important;
    border-radius: 10px;
    background: #fff;
    color: var(--philsys-text-1);
    font-family: Inter, sans-serif;
    font-size: 14px;
}

.philsys-field[b-el3an4qnu1]  .mud-input-outlined-border {
    border: 1.5px solid var(--philsys-border-strong) !important;
    border-radius: 10px !important;
}

.philsys-field[b-el3an4qnu1]  .mud-input.mud-input-outlined:hover .mud-input-outlined-border {
    border-color: var(--philsys-blue-500) !important;
}

.philsys-field[b-el3an4qnu1]  .mud-input.mud-input-outlined:focus-within .mud-input-outlined-border {
    border-width: 1.5px !important;
    border-color: var(--philsys-blue-500) !important;
    box-shadow: 0 0 0 3px rgba(46, 124, 224, .15);
}

.philsys-field[b-el3an4qnu1]  input.mud-input-root-outlined {
    height: 44px !important;
    min-height: 44px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: var(--philsys-text-1);
    font-family: Inter, sans-serif;
    font-size: 14px !important;
    line-height: 44px;
}

.philsys-suffix-field[b-el3an4qnu1]  .mud-input.mud-select-input {
    height: 44px !important;
    min-height: 44px !important;
    box-sizing: border-box;
    padding: 0 !important;
}

.philsys-suffix-field[b-el3an4qnu1]  .mud-input.mud-select-input > input.mud-input-root,
.philsys-suffix-field[b-el3an4qnu1]  .mud-input.mud-select-input > .mud-input-slot,
.philsys-suffix-field[b-el3an4qnu1]  div.mud-input-slot.mud-input-root-outlined,
.philsys-suffix-field[b-el3an4qnu1]  input.mud-input-root-outlined {
    height: 44px !important;
    min-height: 44px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 0 0 14px !important;
    color: var(--philsys-text-1);
    font-family: Inter, sans-serif;
    font-size: 14px !important;
    line-height: 44px !important;
    vertical-align: middle;
}

.philsys-suffix-field[b-el3an4qnu1]  .mud-input-adornment-end {
    display: flex;
    height: 44px;
    align-items: center;
    align-self: center;
    margin-top: 0 !important;
}

.philsys-field[b-el3an4qnu1]  input::placeholder {
    color: var(--philsys-text-3);
    opacity: 1;
}

.philsys-field[b-el3an4qnu1]  .mud-input.mud-input-adorned-start {
    padding-left: 12px;
}

.philsys-field[b-el3an4qnu1]  .mud-input-adornment-start {
    margin-right: 8px;
    color: var(--philsys-text-3);
}

.philsys-field[b-el3an4qnu1]  .mud-input-adornment-start .mud-icon-root,
.philsys-field[b-el3an4qnu1]  .mud-input-adornment-end .mud-icon-root {
    width: 16px;
    height: 16px;
    font-size: 16px;
}

.philsys-field[b-el3an4qnu1]  .mud-input-adornment-end {
    margin-right: 12px;
    color: var(--philsys-text-3);
}

.philsys-field[b-el3an4qnu1]  .mud-input-adornment-end .mud-icon-button {
    padding: 0;
}

.philsys-field[b-el3an4qnu1]  .mud-input-helper-text,
.philsys-field[b-el3an4qnu1]  .mud-input-error {
    margin-top: 5px;
    font-size: 12px !important;
}

.philsys-date-input-wrap[b-el3an4qnu1] {
    position: relative;
}

.philsys-date-input-wrap[b-el3an4qnu1]  .philsys-date-leading-icon {
    position: absolute;
    top: 22px;
    left: 12px;
    z-index: 2;
    width: 16px;
    height: 16px;
    color: var(--philsys-text-3);
    font-size: 16px !important;
    pointer-events: none;
    transform: translateY(-50%);
}

.philsys-date-input-wrap[b-el3an4qnu1]  input.mud-input-root,
.philsys-date-input-wrap[b-el3an4qnu1]  input.mud-input-root-outlined,
.philsys-date-input-wrap[b-el3an4qnu1]  .mud-input-slot {
    padding-left: 38px !important;
}

.philsys-field-hint[b-el3an4qnu1] {
    margin: 8px 0 10px;
    color: var(--philsys-text-2);
    font-size: 12px;
    line-height: 1.4;
}

.philsys-field-hint strong[b-el3an4qnu1] {
    color: var(--philsys-text-1);
    font-weight: 600;
}

.philsys-modern-actions[b-el3an4qnu1] {
    display: flex;
    margin-top: 18px;
    justify-content: flex-end;
}

.philsys-modern-actions[b-el3an4qnu1]  .philsys-next-button {
    height: 46px;
    min-width: 132px;
    padding: 0 26px !important;
    border: 0;
    border-radius: 11px !important;
    background: linear-gradient(120deg, var(--philsys-navy-800), var(--philsys-blue-500)) !important;
    box-shadow: 0 10px 22px -6px rgba(29, 95, 209, .5) !important;
    color: #fff !important;
    font-family: Inter, sans-serif;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0;
    text-transform: none !important;
    transition: box-shadow .15s ease, transform .1s ease;
}

.philsys-modern-actions[b-el3an4qnu1]  .philsys-next-button:hover {
    box-shadow: 0 12px 26px -6px rgba(29, 95, 209, .65) !important;
}

.philsys-modern-actions[b-el3an4qnu1]  .philsys-next-button:active {
    transform: scale(.97);
}

.philsys-modern-actions[b-el3an4qnu1]  .philsys-next-button .mud-icon-root {
    width: 16px;
    height: 16px;
    font-size: 16px;
}

@media (max-width: 640px) {
    .philsys-basic-form-scope[b-el3an4qnu1]  .philsys-lookup-card {
        padding: 20px !important;
        border-radius: 14px !important;
    }

    .philsys-modern-title[b-el3an4qnu1] {
        font-size: 18px;
    }

    .philsys-basic-row-two[b-el3an4qnu1] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .philsys-basic-fields[b-el3an4qnu1] {
        gap: 12px;
    }

    .philsys-field[b-el3an4qnu1]  .mud-input.mud-input-outlined,
    .philsys-field[b-el3an4qnu1]  input.mud-input-root-outlined,
    .philsys-field[b-el3an4qnu1]  .mud-select-input.mud-input-root-outlined {
        height: 42px !important;
        min-height: 42px !important;
        font-size: 13.5px !important;
        line-height: 42px;
    }

    .philsys-modern-actions[b-el3an4qnu1] {
        justify-content: stretch;
    }

    .philsys-modern-actions[b-el3an4qnu1]  .philsys-next-button {
        width: 100%;
        height: 44px;
        justify-content: center;
    }
}
/* /Component/PhilSys/Verification/PhilSysCardNumbeFormComponent.razor.rz.scp.css */
.philsys-pcn-form-scope[b-mmj2q4kpv3] {
    --philsys-navy-900: #0b1b3d;
    --philsys-navy-800: #132a54;
    --philsys-blue-500: #2e7ce0;
    --philsys-border: #e4eaf6;
    --philsys-border-strong: #c2d2f0;
    --philsys-text-1: #16233f;
    --philsys-text-2: #5b6b8c;
    --philsys-text-3: #8a97b5;
    width: 100%;
    max-width: 820px;
    margin: 0 auto;
    border-radius: 16px;
    box-shadow: none !important;
    font-family: Inter, sans-serif;
}

.philsys-pcn-form-scope[b-mmj2q4kpv3]  .philsys-lookup-form {
    width: 100%;
    max-width: none;
    margin: 0;
    border-radius: 16px;
    box-shadow: none !important;
}

.philsys-pcn-form-scope[b-mmj2q4kpv3]  .philsys-lookup-card {
    width: 100%;
    padding: 30px !important;
    border: 1px solid var(--philsys-border) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 12px 32px -12px rgba(11, 27, 61, .12) !important;
}

.philsys-modern-title[b-mmj2q4kpv3] {
    margin: 0 0 6px;
    color: var(--philsys-navy-900) !important;
    font-family: Poppins, Inter, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
}

.philsys-form-subtitle[b-mmj2q4kpv3] {
    margin: 0 0 24px;
    color: var(--philsys-text-2) !important;
    font-size: 13.5px;
    line-height: 1.5;
}

.philsys-basic-fields[b-mmj2q4kpv3] {
    display: grid;
    gap: 14px;
}

.philsys-field[b-mmj2q4kpv3] {
    min-width: 0;
}

.philsys-field > label[b-mmj2q4kpv3] {
    display: block;
    margin-bottom: 6px;
    color: var(--philsys-text-2);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .2px;
    line-height: 1.3;
}

.philsys-required[b-mmj2q4kpv3] {
    margin-left: 2px;
    color: #d64545;
}

.philsys-field[b-mmj2q4kpv3]  .mud-input-control {
    width: 100%;
    margin: 0;
}

.philsys-field[b-mmj2q4kpv3]  .mud-input.mud-input-outlined {
    width: 100%;
    height: 44px;
    min-height: 44px !important;
    border-radius: 10px;
    background: #fff;
    color: var(--philsys-text-1);
    font-family: Inter, sans-serif;
    font-size: 14px;
}

.philsys-field[b-mmj2q4kpv3]  .mud-input-outlined-border {
    border: 1.5px solid var(--philsys-border-strong) !important;
    border-radius: 10px !important;
}

.philsys-field[b-mmj2q4kpv3]  .mud-input.mud-input-outlined:hover .mud-input-outlined-border {
    border-color: var(--philsys-blue-500) !important;
}

.philsys-field[b-mmj2q4kpv3]  .mud-input.mud-input-outlined:focus-within .mud-input-outlined-border {
    border-width: 1.5px !important;
    border-color: var(--philsys-blue-500) !important;
    box-shadow: 0 0 0 3px rgba(46, 124, 224, .15);
}

.philsys-field[b-mmj2q4kpv3]  input.mud-input-root-outlined {
    height: 44px !important;
    min-height: 44px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: var(--philsys-text-1);
    font-family: Inter, sans-serif;
    font-size: 14px !important;
    line-height: 44px;
}

.philsys-field[b-mmj2q4kpv3]  .philsys-pcn-input input.mud-input-root-outlined {
    font-variant-numeric: tabular-nums;
    letter-spacing: 1.5px;
}

.philsys-field[b-mmj2q4kpv3]  input::placeholder {
    color: var(--philsys-text-3);
    letter-spacing: 1.5px;
    opacity: 1;
}

.philsys-field[b-mmj2q4kpv3]  .mud-input.mud-input-adorned-start {
    padding-left: 12px;
}

.philsys-field[b-mmj2q4kpv3]  .mud-input-adornment-start {
    margin-right: 8px;
    color: var(--philsys-text-3);
}

.philsys-field[b-mmj2q4kpv3]  .mud-input-adornment-start .mud-icon-root {
    width: 16px;
    height: 16px;
    font-size: 16px;
}

.philsys-field[b-mmj2q4kpv3]  .mud-input-helper-text,
.philsys-field[b-mmj2q4kpv3]  .mud-input-error {
    margin-top: 5px;
    font-size: 12px !important;
}

.philsys-field-hint[b-mmj2q4kpv3] {
    margin: 8px 0 10px;
    color: var(--philsys-text-2);
    font-size: 12px;
    line-height: 1.4;
}

.philsys-modern-actions[b-mmj2q4kpv3] {
    display: flex;
    margin-top: 18px;
    justify-content: flex-end;
}

.philsys-modern-actions[b-mmj2q4kpv3]  .philsys-next-button {
    height: 46px;
    min-width: 132px;
    padding: 0 26px !important;
    border: 0;
    border-radius: 11px !important;
    background: linear-gradient(120deg, var(--philsys-navy-800), var(--philsys-blue-500)) !important;
    box-shadow: 0 10px 22px -6px rgba(29, 95, 209, .5) !important;
    color: #fff !important;
    font-family: Inter, sans-serif;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0;
    text-transform: none !important;
    transition: box-shadow .15s ease, transform .1s ease;
}

.philsys-modern-actions[b-mmj2q4kpv3]  .philsys-next-button:hover {
    box-shadow: 0 12px 26px -6px rgba(29, 95, 209, .65) !important;
}

.philsys-modern-actions[b-mmj2q4kpv3]  .philsys-next-button:active {
    transform: scale(.97);
}

.philsys-modern-actions[b-mmj2q4kpv3]  .philsys-next-button .mud-icon-root {
    width: 16px;
    height: 16px;
    font-size: 16px;
}

@media (max-width: 640px) {
    .philsys-pcn-form-scope[b-mmj2q4kpv3]  .philsys-lookup-card {
        padding: 20px !important;
        border-radius: 14px !important;
    }

    .philsys-modern-title[b-mmj2q4kpv3] {
        font-size: 18px;
    }

    .philsys-basic-fields[b-mmj2q4kpv3] {
        gap: 12px;
    }

    .philsys-field[b-mmj2q4kpv3]  .mud-input.mud-input-outlined,
    .philsys-field[b-mmj2q4kpv3]  input.mud-input-root-outlined {
        height: 42px !important;
        min-height: 42px !important;
        font-size: 13.5px !important;
        line-height: 42px;
    }

    .philsys-modern-actions[b-mmj2q4kpv3] {
        justify-content: stretch;
    }

    .philsys-modern-actions[b-mmj2q4kpv3]  .philsys-next-button {
        width: 100%;
        height: 44px;
        justify-content: center;
    }
}
/* /Component/PhilSys/Verification/PhilSysFormTabComponent.razor.rz.scp.css */
.philsys-lookup-tabs-wrap[b-622x6n8p6w] {
    --philsys-navy-800: #132a54;
    --philsys-blue-600: #1d5fd1;
    --philsys-blue-500: #2e7ce0;
    --philsys-blue-tint: #edf3fc;
    --philsys-border-strong: #c2d2f0;
    --philsys-text-1: #16233f;
    --philsys-text-2: #5b6b8c;
    width: 100%;
    max-width: 820px;
    margin: 0 auto 22px;
    font-family: Inter, sans-serif;
}

.philsys-lookup-caption[b-622x6n8p6w] {
    margin-bottom: 16px;
    color: var(--philsys-text-2);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
}

.philsys-lookup-tabs[b-622x6n8p6w] {
    display: grid;
    width: 100%;
    max-width: none;
    margin: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.philsys-lookup-tab[b-622x6n8p6w] {
    position: relative;
    display: flex;
    min-width: 0;
    padding: 14px 44px 14px 12px;
    align-items: center;
    gap: 12px;
    border: 2px solid var(--philsys-border-strong);
    border-radius: 14px;
    background: #fff;
    box-shadow: none;
    color: inherit;
    cursor: pointer;
    font-family: Inter, sans-serif;
    text-align: left;
    transition: border-color .12s ease, background-color .12s ease, box-shadow .12s ease;
}

.philsys-lookup-tab:hover[b-622x6n8p6w] {
    border-color: #4f93ea;
}

.philsys-lookup-tab.active[b-622x6n8p6w] {
    border-color: var(--philsys-blue-500);
    background: var(--philsys-blue-tint);
    box-shadow: 0 4px 14px -6px rgba(29, 95, 209, .3);
}

.philsys-tab-button[b-622x6n8p6w] {
    width: 100%;
}

.philsys-lookup-tab-icon[b-622x6n8p6w] {
    display: flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    flex: 0 0 42px;
    border-radius: 11px;
    background: linear-gradient(135deg, var(--philsys-blue-500), var(--philsys-navy-800));
    color: #fff;
}

.philsys-lookup-tab-icon svg[b-622x6n8p6w] {
    width: 19px;
    height: 19px;
}

.philsys-lookup-tab-text[b-622x6n8p6w] {
    min-width: 0;
}

.philsys-lookup-tab-title[b-622x6n8p6w] {
    display: block;
    color: var(--philsys-text-1);
    font-size: 14.5px;
    font-weight: 700;
    line-height: 1.25;
}

.philsys-lookup-tab-sub[b-622x6n8p6w] {
    display: block;
    margin-top: 3px;
    color: var(--philsys-text-2);
    font-size: 12px;
    line-height: 1.35;
}

.philsys-lookup-tab-radio[b-622x6n8p6w] {
    position: absolute;
    top: 16px;
    right: 16px;
    display: flex;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--philsys-border-strong);
    border-radius: 50%;
    background: #fff;
    color: #fff;
}

.philsys-lookup-tab-radio svg[b-622x6n8p6w] {
    width: 11px;
    height: 11px;
    opacity: 0;
    transition: opacity .12s ease;
}

.philsys-lookup-tab.active .philsys-lookup-tab-radio[b-622x6n8p6w] {
    border-color: var(--philsys-blue-600);
    background: var(--philsys-blue-600);
}

.philsys-lookup-tab.active .philsys-lookup-tab-radio svg[b-622x6n8p6w] {
    opacity: 1;
}

@media (max-width: 640px) {
    .philsys-lookup-tabs-wrap[b-622x6n8p6w] {
        margin-bottom: 16px;
    }

    .philsys-lookup-caption[b-622x6n8p6w] {
        margin-bottom: 12px;
        font-size: 11px;
    }

    .philsys-lookup-tabs[b-622x6n8p6w] {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .philsys-lookup-tab[b-622x6n8p6w] {
        padding: 13px 40px 13px 11px;
    }

    .philsys-lookup-tab-icon[b-622x6n8p6w] {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
    }
}

@media (max-width: 400px) {
    .philsys-lookup-tab-title[b-622x6n8p6w] {
        font-size: 13.5px;
    }

    .philsys-lookup-tab-sub[b-622x6n8p6w] {
        font-size: 11px;
    }

    .philsys-lookup-tab-radio[b-622x6n8p6w] {
        top: 12px;
        right: 12px;
        width: 18px;
        height: 18px;
    }
}
/* /Component/Profile/ProfileSettingsComponent.razor.rz.scp.css */
/* The dialog chrome, section cards, field labels, and footer buttons all come from
   UserManagementDialogShell. Only the profile-specific identity block and the
   inline saving state live here. */

.ps-identity[b-gtvade2mw6] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    border: 1.5px solid #e2e6f0;
    border-radius: 12px;
    background: #fafbfd;
}

.ps-avatar[b-gtvade2mw6] {
    display: flex;
    width: 48px;
    height: 48px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(120deg, #132a54, #2e7ce0);
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .5px;
}

.ps-identity-text[b-gtvade2mw6] {
    min-width: 0;
}

.ps-identity-text p[b-gtvade2mw6] {
    margin: 0;
    overflow: hidden;
    color: #16233f;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ps-identity-text span[b-gtvade2mw6] {
    display: block;
    margin-top: 2px;
    overflow: hidden;
    color: #8a97b5;
    font-size: 12.5px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ps-hint[b-gtvade2mw6] {
    margin: 14px 0 0;
    color: #8a97b5;
    font-size: 11.5px;
    line-height: 1.5;
}

.um-button-save[b-gtvade2mw6]  .ps-button-spinner {
    width: 16px;
    height: 16px;
    color: #fff;
}

@media (max-width: 480px) {
    .ps-identity[b-gtvade2mw6] {
        padding: 12px;
        gap: 12px;
    }

    .ps-avatar[b-gtvade2mw6] {
        width: 42px;
        height: 42px;
        font-size: 14px;
    }
}
/* /Component/UserManagement/AppSubRoleDialogShell.razor.rz.scp.css */
.asr-shell[b-erna3jdiu2],
.asr-shell *[b-erna3jdiu2],
.asr-shell *[b-erna3jdiu2]::before,
.asr-shell *[b-erna3jdiu2]::after {
    box-sizing: border-box;
}

.asr-shell[b-erna3jdiu2] {
    --asr-navy-900: #0b1b3d;
    --asr-navy-800: #132a54;
    --asr-navy-700: #1c3a70;
    --asr-blue-600: #1d5fd1;
    --asr-blue-500: #2e7ce0;
    --asr-blue-tint: #edf3fc;
    --asr-border: #d9e3f5;
    --asr-border-strong: #c2d2f0;
    --asr-text-1: #16233f;
    --asr-text-2: #5b6b8c;
    --asr-text-3: #8a97b5;
    width: 100%;
    overflow: hidden;
    background: #fff;
    color: var(--asr-text-1);
    font-family: "Inter", sans-serif;
}

.asr-header[b-erna3jdiu2] {
    position: relative;
    overflow: hidden;
    padding: 28px 32px 18px;
    background: linear-gradient(120deg, var(--asr-navy-900) 0%, var(--asr-navy-700) 55%, var(--asr-blue-600) 130%);
}

.asr-header[b-erna3jdiu2]::before {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, .14) 1px, transparent 1.5px);
    background-size: 16px 16px;
    content: "";
    opacity: .35;
    mask-image: linear-gradient(to bottom right, #000, transparent 70%);
    pointer-events: none;
}

.asr-header-row[b-erna3jdiu2] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.asr-header-left[b-erna3jdiu2] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 14px;
}

.asr-icon-badge[b-erna3jdiu2] {
    display: flex;
    width: 46px;
    height: 46px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 13px;
    background: rgba(255, 255, 255, .14);
    color: #fff;
}

.asr-icon-badge svg[b-erna3jdiu2] {
    width: 24px;
    height: 24px;
}

.asr-header-text h1[b-erna3jdiu2],
.asr-header-text p[b-erna3jdiu2] {
    margin: 0;
}

.asr-header-text h1[b-erna3jdiu2] {
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: .2px;
}

.asr-header-text p[b-erna3jdiu2] {
    margin-top: 4px;
    color: #c6d5f5;
    font-size: 13.5px;
}

.asr-close[b-erna3jdiu2] {
    display: flex;
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 9px;
    background: rgba(255, 255, 255, .1);
    color: #fff;
    cursor: pointer;
}

.asr-close:hover[b-erna3jdiu2],
.asr-close:focus-visible[b-erna3jdiu2] {
    background: rgba(255, 255, 255, .22);
}

.asr-close svg[b-erna3jdiu2] {
    width: 15px;
    height: 15px;
}

.asr-body[b-erna3jdiu2] {
    padding: 28px 32px 8px;
    background: #fff;
}

/* Child content is rendered by the dialog components, so style it through
   ::deep while retaining the shared ATS User Management dialog treatment. */
.asr-body[b-erna3jdiu2]  .asr-section {
    overflow: hidden;
    margin-bottom: 18px;
    border: 1px solid var(--asr-border);
    border-radius: 14px;
    background: #fcfdff;
}

.asr-body[b-erna3jdiu2]  .asr-section-head {
    display: flex;
    min-height: 51px;
    padding: 13px 18px;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid var(--asr-border);
    background: var(--asr-blue-tint);
}

.asr-body[b-erna3jdiu2]  .asr-section-number {
    display: flex;
    width: 24px;
    height: 24px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background: var(--asr-navy-900);
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 600;
}

.asr-body[b-erna3jdiu2]  .asr-section-head h2 {
    margin: 0;
    color: var(--asr-text-1);
    font-family: "Poppins", sans-serif;
    font-size: 14.5px;
    font-weight: 600;
}

.asr-body[b-erna3jdiu2]  .asr-section-helper {
    margin-left: auto;
    color: var(--asr-text-3);
    font-size: 11.5px;
    font-weight: 500;
    text-align: right;
}

.asr-body[b-erna3jdiu2]  .asr-section-body {
    display: grid;
    gap: 14px;
    padding: 18px;
}

.asr-body[b-erna3jdiu2]  .asr-avatar-row {
    display: flex;
    align-items: center;
    gap: 12px;
}

.asr-body[b-erna3jdiu2]  .asr-avatar {
    display: flex;
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border: 2px solid #dce9fd;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--asr-blue-500), var(--asr-navy-800));
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-weight: 600;
}

.asr-body[b-erna3jdiu2]  .asr-avatar-copy {
    min-width: 0;
    color: var(--asr-text-3);
    font-size: 12px;
}

.asr-body[b-erna3jdiu2]  .asr-avatar-copy strong,
.asr-body[b-erna3jdiu2]  .asr-avatar-copy span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.asr-body[b-erna3jdiu2]  .asr-avatar-copy strong {
    color: var(--asr-text-1);
    font-size: 13.5px;
}

.asr-body[b-erna3jdiu2]  .asr-avatar-copy span {
    margin-top: 2px;
}

.asr-body[b-erna3jdiu2]  .asr-grid-two {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 14px;
}

.asr-body[b-erna3jdiu2]  .asr-field {
    position: relative;
    min-width: 0;
}

.asr-body[b-erna3jdiu2]  .asr-field > label {
    display: block;
    margin-bottom: 6px;
    color: var(--asr-text-2);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .2px;
}

.asr-body[b-erna3jdiu2]  .asr-required {
    margin-left: 2px;
    color: #d64545;
}

.asr-body[b-erna3jdiu2]  .asr-input-wrap .mud-input-control {
    margin-top: 0;
}

.asr-body[b-erna3jdiu2]  .asr-input-wrap .mud-input {
    min-height: 42px;
    border-radius: 10px;
    background: #fff;
    color: var(--asr-text-1);
    font-family: "Inter", sans-serif;
    font-size: 14px;
}

.asr-body[b-erna3jdiu2]  .asr-input-wrap .mud-input-slot {
    height: 42px;
    min-height: 42px;
    padding-top: 0;
    padding-bottom: 0;
    color: var(--asr-text-1);
    font-family: "Inter", sans-serif;
    font-size: 14px;
    line-height: 42px;
}

.asr-body[b-erna3jdiu2]  .asr-input-wrap .mud-input-slot::placeholder {
    color: var(--asr-text-3);
    opacity: 1;
}

.asr-body[b-erna3jdiu2]  .asr-input-wrap .mud-input-outlined-border {
    border-width: 1.5px;
    border-color: var(--asr-border-strong);
    border-radius: 10px;
}

.asr-body[b-erna3jdiu2]  .asr-input-wrap .mud-input:focus-within .mud-input-outlined-border {
    border-color: var(--asr-blue-500);
    box-shadow: 0 0 0 3px rgba(46, 124, 224, .15);
}

.asr-body[b-erna3jdiu2]  .asr-input-wrap .mud-input-adornment {
    color: var(--asr-text-3);
}

.asr-body[b-erna3jdiu2]  .asr-input-wrap .mud-input-adornment-start {
    margin-right: 8px;
}

.asr-body[b-erna3jdiu2]  .asr-input-wrap .mud-input-adornment-start .mud-icon-root {
    width: 16px;
    height: 16px;
    font-size: 16px;
}

.asr-body[b-erna3jdiu2]  .asr-input-wrap .mud-input.mud-disabled {
    background: #f3f5fa;
    color: var(--asr-text-3);
    opacity: 1;
}

.asr-body[b-erna3jdiu2]  .asr-input-wrap .mud-input-slot:disabled {
    color: var(--asr-text-3);
    opacity: 1;
}

.asr-body[b-erna3jdiu2]  .asr-input-wrap .mud-input-error .mud-input-outlined-border {
    border-color: #d64545;
}

.asr-footer[b-erna3jdiu2] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 20px 32px 26px;
    border-top: 1px solid var(--asr-border);
    background: #fff;
}

.asr-footer[b-erna3jdiu2]  .asr-button {
    display: flex;
    height: 42px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 20px;
    border-radius: 10px;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.asr-footer[b-erna3jdiu2]  .asr-button:disabled {
    cursor: not-allowed;
    opacity: .55;
}

.asr-footer[b-erna3jdiu2]  .asr-button-cancel {
    border: 1.5px solid var(--asr-border-strong);
    background: #fff;
    color: var(--asr-text-2);
}

.asr-footer[b-erna3jdiu2]  .asr-button-cancel:hover {
    background: #f4f7fc;
}

.asr-footer[b-erna3jdiu2]  .asr-button-save {
    border: 0;
    background: linear-gradient(120deg, var(--asr-navy-800), var(--asr-blue-600));
    box-shadow: 0 8px 20px -6px rgba(29, 95, 209, .55);
    color: #fff;
}

.asr-footer[b-erna3jdiu2]  .asr-button-save:hover {
    box-shadow: 0 10px 24px -6px rgba(29, 95, 209, .7);
}

.asr-footer[b-erna3jdiu2]  .asr-button-save svg {
    width: 15px;
    height: 15px;
}

@media (max-width: 600px) {
    .asr-header[b-erna3jdiu2] {
        padding: 22px 20px 16px;
    }

    .asr-body[b-erna3jdiu2] {
        padding: 20px 16px 4px;
    }

    .asr-body[b-erna3jdiu2]  .asr-section-head,
    .asr-body[b-erna3jdiu2]  .asr-section-body {
        padding-right: 14px;
        padding-left: 14px;
    }

    .asr-body[b-erna3jdiu2]  .asr-grid-two {
        grid-template-columns: 1fr;
    }

    .asr-body[b-erna3jdiu2]  .asr-section-helper {
        display: none;
    }

    .asr-footer[b-erna3jdiu2] {
        padding: 16px 16px 20px;
    }
}

@media (max-width: 420px) {
    .asr-header-text h1[b-erna3jdiu2] {
        font-size: 19px;
    }

    .asr-header-text p[b-erna3jdiu2] {
        font-size: 12px;
    }

    .asr-icon-badge[b-erna3jdiu2] {
        width: 40px;
        height: 40px;
    }

    .asr-footer[b-erna3jdiu2]  .asr-button {
        flex: 1;
        padding: 0 14px;
    }
}
/* /Component/UserManagement/UserManagementDialogShell.razor.rz.scp.css */
.um-shell[b-3mh5wz1532],
.um-shell *[b-3mh5wz1532],
.um-shell *[b-3mh5wz1532]::before,
.um-shell *[b-3mh5wz1532]::after {
    box-sizing: border-box;
}

.um-shell[b-3mh5wz1532] {
    --umd-navy-900: #0b1b3d;
    --umd-navy-800: #132a54;
    --umd-navy-700: #1c3a70;
    --umd-blue-600: #1d5fd1;
    --umd-blue-500: #2e7ce0;
    --umd-blue-tint: #edf3fc;
    --umd-border: #d9e3f5;
    --umd-border-strong: #c2d2f0;
    --umd-text-1: #16233f;
    --umd-text-2: #5b6b8c;
    --umd-text-3: #8a97b5;
    width: 100%;
    overflow: hidden;
    background: #fff;
    color: var(--umd-text-1);
    font-family: "Inter", sans-serif;
}

.um-header[b-3mh5wz1532] {
    position: relative;
    overflow: hidden;
    padding: 28px 32px 24px;
    background: linear-gradient(120deg, var(--umd-navy-900) 0%, var(--umd-navy-700) 55%, var(--umd-blue-600) 130%);
}

.um-header[b-3mh5wz1532]::before {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, .14) 1px, transparent 1.5px);
    background-size: 16px 16px;
    content: "";
    opacity: .35;
    mask-image: linear-gradient(to bottom right, #000, transparent 70%);
    pointer-events: none;
}

.um-header-row[b-3mh5wz1532] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.um-header-left[b-3mh5wz1532] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 14px;
}

.um-icon-badge[b-3mh5wz1532] {
    display: flex;
    width: 46px;
    height: 46px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 13px;
    background: rgba(255, 255, 255, .14);
    color: #fff;
}

.um-icon-badge[b-3mh5wz1532]  .mud-icon-root {
    width: 22px;
    height: 22px;
    font-size: 22px;
}

.um-header-text h1[b-3mh5wz1532] {
    margin: 0;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: .2px;
}

.um-header-text p[b-3mh5wz1532] {
    margin: 4px 0 0;
    color: #c6d5f5;
    font-size: 13.5px;
}

.um-close[b-3mh5wz1532] {
    display: flex;
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 9px;
    background: rgba(255, 255, 255, .1);
    color: #fff;
    cursor: pointer;
    transition: background .15s ease;
}

.um-close:hover[b-3mh5wz1532],
.um-close:focus-visible[b-3mh5wz1532] {
    background: rgba(255, 255, 255, .22);
}

.um-close svg[b-3mh5wz1532] {
    width: 15px;
    height: 15px;
}

.um-close:focus-visible[b-3mh5wz1532],
.um-footer[b-3mh5wz1532]  .um-button:focus-visible {
    outline: 3px solid rgba(143, 201, 255, .6);
    outline-offset: 2px;
}

.um-body[b-3mh5wz1532] {
    padding: 28px 32px 8px;
    background: #fff;
}

.um-section[b-3mh5wz1532] {
    overflow: hidden;
    margin-bottom: 18px;
    border: 1px solid var(--umd-border);
    border-radius: 14px;
    background: #fcfdff;
}

.um-section-head[b-3mh5wz1532] {
    display: flex;
    min-height: 51px;
    padding: 13px 18px;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid var(--umd-border);
    background: var(--umd-blue-tint);
}

.um-section-number[b-3mh5wz1532] {
    display: flex;
    width: 24px;
    height: 24px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background: var(--umd-navy-900);
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 600;
}

.um-section-head h2[b-3mh5wz1532] {
    margin: 0;
    color: var(--umd-text-1);
    font-family: "Poppins", sans-serif;
    font-size: 14.5px;
    font-weight: 600;
}

.um-section-helper[b-3mh5wz1532] {
    margin-left: auto;
    color: var(--umd-text-3);
    font-size: 11.5px;
    font-weight: 500;
    text-align: right;
}

.um-section-body[b-3mh5wz1532] {
    padding: 18px;
}

.um-section-body[b-3mh5wz1532]  .mud-input-control {
    margin-top: 0;
}

.um-section-body[b-3mh5wz1532]  .mud-input {
    min-height: 42px;
    border-radius: 10px;
    background: #fff;
    color: var(--umd-text-1);
    font-family: "Inter", sans-serif;
    font-size: 14px;
}

.um-section-body[b-3mh5wz1532]  .mud-input-outlined-border {
    border-width: 1.5px;
    border-color: var(--umd-border-strong);
    border-radius: 10px;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.um-section-body[b-3mh5wz1532]  .mud-input:focus-within .mud-input-outlined-border {
    border-color: var(--umd-blue-500);
    box-shadow: 0 0 0 3px rgba(46, 124, 224, .15);
}

.um-section-body[b-3mh5wz1532]  .mud-input-adornment,
.um-section-body[b-3mh5wz1532]  .mud-select-input {
    color: var(--umd-text-3);
}

.um-section-body[b-3mh5wz1532]  .mud-input-error .mud-input-outlined-border {
    border-color: #d64545;
}

.um-section-body[b-3mh5wz1532]  .mud-input-helper-text,
.um-section-body[b-3mh5wz1532]  .mud-typography-caption {
    font-family: "Inter", sans-serif;
    font-size: 11px;
}

/* Everything below lives in the consumers' markup, not this component's, so it
   carries no scope attribute — each selector must be reached through ::deep. */
.um-section-body[b-3mh5wz1532]  .um-field {
    position: relative;
    min-width: 0;
}

.um-section-body[b-3mh5wz1532]  .um-field + .um-field {
    margin-top: 14px;
}

.um-section-body[b-3mh5wz1532]  .um-field > label {
    display: block;
    margin-bottom: 6px;
    color: var(--umd-text-2);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .2px;
}

.um-section-body[b-3mh5wz1532]  .um-required {
    margin-left: 2px;
    color: #d64545;
}

.um-section-body[b-3mh5wz1532]  .um-input-wrap {
    position: relative;
}

.um-section-body[b-3mh5wz1532]  .um-input-wrap .mud-input-slot {
    min-height: 42px;
    color: var(--umd-text-1);
    font-family: "Inter", sans-serif;
    font-size: 14px;
}

/* Match the fixed single-line control height used by Add Package. Description
   fields intentionally remain auto-sized in .um-description-wrap below. */
.um-section-body[b-3mh5wz1532]  .um-single-line-wrap .mud-input-slot {
    height: 42px !important;
    min-height: 42px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 42px;
}

.um-section-body[b-3mh5wz1532]  .um-input-wrap .mud-input-slot::placeholder {
    color: var(--umd-text-3);
    opacity: 1;
}

.um-section-body[b-3mh5wz1532]  .um-input-wrap .mud-input-adornment-start {
    margin-left: 0;
    margin-right: 8px;
    margin-inline-start: unset;
    margin-inline-end: 8px;
}

.um-section-body[b-3mh5wz1532]  .um-input-wrap .mud-input-adornment .mud-icon-root {
    width: 16px;
    height: 16px;
    font-size: 16px;
}

.um-section-body[b-3mh5wz1532]  .um-description-wrap .mud-input,
.um-section-body[b-3mh5wz1532]  .um-description-wrap textarea.mud-input-slot {
    min-height: 88px;
}

.um-section-body[b-3mh5wz1532]  .um-description-wrap .mud-input {
    align-items: flex-start;
}

.um-section-body[b-3mh5wz1532]  .um-description-wrap textarea.mud-input-slot {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    line-height: 1.5;
    resize: vertical;
}

.um-section-body[b-3mh5wz1532]  .um-description-wrap .mud-input-adornment-start {
    align-self: flex-start;
    height: 16px;
    margin-top: 14px;
}

.um-section-body[b-3mh5wz1532]  .um-character-count {
    margin-top: 4px;
    color: var(--umd-text-3);
    font-size: 11px;
    line-height: 1;
    text-align: right;
}

.um-secondary-section[b-3mh5wz1532] {
    margin-top: 18px;
}

.um-section-body[b-3mh5wz1532]  .um-status-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 14px;
    border: 1.5px solid var(--umd-border-strong);
    border-radius: 10px;
    background: #fff;
}

.um-section-body[b-3mh5wz1532]  .um-status-copy p {
    margin: 0;
    color: var(--umd-text-1);
    font-size: 13.5px;
    font-weight: 600;
}

.um-section-body[b-3mh5wz1532]  .um-status-copy span {
    display: block;
    margin-top: 2px;
    color: var(--umd-text-3);
    font-size: 11.5px;
}

.um-section-body[b-3mh5wz1532]  .um-status-control {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 10px;
}

.um-section-body[b-3mh5wz1532]  .um-status-badge {
    padding: 3px 9px;
    border-radius: 20px;
    background: #e4f7ed;
    color: #1e9e64;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .3px;
}

.um-section-body[b-3mh5wz1532]  .um-status-badge.is-off {
    background: #eef0f5;
    color: var(--umd-text-2);
}

.um-section-body[b-3mh5wz1532]  .um-toggle {
    position: relative;
    width: 44px;
    height: 26px;
    flex: 0 0 auto;
    padding: 0;
    border: 0;
    border-radius: 20px;
    background: #1e9e64;
    cursor: pointer;
    transition: background .15s ease;
}

.um-section-body[b-3mh5wz1532]  .um-toggle span {
    position: absolute;
    top: 3px;
    left: 21px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
    transition: left .15s ease;
}

.um-section-body[b-3mh5wz1532]  .um-toggle:focus-visible {
    outline: 3px solid rgba(143, 201, 255, .6);
    outline-offset: 2px;
}

.um-section-body[b-3mh5wz1532]  .um-toggle.is-off {
    background: #c6cedd;
}

.um-section-body[b-3mh5wz1532]  .um-toggle.is-off span {
    left: 3px;
}

.approval-dialog-section[b-3mh5wz1532] {
    overflow: visible;
    margin-bottom: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.approval-dialog-section .um-section-head[b-3mh5wz1532] {
    margin-bottom: 16px;
    border: 1px solid #d7e4fc;
    border-radius: 10px;
    background: #eef3fe;
}

.approval-dialog-section .um-section-body[b-3mh5wz1532] {
    padding: 0;
}

.um-section-body[b-3mh5wz1532]  .approval-field {
    margin-bottom: 4px;
}

.um-section-body[b-3mh5wz1532]  .approval-field > label {
    display: block;
    margin-bottom: 7px;
    color: var(--umd-text-3);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.um-section-body[b-3mh5wz1532]  .approval-required {
    color: #e5484d;
}

.um-section-body[b-3mh5wz1532]  .approval-field-display {
    display: flex;
    min-height: 44px;
    padding: 11px 13px;
    align-items: center;
    gap: 10px;
    border: 1.5px solid #e2e6f0;
    border-radius: 10px;
    background: #fafbfd;
}

.um-section-body[b-3mh5wz1532]  .approval-field-display > svg {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    color: var(--umd-text-3);
    stroke: currentColor;
    stroke-width: 1.6;
}

.um-section-body[b-3mh5wz1532]  .approval-email {
    min-width: 0;
    overflow: hidden;
    color: var(--umd-text-1);
    font-size: 13.5px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.um-section-body[b-3mh5wz1532]  .approval-verified {
    display: flex;
    margin-left: auto;
    padding: 3px 8px;
    align-items: center;
    flex: 0 0 auto;
    gap: 4px;
    border-radius: 100px;
    background: #eafaf0;
    color: #16a34a;
    font-size: 10.5px;
    font-weight: 700;
}

.um-section-body[b-3mh5wz1532]  .approval-verified svg {
    width: 10px;
    height: 10px;
    stroke: currentColor;
    stroke-width: 2.4;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.um-footer[b-3mh5wz1532] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 20px 32px 26px;
    border-top: 1px solid var(--umd-border);
    background: #fff;
}

.um-footer.is-split[b-3mh5wz1532] {
    justify-content: initial;
}

.um-footer.is-split[b-3mh5wz1532]  .um-button {
    flex: 1;
}

.um-footer[b-3mh5wz1532]  .um-button {
    display: flex;
    height: 42px;
    padding: 0 20px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 10px;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: transform .1s ease, box-shadow .15s ease, background .15s ease;
}

.um-footer[b-3mh5wz1532]  .um-button:active {
    transform: scale(.97);
}

.um-footer[b-3mh5wz1532]  .um-button:disabled {
    opacity: .55;
    cursor: not-allowed;
    transform: none;
}

.um-footer[b-3mh5wz1532]  .um-button-cancel {
    border: 1.5px solid var(--umd-border-strong);
    background: #fff;
    color: var(--umd-text-2);
}

.um-footer[b-3mh5wz1532]  .um-button-cancel:hover {
    background: #f4f7fc;
}

.um-footer[b-3mh5wz1532]  .um-button-save {
    height: 46px;
    padding: 0 26px;
    border: 0;
    border-radius: 11px;
    background: linear-gradient(120deg, #132a54, #2e7ce0);
    box-shadow: 0 10px 22px -6px rgba(29, 95, 209, .5);
    color: #fff;
    font-size: 14.5px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    transition: box-shadow .15s ease, transform .1s ease;
}

.um-footer[b-3mh5wz1532]  .um-button-save:hover {
    box-shadow: 0 12px 26px -6px rgba(29, 95, 209, .65);
}

.um-footer[b-3mh5wz1532]  .um-button-save:active {
    transform: scale(.97);
}

.um-footer[b-3mh5wz1532]  .um-button-danger {
    border: 1.5px solid #f1c7c1;
    background: #fff;
    color: #d8503a;
}

@media (max-width: 600px) {
    .um-header[b-3mh5wz1532] {
        padding: 22px 20px 20px;
    }

    .um-body[b-3mh5wz1532] {
        padding: 20px 16px 4px;
    }

    .um-section-head[b-3mh5wz1532],
    .um-section-body[b-3mh5wz1532] {
        padding-right: 14px;
        padding-left: 14px;
    }

    .um-section-helper[b-3mh5wz1532] {
        display: none;
    }

    .um-footer[b-3mh5wz1532] {
        padding: 16px 16px 20px;
    }
}

@media (max-width: 420px) {
    .um-header-text h1[b-3mh5wz1532] {
        font-size: 19px;
    }

    .um-header-text p[b-3mh5wz1532] {
        font-size: 12px;
    }

    .um-icon-badge[b-3mh5wz1532] {
        width: 40px;
        height: 40px;
    }

    .um-footer[b-3mh5wz1532]  .um-button {
        flex: 1;
        padding: 0 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .um-shell *[b-3mh5wz1532],
    .um-shell *[b-3mh5wz1532]::before,
    .um-shell *[b-3mh5wz1532]::after {
        transition-duration: .01ms !important;
    }
}
/* /Layout/ATSLayout.razor.rz.scp.css */
.ats-console-topbar[b-die3v705ot] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    min-height: 64px;
    height: auto;
    padding: 12px 24px;
    border-bottom: 1px solid #e4eaf6;
    background: #ffffff;
    box-shadow: 0 2px 10px -4px rgba(11, 27, 61, 0.08);
    color: #16233f;
    font-family: "Inter", sans-serif;
    box-sizing: border-box;
}

.ats-console-topbar-left[b-die3v705ot] {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 14px;
}

.ats-console-title-block[b-die3v705ot] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 1px;
}

.ats-console-crumb[b-die3v705ot] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #8a97b5;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.35;
}

.ats-console-crumb-separator[b-die3v705ot] {
    color: #c2d2f0;
    font-weight: 400;
}

.ats-console-crumb strong[b-die3v705ot] {
    color: #1d5fd1;
    font-weight: 700;
}

.ats-console-topbar h1[b-die3v705ot] {
    margin: 0;
    overflow: hidden;
    color: #0b1b3d;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ats-console-topbar-right[b-die3v705ot] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.ats-console-icon-btn[b-die3v705ot] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    padding: 0;
    border: 1px solid #c2d2f0;
    border-radius: 10px;
    background: #edf3fc;
    color: #1d5fd1;
    font-family: inherit;
    transition: background-color 0.15s ease;
    box-sizing: border-box;
}

.ats-console-menu-btn[b-die3v705ot] {
    color: #0b1b3d;
}

.ats-console-icon-btn:hover[b-die3v705ot] {
    background: #e3ecfb;
}

.ats-console-icon-btn:focus-visible[b-die3v705ot] {
    outline: 3px solid rgba(46, 124, 224, 0.2);
    outline-offset: 2px;
}

.ats-console-icon-btn svg[b-die3v705ot] {
    width: 17px;
    height: 17px;
}

.ats-console-notification-dot[b-die3v705ot] {
    position: absolute;
    top: 7px;
    right: 7px;
    width: 8px;
    height: 8px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    background: #e15252;
    box-sizing: border-box;
}

.ats-console-topbar-divider[b-die3v705ot] {
    width: 1px;
    height: 26px;
    margin: 0 4px;
    flex-shrink: 0;
    background: #e4eaf6;
}

.ats-console-avatar[b-die3v705ot] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border: 2px solid #e3ecfb;
    border-radius: 50%;
    background: linear-gradient(135deg, #2e7ce0, #132a54);
    color: #ffffff;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.02em;
    box-sizing: border-box;
}

@media (max-width: 920px) {
    .ats-console-topbar[b-die3v705ot] {
        padding: 12px 16px;
    }
}

@media (max-width: 520px) {
    .ats-console-topbar[b-die3v705ot] {
        gap: 12px;
    }

    .ats-console-topbar-left[b-die3v705ot] {
        min-width: 0;
        gap: 10px;
    }

    .ats-console-title-block[b-die3v705ot] {
        min-width: 0;
    }

    .ats-console-topbar-right[b-die3v705ot] {
        gap: 7px;
    }

    .ats-console-topbar-divider[b-die3v705ot] {
        display: none;
    }
}
/* /Layout/EmploymentVerificationLayout.razor.rz.scp.css */
.employment-verification-layout[b-51to4ezmwi]{min-height:100%;background:linear-gradient(145deg,#fff8fc 0%,#fff 48%,#fff0f7 100%)}
/* /Layout/MainLayout.razor.rz.scp.css */
.main-topbar-search-box[b-wp9ay9euob] {
    position: relative;
    display: flex;
    align-items: center;
    flex: 0 1 auto;
}

.main-topbar-search-box input[b-wp9ay9euob] {
    width: 220px;
    padding: 8px 12px 8px 34px;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 10px;
    outline: none;
    background: #ffffff;
    color: #101828;
    font-family: "Inter", sans-serif;
    font-size: 13px;
    transition: width 0.2s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    box-sizing: border-box;
}

.main-topbar-search-box input[b-wp9ay9euob]::placeholder {
    color: #8992a6;
}

.main-topbar-search-box input:focus[b-wp9ay9euob] {
    width: 260px;
    border-color: #9ec1ff;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.2);
}

.main-topbar-search-box > svg[b-wp9ay9euob] {
    position: absolute;
    z-index: 1;
    left: 11px;
    width: 14px;
    height: 14px;
    color: #8992a6;
    stroke: currentColor;
    stroke-width: 2;
    pointer-events: none;
}

@media (max-width: 920px) {
    .main-topbar-search-box input[b-wp9ay9euob] {
        width: 160px;
    }

    .main-topbar-search-box input:focus[b-wp9ay9euob] {
        width: 190px;
    }
}

@media (max-width: 600px) {
    .main-topbar-search-box input[b-wp9ay9euob] {
        width: 140px;
    }

    .main-topbar-search-box input:focus[b-wp9ay9euob] {
        width: 160px;
    }
}

@media (max-width: 420px) {
    .main-topbar-search-box input[b-wp9ay9euob],
    .main-topbar-search-box input:focus[b-wp9ay9euob] {
        width: 110px;
    }
}
/* /Pages/Administration/PlatformLogs.razor.rz.scp.css */
.platform-logs[b-k1kdbblnc2] {
    --navy-950: #071230;
    --navy-900: #0a1c3f;
    --navy-800: #0f2a5c;
    --blue-600: #2f6fed;
    --blue-500: #4d8bff;
    --bg: #f4f6fb;
    --card: #fff;
    --border: #e2e6f0;
    --border-soft: #eef1f7;
    --text-900: #101828;
    --text-600: #4b5468;
    --text-400: #8992a6;
    --amber-700: #a15c07;
    --amber-bg: #fdf1dd;
    --red-700: #b42318;
    --red-bg: #fdecec;
    --blue-badge-bg: #eef3fe;
    --radius-md: 12px;
    --shadow-card: 0 1px 2px rgb(16 24 40 / 4%), 0 1px 1px rgb(16 24 40 / 3%);
    --brand-gradient: linear-gradient(100deg, var(--navy-950) 0%, var(--navy-800) 45%, var(--blue-600) 100%);
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding: 24px 20px 50px;
    color: var(--text-900);
    font-family: Inter, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.platform-logs .page-head[b-k1kdbblnc2] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.platform-logs .eyebrow[b-k1kdbblnc2] {
    margin-bottom: 6px;
    color: var(--blue-600);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.platform-logs h1[b-k1kdbblnc2] {
    margin: 0 0 6px;
    color: var(--navy-900);
    font-family: Manrope, Inter, sans-serif;
    font-size: 24px;
    font-weight: 800;
}

.platform-logs .page-head p[b-k1kdbblnc2] {
    margin: 0;
    color: var(--text-400);
    font-size: 13px;
}

.platform-logs .btn-refresh[b-k1kdbblnc2],
.platform-logs .btn-load-more[b-k1kdbblnc2] {
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1.5px solid var(--border);
    border-radius: 9px;
    background: var(--card);
    color: var(--navy-900);
    cursor: pointer;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 700;
    transition: background .15s, border-color .15s;
}

.platform-logs .btn-refresh[b-k1kdbblnc2] {
    padding: 9px 16px;
}

.platform-logs .btn-refresh:hover[b-k1kdbblnc2],
.platform-logs .btn-load-more:hover[b-k1kdbblnc2] {
    border-color: #c7cee0;
    background: var(--bg);
}

.platform-logs .btn-refresh:disabled[b-k1kdbblnc2],
.platform-logs .btn-apply:disabled[b-k1kdbblnc2],
.platform-logs .btn-load-more:disabled[b-k1kdbblnc2] {
    cursor: wait;
    opacity: .65;
}

.platform-logs .btn-refresh svg[b-k1kdbblnc2],
.platform-logs .btn-load-more svg[b-k1kdbblnc2],
.platform-logs .btn-apply svg[b-k1kdbblnc2] {
    width: 14px;
    height: 14px;
}

.platform-logs .filter-bar[b-k1kdbblnc2] {
    display: flex;
    align-items: flex-end;
    gap: 14px;
    margin-bottom: 16px;
    padding: 16px 18px;
    border: 1px solid var(--border-soft);
    border-radius: var(--radius-md);
    background: var(--card);
    box-shadow: var(--shadow-card);
    flex-wrap: wrap;
}

.platform-logs .field[b-k1kdbblnc2] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.platform-logs .field label[b-k1kdbblnc2] {
    color: var(--text-400);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.platform-logs .select-wrap[b-k1kdbblnc2],
.platform-logs .text-input-wrap[b-k1kdbblnc2] {
    position: relative;
}

.platform-logs .select-wrap select[b-k1kdbblnc2] {
    min-width: 150px;
    appearance: none;
    padding: 9px 32px 9px 12px;
    border: 1.5px solid var(--border);
    border-radius: 9px;
    outline: none;
    background: var(--card);
    color: var(--text-900);
    cursor: pointer;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 600;
    transition: border-color .15s, box-shadow .15s;
}

.platform-logs .select-wrap select:hover[b-k1kdbblnc2] {
    border-color: #c7cee0;
}

.platform-logs .select-wrap select:focus[b-k1kdbblnc2],
.platform-logs .text-input-wrap input:focus[b-k1kdbblnc2] {
    border-color: var(--blue-600);
    box-shadow: 0 0 0 4px rgb(47 111 237 / 14%);
}

.platform-logs .select-wrap svg[b-k1kdbblnc2] {
    position: absolute;
    top: 50%;
    right: 11px;
    width: 13px;
    height: 13px;
    color: var(--text-400);
    pointer-events: none;
    transform: translateY(-50%);
}

.platform-logs .field.grow[b-k1kdbblnc2] {
    min-width: 220px;
    flex: 1;
}

.platform-logs .text-input-wrap svg[b-k1kdbblnc2] {
    position: absolute;
    top: 50%;
    left: 12px;
    width: 14px;
    height: 14px;
    color: var(--text-400);
    pointer-events: none;
    transform: translateY(-50%);
}

.platform-logs .text-input-wrap input[b-k1kdbblnc2] {
    width: 100%;
    padding: 9px 12px 9px 34px;
    border: 1.5px solid var(--border);
    border-radius: 9px;
    outline: none;
    color: var(--text-900);
    font-family: Inter, sans-serif;
    font-size: 13px;
    transition: border-color .15s, box-shadow .15s;
}

.platform-logs .btn-apply[b-k1kdbblnc2] {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-shrink: 0;
    padding: 10px 18px;
    border: 0;
    border-radius: 9px;
    background: var(--brand-gradient);
    box-shadow: 0 6px 14px -4px rgb(15 42 92 / 35%);
    color: #fff;
    cursor: pointer;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 700;
}

.platform-logs .panel[b-k1kdbblnc2] {
    overflow: hidden;
    border: 1px solid var(--border-soft);
    border-radius: var(--radius-md);
    background: var(--card);
    box-shadow: var(--shadow-card);
}

.platform-logs .table-scroll[b-k1kdbblnc2] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.platform-logs table[b-k1kdbblnc2] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

.platform-logs thead th[b-k1kdbblnc2] {
    padding: 12px 20px;
    border-bottom: 1px solid var(--border-soft);
    background: #fbfcfe;
    color: var(--text-400);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .05em;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
}

.platform-logs tbody td[b-k1kdbblnc2] {
    padding: 14px 20px;
    border-bottom: 1px solid var(--border-soft);
    color: var(--text-900);
    font-size: 12.5px;
    vertical-align: top;
}

.platform-logs tbody tr[b-k1kdbblnc2] {
    cursor: pointer;
}

.platform-logs tbody tr:hover[b-k1kdbblnc2],
.platform-logs tbody tr:focus[b-k1kdbblnc2] {
    outline: none;
    background: #eef3fe;
}

.platform-logs tbody tr:hover td.message-col[b-k1kdbblnc2],
.platform-logs tbody tr:focus td.message-col[b-k1kdbblnc2] {
    color: var(--text-900);
}

.platform-logs tbody tr:last-child td[b-k1kdbblnc2] {
    border-bottom: 0;
}

.platform-logs td.time-col[b-k1kdbblnc2] {
    width: 150px;
    color: var(--text-600);
    font-family: "JetBrains Mono", Consolas, monospace;
    font-size: 11.5px;
    white-space: nowrap;
}

.platform-logs td.app-col[b-k1kdbblnc2] {
    width: 90px;
    color: var(--text-900);
    font-weight: 600;
    white-space: nowrap;
}

.platform-logs td.source-col[b-k1kdbblnc2] {
    color: var(--blue-600);
    font-family: "JetBrains Mono", Consolas, monospace;
    font-size: 11.5px;
    white-space: nowrap;
}

.platform-logs td.message-col[b-k1kdbblnc2] {
    max-width: 640px;
    color: var(--text-600);
    line-height: 1.55;
}

.platform-logs .row-chevron[b-k1kdbblnc2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    color: var(--text-400);
    opacity: 0;
    transform: translateX(-3px);
    transition: opacity .15s, transform .15s, color .15s;
}

.platform-logs .row-chevron svg[b-k1kdbblnc2] {
    width: 13px;
    height: 13px;
}

.platform-logs tbody tr:hover .row-chevron[b-k1kdbblnc2],
.platform-logs tbody tr:focus .row-chevron[b-k1kdbblnc2] {
    color: var(--blue-600);
    opacity: 1;
    transform: translateX(0);
}

.platform-logs td.chevron-col[b-k1kdbblnc2] {
    width: 32px;
    padding-right: 14px;
    padding-left: 6px;
}

.platform-logs .level-badge[b-k1kdbblnc2] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 9px;
    border-radius: 100px;
    font-size: 10.5px;
    font-weight: 700;
    white-space: nowrap;
}

.platform-logs .level-badge[b-k1kdbblnc2]::before {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: currentColor;
    content: "";
}

.platform-logs .level-badge.warning[b-k1kdbblnc2] {
    background: var(--amber-bg);
    color: var(--amber-700);
}

.platform-logs .level-badge.error[b-k1kdbblnc2] {
    background: var(--red-bg);
    color: var(--red-700);
}

.platform-logs .level-badge.info[b-k1kdbblnc2] {
    background: var(--blue-badge-bg);
    color: var(--blue-600);
}

.platform-logs .load-more-row[b-k1kdbblnc2] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    border-top: 1px solid var(--border-soft);
    background: #fbfcfe;
}

.platform-logs .btn-load-more[b-k1kdbblnc2] {
    padding: 10px 20px;
}

.platform-logs .state[b-k1kdbblnc2] {
    padding: 48px 24px;
    border: 1px solid var(--border-soft);
    border-radius: var(--radius-md);
    background: var(--card);
    box-shadow: var(--shadow-card);
    color: var(--text-600);
    font-size: 13px;
    text-align: center;
}

.platform-logs .state.error[b-k1kdbblnc2] {
    color: var(--red-700);
}

.platform-logs .detail-backdrop[b-k1kdbblnc2] {
    position: fixed;
    z-index: 1200;
    inset: 0;
    display: flex;
    justify-content: flex-end;
    background: rgb(16 24 40 / 50%);
}

.platform-logs .detail[b-k1kdbblnc2] {
    width: min(680px, 95vw);
    height: 100%;
    overflow: auto;
    padding: 32px;
    background: var(--card);
    box-shadow: -10px 0 40px rgb(16 24 40 / 19%);
}

.platform-logs .detail .close[b-k1kdbblnc2] {
    float: right;
    border: 0;
    background: none;
    color: var(--text-600);
    cursor: pointer;
    font-size: 28px;
    line-height: 1;
}

.platform-logs .detail h2[b-k1kdbblnc2] {
    margin: 14px 0 0;
    color: var(--navy-900);
    font-family: Manrope, Inter, sans-serif;
    font-size: 22px;
}

.platform-logs .detail h3[b-k1kdbblnc2] {
    margin: 22px 0 8px;
    color: var(--navy-900);
    font-size: 13px;
}

.platform-logs .detail dl[b-k1kdbblnc2] {
    display: grid;
    grid-template-columns: 110px 1fr;
    gap: 8px;
    margin: 24px 0;
    font-size: 12px;
}

.platform-logs .detail dt[b-k1kdbblnc2] {
    color: var(--text-600);
    font-weight: 800;
}

.platform-logs .detail dd[b-k1kdbblnc2] {
    overflow-wrap: anywhere;
    margin: 0;
}

.platform-logs .detail pre[b-k1kdbblnc2] {
    overflow-wrap: anywhere;
    padding: 16px;
    border: 1px solid var(--border-soft);
    border-radius: 8px;
    background: var(--bg);
    white-space: pre-wrap;
    font: 12px/1.5 Consolas, monospace;
}

/* Log detail drawer */
.platform-logs .drawer-backdrop[b-k1kdbblnc2] {
    position: fixed;
    z-index: 2000;
    inset: 0;
    background: rgb(7 18 48 / 40%);
    backdrop-filter: blur(2px);
}

.platform-logs .drawer[b-k1kdbblnc2] {
    position: fixed;
    z-index: 2001;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    width: min(560px, 100vw);
    flex-direction: column;
    overflow: hidden;
    background: var(--card);
    box-shadow: -24px 0 50px -20px rgb(7 18 48 / 35%);
}

.platform-logs .drawer-head[b-k1kdbblnc2] {
    position: relative;
    flex-shrink: 0;
    overflow: hidden;
    padding: 22px 24px;
    background: var(--brand-gradient);
}

.platform-logs .drawer-head[b-k1kdbblnc2]::before {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgb(255 255 255 / 10%) 1px, transparent 1px);
    background-size: 14px 14px;
    content: "";
    -webkit-mask-image: linear-gradient(110deg, rgb(0 0 0 / 85%), transparent 60%);
    mask-image: linear-gradient(110deg, rgb(0 0 0 / 85%), transparent 60%);
}

.platform-logs .drawer-head-top[b-k1kdbblnc2] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 12px;
}

.platform-logs .drawer-level-badge[b-k1kdbblnc2] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 11px;
    border: 1px solid rgb(255 255 255 / 22%);
    border-radius: 100px;
    background: rgb(255 255 255 / 16%);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
}

.platform-logs .drawer-level-badge[b-k1kdbblnc2]::before {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #fbbf24;
    content: "";
}

.platform-logs .drawer-level-badge.error[b-k1kdbblnc2]::before {
    background: #f87171;
}

.platform-logs .drawer-level-badge.info[b-k1kdbblnc2]::before {
    background: #7dd3fc;
}

.platform-logs .drawer-close[b-k1kdbblnc2] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    border: 1px solid rgb(255 255 255 / 18%);
    border-radius: 9px;
    background: rgb(255 255 255 / 12%);
    color: #fff;
    cursor: pointer;
    transition: background .15s;
}

.platform-logs .drawer-close:hover[b-k1kdbblnc2] {
    background: rgb(255 255 255 / 24%);
}

.platform-logs .drawer-close svg[b-k1kdbblnc2] {
    width: 14px;
    height: 14px;
}

.platform-logs .drawer-title[b-k1kdbblnc2] {
    position: relative;
    z-index: 1;
    margin: 0 0 4px;
    color: #fff;
    font-family: Manrope, Inter, sans-serif;
    font-size: 21px;
    font-weight: 800;
}

.platform-logs .drawer-subtitle[b-k1kdbblnc2] {
    position: relative;
    z-index: 1;
    overflow: hidden;
    color: rgb(255 255 255 / 75%);
    font-size: 12.5px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.platform-logs .drawer-body[b-k1kdbblnc2] {
    overflow-y: auto;
    flex: 1;
    padding: 22px 24px 30px;
}

.platform-logs .meta-grid[b-k1kdbblnc2] {
    display: grid;
    grid-template-columns: 88px 1fr;
    row-gap: 12px;
    column-gap: 12px;
    margin: 0 0 24px;
}

.platform-logs .meta-grid dt[b-k1kdbblnc2] {
    padding-top: 1px;
    color: var(--text-900);
    font-size: 12px;
    font-weight: 700;
}

.platform-logs .meta-grid dd[b-k1kdbblnc2] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    margin: 0;
    color: var(--text-600);
    font-size: 12.5px;
    word-break: break-all;
}

.platform-logs .meta-grid dd.mono[b-k1kdbblnc2] {
    font-family: "JetBrains Mono", Consolas, monospace;
    font-size: 11.5px;
}

.platform-logs .copy-btn[b-k1kdbblnc2] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    border: 1px solid var(--border-soft);
    border-radius: 6px;
    background: var(--bg);
    color: var(--text-400);
    cursor: pointer;
    transition: background .15s, color .15s;
}

.platform-logs .copy-btn:hover[b-k1kdbblnc2] {
    background: var(--blue-badge-bg);
    color: var(--blue-600);
}

.platform-logs .copy-btn.copied[b-k1kdbblnc2] {
    background: #eafaf0;
    color: #16a34a;
}

.platform-logs .copy-btn svg[b-k1kdbblnc2] {
    width: 11px;
    height: 11px;
}

.platform-logs .drawer-section-title[b-k1kdbblnc2] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 10px;
    color: var(--navy-900);
    font-family: Manrope, Inter, sans-serif;
    font-size: 14px;
    font-weight: 800;
}

.platform-logs .drawer-section-title svg[b-k1kdbblnc2] {
    width: 15px;
    height: 15px;
    color: var(--blue-600);
}

.platform-logs .code-block[b-k1kdbblnc2] {
    margin-bottom: 24px;
    padding: 14px 16px;
    border: 1px solid var(--border-soft);
    border-radius: 10px;
    background: #f8fafc;
}

.platform-logs .code-block:last-child[b-k1kdbblnc2] {
    margin-bottom: 0;
}

.platform-logs .code-block pre[b-k1kdbblnc2] {
    margin: 0;
    color: var(--text-600);
    font-family: "JetBrains Mono", Consolas, monospace;
    font-size: 11.5px;
    line-height: 1.7;
    white-space: pre-wrap;
    word-break: break-word;
}

.platform-logs .code-block pre a[b-k1kdbblnc2] {
    color: var(--blue-600);
}

.platform-logs .code-block pre code[b-k1kdbblnc2] {
    padding: 1px 4px;
    border-radius: 4px;
    background: #eef1f7;
    color: var(--navy-900);
}

.platform-logs[b-k1kdbblnc2]  .code-block pre a {
    color: var(--blue-600);
}

.platform-logs[b-k1kdbblnc2]  .code-block pre code {
    padding: 1px 4px;
    border-radius: 4px;
    background: #eef1f7;
    color: var(--navy-900);
}

.platform-logs[b-k1kdbblnc2]  .json-key {
    color: var(--blue-600);
    font-weight: 600;
}

.platform-logs[b-k1kdbblnc2]  .json-string {
    color: #0f7b3e;
}

.platform-logs[b-k1kdbblnc2]  .json-number {
    color: var(--amber-700);
}

@media (max-width: 900px) {
    .platform-logs[b-k1kdbblnc2] {
        padding: 20px 16px 40px;
    }

    .platform-logs h1[b-k1kdbblnc2] {
        font-size: 21px;
    }
}

@media (max-width: 720px) {
    .platform-logs .filter-bar[b-k1kdbblnc2] {
        align-items: stretch;
        flex-direction: column;
    }

    .platform-logs .field[b-k1kdbblnc2],
    .platform-logs .field.grow[b-k1kdbblnc2],
    .platform-logs .select-wrap select[b-k1kdbblnc2],
    .platform-logs .btn-apply[b-k1kdbblnc2] {
        width: 100%;
        min-width: 0;
    }

    .platform-logs .btn-apply[b-k1kdbblnc2] {
        justify-content: center;
    }
}

@media (max-width: 600px) {
    .platform-logs .page-head[b-k1kdbblnc2] {
        flex-direction: column;
        align-items: stretch;
    }

    .platform-logs .btn-refresh[b-k1kdbblnc2] {
        justify-content: center;
    }

    .platform-logs h1[b-k1kdbblnc2] {
        font-size: 19px;
    }

    .platform-logs .page-head p[b-k1kdbblnc2] {
        font-size: 12.5px;
    }

    .platform-logs .detail[b-k1kdbblnc2] {
        padding: 20px;
    }

    .platform-logs .drawer[b-k1kdbblnc2] {
        width: 100%;
    }

    .platform-logs .meta-grid[b-k1kdbblnc2] {
        grid-template-columns: 100px 1fr;
    }
}

@media (max-width: 420px) {
    .platform-logs table[b-k1kdbblnc2] {
        min-width: 640px;
    }

    .platform-logs thead th[b-k1kdbblnc2],
    .platform-logs tbody td[b-k1kdbblnc2] {
        padding: 10px 14px;
    }
}
/* /Pages/AIAgentChat/AIChat.razor.rz.scp.css */
.chat-container[b-aphi7l03nv] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 120px);
    max-width: 1200px;
    margin: 0 auto;
    background: var(--mud-palette-surface);
    border-radius: 12px;
    overflow: hidden;
}

.chat-grid[b-aphi7l03nv] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.chat-header[b-aphi7l03nv] {
    background: var(--mud-palette-surface);
    border-bottom: 1px solid var(--mud-palette-lines-default);
    z-index: 10;
}

.skill-selector[b-aphi7l03nv] {
    min-width: 250px;
}

.skill-select[b-aphi7l03nv] {
    background: var(--mud-palette-background);
}

.skill-select[b-aphi7l03nv]  .mud-input-root {
    font-size: 0.875rem;
}

.chat-window[b-aphi7l03nv] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 24px;
    background: var(--mud-palette-background);
    scroll-behavior: smooth;
}

.chat-window[b-aphi7l03nv]::-webkit-scrollbar {
    width: 8px;
}

.chat-window[b-aphi7l03nv]::-webkit-scrollbar-track {
    background: transparent;
}

.chat-window[b-aphi7l03nv]::-webkit-scrollbar-thumb {
    background: var(--mud-palette-lines-default);
    border-radius: 4px;
}

.chat-window[b-aphi7l03nv]::-webkit-scrollbar-thumb:hover {
    background: var(--mud-palette-text-secondary);
}

.messages[b-aphi7l03nv] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 900px;
    margin: 0 auto;
    width: 100%;
}

.message-row[b-aphi7l03nv] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    animation: slideIn-b-aphi7l03nv 0.3s ease-out;
}

.message-row.user[b-aphi7l03nv] {
    flex-direction: row-reverse;
}

.message-row.assistant[b-aphi7l03nv] {
    flex-direction: row;
}

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

.message-content[b-aphi7l03nv] {
    display: flex;
    flex-direction: column;
    max-width: 75%;
    min-width: 100px;
}

.message-row.user .message-content[b-aphi7l03nv] {
    align-items: flex-end;
}

.message-row.assistant .message-content[b-aphi7l03nv] {
    align-items: flex-start;
}

.message-bubble[b-aphi7l03nv] {
    padding: 14px 18px;
    border-radius: 18px;
    word-wrap: break-word;
    position: relative;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.user-bubble[b-aphi7l03nv] {
    background: var(--mud-palette-primary);
    color: white;
    border-bottom-right-radius: 4px;
}

.assistant-bubble[b-aphi7l03nv] {
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    border: 1px solid var(--mud-palette-lines-default);
    border-bottom-left-radius: 4px;
}

.typing-bubble[b-aphi7l03nv] {
    padding: 18px 24px;
}

.message-text[b-aphi7l03nv] {
    white-space: pre-wrap;
    word-break: break-word;
    line-height: 1.6;
}

.message-time[b-aphi7l03nv] {
    font-size: 0.7rem;
    opacity: 0.6;
    margin-top: 6px;
    padding: 0 4px;
}

.message-avatar[b-aphi7l03nv] {
    flex-shrink: 0;
    margin-top: 4px;
}

.message-html[b-aphi7l03nv] {
    line-height: 1.6;
}

.message-html p[b-aphi7l03nv] {
    margin: 0 0 10px 0;
}

.message-html p:last-child[b-aphi7l03nv] {
    margin-bottom: 0;
}

.message-html pre[b-aphi7l03nv] {
    background: var(--mud-palette-background);
    padding: 12px 16px;
    border-radius: 8px;
    overflow-x: auto;
    margin: 8px 0;
    border: 1px solid var(--mud-palette-lines-default);
}

.message-html code[b-aphi7l03nv] {
    background: rgba(0, 0, 0, 0.06);
    padding: 2px 6px;
    border-radius: 4px;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 0.9em;
}

.message-html pre code[b-aphi7l03nv] {
    background: transparent;
    padding: 0;
}

.message-html table[b-aphi7l03nv] {
    border-collapse: collapse;
    width: 100%;
    margin: 10px 0;
    font-size: 0.95em;
}

.message-html table td[b-aphi7l03nv],
.message-html table th[b-aphi7l03nv] {
    border: 1px solid var(--mud-palette-lines-default);
    padding: 8px 12px;
    text-align: left;
}

.message-html table th[b-aphi7l03nv] {
    background: var(--mud-palette-background);
    font-weight: 600;
}

.message-html ul[b-aphi7l03nv],
.message-html ol[b-aphi7l03nv] {
    padding-left: 24px;
    margin: 8px 0;
}

.message-html ul li[b-aphi7l03nv] {
    list-style: none;
    position: relative;
    padding-left: 20px;
    margin-bottom: 4px;
}

.message-html ul li[b-aphi7l03nv]:before {
    content: "?";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--mud-palette-primary);
    font-weight: bold;
}

.message-html input[type="checkbox"][b-aphi7l03nv] {
    transform: scale(1.1);
    margin-right: 8px;
}

.message-html blockquote[b-aphi7l03nv] {
    border-left: 4px solid var(--mud-palette-primary);
    padding-left: 16px;
    margin: 10px 0;
    color: var(--mud-palette-text-secondary);
    font-style: italic;
}

.message-html a[b-aphi7l03nv] {
    color: var(--mud-palette-primary);
    text-decoration: none;
}

.message-html a:hover[b-aphi7l03nv] {
    text-decoration: underline;
}

.typing-dots[b-aphi7l03nv] {
    display: inline-flex;
    gap: 6px;
    align-items: center;
    padding: 4px 0;
}

.typing-dots span[b-aphi7l03nv] {
    width: 8px;
    height: 8px;
    background: var(--mud-palette-text-secondary);
    border-radius: 50%;
    display: inline-block;
    animation: typingBounce-b-aphi7l03nv 1.4s infinite ease-in-out;
}

.typing-dots span:nth-child(1)[b-aphi7l03nv] {
    animation-delay: 0s;
}

.typing-dots span:nth-child(2)[b-aphi7l03nv] {
    animation-delay: 0.2s;
}

.typing-dots span:nth-child(3)[b-aphi7l03nv] {
    animation-delay: 0.4s;
}

@keyframes typingBounce-b-aphi7l03nv {
    0%, 60%, 100% {
        transform: translateY(0);
        opacity: 0.4;
    }
    30% {
        transform: translateY(-10px);
        opacity: 1;
    }
}

.empty-state[b-aphi7l03nv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 60px 20px;
    color: var(--mud-palette-text-secondary);
    height: 100%;
}

.chat-input-container[b-aphi7l03nv] {
    background: var(--mud-palette-surface);
    border-top: 1px solid var(--mud-palette-lines-default);
}

.chat-input-wrapper[b-aphi7l03nv] {
    position: relative;
}

.input-area[b-aphi7l03nv] {
    position: relative;
}

.input-field-container[b-aphi7l03nv] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: var(--mud-palette-background);
    border: 2px solid var(--mud-palette-lines-default);
    border-radius: 24px;
    padding: 8px 12px;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.input-field-container:focus-within[b-aphi7l03nv] {
    border-color: var(--mud-palette-primary);
    box-shadow: 0 0 0 3px rgba(var(--mud-palette-primary-rgb), 0.1);
}

.attach-button[b-aphi7l03nv] {
    flex-shrink: 0;
}

.message-input[b-aphi7l03nv] {
    flex: 1;
    min-width: 0;
}

.message-input[b-aphi7l03nv]  .mud-input-outlined {
    border: none !important;
}

.message-input[b-aphi7l03nv]  .mud-input-root {
    padding: 0 !important;
}

.send-button[b-aphi7l03nv] {
    flex-shrink: 0;
}

.file-preview[b-aphi7l03nv] {
    max-width: 500px;
    animation: slideIn-b-aphi7l03nv 0.3s ease-out;
}

.file-attachment-preview[b-aphi7l03nv] {
    display: flex;
    justify-content: flex-end;
}

.download-section[b-aphi7l03nv] {
    padding-top: 12px;
    border-top: 1px solid var(--mud-palette-lines-default);
}

.drop-zone-overlay[b-aphi7l03nv] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(var(--mud-palette-primary-rgb), 0.1);
    backdrop-filter: blur(4px);
    border: 3px dashed var(--mud-palette-primary);
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    z-index: 100;
    animation: pulse-b-aphi7l03nv 1.5s ease-in-out infinite;
    cursor: pointer;
}

@keyframes pulse-b-aphi7l03nv {
    0%, 100% {
        opacity: 0.8;
    }
    50% {
        opacity: 1;
    }
}

@media (max-width: 960px) {
    .chat-container[b-aphi7l03nv] {
        height: calc(100vh - 80px);
        border-radius: 0;
    }

    .message-content[b-aphi7l03nv] {
        max-width: 85%;
    }

    .chat-window[b-aphi7l03nv] {
        padding: 16px;
    }

    .messages[b-aphi7l03nv] {
        gap: 16px;
    }

    .file-preview[b-aphi7l03nv] {
        max-width: 100%;
    }
}

@media (max-width: 600px) {
    .message-content[b-aphi7l03nv] {
        max-width: 90%;
    }

    .message-bubble[b-aphi7l03nv] {
        padding: 12px 16px;
    }

    .chat-window[b-aphi7l03nv] {
        padding: 12px;
    }

    .chat-input-wrapper[b-aphi7l03nv] {
        padding: 12px !important;
    }

    .input-field-container[b-aphi7l03nv] {
        padding: 6px 10px;
    }
}
/* /Pages/ATS/ATSApplicationForm.razor.rz.scp.css */
.ats-application-form.ats-appform-modern[b-hlfpmvj7n5] {
    min-height: 100vh;
    min-height: 100dvh;
    align-items: safe center;
    justify-content: center;
    overflow-x: hidden;
    overflow-y: auto;
}

.ats-application-form.ats-application-intro-host[b-hlfpmvj7n5] {
    --intro-navy-900: #0b1b3d;
    --intro-navy-800: #132a54;
    --intro-blue-600: #1d5fd1;
    --intro-blue-500: #2e7ce0;
    --intro-blue-tint: #edf3fc;
    --intro-blue-tint-2: #e3ecfb;
    --intro-border: #dce6f7;
    --intro-border-strong: #c2d2f0;
    --intro-text-1: #16233f;
    --intro-text-2: #5b6b8c;
    --intro-text-3: #8a97b5;
    --intro-amber: #b5790f;
    --intro-amber-tint: #fcf1dd;
    min-height: 100vh;
    min-height: 100dvh;
    padding: 40px 20px;
    align-items: safe center;
    justify-content: center;
    background: #eef2f9;
    color: var(--intro-text-1);
    font-family: "Inter", sans-serif;
}

.ats-application-intro-page[b-hlfpmvj7n5],
.ats-application-intro-page *[b-hlfpmvj7n5] {
    box-sizing: border-box;
}

.ats-application-intro-page[b-hlfpmvj7n5] {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}

.ats-application-intro-card[b-hlfpmvj7n5] {
    overflow: hidden;
    border: 1px solid var(--intro-border);
    border-radius: 18px;
    background: #fff;
    box-shadow:
        0 0 0 6px rgba(46, 124, 224, 0.1),
        0 18px 40px -16px rgba(11, 27, 61, 0.25);
}

.ats-application-intro-header[b-hlfpmvj7n5] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 22px 32px;
    border-bottom: 1px solid var(--intro-border);
    background: var(--intro-blue-tint);
}

.ats-application-logo-badge[b-hlfpmvj7n5] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 11px;
    background: linear-gradient(135deg, var(--intro-blue-500), var(--intro-navy-800));
}

.ats-application-logo-badge svg[b-hlfpmvj7n5] {
    width: 20px;
    height: 20px;
    color: #fff;
}

.ats-application-intro-header h1[b-hlfpmvj7n5] {
    margin: 0;
    color: var(--intro-navy-900);
    font-family: "Poppins", sans-serif;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.25;
}

.ats-application-intro-body[b-hlfpmvj7n5] {
    padding: 30px 32px 34px;
    background: #fff;
}

.ats-application-intro-lead[b-hlfpmvj7n5] {
    margin: 0 0 10px;
    color: var(--intro-text-1);
    font-size: 14.5px;
    font-weight: 600;
}

.ats-application-intro-copy[b-hlfpmvj7n5] {
    margin: 0 0 26px;
    color: var(--intro-text-2);
    font-size: 13.5px;
    line-height: 1.65;
}

.ats-application-section[b-hlfpmvj7n5] {
    margin-bottom: 26px;
}

.ats-application-section-title[b-hlfpmvj7n5] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.ats-application-section-icon[b-hlfpmvj7n5] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 1px solid var(--intro-border-strong);
    border-radius: 8px;
    background: var(--intro-blue-tint-2);
    color: var(--intro-blue-600);
}

.ats-application-section-icon svg[b-hlfpmvj7n5] {
    width: 14px;
    height: 14px;
}

.ats-application-section-title h2[b-hlfpmvj7n5] {
    margin: 0;
    color: var(--intro-text-1);
    font-family: "Poppins", sans-serif;
    font-size: 15.5px;
    font-weight: 600;
    line-height: 1.35;
}

.ats-application-section-copy[b-hlfpmvj7n5] {
    margin: 0 0 14px;
    color: var(--intro-text-2);
    font-size: 13px;
    line-height: 1.5;
}

.ats-application-document-list[b-hlfpmvj7n5] {
    display: flex;
    margin: 0;
    padding: 0;
    flex-direction: column;
    gap: 8px;
    list-style: none;
}

.ats-application-document-list li[b-hlfpmvj7n5] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 10px 14px;
    border: 1px solid var(--intro-border);
    border-radius: 10px;
    background: #fcfdff;
    color: var(--intro-text-1);
    font-size: 13.5px;
    line-height: 1.5;
}

.ats-application-document-index[b-hlfpmvj7n5] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    margin-top: 1px;
    border-radius: 7px;
    background: var(--intro-navy-900);
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 11.5px;
    font-weight: 700;
    line-height: 1;
}

.ats-application-document-list li.is-optional[b-hlfpmvj7n5] {
    background: #f8fafd;
}

.ats-application-document-list li.is-optional .ats-application-document-index[b-hlfpmvj7n5] {
    background: var(--intro-text-3);
}

.ats-application-reminder-block[b-hlfpmvj7n5] {
    margin-bottom: 14px;
}

.ats-application-reminder-block h3[b-hlfpmvj7n5] {
    margin: 0 0 10px;
    color: var(--intro-text-1);
    font-size: 13.5px;
    font-weight: 700;
}

.ats-application-reminder-list[b-hlfpmvj7n5] {
    display: flex;
    margin: 0;
    padding: 0;
    flex-direction: column;
    gap: 9px;
    list-style: none;
}

.ats-application-reminder-list li[b-hlfpmvj7n5] {
    position: relative;
    padding-left: 16px;
    color: var(--intro-text-2);
    font-size: 13.5px;
    line-height: 1.6;
}

.ats-application-reminder-list li[b-hlfpmvj7n5]::before {
    position: absolute;
    top: 7px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--intro-blue-500);
    content: "";
}

.ats-application-reminder-list a[b-hlfpmvj7n5] {
    color: var(--intro-blue-600);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.ats-application-reminder-list a:hover[b-hlfpmvj7n5] {
    color: var(--intro-navy-800);
}

.ats-application-reminder-list a:focus-visible[b-hlfpmvj7n5],
.ats-application-notice a:focus-visible[b-hlfpmvj7n5],
.ats-application-proceed-button:focus-visible[b-hlfpmvj7n5] {
    outline: 3px solid rgba(46, 124, 224, 0.28);
    outline-offset: 3px;
}

.ats-application-notice[b-hlfpmvj7n5] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 26px 0 30px;
    padding: 14px 16px;
    border: 1.5px solid #f0dca8;
    border-left: 4px solid var(--intro-amber);
    border-radius: 12px;
    background: var(--intro-amber-tint);
}

.ats-application-notice > svg[b-hlfpmvj7n5] {
    width: 18px;
    height: 18px;
    margin-top: 1px;
    flex: 0 0 auto;
    color: var(--intro-amber);
}

.ats-application-notice p[b-hlfpmvj7n5] {
    margin: 0;
    color: #7a5209;
    font-size: 12.5px;
    line-height: 1.6;
}

.ats-application-notice strong[b-hlfpmvj7n5] {
    font-weight: 700;
}

.ats-application-notice a[b-hlfpmvj7n5] {
    color: var(--intro-blue-600);
    font-weight: 700;
    text-decoration: none;
}

.ats-application-notice a:hover[b-hlfpmvj7n5] {
    text-decoration: underline;
}

.ats-application-intro-footer[b-hlfpmvj7n5] {
    display: flex;
    justify-content: center;
}

.ats-application-proceed-button[b-hlfpmvj7n5] {
    display: flex;
    height: 48px;
    padding: 0 40px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border: 0;
    border-radius: 11px;
    background: linear-gradient(120deg, var(--intro-navy-800), var(--intro-blue-500));
    box-shadow: 0 10px 22px -6px rgba(29, 95, 209, 0.5);
    color: #fff;
    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: box-shadow 0.15s ease, transform 0.1s ease;
}

.ats-application-proceed-button:hover[b-hlfpmvj7n5] {
    box-shadow: 0 12px 26px -6px rgba(29, 95, 209, 0.65);
}

.ats-application-proceed-button:active[b-hlfpmvj7n5] {
    transform: scale(0.97);
}

.ats-application-proceed-button svg[b-hlfpmvj7n5] {
    width: 16px;
    height: 16px;
}

@media (max-width: 600px) {
    .ats-application-form.ats-application-intro-host[b-hlfpmvj7n5] {
        padding: 24px 12px;
    }

    .ats-application-intro-header[b-hlfpmvj7n5] {
        padding: 18px 20px;
    }

    .ats-application-intro-body[b-hlfpmvj7n5] {
        padding: 24px 20px 28px;
    }

    .ats-application-proceed-button[b-hlfpmvj7n5] {
        width: 100%;
    }
}

@media (max-width: 420px) {
    .ats-application-logo-badge[b-hlfpmvj7n5] {
        width: 36px;
        height: 36px;
    }

    .ats-application-intro-header h1[b-hlfpmvj7n5] {
        font-size: 18px;
    }

    .ats-application-document-list li[b-hlfpmvj7n5] {
        gap: 10px;
        padding: 10px 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ats-application-proceed-button[b-hlfpmvj7n5] {
        transition: none;
    }
}
/* /Pages/Auth/Login.razor.rz.scp.css */
.auth-page[b-qhpm2vom3x] {
    --navy-900: #0b1b3d;
    --navy-800: #132a54;
    --navy-700: #1c3a70;
    --blue-600: #1d5fd1;
    --blue-500: #2e7ce0;
    --blue-tint: #edf3fc;
    --blue-tint-2: #e3ecfb;
    --border: #dce6f7;
    --border-strong: #c2d2f0;
    --text-1: #16233f;
    --text-2: #5b6b8c;
    --text-3: #8a97b5;
    display: flex;
    width: 100%;
    min-width: 0;
    height: 100dvh;
    min-height: 100dvh;
    align-items: center;
    justify-content: center;
    padding: clamp(8px, 3vh, 30px) clamp(8px, 2vw, 16px);
    background: linear-gradient(135deg, var(--navy-900) 0%, var(--blue-600) 100%);
    box-sizing: border-box;
    color: var(--text-1);
    font-family: Inter, sans-serif;
    perspective: 1500px;
    overflow: hidden;
}

.auth-page *[b-qhpm2vom3x],
.auth-page *[b-qhpm2vom3x]::before,
.auth-page *[b-qhpm2vom3x]::after {
    box-sizing: border-box;
}

.auth-card[b-qhpm2vom3x] {
    position: relative;
    max-width: 820px;
    width: min(100%, 820px);
    height: min(680px, calc(100dvh - 16px));
    min-height: 0;
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 0 24px 60px -16px rgba(0, 0, 0, .35), 0 10px 24px -10px rgba(0, 0, 0, .15);
    transform-style: preserve-3d;
    transition: height .25s ease;
}

.auth-card.meter-open[b-qhpm2vom3x] {
    height: min(790px, calc(100dvh - 16px));
}

.auth-strength-slot[b-qhpm2vom3x] {
    margin: 0 0 4px;
}

.auth-card.meter-open .auth-register-panel[b-qhpm2vom3x] {
    overflow-y: auto;
    align-items: flex-start;
}

.auth-card.meter-open .auth-register-panel .auth-content[b-qhpm2vom3x] {
    margin: auto 0;
}

.auth-panel[b-qhpm2vom3x] {
    position: absolute;
    top: 0;
    display: flex;
    width: 50%;
    min-width: 340px;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.auth-content[b-qhpm2vom3x] {
    width: 100%;
    padding: 2.4em 2.6em;
    text-align: center;
}

.auth-login-panel[b-qhpm2vom3x] {
    left: 0;
    border-radius: 20px 0 0 20px;
    background: #fff;
}

.auth-forgot-panel[b-qhpm2vom3x] {
    left: 0;
    z-index: 2;
    border-radius: 20px 0 0 20px;
    background: #fff;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transform: translateX(-18px) scale(.96);
    transition: opacity .3s ease, transform .3s ease, visibility .3s ease;
}

.auth-card.forgot .auth-login-panel[b-qhpm2vom3x] {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

.auth-card.forgot .auth-forgot-panel[b-qhpm2vom3x] {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    transform: translateX(0) scale(1);
}

.auth-register-panel[b-qhpm2vom3x] {
    right: 0;
    z-index: 1;
    border-radius: 0 20px 20px 0;
    background: #fff;
}

.auth-page-panel[b-qhpm2vom3x] {
    right: 0;
    border-radius: 0 20px 20px 0;
    color: #fff;
    transform-origin: left center;
}

.auth-page-panel p[b-qhpm2vom3x] {
    max-width: 310px;
    margin: 1.2em auto;
    color: #e3ecfb;
    font-size: 1.02em;
    line-height: 1.6;
}

.auth-front[b-qhpm2vom3x] {
    z-index: 3;
    backface-visibility: hidden;
    background: linear-gradient(150deg, var(--navy-900) 0%, var(--blue-600) 100%) no-repeat 0 0 / 200%;
}

.auth-back[b-qhpm2vom3x] {
    z-index: 2;
    background: linear-gradient(-30deg, var(--blue-600) 0%, var(--navy-900) 100%) no-repeat 0 0 / 200%;
}

.auth-back .auth-content[b-qhpm2vom3x] {
    transform: rotateY(180deg);
}

.auth-card.active .auth-front[b-qhpm2vom3x] {
    animation: auth-rotate-front-b-qhpm2vom3x .6s ease-in-out normal forwards;
}

.auth-card.active .auth-back[b-qhpm2vom3x] {
    animation: auth-rotate-back-b-qhpm2vom3x .6s ease-in-out normal forwards;
}

.auth-card.close .auth-front[b-qhpm2vom3x] {
    animation: auth-close-front-b-qhpm2vom3x .6s ease-in-out normal forwards;
}

.auth-card.close .auth-back[b-qhpm2vom3x] {
    animation: auth-close-back-b-qhpm2vom3x .6s ease-in-out normal forwards;
}

.auth-card.active .auth-register-panel .auth-content[b-qhpm2vom3x],
.auth-card.close .auth-login-panel .auth-content[b-qhpm2vom3x] {
    animation: auth-show-b-qhpm2vom3x .7s ease-in-out normal forwards;
}

.auth-card.active .auth-login-panel .auth-content[b-qhpm2vom3x],
.auth-card.close .auth-register-panel .auth-content[b-qhpm2vom3x] {
    animation: auth-hide-b-qhpm2vom3x .7s ease-in-out normal forwards;
}

@keyframes auth-rotate-front-b-qhpm2vom3x {
    from { transform: translateZ(2px) rotateY(0deg); }
    to { transform: translateZ(1px) rotateY(-180deg); }
}

@keyframes auth-close-front-b-qhpm2vom3x {
    from { transform: translateZ(1px) rotateY(-180deg); }
    to { transform: translateZ(2px) rotateY(0deg); }
}

@keyframes auth-rotate-back-b-qhpm2vom3x {
    from { transform: translateZ(1px) rotateY(0deg); }
    to { transform: translateZ(2px) rotateY(-180deg); }
}

@keyframes auth-close-back-b-qhpm2vom3x {
    from { transform: translateZ(2px) rotateY(-180deg); }
    to { transform: translateZ(1px) rotateY(0deg); }
}

@keyframes auth-show-b-qhpm2vom3x {
    from { opacity: 0; transform: scale(.85); }
    to { opacity: 1; transform: scale(1); }
}

@keyframes auth-hide-b-qhpm2vom3x {
    from { opacity: 1; transform: scale(1); }
    to { opacity: 0; transform: scale(.85); }
}

.auth-icon-badge[b-qhpm2vom3x] {
    display: flex;
    width: 64px;
    height: 64px;
    margin: 0 auto 16px;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    background: linear-gradient(135deg, var(--blue-500), var(--navy-900));
    box-shadow: 0 10px 22px -8px rgba(29, 95, 209, .5);
}

.auth-icon-badge svg[b-qhpm2vom3x] {
    width: 28px;
    height: 28px;
    color: #fff;
}

.auth-icon-badge.ghost[b-qhpm2vom3x] {
    border: 1px solid rgba(255, 255, 255, .3);
    background: rgba(255, 255, 255, .14);
    box-shadow: none;
}

.auth-content h1[b-qhpm2vom3x] {
    margin: 0 0 6px;
    color: var(--navy-900);
    font-family: Poppins, sans-serif;
    font-size: 1.65em;
    font-weight: 700;
}

.auth-page-panel h1[b-qhpm2vom3x] {
    color: #fff;
}

.auth-subtitle[b-qhpm2vom3x] {
    margin: 0 0 22px;
    color: var(--text-2);
    font-size: .95em;
}

.auth-field[b-qhpm2vom3x] {
    min-width: 0;
    margin-bottom: 12px;
    text-align: left;
}

.auth-field > label[b-qhpm2vom3x] {
    display: block;
    margin-bottom: 5px;
    color: var(--text-2);
    font-size: .78em;
    font-weight: 600;
    letter-spacing: .2px;
}

.auth-field > label span[b-qhpm2vom3x] {
    color: #d64545;
}

.auth-field > label em[b-qhpm2vom3x] {
    color: var(--text-3);
    font-style: normal;
    font-weight: 500;
}

.auth-field-row[b-qhpm2vom3x] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 10px;
}

.auth-input-wrap[b-qhpm2vom3x] {
    --auth-input-background: #fff;
    position: relative;
    min-width: 0;
}

.auth-leading-icon[b-qhpm2vom3x] {
    position: absolute;
    top: 21px;
    left: 12px;
    z-index: 2;
    width: 15px;
    height: 15px;
    color: var(--text-3);
    pointer-events: none;
    transform: translateY(-50%);
}

.auth-person-icon[b-qhpm2vom3x] {
    width: 14px;
    height: 14px;
}

.auth-input-wrap[b-qhpm2vom3x]  .mud-input-control,
.auth-input-wrap[b-qhpm2vom3x]  .mud-input-control-input-container {
    width: 100%;
    margin: 0;
}

.auth-input-wrap[b-qhpm2vom3x]  .mud-input.mud-input-outlined {
    width: 100%;
    height: 42px;
    min-height: 42px;
    border-radius: 9px;
    background: var(--auth-input-background);
    color: var(--text-1);
    font-family: Inter, sans-serif;
    font-size: .86em;
}

.auth-input-wrap[b-qhpm2vom3x]  .mud-input-outlined-border {
    border: 1.5px solid var(--border-strong) !important;
    border-radius: 9px !important;
}

.auth-input-wrap[b-qhpm2vom3x]  .mud-input.mud-input-outlined:hover .mud-input-outlined-border {
    border-color: var(--blue-500) !important;
}

.auth-input-wrap[b-qhpm2vom3x]  .mud-input.mud-input-outlined:focus-within .mud-input-outlined-border {
    border-color: var(--blue-500) !important;
    box-shadow: 0 0 0 3px rgba(46, 124, 224, .15);
}

.auth-input-wrap[b-qhpm2vom3x]  input.mud-input-root,
.auth-input-wrap[b-qhpm2vom3x]  input.mud-input-slot {
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 14px 0 36px !important;
    color: var(--text-1);
    font-family: Inter, sans-serif;
    font-size: 1em;
    line-height: 42px;
}

.auth-input-wrap.has-trailing[b-qhpm2vom3x]  input.mud-input-root,
.auth-input-wrap.has-trailing[b-qhpm2vom3x]  input.mud-input-slot {
    padding-right: 4px !important;
}

.auth-input-wrap[b-qhpm2vom3x]  input::placeholder {
    color: var(--text-3);
    opacity: 1;
}

.auth-input-wrap[b-qhpm2vom3x]  .mud-input.mud-input-outlined:has(input:-webkit-autofill) {
    --auth-input-background: #e8f0fe;
}

.auth-input-wrap[b-qhpm2vom3x]  .mud-input-adornment-end {
    height: 42px;
    margin: 0 8px 0 0;
    align-items: center;
    background: var(--auth-input-background) !important;
    color: var(--text-3);
}

.auth-input-wrap[b-qhpm2vom3x]  .mud-input-adornment-end .mud-icon-button {
    width: 28px;
    height: 28px;
    padding: 5px;
    background: var(--auth-input-background) !important;
}

.auth-input-wrap[b-qhpm2vom3x]  .mud-input-adornment-end .mud-icon-root {
    width: 16px;
    height: 16px;
    font-size: 16px;
}

.auth-input-wrap[b-qhpm2vom3x]  .mud-input-helper-text {
    margin: 4px 0 0;
    font-size: 10.5px;
    line-height: 1.25;
}

.auth-row-between[b-qhpm2vom3x] {
    display: flex;
    margin: 8px 0 18px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    font-size: .82em;
}

[b-qhpm2vom3x] .auth-remember {
    margin: 0;
    color: var(--text-2);
}

[b-qhpm2vom3x] .auth-remember .mud-checkbox {
    padding: 0;
}

[b-qhpm2vom3x] .auth-remember .mud-icon-button {
    margin-right: 4px;
    padding: 3px;
}

[b-qhpm2vom3x] .auth-remember .mud-icon-root {
    width: 19px;
    height: 19px;
    color: var(--blue-600);
    font-size: 19px;
}

[b-qhpm2vom3x] .auth-remember .mud-typography {
    color: var(--text-2);
    font-family: Inter, sans-serif;
    font-size: 1em;
    font-weight: 500;
}

[b-qhpm2vom3x] .auth-link {
    color: var(--blue-600) !important;
    font-size: 1em;
    font-weight: 600;
    white-space: nowrap;
}

[b-qhpm2vom3x] .auth-link:hover {
    text-decoration: underline;
}

.auth-link-button[b-qhpm2vom3x] {
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    font-family: inherit;
}

.auth-forgot-content[b-qhpm2vom3x] {
    max-width: 410px;
}

.auth-forgot-subtitle[b-qhpm2vom3x] {
    line-height: 1.55;
}

.auth-forgot-field[b-qhpm2vom3x] {
    margin-bottom: 20px;
}

[b-qhpm2vom3x] .auth-submit {
    width: 100%;
    height: 44px;
    min-height: 44px;
    margin-top: 4px;
    border: 0 !important;
    border-radius: 10px !important;
    background: linear-gradient(120deg, var(--navy-800), var(--blue-500)) !important;
    box-shadow: 0 10px 22px -8px rgba(29, 95, 209, .5) !important;
    color: #fff !important;
    font-family: Inter, sans-serif;
    font-size: .95em;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    transition: box-shadow .15s ease, transform .1s ease;
}

[b-qhpm2vom3x] .auth-submit:hover:not(.mud-disabled) {
    background: linear-gradient(120deg, var(--navy-800), var(--blue-500)) !important;
    box-shadow: 0 12px 26px -8px rgba(29, 95, 209, .65) !important;
}

[b-qhpm2vom3x] .auth-submit:active:not(.mud-disabled) {
    transform: scale(.98);
}

[b-qhpm2vom3x] .auth-submit.mud-disabled {
    background: linear-gradient(120deg, var(--navy-800), var(--blue-500)) !important;
    color: rgba(255, 255, 255, .72) !important;
    opacity: .62;
}

[b-qhpm2vom3x] .auth-submit .mud-button-label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.auth-submit-icon[b-qhpm2vom3x] {
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
}

[b-qhpm2vom3x] .auth-register-submit {
    margin-top: 14px;
}

.auth-footer-line[b-qhpm2vom3x] {
    margin: 18px 0 0;
    color: var(--text-2);
    font-size: .85em;
}

.auth-inline-link[b-qhpm2vom3x] {
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--blue-600);
    cursor: pointer;
    font: inherit;
    font-weight: 700;
}

.auth-inline-link:hover[b-qhpm2vom3x] {
    text-decoration: underline;
}

.auth-ghost-button[b-qhpm2vom3x] {
    margin-top: 6px;
    padding: .7em 2.2em;
    border: 1.5px solid #fff;
    border-radius: 40px;
    background: transparent;
    color: #fff;
    cursor: pointer;
    font-family: Inter, sans-serif;
    font-size: .95em;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
    transition: background .15s ease, transform .08s ease;
}

.auth-ghost-button:hover[b-qhpm2vom3x] {
    background: rgba(255, 255, 255, .12);
}

.auth-ghost-button:active[b-qhpm2vom3x] {
    transform: scale(.96);
}

[b-qhpm2vom3x] .auth-alert {
    margin-bottom: 12px;
    border-radius: 9px;
    font-size: 12px;
    text-align: left;
}

@media (max-width: 760px) {
    .auth-card[b-qhpm2vom3x] {
        height: min(720px, calc(100dvh - 16px));
        min-height: 0;
    }

    .auth-card.meter-open[b-qhpm2vom3x] {
        height: min(830px, calc(100dvh - 16px));
    }

    .auth-panel[b-qhpm2vom3x] {
        min-width: 280px;
    }

    .auth-content[b-qhpm2vom3x] {
        padding: 2em 1.6em;
    }
}

@media (max-width: 620px) {
    .auth-page[b-qhpm2vom3x] {
        min-width: 0;
        padding: 16px;
    }

    .auth-card[b-qhpm2vom3x] {
        max-width: 430px;
        height: min(720px, calc(100dvh - 16px));
        min-height: 0;
        overflow: hidden;
        background: #fff;
    }

    .auth-card.meter-open[b-qhpm2vom3x] {
        height: min(830px, calc(100dvh - 16px));
    }

    .auth-panel[b-qhpm2vom3x] {
        width: 100%;
        min-width: 0;
        border-radius: 20px;
    }

    .auth-page-panel[b-qhpm2vom3x] {
        display: none;
    }

    .auth-login-panel[b-qhpm2vom3x],
    .auth-forgot-panel[b-qhpm2vom3x],
    .auth-register-panel[b-qhpm2vom3x] {
        left: 0;
        right: auto;
        z-index: 1;
        transition: opacity .25s ease, visibility .25s ease;
    }

    .auth-card:not(.active) .auth-register-panel[b-qhpm2vom3x],
    .auth-card.active .auth-login-panel[b-qhpm2vom3x] {
        opacity: 0;
        pointer-events: none;
        visibility: hidden;
    }

    .auth-card.active .auth-register-panel[b-qhpm2vom3x],
    .auth-card:not(.active) .auth-login-panel[b-qhpm2vom3x] {
        opacity: 1;
        pointer-events: auto;
        visibility: visible;
    }

    .auth-card.forgot .auth-login-panel[b-qhpm2vom3x],
    .auth-card.forgot .auth-register-panel[b-qhpm2vom3x] {
        opacity: 0;
        pointer-events: none;
        visibility: hidden;
    }

    .auth-card.forgot .auth-forgot-panel[b-qhpm2vom3x] {
        opacity: 1;
        pointer-events: auto;
        visibility: visible;
        transform: none;
    }

    .auth-card.active .auth-register-panel .auth-content[b-qhpm2vom3x],
    .auth-card.active .auth-login-panel .auth-content[b-qhpm2vom3x],
    .auth-card.close .auth-register-panel .auth-content[b-qhpm2vom3x],
    .auth-card.close .auth-login-panel .auth-content[b-qhpm2vom3x],
    .auth-card.forgot .auth-forgot-panel .auth-content[b-qhpm2vom3x] {
        animation: none;
    }
}

@media (max-width: 420px) {
    .auth-page[b-qhpm2vom3x] {
        padding: 0;
    }

    .auth-card[b-qhpm2vom3x],
    .auth-panel[b-qhpm2vom3x] {
        min-height: 0;
        height: 100%;
        border-radius: 0;
    }

    .auth-card.meter-open[b-qhpm2vom3x] {
        height: 100%;
    }

    .auth-content[b-qhpm2vom3x] {
        padding: 1.5em 1.25em;
    }

    .auth-field-row[b-qhpm2vom3x] {
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
    }
}

@media (max-height: 700px) and (min-width: 621px) {
    .auth-content[b-qhpm2vom3x] {
        padding-top: 1.25em;
        padding-bottom: 1.25em;
    }

    .auth-icon-badge[b-qhpm2vom3x] {
        width: 52px;
        height: 52px;
        margin-bottom: 10px;
    }

    .auth-icon-badge svg[b-qhpm2vom3x] {
        width: 24px;
        height: 24px;
    }

    .auth-subtitle[b-qhpm2vom3x] {
        margin-bottom: 14px;
    }

    .auth-field[b-qhpm2vom3x] {
        margin-bottom: 8px;
    }

    .auth-footer-line[b-qhpm2vom3x] {
        margin-top: 10px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .auth-card[b-qhpm2vom3x] {
        transition-duration: .01ms;
    }

    .auth-card.active .auth-front[b-qhpm2vom3x],
    .auth-card.active .auth-back[b-qhpm2vom3x],
    .auth-card.close .auth-front[b-qhpm2vom3x],
    .auth-card.close .auth-back[b-qhpm2vom3x],
    .auth-card.active .auth-register-panel .auth-content[b-qhpm2vom3x],
    .auth-card.active .auth-login-panel .auth-content[b-qhpm2vom3x],
    .auth-card.close .auth-register-panel .auth-content[b-qhpm2vom3x],
    .auth-card.close .auth-login-panel .auth-content[b-qhpm2vom3x],
    .auth-forgot-panel[b-qhpm2vom3x] {
        animation-duration: .01ms;
        transition-duration: .01ms;
    }
}
/* /Pages/Auth/Otp.razor.rz.scp.css */
.otp-page[b-ljw8bhta5j] {
    --navy-900: #0b1b3d;
    --navy-800: #132a54;
    --blue-600: #1d5fd1;
    --blue-500: #2e7ce0;
    --border: #dce6f7;
    --border-strong: #c2d2f0;
    --text-1: #16233f;
    --text-2: #5b6b8c;
    --text-3: #8a97b5;
    --green: #1e9e64;
    --green-tint: #e4f7ed;
    --green-border: #b9e6ce;
    --red: #d64545;
    --red-tint: #fbe9e9;
    --red-border: #f1c7c7;
    display: flex;
    min-width: 100vw;
    min-height: 100vh;
    align-items: center;
    justify-content: center;
    padding: 30px 16px;
    background: linear-gradient(135deg, var(--navy-900) 0%, var(--blue-600) 100%);
    box-sizing: border-box;
    color: var(--text-1);
    font-family: Inter, sans-serif;
}

.otp-page *[b-ljw8bhta5j],
.otp-page *[b-ljw8bhta5j]::before,
.otp-page *[b-ljw8bhta5j]::after {
    box-sizing: border-box;
}

.otp-card[b-ljw8bhta5j] {
    width: 100%;
    max-width: 440px;
    padding: 38px 34px 32px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 24px 60px -16px rgba(0, 0, 0, .35), 0 10px 24px -10px rgba(0, 0, 0, .15);
    text-align: center;
}

.otp-icon[b-ljw8bhta5j] {
    display: flex;
    width: 64px;
    height: 64px;
    margin: 0 auto 20px;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    background: linear-gradient(135deg, var(--blue-500), var(--navy-900));
    box-shadow: 0 10px 22px -8px rgba(29, 95, 209, .5);
}

.otp-icon svg[b-ljw8bhta5j] {
    width: 28px;
    height: 28px;
    color: #fff;
}

.otp-card h1[b-ljw8bhta5j] {
    margin: 0 0 6px;
    color: var(--text-1);
    font-family: Poppins, sans-serif;
    font-size: 22px;
    font-weight: 700;
}

.otp-subtitle[b-ljw8bhta5j] {
    margin: 0 0 22px;
    color: var(--text-2);
    font-size: 13.5px;
    line-height: 1.5;
}

.otp-subtitle strong[b-ljw8bhta5j] {
    color: var(--text-1);
    font-weight: 700;
    overflow-wrap: anywhere;
}

.otp-banner[b-ljw8bhta5j] {
    display: flex;
    margin-bottom: 18px;
    padding: 12px 14px;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    text-align: left;
}

.otp-banner svg[b-ljw8bhta5j] {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.otp-banner.error[b-ljw8bhta5j] {
    border: 1.5px solid var(--red-border);
    background: var(--red-tint);
    color: var(--red);
}

.otp-banner.success[b-ljw8bhta5j] {
    border: 1.5px solid var(--green-border);
    background: var(--green-tint);
    color: var(--green);
}

.otp-field-label[b-ljw8bhta5j] {
    margin-bottom: 8px;
    color: var(--text-2);
    font-size: 12.5px;
    font-weight: 600;
    text-align: left;
}

.otp-field-label span[b-ljw8bhta5j] {
    color: var(--red);
}

.otp-boxes[b-ljw8bhta5j] {
    display: flex;
    margin-bottom: 8px;
    justify-content: center;
    gap: 8px;
}

.otp-box[b-ljw8bhta5j] {
    width: 44px;
    height: 52px;
    padding: 0;
    border: 1.5px solid var(--border-strong);
    border-radius: 10px;
    background: #fff;
    color: var(--text-1);
    font-family: Poppins, sans-serif;
    font-size: 19px;
    font-weight: 700;
    outline: none;
    text-align: center;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.otp-box:focus[b-ljw8bhta5j] {
    border-color: var(--blue-500);
    box-shadow: 0 0 0 3px rgba(46, 124, 224, .15);
}

.otp-boxes.error .otp-box[b-ljw8bhta5j] {
    border-color: var(--red);
}

.otp-boxes.success .otp-box[b-ljw8bhta5j] {
    border-color: var(--green);
    background: var(--green-tint);
    color: var(--green);
    opacity: 1;
}

.otp-field-error[b-ljw8bhta5j] {
    margin-bottom: 18px;
    color: var(--red);
    font-size: 12px;
    font-weight: 600;
    text-align: left;
}

.otp-field-spacer[b-ljw8bhta5j] {
    height: 18px;
}

.otp-actions[b-ljw8bhta5j] {
    display: flex;
    margin-bottom: 20px;
    gap: 10px;
}

[b-ljw8bhta5j] .otp-resend-button,
[b-ljw8bhta5j] .otp-verify-button {
    height: 46px;
    min-height: 46px;
    flex: 1;
    border-radius: 11px !important;
    font-family: Inter, sans-serif;
    font-size: 13.5px;
    font-weight: 700;
    transition: box-shadow .15s ease, transform .1s ease, background .15s ease, color .15s ease;
}

[b-ljw8bhta5j] .otp-resend-button {
    border: 1.5px solid var(--blue-600) !important;
    background: #fff !important;
    color: var(--blue-600) !important;
    letter-spacing: .4px;
    text-transform: uppercase;
}

[b-ljw8bhta5j] .otp-resend-button:hover:not(.mud-disabled) {
    background: #f2f6fe !important;
}

[b-ljw8bhta5j] .otp-resend-button.mud-disabled {
    border-color: var(--border-strong) !important;
    background: #fff !important;
    color: var(--text-3) !important;
    opacity: 1;
}

[b-ljw8bhta5j] .otp-verify-button {
    border: 0 !important;
    background: var(--border) !important;
    color: var(--text-3) !important;
    text-transform: none;
}

[b-ljw8bhta5j] .otp-verify-button.active {
    background: linear-gradient(120deg, var(--navy-800), var(--blue-500)) !important;
    box-shadow: 0 10px 22px -8px rgba(29, 95, 209, .5) !important;
    color: #fff !important;
}

[b-ljw8bhta5j] .otp-verify-button.active:hover:not(.mud-disabled) {
    background: linear-gradient(120deg, var(--navy-800), var(--blue-500)) !important;
    box-shadow: 0 12px 26px -8px rgba(29, 95, 209, .65) !important;
}

[b-ljw8bhta5j] .otp-verify-button.mud-disabled {
    background: var(--border) !important;
    color: var(--text-3) !important;
    opacity: 1;
}

[b-ljw8bhta5j] .otp-verify-button.active.mud-disabled {
    background: linear-gradient(120deg, var(--navy-800), var(--blue-500)) !important;
    box-shadow: 0 10px 22px -8px rgba(29, 95, 209, .5) !important;
    color: #fff !important;
    opacity: 1;
}

[b-ljw8bhta5j] .otp-resend-button:active:not(.mud-disabled),
[b-ljw8bhta5j] .otp-verify-button:active:not(.mud-disabled) {
    transform: scale(.98);
}

[b-ljw8bhta5j] .otp-resend-button .mud-button-label,
[b-ljw8bhta5j] .otp-verify-button .mud-button-label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
}

[b-ljw8bhta5j] .otp-verify-button svg {
    width: 15px;
    height: 15px;
    flex: 0 0 auto;
}

.otp-footer[b-ljw8bhta5j] {
    margin: 0;
    color: var(--text-2);
    font-size: 13px;
}

.otp-footer a[b-ljw8bhta5j] {
    color: var(--blue-600);
    font-weight: 700;
    text-decoration: none;
}

.otp-footer a:hover[b-ljw8bhta5j] {
    text-decoration: underline;
}

@media (max-width: 480px) {
    .otp-page[b-ljw8bhta5j] {
        min-width: 0;
        padding: 16px;
    }

    .otp-card[b-ljw8bhta5j] {
        padding: 34px 24px 28px;
    }

    .otp-boxes[b-ljw8bhta5j] {
        gap: 6px;
    }

    .otp-box[b-ljw8bhta5j] {
        width: min(44px, calc((100vw - 94px) / 6));
    }
}

@media (max-width: 380px) {
    .otp-page[b-ljw8bhta5j] {
        padding: 0;
    }

    .otp-card[b-ljw8bhta5j] {
        min-height: 100vh;
        padding-right: 18px;
        padding-left: 18px;
        border-radius: 0;
    }

    .otp-actions[b-ljw8bhta5j] {
        flex-direction: column;
    }

    [b-ljw8bhta5j] .otp-resend-button,
    [b-ljw8bhta5j] .otp-verify-button {
        width: 100%;
        flex: none;
    }
}
/* /Pages/Auth/ResetPassword.razor.rz.scp.css */
.reset-password-page[b-yo98xi10al] {
    --navy-900: #0b1b3d;
    --navy-800: #132a54;
    --blue-600: #1d5fd1;
    --blue-500: #2e7ce0;
    --border: #dce6f7;
    --border-strong: #c2d2f0;
    --text-1: #16233f;
    --text-2: #5b6b8c;
    --text-3: #8a97b5;
    display: flex;
    min-width: 100vw;
    min-height: 100vh;
    align-items: center;
    justify-content: center;
    padding: 30px 16px;
    background: linear-gradient(135deg, var(--navy-900) 0%, var(--blue-600) 100%);
    box-sizing: border-box;
    color: var(--text-1);
    font-family: Inter, sans-serif;
}

.reset-password-page *[b-yo98xi10al],
.reset-password-page *[b-yo98xi10al]::before,
.reset-password-page *[b-yo98xi10al]::after {
    box-sizing: border-box;
}

.reset-password-card[b-yo98xi10al] {
    width: 100%;
    max-width: 420px;
    padding: 38px 34px 32px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 24px 60px -16px rgba(0, 0, 0, .35), 0 10px 24px -10px rgba(0, 0, 0, .15);
    text-align: center;
}

.reset-password-icon[b-yo98xi10al] {
    display: flex;
    width: 64px;
    height: 64px;
    margin: 0 auto 20px;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    background: linear-gradient(135deg, var(--blue-500), var(--navy-900));
    box-shadow: 0 10px 22px -8px rgba(29, 95, 209, .5);
}

.reset-password-icon svg[b-yo98xi10al] {
    width: 28px;
    height: 28px;
    color: #fff;
}

.reset-password-card h1[b-yo98xi10al] {
    margin: 0 0 6px;
    color: var(--text-1);
    font-family: Poppins, sans-serif;
    font-size: 23px;
    font-weight: 700;
}

.reset-password-subtitle[b-yo98xi10al] {
    margin: 0 0 24px;
    color: var(--text-2);
    font-size: 14px;
}

.reset-password-field[b-yo98xi10al] {
    margin-bottom: 16px;
    text-align: left;
}

.reset-password-field > label[b-yo98xi10al] {
    display: block;
    margin-bottom: 6px;
    color: var(--text-2);
    font-size: 12.5px;
    font-weight: 600;
}

.reset-password-field > label span[b-yo98xi10al] {
    margin-left: 2px;
    color: #d64545;
}

.reset-password-input-wrap[b-yo98xi10al] {
    --reset-password-input-background: #fff;
    position: relative;
    min-width: 0;
}

.reset-password-leading-icon[b-yo98xi10al] {
    position: absolute;
    top: 23px;
    left: 13px;
    z-index: 2;
    width: 16px;
    height: 16px;
    color: var(--text-3);
    pointer-events: none;
    transform: translateY(-50%);
}

.reset-password-input-wrap[b-yo98xi10al]  .mud-input-control,
.reset-password-input-wrap[b-yo98xi10al]  .mud-input-control-input-container {
    width: 100%;
    margin: 0;
}

.reset-password-input-wrap[b-yo98xi10al]  .mud-input.mud-input-outlined {
    width: 100%;
    height: 46px;
    min-height: 46px;
    border-radius: 10px;
    background: var(--reset-password-input-background);
    color: var(--text-1);
    font-family: Inter, sans-serif;
    font-size: 14px;
}

.reset-password-input-wrap[b-yo98xi10al]  .mud-input-outlined-border {
    border: 1.5px solid var(--border-strong) !important;
    border-radius: 10px !important;
}

.reset-password-input-wrap[b-yo98xi10al]  .mud-input.mud-input-outlined:hover .mud-input-outlined-border {
    border-color: var(--blue-500) !important;
}

.reset-password-input-wrap[b-yo98xi10al]  .mud-input.mud-input-outlined:focus-within .mud-input-outlined-border {
    border-color: var(--blue-500) !important;
    box-shadow: 0 0 0 3px rgba(46, 124, 224, .15);
}

.reset-password-input-wrap[b-yo98xi10al]  input.mud-input-root,
.reset-password-input-wrap[b-yo98xi10al]  input.mud-input-slot {
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 4px 0 40px !important;
    color: var(--text-1);
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 46px;
}

.reset-password-input-wrap[b-yo98xi10al]  input::placeholder {
    color: var(--text-3);
    opacity: 1;
}

.reset-password-input-wrap[b-yo98xi10al]  .mud-input.mud-input-outlined:has(input:-webkit-autofill) {
    --reset-password-input-background: #e8f0fe;
}

.reset-password-input-wrap[b-yo98xi10al]  .mud-input-adornment-end {
    height: 46px;
    margin: 0 8px 0 0;
    align-items: center;
    background: var(--reset-password-input-background) !important;
    color: var(--text-3);
}

.reset-password-input-wrap[b-yo98xi10al]  .mud-input-adornment-end .mud-icon-button {
    width: 30px;
    height: 30px;
    padding: 6px;
    background: var(--reset-password-input-background) !important;
}

.reset-password-input-wrap[b-yo98xi10al]  .mud-input-adornment-end .mud-icon-root {
    width: 17px;
    height: 17px;
    font-size: 17px;
}

.reset-password-input-wrap[b-yo98xi10al]  .mud-input-helper-text {
    margin: 4px 0 0;
    font-size: 11px;
    line-height: 1.25;
}

.reset-password-strength-slot[b-yo98xi10al] {
    margin: -8px 0 20px;
}

[b-yo98xi10al] .reset-password-submit {
    width: 100%;
    height: 46px;
    min-height: 46px;
    margin-top: 6px;
    border: 0 !important;
    border-radius: 11px !important;
    background: linear-gradient(120deg, var(--navy-800), var(--blue-500)) !important;
    box-shadow: 0 10px 22px -8px rgba(29, 95, 209, .5) !important;
    color: #fff !important;
    font-family: Inter, sans-serif;
    font-size: 14.5px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    transition: box-shadow .15s ease, transform .1s ease;
}

[b-yo98xi10al] .reset-password-submit .mud-button-label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

[b-yo98xi10al] .reset-password-submit svg {
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
}

[b-yo98xi10al] .reset-password-submit:hover:not(.mud-disabled) {
    background: linear-gradient(120deg, var(--navy-800), var(--blue-500)) !important;
    box-shadow: 0 12px 26px -8px rgba(29, 95, 209, .65) !important;
}

[b-yo98xi10al] .reset-password-submit:active:not(.mud-disabled) {
    transform: scale(.98);
}

[b-yo98xi10al] .reset-password-submit.mud-disabled {
    background: linear-gradient(120deg, var(--navy-800), var(--blue-500)) !important;
    color: rgba(255, 255, 255, .72) !important;
    opacity: .62;
}

[b-yo98xi10al] .reset-password-alert {
    margin-bottom: 16px;
    border-radius: 10px;
    font-size: 12px;
    text-align: left;
}

.reset-password-back-link[b-yo98xi10al] {
    display: inline-flex;
    margin-top: 20px;
    align-items: center;
    gap: 6px;
    color: var(--blue-600);
    font-size: 13.5px;
    font-weight: 700;
    text-decoration: none;
}

.reset-password-back-link:hover[b-yo98xi10al] {
    text-decoration: underline;
}

.reset-password-back-link svg[b-yo98xi10al] {
    width: 14px;
    height: 14px;
}

@media (max-width: 480px) {
    .reset-password-page[b-yo98xi10al] {
        min-width: 0;
        padding: 16px;
    }

    .reset-password-card[b-yo98xi10al] {
        padding: 34px 24px 28px;
    }
}

@media (max-width: 360px) {
    .reset-password-page[b-yo98xi10al] {
        padding: 0;
    }

    .reset-password-card[b-yo98xi10al] {
        min-height: 100vh;
        padding-right: 20px;
        padding-left: 20px;
        border-radius: 0;
    }
}
/* /Pages/Auth/UserAppRoles.razor.rz.scp.css */
.user-app-roles-page[b-nyk609j948] {
    --um-navy-950: #071230;
    --um-navy-900: #0a1c3f;
    --um-navy-800: #0f2a5c;
    --um-blue-600: #2f6fed;
    --um-blue-500: #4d8bff;
    --um-bg: #f4f6fb;
    --um-card: #ffffff;
    --um-border: #e2e6f0;
    --um-border-soft: #eef1f7;
    --um-text-900: #101828;
    --um-text-600: #4b5468;
    --um-text-400: #8992a6;
    --um-red-600: #e5484d;
    --um-red-bg: #fdecec;
    --um-action-blue: #1d5fd1;
    --um-action-blue-bg: #edf3fc;
    --um-action-blue-bg-hover: #e3ecfb;
    --um-action-blue-border: #c2d2f0;
    --um-brand-gradient: linear-gradient(100deg, var(--um-navy-950) 0%, var(--um-navy-800) 45%, var(--um-blue-600) 100%);
    display: flex;
    width: 100%;
    min-width: 0;
    flex-direction: column;
    gap: 16px;
    color: var(--um-text-900);
    font-family: "Inter", sans-serif;
}

/* Match the ATS Package Management Add button: hover strengthens the shadow
   without scaling the button. */
.user-app-roles-page[b-nyk609j948]  .table-component-toolbar-actions .theme-button {
    height: 40px;
    padding: 0 18px;
    border: 0;
    border-radius: 10px;
    background: linear-gradient(120deg, #132a54, #1d5fd1);
    box-shadow: 0 8px 20px -6px rgba(29, 95, 209, .5) !important;
    font-size: 13px !important;
    font-weight: 700;
    letter-spacing: .3px;
    transition: transform .1s ease, box-shadow .15s ease;
}

.user-app-roles-page[b-nyk609j948]  .table-component-toolbar-actions .theme-button:hover {
    transform: none !important;
    box-shadow: 0 10px 24px -6px rgba(29, 95, 209, .65) !important;
}

.user-app-roles-page[b-nyk609j948]  .table-component-toolbar-actions .theme-button:active {
    transform: scale(.97) !important;
}

.user-management-tab-shell[b-nyk609j948] {
    position: relative;
    overflow: hidden;
    padding: 0 6px;
    border: 1px solid var(--um-border-soft);
    border-radius: 12px;
    background: var(--um-card);
    box-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 1px 1px rgba(16, 24, 40, .03);
}

.user-management-tab-strip[b-nyk609j948] {
    display: flex;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.user-management-tab-strip[b-nyk609j948]::-webkit-scrollbar {
    display: none;
}

.user-management-tab[b-nyk609j948] {
    position: relative;
    flex: 1 0 auto;
    padding: 15px 18px;
    border: 0;
    background: transparent;
    color: var(--um-text-600);
    cursor: pointer;
    font-family: "Inter", sans-serif;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    transition: color .15s ease;
}

.user-management-tab:hover[b-nyk609j948] {
    color: var(--um-text-900);
}

.user-management-tab:focus-visible[b-nyk609j948] {
    z-index: 3;
    border-radius: 8px;
    outline: 3px solid rgba(47, 111, 237, .22);
    outline-offset: -3px;
}

.user-management-tab.active[b-nyk609j948] {
    color: var(--um-blue-600);
    font-weight: 700;
}

.user-management-tab.active[b-nyk609j948]::after {
    position: absolute;
    right: 14px;
    bottom: 0;
    left: 14px;
    height: 2.5px;
    border-radius: 2px 2px 0 0;
    background: var(--um-brand-gradient);
    content: "";
}

.user-management-tab-shell[b-nyk609j948]::before,
.user-management-tab-shell[b-nyk609j948]::after {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    width: 28px;
    content: "";
    pointer-events: none;
}

.user-management-tab-shell[b-nyk609j948]::before {
    left: 0;
    background: linear-gradient(90deg, var(--um-card), rgba(255, 255, 255, 0));
}

.user-management-tab-shell[b-nyk609j948]::after {
    right: 0;
    background: linear-gradient(270deg, var(--um-card), rgba(255, 255, 255, 0));
}

.user-app-roles-page[b-nyk609j948]  .user-management-panel.responsive-table-container {
    overflow: hidden;
    padding: 0;
    border: 1px solid var(--um-border-soft);
    border-radius: 12px;
    background: var(--um-card);
    box-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 1px 1px rgba(16, 24, 40, .03);
}

.user-app-roles-page[b-nyk609j948]  .user-management-panel .generic-responsive-table {
    padding: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.user-app-roles-page[b-nyk609j948]  .user-management-panel .mud-table-toolbar {
    min-height: 0;
    height: auto;
    padding: 20px 22px;
    border-bottom: 1px solid var(--um-border-soft);
    background: var(--um-card);
}

.user-app-roles-page[b-nyk609j948]  .user-management-panel .table-component-toolbar {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
}

.user-app-roles-page[b-nyk609j948]  .user-management-panel .table-component-heading {
    grid-column: 1;
}

.user-app-roles-page[b-nyk609j948]  .user-management-panel .table-component-title {
    margin: 0;
    background: none;
    color: var(--um-navy-900);
    font-family: "Manrope", sans-serif;
    font-size: 17px !important;
    font-weight: 800 !important;
    -webkit-text-fill-color: currentColor;
}

.user-app-roles-page[b-nyk609j948]  .user-management-panel .table-component-subtitle {
    margin-top: 2px;
    color: var(--um-text-400);
    font-family: "Inter", sans-serif;
    font-size: 12px;
}

.user-app-roles-page[b-nyk609j948]  .user-management-panel .table-component-toolbar-row {
    grid-column: 2;
    gap: 10px;
}

.user-app-roles-page[b-nyk609j948]  .user-management-panel .table-component-search {
    width: 220px;
    min-width: 220px;
    max-width: 220px;
}

.user-app-roles-page[b-nyk609j948]  .user-management-panel .table-component-search .mud-input-control,
.user-app-roles-page[b-nyk609j948]  .user-management-panel .table-component-search .mud-input-control-input-container {
    margin: 0;
}

.user-app-roles-page[b-nyk609j948]  .user-management-panel .table-component-search .mud-input {
    min-height: 36px;
    border-radius: 9px;
    background: var(--um-card);
    font-family: "Inter", sans-serif;
    font-size: 13px;
}

.user-app-roles-page[b-nyk609j948]  .user-management-panel .table-component-search .mud-input-slot {
    min-height: 36px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.user-app-roles-page[b-nyk609j948]  .user-management-panel .table-component-search .mud-input-outlined-border {
    border-width: 1.5px;
    border-color: var(--um-border);
    border-radius: 9px;
}

.user-app-roles-page[b-nyk609j948]  .user-management-panel .table-component-search .mud-input:focus-within .mud-input-outlined-border {
    border-color: var(--um-blue-600);
    box-shadow: 0 0 0 4px rgba(47, 111, 237, .14);
}

.user-app-roles-page[b-nyk609j948]  .user-management-panel .table-component-search .mud-input-adornment-start {
    margin-left: 11px;
    margin-right: 7px;
    color: var(--um-text-400);
}

.user-app-roles-page[b-nyk609j948]  .user-management-panel .table-component-search .mud-icon-root {
    width: 14px;
    height: 14px;
    font-size: 14px;
}

.user-app-roles-page[b-nyk609j948]  .user-management-panel .table-component-toolbar-actions .mud-button-root {
    min-width: 0;
    min-height: 36px;
    padding: 9px 16px;
    border-radius: 9px;
    background: var(--um-brand-gradient) !important;
    box-shadow: 0 6px 14px -4px rgba(15, 42, 92, .35);
    color: #fff !important;
    font-family: "Inter", sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    text-transform: none;
}

.user-app-roles-page[b-nyk609j948]  .user-management-panel .mud-table-container {
    overflow-x: auto;
}

.user-app-roles-page[b-nyk609j948]  .user-management-panel table {
    width: 100%;
    min-width: 720px;
    border-collapse: collapse;
}

.user-app-roles-page[b-nyk609j948]  .user-management-panel .mud-table-cell {
    min-width: 0 !important;
    white-space: normal !important;
}

.user-app-roles-page[b-nyk609j948]  .user-management-panel thead .mud-table-cell {
    padding: 12px 22px;
    border-bottom: 1px solid var(--um-border-soft);
    background: #fbfcfe;
    color: var(--um-text-400);
    font-family: "Inter", sans-serif;
    font-size: 11px;
    font-weight: 700 !important;
    letter-spacing: .05em;
    line-height: 1.25;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap !important;
}

.user-app-roles-page[b-nyk609j948]  .user-management-panel tbody .mud-table-cell {
    padding: 14px 22px;
    border-bottom: 1px solid var(--um-border-soft);
    color: var(--um-text-900);
    font-family: "Inter", sans-serif;
    font-size: 13px;
    line-height: 1.4;
    text-align: left;
}

/* Highlight the primary value in every UserAppRoles table without affecting
   the single-cell empty-state row. */
.user-app-roles-page[b-nyk609j948]  .user-management-panel tbody .mud-table-row .mud-table-cell:first-child:not(:only-child) {
    font-weight: 700;
}

.user-app-roles-page[b-nyk609j948]  .user-management-panel tbody .mud-table-row:nth-child(even) {
    background: #fafbfd;
}

.user-app-roles-page[b-nyk609j948]  .user-management-panel tbody .mud-table-row:hover {
    background: #eef3fe;
}

.user-app-roles-page[b-nyk609j948]  .user-management-panel tbody .mud-table-row:last-child .mud-table-cell {
    border-bottom: 0;
}

.user-app-roles-page[b-nyk609j948]  .user-management-panel .um-empty-state {
    display: flex;
    min-height: 150px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 28px 20px;
    color: var(--um-text-400);
    text-align: center;
}

.user-app-roles-page[b-nyk609j948]  .user-management-panel .um-empty-state .mud-icon-root {
    display: block;
    width: 34px;
    height: 34px;
    margin: 0 auto 8px;
    color: var(--um-blue-500);
    font-size: 34px;
}

.user-app-roles-page[b-nyk609j948]  .user-management-panel .um-empty-state strong {
    color: var(--um-text-900);
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    font-weight: 800;
}

.user-app-roles-page[b-nyk609j948]  .user-management-panel .um-empty-state span {
    margin-top: 3px;
    font-size: 12px;
}

.user-app-roles-page[b-nyk609j948]  .user-management-panel .um-id-col {
    width: 70px;
    color: var(--um-text-400);
    font-weight: 600;
}

.user-app-roles-page[b-nyk609j948]  .user-management-panel .um-description-col {
    color: var(--um-text-600);
}

.user-app-roles-page[b-nyk609j948]  .user-management-panel .um-actions-col {
    text-align: right !important;
    white-space: nowrap !important;
}

.user-app-roles-page[b-nyk609j948]  .user-management-panel .um-icon-action.mud-icon-button {
    width: 30px;
    height: 30px;
    margin-left: 6px;
    padding: 7px;
    border: 1px solid var(--um-action-blue-border);
    border-radius: 8px;
    background: var(--um-action-blue-bg);
    transition: background-color .15s ease, border-color .15s ease;
}

.user-app-roles-page[b-nyk609j948]  .user-management-panel .um-icon-action-edit.mud-icon-button {
    color: var(--um-action-blue) !important;
}

.user-app-roles-page[b-nyk609j948]  .user-management-panel .um-icon-action-danger.mud-icon-button {
    border-color: rgba(229, 72, 77, .28);
    background: #fff5f5;
    color: var(--um-red-600) !important;
}

.user-app-roles-page[b-nyk609j948]  .user-management-panel .um-icon-action .mud-icon-root {
    width: 14px;
    height: 14px;
    font-size: 14px;
}

.user-app-roles-page[b-nyk609j948]  .user-management-panel .um-icon-action-edit:hover {
    border-color: var(--um-action-blue-border);
    background: var(--um-action-blue-bg-hover);
}

.user-app-roles-page[b-nyk609j948]  .user-management-panel .um-icon-action-danger:hover {
    border-color: rgba(229, 72, 77, .3);
    background: var(--um-red-bg);
}

.user-app-roles-page[b-nyk609j948]  .user-management-panel .mud-table-pagination {
    border-top: 0;
    background: var(--um-card);
}

.user-app-roles-page[b-nyk609j948]  .user-management-panel .mud-table-pagination-toolbar {
    min-height: 58px;
    padding: 14px 22px;
    color: var(--um-text-600);
    font-family: "Inter", sans-serif;
    font-size: 12.5px;
}

.user-app-roles-page[b-nyk609j948]  .user-management-panel .mud-table-pagination-select .mud-input {
    border: 1.5px solid var(--um-border);
    border-radius: 8px;
    background: var(--um-card);
}

.user-app-roles-page[b-nyk609j948]  .user-management-panel .mud-table-pagination-actions .mud-icon-button {
    width: 28px;
    height: 28px;
    border: 1px solid var(--um-border-soft);
    border-radius: 7px;
    background: var(--um-card);
    color: var(--um-text-600);
}

@media (max-width: 960px) {
    .user-app-roles-page[b-nyk609j948]  .user-management-panel .table-component-toolbar {
        grid-template-columns: minmax(0, 1fr);
    }

    .user-app-roles-page[b-nyk609j948]  .user-management-panel .table-component-heading,
    .user-app-roles-page[b-nyk609j948]  .user-management-panel .table-component-toolbar-row {
        grid-column: 1;
    }

    .user-app-roles-page[b-nyk609j948]  .user-management-panel .table-component-toolbar-row {
        justify-content: flex-end;
    }
}

@media (max-width: 600px) {
    .user-management-tab[b-nyk609j948] {
        min-width: 112px;
        padding-right: 14px;
        padding-left: 14px;
    }

    .user-app-roles-page[b-nyk609j948]  .user-management-panel .mud-table-toolbar {
        padding: 18px 16px;
    }

    .user-app-roles-page[b-nyk609j948]  .user-management-panel .table-component-toolbar-row {
        align-items: stretch;
    }

    .user-app-roles-page[b-nyk609j948]  .user-management-panel .table-component-search {
        width: 100%;
        min-width: 0;
        max-width: none;
    }

    .user-app-roles-page[b-nyk609j948]  .user-management-panel .mud-table-pagination-toolbar {
        padding: 12px 16px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .user-management-tab[b-nyk609j948],
    .user-app-roles-page[b-nyk609j948]  .user-management-panel .um-icon-action {
        transition: none;
    }
}
/* /Pages/EmploymentVerification/EmploymentVerification.razor.rz.scp.css */
.ev-page[b-087n762459]{--pink:#d9468d;--pink-dark:#a52a70;--ink:#2c1830;max-width:1400px;margin:0 auto;padding:28px 32px 48px;color:var(--ink)}
.ev-drawer-backdrop[b-087n762459]{position:fixed;inset:0;z-index:1200;display:flex;justify-content:flex-end;background:rgba(44,24,48,.32);animation:ev-fade-in-b-087n762459 .2s ease}.ev-drawer[b-087n762459]{width:min(620px,94vw);height:100%;overflow:auto;background:#fff;box-shadow:-16px 0 40px rgba(92,25,67,.2);animation:ev-slide-in-b-087n762459 .28s cubic-bezier(.2,.8,.2,1);padding-bottom:28px}.ev-drawer .ev-card-header[b-087n762459]{padding:24px 26px}.ev-drawer .ev-card-header h3[b-087n762459]{margin-top:7px;font-size:22px}.ev-drawer .ev-detail-grid[b-087n762459]{padding:26px;grid-template-columns:repeat(2,1fr)}.ev-drawer-section[b-087n762459]{margin:0 26px 22px;padding:20px;border:1px solid #f2d9e7;border-radius:12px;background:#fff7fb}.ev-drawer-section h4[b-087n762459]{margin:9px 0 6px}.ev-drawer-section p[b-087n762459]{margin:0;color:#704d63;font-size:13px;line-height:1.55}.ev-drawer>.ev-actions[b-087n762459]{justify-content:flex-end;padding:0 26px}@keyframes ev-slide-in-b-087n762459{from{transform:translateX(100%);opacity:.65}to{transform:translateX(0);opacity:1}}@keyframes ev-fade-in-b-087n762459{from{opacity:0}to{opacity:1}}
.ev-hero[b-087n762459]{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px;border-radius:20px;color:#fff;background:linear-gradient(120deg,#7d245d,#e14f9b 55%,#ff9bc9);box-shadow:0 18px 40px -22px #b72d79}.ev-eyebrow[b-087n762459]{font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.8}.ev-hero h2[b-087n762459]{margin:7px 0 5px;font-size:28px}.ev-hero p[b-087n762459]{margin:0;opacity:.86}.ev-primary[b-087n762459],.ev-secondary[b-087n762459],.ev-verify[b-087n762459]{border:0;border-radius:10px;padding:11px 17px;font-weight:700;cursor:pointer}.ev-primary[b-087n762459]{background:#fff;color:var(--pink-dark)}.ev-stats[b-087n762459]{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.ev-stats div[b-087n762459],.ev-card[b-087n762459]{border:1px solid #f2d9e7;border-radius:16px;background:#fff;box-shadow:0 8px 22px -18px #9b4776}.ev-stats div[b-087n762459]{padding:17px 19px}.ev-stats span[b-087n762459],.ev-detail label[b-087n762459]{display:block;color:#95667f;font-size:12px}.ev-stats strong[b-087n762459]{display:block;margin-top:7px;font-size:24px}.ev-card[b-087n762459]{overflow:hidden}.ev-card-header[b-087n762459]{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid #f4e4ed}.ev-card-header h3[b-087n762459]{margin:0;font-size:17px}.ev-card-header p[b-087n762459]{margin:4px 0 0;color:#95667f;font-size:12px}.ev-count[b-087n762459]{padding:6px 10px;border-radius:20px;background:#fff0f7;color:var(--pink-dark);font-size:12px;font-weight:700}.ev-table-wrap[b-087n762459]{overflow:auto}.ev-table[b-087n762459]{width:100%;border-collapse:collapse;font-size:13px}.ev-table th[b-087n762459],.ev-table td[b-087n762459]{padding:14px 18px;text-align:left;border-bottom:1px solid #faedf4;white-space:nowrap}.ev-table th[b-087n762459]{color:#95667f;font-size:11px;letter-spacing:.05em;text-transform:uppercase}.ev-table td strong[b-087n762459],.ev-table td small[b-087n762459]{display:block}.ev-table td small[b-087n762459]{margin-top:3px;color:#95667f;font-size:11px}.ev-status[b-087n762459]{display:inline-flex;padding:5px 9px;border-radius:20px;font-size:11px;font-weight:700}.ev-status.pending[b-087n762459]{background:#fff5df;color:#a96800}.ev-status.sent[b-087n762459]{background:#f0edff;color:#6f54b5}.ev-status.verified[b-087n762459]{background:#e7f8ef;color:#23824e}.ev-link[b-087n762459],.ev-close[b-087n762459]{border:0;background:transparent;color:var(--pink-dark);font-weight:700;cursor:pointer}.ev-close[b-087n762459]{font-size:24px}.ev-detail[b-087n762459]{margin-top:18px}.ev-detail-grid[b-087n762459]{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:20px 22px}.ev-detail-grid strong[b-087n762459]{display:block;margin-top:5px;font-size:13px}.ev-email[b-087n762459]{display:flex;justify-content:space-between;gap:20px;margin:0 22px 22px;padding:18px;border-radius:12px;background:#fff7fb;border:1px solid #f2d9e7}.ev-email-label[b-087n762459]{font-size:10px;letter-spacing:.1em;color:var(--pink-dark);font-weight:800}.ev-email h4[b-087n762459]{margin:8px 0 6px}.ev-email p[b-087n762459]{margin:0;color:#704d63;font-size:13px}.ev-actions[b-087n762459]{display:flex;align-items:center;gap:9px;flex-shrink:0}.ev-secondary[b-087n762459]{background:#fff;color:var(--pink-dark);border:1px solid #e4a8c7}.ev-verify[b-087n762459]{background:linear-gradient(120deg,#a52a70,#e14f9b);color:#fff}.ev-verify:disabled[b-087n762459]{opacity:.6;cursor:default}@media(max-width:800px){.ev-page[b-087n762459]{padding:18px 14px 30px}.ev-hero[b-087n762459]{align-items:flex-start;flex-direction:column}.ev-stats[b-087n762459]{grid-template-columns:repeat(2,1fr)}.ev-detail-grid[b-087n762459]{grid-template-columns:repeat(2,1fr)}.ev-email[b-087n762459]{flex-direction:column}.ev-actions[b-087n762459]{justify-content:flex-end}}

.ev-bookmark-rail[b-087n762459] {
    display: flex;
    margin-bottom: 14px;
}

.ev-bookmark[b-087n762459] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(120deg, #7d245d, #d9468d 70%, #ff8dc2);
    color: #fff;
    cursor: pointer;
    white-space: nowrap;
    box-shadow: 0 8px 18px -12px rgba(125, 36, 93, .9);
}

.ev-bookmark:focus-visible[b-087n762459] {
    outline: 3px solid rgba(217, 79, 155, .45);
    outline-offset: 2px;
}

.ev-bookmark:active[b-087n762459] {
    transform: scale(.97);
}

.ev-bookmark-icon[b-087n762459] {
    display: inline-flex;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
}

.ev-bookmark-icon svg[b-087n762459] {
    width: 100%;
    height: 100%;
}

.ev-bookmark-copy[b-087n762459] {
    display: inline-flex;
    align-items: baseline;
    gap: 5px;
    line-height: 1;
}

.ev-bookmark-copy small[b-087n762459] {
    font-size: 11px;
    letter-spacing: .04em;
    opacity: .85;
}

.ev-bookmark-copy strong[b-087n762459] {
    font-size: 13px;
    font-weight: 700;
}

@media (hover: hover) and (pointer: fine) and (min-width: 801px) {
    .ev-bookmark-rail[b-087n762459] {
        position: fixed;
        top: 50%;
        left: 0;
        z-index: 900;
        transform: translateY(-50%);
        margin-bottom: 0;
        filter: drop-shadow(0 8px 16px rgba(125, 36, 93, .35));
        transition: filter .32s ease;
    }

    .ev-bookmark-rail:hover[b-087n762459] {
        filter: drop-shadow(0 12px 20px rgba(125, 36, 93, .48));
    }

    .ev-bookmark[b-087n762459] {
        width: 30px; 
        gap: 10px;
        padding: 14px 11px 14px 7px;
        border-radius: 0 6px 6px 0;
        clip-path: polygon(0 0, calc(100% - 9px) 0, 100% 50%, calc(100% - 9px) 100%, 0 100%);
        overflow: hidden;
        box-shadow: none;
        transition: width .3s cubic-bezier(.2, .8, .2, 1);
    }

    .ev-bookmark:hover[b-087n762459],
    .ev-bookmark:focus-visible[b-087n762459] {
        width: 190px;
        padding-right: 20px;
    }

    .ev-bookmark:focus-visible[b-087n762459] {
        outline: none;
        box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 4px rgba(125, 36, 93, .55);
    }

    .ev-bookmark:active[b-087n762459] {
        transform: none;
    }

    .ev-bookmark-icon[b-087n762459] {
        width: 15px;
        height: 15px;
        transition: transform .3s cubic-bezier(.2, .8, .2, 1);
    }

    .ev-bookmark:hover .ev-bookmark-icon[b-087n762459] {
        transform: translateX(-2px);
    }

    .ev-bookmark-copy[b-087n762459] {
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
        line-height: 1.15;
        opacity: 0;
        transition: opacity .2s ease .05s;
    }

    .ev-bookmark:hover .ev-bookmark-copy[b-087n762459],
    .ev-bookmark:focus-visible .ev-bookmark-copy[b-087n762459] {
        opacity: 1;
    }

    .ev-bookmark-copy small[b-087n762459] {
        font-size: 10px;
        letter-spacing: .12em;
        text-transform: uppercase;
        opacity: .82;
    }

    .ev-bookmark-copy strong[b-087n762459] {
        font-size: 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ev-bookmark-rail[b-087n762459],
    .ev-bookmark[b-087n762459],
    .ev-bookmark-icon[b-087n762459],
    .ev-bookmark-copy[b-087n762459] {
        transition: none;
    }
}

.ev-segmented[b-087n762459] {
    display: inline-flex;
    gap: 4px;
    margin: 20px 0 14px;
    padding: 4px;
    border: 1px solid #f2d9e7;
    border-radius: 999px;
    background: #fff5fa;
}

.ev-segment-btn[b-087n762459] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 18px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #95667f;
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
    transition: background .2s ease, color .2s ease, box-shadow .2s ease;
}

.ev-segment-btn:hover[b-087n762459] {
    color: var(--pink-dark);
}

.ev-segment-btn.active[b-087n762459] {
    background: #fff;
    color: var(--pink-dark);
    box-shadow: 0 2px 6px rgba(125, 36, 93, .12);
}

.ev-segment-btn:focus-visible[b-087n762459] {
    outline: 3px solid rgba(217, 79, 155, .35);
    outline-offset: 2px;
}

.ev-segment-count[b-087n762459] {
    padding: 2px 8px;
    border-radius: 999px;
    background: #fff0f7;
    color: var(--pink-dark);
    font-size: 11px;
    font-weight: 800;
}

.ev-segment-btn.active .ev-segment-count[b-087n762459] {
    background: linear-gradient(120deg, #a52a70, #e14f9b);
    color: #fff;
}

.ev-toolbar[b-087n762459] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}

.ev-search[b-087n762459] {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1;
    max-width: 460px;
    border: 1px solid #f2d9e7;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 8px 22px -18px #9b4776;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.ev-search:focus-within[b-087n762459] {
    border-color: var(--pink);
    box-shadow: 0 0 0 4px rgba(217, 79, 155, .14);
}

.ev-search-icon[b-087n762459] {
    display: inline-flex;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin-left: 14px;
    color: #c98cb0;
    transition: color .2s ease;
}

.ev-search:focus-within .ev-search-icon[b-087n762459],
.ev-search.has-value .ev-search-icon[b-087n762459] {
    color: var(--pink-dark);
}

.ev-search-icon svg[b-087n762459] {
    width: 100%;
    height: 100%;
}

.ev-search-input[b-087n762459] {
    flex: 1;
    min-width: 0;
    padding: 11px 12px;
    border: 0;
    background: transparent;
    color: var(--ink);
    font: inherit;
    font-size: 13px;
}

.ev-search-input:focus[b-087n762459] {
    outline: none;
}

.ev-search-input[b-087n762459]::placeholder {
    color: #b995ab;
}

.ev-search-input[b-087n762459]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
}

.ev-search-clear[b-087n762459] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    margin-right: 10px;
    border: 0;
    border-radius: 50%;
    background: #fdeef6;
    color: var(--pink-dark);
    font-size: 15px;
    line-height: 1;
    cursor: pointer;
    transition: background .2s ease;
}

.ev-search-clear:hover[b-087n762459] {
    background: #f9d9e9;
}

.ev-search-clear:focus-visible[b-087n762459] {
    outline: 3px solid rgba(217, 79, 155, .35);
    outline-offset: 2px;
}

.ev-reload[b-087n762459] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 17px;
    border: 1px solid #e4a8c7;
    border-radius: 999px;
    background: #fff;
    color: var(--pink-dark);
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
    transition: background .2s ease, box-shadow .2s ease, transform .2s ease;
}

.ev-reload:hover:not(:disabled)[b-087n762459] {
    background: #fff5fa;
    box-shadow: 0 8px 18px -12px rgba(125, 36, 93, .8);
}

.ev-reload:active:not(:disabled)[b-087n762459] {
    transform: scale(.97);
}

.ev-reload:disabled[b-087n762459] {
    opacity: .65;
    cursor: default;
}

.ev-reload:focus-visible[b-087n762459] {
    outline: 3px solid rgba(217, 79, 155, .35);
    outline-offset: 2px;
}

.ev-reload-icon[b-087n762459] {
    display: inline-flex;
    width: 15px;
    height: 15px;
}

.ev-reload-icon svg[b-087n762459] {
    width: 100%;
    height: 100%;
}

.ev-reload:hover:not(:disabled) .ev-reload-icon[b-087n762459] {
    animation: ev-spin-b-087n762459 .6s ease;
}

.ev-reload.is-reloading .ev-reload-icon[b-087n762459] {
    animation: ev-spin-b-087n762459 .9s linear infinite;
}

@keyframes ev-spin-b-087n762459 {
    to { transform: rotate(360deg); }
}

.ev-loading[b-087n762459],
.ev-empty[b-087n762459] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-height: 180px;
    padding: 28px 22px;
    text-align: center;
}

.ev-loading[b-087n762459] {
    color: #95667f;
    font-size: 13px;
}

.ev-empty strong[b-087n762459] {
    font-size: 15px;
    color: var(--ink);
}

.ev-empty span[b-087n762459] {
    max-width: 380px;
    color: #95667f;
    font-size: 12px;
    line-height: 1.6;
}

.ev-empty .ev-secondary[b-087n762459] {
    margin-top: 12px;
}

.ev-status.rejected[b-087n762459] {
    background: #ffeef0;
    color: #b3243c;
}

.ev-status.expired[b-087n762459] {
    background: #f1f0f3;
    color: #6b6472;
}

@media (max-width: 800px) {
    .ev-segmented[b-087n762459] {
        display: flex;
        width: 100%;
    }

    .ev-segment-btn[b-087n762459] {
        flex: 1;
        justify-content: center;
    }

    .ev-toolbar[b-087n762459] {
        flex-wrap: wrap;
    }

    .ev-search[b-087n762459] {
        max-width: none;
        flex-basis: 100%;
    }

    .ev-reload[b-087n762459] {
        flex: 1;
        justify-content: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ev-reload:hover:not(:disabled) .ev-reload-icon[b-087n762459] {
        animation: none;
    }

    .ev-reload.is-reloading .ev-reload-icon[b-087n762459] {
        animation: ev-spin-b-087n762459 2.4s linear infinite;
    }
}

.ev-input[b-087n762459] {
    width: 100%;
    margin: 0.45rem 0 1rem;
    padding: 0.8rem 0.9rem;
    border: 1px solid #ead5e2;
    border-radius: 10px;
    background: #fff;
    color: #2d1830;
    font: inherit;
}

.ev-input:focus[b-087n762459] {
    border-color: #d94f9b;
    outline: 3px solid rgba(217, 79, 155, 0.14);
}
/* /Pages/EmploymentVerification/VerifyEmployment.razor.rz.scp.css */
.ev-confirm-page[b-6fwlmyb275] {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 2rem 1rem;
    background: linear-gradient(135deg, #fff2fa 0%, #f8e6f7 48%, #ffe2ed 100%);
}

.ev-confirm-card[b-6fwlmyb275] {
    width: min(620px, 100%);
    overflow: hidden;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 22px 60px rgba(125, 41, 113, .18);
}

.ev-confirm-header[b-6fwlmyb275] {
    padding: 2.4rem 2.5rem 2.2rem;
    color: #fff;
    text-align: center;
    background: linear-gradient(120deg, #8d2f91, #d945a0 54%, #ff8fb8);
}

.ev-confirm-brand[b-6fwlmyb275] {
    font-size: .72rem;
    letter-spacing: .14rem;
    text-transform: uppercase;
    opacity: .9;
}

.ev-confirm-icon[b-6fwlmyb275] {
    width: 3.3rem;
    height: 3.3rem;
    margin: 1.5rem auto 1rem;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.55);
    border-radius: 50%;
    font-size: 1.5rem;
}

    .ev-confirm-icon svg[b-6fwlmyb275] {
        width: 1.6rem;
        height: 1.6rem;
    }

.ev-confirm-header-expired[b-6fwlmyb275] {
    background: linear-gradient(120deg, #8a6410, #c98a1d 54%, #f0b850);
}

.ev-confirm-header-used[b-6fwlmyb275] {
    background: linear-gradient(120deg, #1f5d54, #2f8b78 54%, #6fc4ab);
}

.ev-confirm-body[b-6fwlmyb275] {
    padding: 2rem 2.5rem 1.5rem;
}

.ev-confirm-lead[b-6fwlmyb275] {
    margin: 0 0 1.25rem;
    color: #4a3a48;
    font-size: 1rem;
    line-height: 1.65;
}

.ev-confirm-callout[b-6fwlmyb275] {
    display: grid;
    gap: .4rem;
    padding: 1.1rem 1.2rem;
    border-radius: 14px;
    background: #fff8fc;
    border: 1px solid #f3d8e8;
    line-height: 1.6;
}

    .ev-confirm-callout strong[b-6fwlmyb275] {
        color: #321b35;
        font-size: .95rem;
    }

    .ev-confirm-callout span[b-6fwlmyb275] {
        color: #76566f;
        font-size: .9rem;
    }

.ev-confirm-header h1[b-6fwlmyb275] { margin: 0; font-size: 1.8rem; }
.ev-confirm-header p[b-6fwlmyb275] { margin: .75rem 0 0; opacity: .9; }

.ev-confirm-details[b-6fwlmyb275] { margin: 0; padding: 2rem 2.5rem 1rem; }
.ev-confirm-details div[b-6fwlmyb275] { display: flex; justify-content: space-between; gap: 1rem; padding: .9rem 0; border-bottom: 1px solid #f0dce9; }
.ev-confirm-details dt[b-6fwlmyb275] { color: #96728e; font-size: .85rem; }
.ev-confirm-details dd[b-6fwlmyb275] { margin: 0; color: #321b35; font-weight: 700; text-align: right; }
.ev-confirm-expiry[b-6fwlmyb275] { margin: 0; padding: 0 2.5rem 1.75rem; color: #a1849b; font-size: .78rem; text-align: center; }
.ev-confirm-note[b-6fwlmyb275], .ev-confirm-message[b-6fwlmyb275] { padding: 0 2.5rem 1.25rem; color: #76566f; line-height: 1.6; }
.ev-confirm-actions[b-6fwlmyb275] { display: flex; gap: .75rem; padding: 0 2.5rem 2rem; }
.ev-confirm-actions button[b-6fwlmyb275] { flex: 1; padding: .85rem 1rem; border: 0; border-radius: 999px; font-weight: 700; cursor: pointer; }
.ev-confirm-approve[b-6fwlmyb275] { color: #fff; background: linear-gradient(120deg, #a52d91, #e3489f); }
.ev-confirm-reject[b-6fwlmyb275] { color: #9b376f; background: #fff0f8; }
.ev-confirm-success[b-6fwlmyb275], .ev-confirm-error[b-6fwlmyb275] { margin: 2rem 2.5rem; padding: 1rem 1.1rem; display: grid; gap: .35rem; border-radius: 14px; line-height: 1.5; }
.ev-confirm-success[b-6fwlmyb275] { color: #24643f; background: #ebfaf0; }
.ev-confirm-error[b-6fwlmyb275] { color: #8c2e4c; background: #fff0f3; }
.ev-confirm-footer[b-6fwlmyb275] { padding: 1rem 2.5rem; color: #a1849b; background: #fff8fc; font-size: .75rem; line-height: 1.5; text-align: center; }

@media (max-width: 560px) {
    .ev-confirm-header[b-6fwlmyb275], .ev-confirm-details[b-6fwlmyb275], .ev-confirm-body[b-6fwlmyb275] { padding-left: 1.35rem; padding-right: 1.35rem; }
    .ev-confirm-actions[b-6fwlmyb275] { padding-left: 1.35rem; padding-right: 1.35rem; flex-direction: column; }
    .ev-confirm-note[b-6fwlmyb275] { padding-left: 1.35rem; padding-right: 1.35rem; }
    .ev-confirm-expiry[b-6fwlmyb275] { padding-left: 1.35rem; padding-right: 1.35rem; }
    .ev-confirm-footer[b-6fwlmyb275] { padding-left: 1.35rem; padding-right: 1.35rem; }
}
/* /Pages/Home/Home.razor.rz.scp.css */
.home-shell[b-cn8pua2k22] {
    --home-navy-900: #0a1c3f;
    --home-navy-800: #0f2a5c;
    --home-blue-600: #2f6fed;
    --home-blue-500: #4d8bff;
    --home-bg: #f4f6fb;
    --home-card: #ffffff;
    --home-border: #e6eaf2;
    --home-border-soft: #eef1f7;
    --home-text-900: #101828;
    --home-text-600: #4b5468;
    --home-text-400: #8992a6;
    --home-green-600: #16a34a;
    --home-green-bg: #e9f9ef;
    --home-amber-700: #a15c07;
    --home-amber-bg: #fdf1dd;
    --home-shadow-card: 0 1px 2px rgba(16, 24, 40, .04), 0 1px 1px rgba(16, 24, 40, .03);
    --home-shadow-card-hover: 0 12px 24px -8px rgba(16, 24, 40, .12), 0 4px 8px -4px rgba(16, 24, 40, .06);
    max-width: 1180px;
    margin: 0 auto;
    color: var(--home-text-900);
    font-family: "Inter", sans-serif;
}

.home-hero[b-cn8pua2k22] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    overflow: hidden;
    padding: 32px 34px;
    border-radius: 16px;
    background: radial-gradient(120% 180% at 100% 0%, rgba(79, 139, 255, .35), transparent 55%),
        linear-gradient(120deg, var(--home-navy-900) 0%, var(--home-navy-800) 45%, var(--home-blue-600) 130%);
    color: #fff;
}

.home-hero[b-cn8pua2k22]::before {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, .14) 1px, transparent 1px);
    background-size: 16px 16px;
    content: "";
    pointer-events: none;
    -webkit-mask-image: linear-gradient(120deg, rgba(0, 0, 0, .9), transparent 60%);
    mask-image: linear-gradient(120deg, rgba(0, 0, 0, .9), transparent 60%);
}

.home-hero-text[b-cn8pua2k22],
.home-hero-right[b-cn8pua2k22] {
    position: relative;
    z-index: 1;
}

.home-hero-eyebrow[b-cn8pua2k22] {
    margin-bottom: 8px;
    color: rgba(255, 255, 255, .65);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.home-hero-title[b-cn8pua2k22] {
    margin: 0 0 6px;
    color: #fff;
    font-family: "Manrope", "Inter", sans-serif;
    font-size: 26px;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -.2px;
}

.home-hero-subtitle[b-cn8pua2k22] {
    max-width: 440px;
    margin: 0;
    color: rgba(255, 255, 255, .8);
    font-size: 14px;
    line-height: 1.5;
}

.home-hero-right[b-cn8pua2k22] {
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
}

.home-date-pill[b-cn8pua2k22] {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 7px 14px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    background: rgba(255, 255, 255, .14);
    color: #fff;
    font-size: 12.5px;
    font-weight: 600;
    white-space: nowrap;
    backdrop-filter: blur(6px);
}

.home-live-dot[b-cn8pua2k22] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #4ade80;
    box-shadow: 0 0 0 3px rgba(74, 222, 128, .25);
}

.home-status-strip[b-cn8pua2k22] {
    display: flex;
    gap: 14px;
    color: rgba(255, 255, 255, .7);
    font-size: 11.5px;
    font-weight: 500;
}

.home-status-item[b-cn8pua2k22] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.home-status-item[b-cn8pua2k22]::before {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #4ade80;
    content: "";
}

.home-apps-section[b-cn8pua2k22] {
    margin-top: 32px;
}

.home-section-title[b-cn8pua2k22] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin: 0 0 14px;
}

.home-section-title h2[b-cn8pua2k22],
.home-section-title h3[b-cn8pua2k22] {
    margin: 0;
    color: var(--home-text-900);
    font-family: "Manrope", "Inter", sans-serif;
    font-size: 15px;
    font-weight: 700;
}

.home-section-count[b-cn8pua2k22] {
    color: var(--home-text-400);
    font-size: 12.5px;
    font-weight: 500;
}

.home-app-grid[b-cn8pua2k22] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.home-app-card[b-cn8pua2k22] {
    display: flex;
    flex-direction: column;
    padding: 18px;
    border: 1px solid var(--home-border-soft);
    border-radius: 12px;
    background: var(--home-card);
    box-shadow: var(--home-shadow-card);
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.home-app-card:hover[b-cn8pua2k22] {
    border-color: transparent;
    box-shadow: var(--home-shadow-card-hover);
    color: inherit;
    text-decoration: none;
    transform: translateY(-3px);
}

.home-app-card:focus-visible[b-cn8pua2k22] {
    border-color: var(--home-blue-500);
    outline: 3px solid rgba(77, 139, 255, .18);
    outline-offset: 2px;
}

.home-app-card-top[b-cn8pua2k22] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 14px;
}

.home-app-icon[b-cn8pua2k22] {
    display: flex;
    width: 38px;
    height: 38px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: #fff;
}

[b-cn8pua2k22] .home-app-icon .mud-icon-root {
    width: 18px;
    height: 18px;
    color: #fff;
    font-size: 18px;
}

.home-app-status[b-cn8pua2k22] {
    display: flex;
    height: fit-content;
    align-items: center;
    gap: 5px;
    padding: 3px 9px 3px 7px;
    border-radius: 999px;
    background: var(--home-green-bg);
    color: var(--home-green-600);
    font-size: 11px;
    font-weight: 600;
}

.home-app-status[b-cn8pua2k22]::before {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--home-green-600);
    content: "";
}

.home-app-title[b-cn8pua2k22] {
    margin: 0 0 5px;
    color: var(--home-text-900);
    font-family: "Manrope", "Inter", sans-serif;
    font-size: 14.5px;
    font-weight: 700;
    line-height: 1.35;
}

.home-app-subtitle[b-cn8pua2k22] {
    flex-grow: 1;
    margin: 0 0 16px;
    color: var(--home-text-600);
    font-size: 12.5px;
    line-height: 1.5;
}

.home-open-link[b-cn8pua2k22] {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: auto;
    color: var(--home-blue-600);
    font-size: 12.5px;
    font-weight: 600;
}

.home-open-link svg[b-cn8pua2k22] {
    width: 13px;
    height: 13px;
    transition: transform .15s ease;
}

.home-app-card:hover .home-open-link svg[b-cn8pua2k22] {
    transform: translateX(3px);
}

.home-search-empty[b-cn8pua2k22] {
    padding: 34px 20px;
    border: 1px dashed var(--home-border);
    border-radius: 12px;
    background: var(--home-card);
    color: var(--home-text-400);
    font-size: 13px;
    text-align: center;
}

.home-bottom-grid[b-cn8pua2k22] {
    display: grid;
    grid-template-columns: 1.15fr 1fr;
    gap: 14px;
    margin-top: 14px;
}

.home-panel[b-cn8pua2k22] {
    padding: 18px 20px 20px;
    border: 1px solid var(--home-border-soft);
    border-radius: 12px;
    background: var(--home-card);
    box-shadow: var(--home-shadow-card);
}

.home-panel-title[b-cn8pua2k22] {
    margin: 0;
    color: var(--home-text-900);
    font-family: "Manrope", "Inter", sans-serif;
    font-size: 14px;
    font-weight: 700;
}

.home-empty-state[b-cn8pua2k22] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 38px 20px 26px;
    color: var(--home-text-600);
    text-align: center;
}

.home-empty-icon-wrap[b-cn8pua2k22] {
    display: flex;
    width: 52px;
    height: 52px;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    border: 1px dashed var(--home-border);
    border-radius: 50%;
    background: var(--home-bg);
    color: var(--home-text-400);
}

.home-empty-icon-wrap svg[b-cn8pua2k22] {
    width: 22px;
    height: 22px;
}

.home-empty-title[b-cn8pua2k22] {
    margin-bottom: 5px;
    color: var(--home-text-900);
    font-size: 13.5px;
    font-weight: 700;
}

.home-empty-subtitle[b-cn8pua2k22] {
    max-width: 300px;
    color: var(--home-text-400);
    font-size: 12.5px;
    line-height: 1.55;
}

.home-announcement-header[b-cn8pua2k22] {
    align-items: center;
    margin-bottom: 4px;
}

.home-placeholder-chip[b-cn8pua2k22] {
    padding: 3px 9px;
    border-radius: 999px;
    background: var(--home-amber-bg);
    color: var(--home-amber-700);
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.home-announcement-item[b-cn8pua2k22] {
    display: flex;
    gap: 12px;
    padding: 13px 0;
    border-top: 1px solid var(--home-border-soft);
}

.home-announcement-item:first-child[b-cn8pua2k22] {
    padding-top: 10px;
    border-top: 0;
}

.home-announcement-accent[b-cn8pua2k22] {
    width: 6px;
    flex-shrink: 0;
    margin-top: 3px;
    border-radius: 4px;
    background: var(--home-blue-500);
}

.home-announcement-accent.reminder[b-cn8pua2k22] {
    background: #f59e0b;
}

.home-announcement-body[b-cn8pua2k22] {
    min-width: 0;
}

.home-announcement-tag[b-cn8pua2k22] {
    margin-bottom: 3px;
    color: var(--home-text-400);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.home-announcement-title[b-cn8pua2k22] {
    margin-bottom: 4px;
    color: var(--home-text-900);
    font-size: 13px;
    font-weight: 700;
}

.home-announcement-detail[b-cn8pua2k22] {
    color: var(--home-text-600);
    font-size: 12px;
    line-height: 1.5;
}

@media (max-width: 900px) {
    .home-app-grid[b-cn8pua2k22] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-bottom-grid[b-cn8pua2k22] {
        grid-template-columns: 1fr;
    }

    .home-hero[b-cn8pua2k22] {
        align-items: flex-start;
        flex-direction: column;
    }

    .home-hero-right[b-cn8pua2k22] {
        align-items: flex-start;
    }
}

@media (max-width: 600px) {
    .home-hero[b-cn8pua2k22] {
        padding: 26px 24px;
    }

    .home-hero-title[b-cn8pua2k22] {
        font-size: 22px;
    }

    .home-app-grid[b-cn8pua2k22] {
        grid-template-columns: 1fr;
    }

    .home-status-strip[b-cn8pua2k22] {
        flex-wrap: wrap;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-app-card[b-cn8pua2k22],
    .home-open-link svg[b-cn8pua2k22] {
        transition: none;
    }
}
/* /Pages/Shared/NoAccess.razor.rz.scp.css */
.access-denied-page[b-vn7g3765xc] {
    --navy-900: #0b1b3d;
    --navy-800: #132a54;
    --blue-500: #2e7ce0;
    --border: #e4eaf6;
    --text-secondary: #5b6b8c;
    --red: #d64545;
    --red-tint: #fbe9e9;
    --red-border: #f1c7c7;
    min-height: 100vh;
    padding: 40px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eef2f9;
    font-family: "Inter", sans-serif;
}

.access-denied-card[b-vn7g3765xc] {
    width: 100%;
    max-width: 460px;
    padding: 38px 34px 34px;
    text-align: center;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 20px;
    box-shadow: 0 0 0 6px rgba(46, 124, 224, 0.1),
                0 18px 40px -16px rgba(11, 27, 61, 0.25);
}

.access-denied-icon[b-vn7g3765xc] {
    width: 70px;
    height: 70px;
    margin: 0 auto 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--red);
    background: var(--red-tint);
    border: 1.5px solid var(--red-border);
    border-radius: 50%;
}

.access-denied-icon svg[b-vn7g3765xc] {
    width: 30px;
    height: 30px;
}

.access-denied-card h1[b-vn7g3765xc] {
    margin: 0 0 10px;
    color: var(--navy-900);
    font-family: "Poppins", sans-serif;
    font-size: 23px;
    font-weight: 700;
    letter-spacing: 0.2px;
}

.access-denied-description[b-vn7g3765xc] {
    margin: 0 auto 26px;
    color: var(--text-secondary);
    font-size: 13.5px;
    line-height: 1.6;
}

.access-denied-home[b-vn7g3765xc] {
    min-height: 46px;
    padding: 0 26px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #fff;
    background: linear-gradient(120deg, var(--navy-800), var(--blue-500));
    border-radius: 11px;
    box-shadow: 0 10px 22px -8px rgba(29, 95, 209, 0.5);
    font-size: 14.5px;
    font-weight: 700;
    text-decoration: none;
    transition: box-shadow 0.15s ease, transform 0.1s ease;
}

.access-denied-home:hover[b-vn7g3765xc],
.access-denied-home:focus-visible[b-vn7g3765xc] {
    color: #fff;
    box-shadow: 0 12px 26px -8px rgba(29, 95, 209, 0.65);
}

.access-denied-home:focus-visible[b-vn7g3765xc] {
    outline: 3px solid rgba(46, 124, 224, 0.35);
    outline-offset: 3px;
}

.access-denied-home:active[b-vn7g3765xc] {
    transform: scale(0.97);
}

.access-denied-home svg[b-vn7g3765xc] {
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
}

@media (max-width: 520px) {
    .access-denied-page[b-vn7g3765xc] {
        padding: 28px 18px;
    }

    .access-denied-card[b-vn7g3765xc] {
        padding: 32px 24px 30px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .access-denied-home[b-vn7g3765xc] {
        transition: none;
    }
}