/* /Components/Account/Shared/ManageLayout.razor.rz.scp.css */
.account-manage-page[b-l04xfw7mom] {
    max-width: 1200px;
    margin: 0 auto;
    padding: var(--ui-space-8) var(--ui-space-4);
}

.account-manage-header[b-l04xfw7mom] {
    margin-bottom: var(--ui-space-6);
}

.account-manage-title[b-l04xfw7mom] {
    margin: 0 0 var(--ui-space-2) 0;
    color: var(--rz-base-900);
    font-size: var(--ui-font-size-3xl);
}

.account-manage-subtitle[b-l04xfw7mom] {
    margin: 0;
    color: var(--rz-base-500);
    font-size: var(--ui-font-size-md);
}

.account-manage-content[b-l04xfw7mom] {
    background: white;
    border: 1px solid var(--rz-base-200);
    border-radius: var(--ui-radius-xl);
    padding: var(--ui-space-6);
}

.account-manage-content[b-l04xfw7mom]  h3 {
    margin-top: 0;
    margin-bottom: var(--ui-space-4);
    font-size: var(--ui-font-size-2xl);
    color: var(--rz-base-900);
}

.account-manage-content[b-l04xfw7mom]  h4 {
    margin-top: var(--ui-space-5);
    margin-bottom: var(--ui-space-3);
    font-size: var(--ui-font-size-lg);
    color: var(--rz-base-800);
}

.account-manage-content[b-l04xfw7mom]  form {
    display: grid;
    gap: var(--ui-space-3);
}

.account-manage-content[b-l04xfw7mom]  input,
.account-manage-content[b-l04xfw7mom]  textarea,
.account-manage-content[b-l04xfw7mom]  select {
    width: 100%;
    border: 1px solid var(--rz-base-300);
    border-radius: var(--ui-radius-md);
    padding: var(--ui-space-3) var(--ui-space-4);
    color: var(--rz-base-800);
    background: white;
}

.account-manage-content[b-l04xfw7mom]  label {
    display: block;
    margin-bottom: var(--ui-space-1);
    font-size: var(--ui-font-size-sm);
    color: var(--rz-base-600);
}

.account-manage-content[b-l04xfw7mom]  button,
.account-manage-content[b-l04xfw7mom]  .btn,
.account-manage-content[b-l04xfw7mom]  a.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--rz-base-300);
    border-radius: var(--ui-radius-md);
    background: white;
    color: var(--rz-base-800);
    padding: var(--ui-space-2) var(--ui-space-4);
    text-decoration: none;
    cursor: pointer;
}

.account-manage-content[b-l04xfw7mom]  button[type="submit"] {
    background: var(--rz-primary);
    border-color: var(--rz-primary);
    color: white;
}

.account-manage-content[b-l04xfw7mom]  [role="alert"] {
    border: 1px solid var(--rz-base-300);
    border-radius: var(--ui-radius-md);
    background: var(--rz-base-50);
    padding: var(--ui-space-3) var(--ui-space-4);
}

.account-manage-content[b-l04xfw7mom]  table {
    width: 100%;
    border-collapse: collapse;
}

.account-manage-content[b-l04xfw7mom]  td,
.account-manage-content[b-l04xfw7mom]  th {
    padding: var(--ui-space-3);
    border-bottom: 1px solid var(--rz-base-200);
}

.account-manage-content[b-l04xfw7mom]  .validation-message,
.account-manage-content[b-l04xfw7mom]  .validation-errors,
.account-manage-content[b-l04xfw7mom]  .text-danger {
    color: var(--rz-danger);
    font-size: var(--ui-font-size-sm);
}

@media (max-width: 768px) {
    .account-manage-page[b-l04xfw7mom] {
        padding: var(--ui-space-4);
    }

    .account-manage-content[b-l04xfw7mom] {
        padding: var(--ui-space-4);
    }
}
/* /Components/Account/Shared/StatusMessage.razor.rz.scp.css */
.account-status-message[b-2iw0wrm5bi] {
    border-radius: var(--ui-radius-md);
    border: 1px solid transparent;
    padding: var(--ui-space-3) var(--ui-space-4);
    margin-bottom: var(--ui-space-4);
    font-size: var(--ui-font-size-sm);
    font-weight: 500;
}

.account-status-success[b-2iw0wrm5bi] {
    background: var(--rz-success-lighter);
    border-color: var(--rz-success-light);
    color: var(--rz-success-darker);
}

.account-status-danger[b-2iw0wrm5bi] {
    background: var(--rz-danger-lighter);
    border-color: var(--rz-danger-light);
    color: var(--rz-danger-darker);
}

/* /Components/Admin/CampaignDetailPanel.razor.rz.scp.css */
/* === HEADER === */
.campaign-title-row[b-7a5mccjkpa] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--ui-space-2) var(--ui-space-3);
    margin-bottom: var(--ui-space-1);
}

.campaign-title-row .slide-over-title[b-7a5mccjkpa] {
    margin: 0;
}

/* === DECISION === */
.decision[b-7a5mccjkpa] {
    display: flex;
    flex-direction: column;
    gap: var(--ui-space-3);
    padding: var(--ui-space-5) var(--ui-space-6);
    border: 1px solid var(--rz-warning-light);
    border-radius: var(--ui-radius-lg);
    background: var(--rz-warning-lighter);
}

.decision-title[b-7a5mccjkpa] {
    display: flex;
    align-items: center;
    gap: var(--ui-space-2);
    margin: 0;
    font-size: var(--ui-font-size-lg);
    font-weight: 700;
    color: var(--rz-warning-darker);
}

.decision-hint[b-7a5mccjkpa] {
    margin: 0;
    max-width: 60rem;
    font-size: var(--ui-font-size-sm);
    line-height: 1.5;
    color: var(--rz-warning-dark);
}

.decision-facts[b-7a5mccjkpa] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--ui-space-2);
}

.decision-fact[b-7a5mccjkpa] {
    display: inline-flex;
    align-items: center;
    gap: var(--ui-space-2);
    padding: var(--ui-space-1) var(--ui-space-3);
    border: 1px solid var(--rz-warning-light);
    border-radius: var(--ui-radius-pill);
    background: rgba(255, 255, 255, 0.75);
    font-size: var(--ui-font-size-sm);
    font-weight: 600;
    color: var(--rz-base-900);
}

.decision-fact.tone-pending[b-7a5mccjkpa] {
    border-color: var(--rz-info-light);
    background: var(--rz-info-lighter);
}

.decision-fact.tone-failed[b-7a5mccjkpa] {
    border-color: var(--rz-danger-light);
    background: var(--rz-danger-lighter);
    color: var(--rz-danger-dark);
}

.decision-fact.tone-success[b-7a5mccjkpa] {
    border-color: var(--rz-success-light);
    background: var(--rz-success-lighter);
}

.decision-fact-label[b-7a5mccjkpa] {
    font-size: var(--ui-font-size-xs);
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--rz-base-500);
}

.decision-error[b-7a5mccjkpa] {
    padding: var(--ui-space-3);
    border-radius: var(--ui-radius-sm);
    background: rgba(255, 255, 255, 0.75);
    color: var(--rz-danger-dark);
    font-size: var(--ui-font-size-xs);
    line-height: 1.45;
    word-break: break-word;
}

/* The confirmation sits on the same line as the buttons it unlocks. */
.decision-foot[b-7a5mccjkpa],
.decision-decline[b-7a5mccjkpa] {
    padding-top: var(--ui-space-4);
    border-top: 1px solid var(--rz-warning-light);
}

.decision-foot[b-7a5mccjkpa] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--ui-space-3) var(--ui-space-6);
}

.decision-decline[b-7a5mccjkpa] {
    display: flex;
    flex-direction: column;
    gap: var(--ui-space-2);
}

.decision-confirm[b-7a5mccjkpa] {
    display: flex;
    align-items: flex-start;
    gap: var(--ui-space-3);
    flex: 1 1 24rem;
}

.decision-foot[b-7a5mccjkpa]  .decision-confirm-label {
    flex: 1 1 24rem;
    margin: 0;
    font-size: var(--ui-font-size-sm);
    line-height: 1.4;
    color: var(--rz-base-800);
    cursor: pointer;
}

.decision-actions[b-7a5mccjkpa] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--ui-space-3);
    margin-left: auto;
}

.decision.is-publishing[b-7a5mccjkpa] {
    border-color: var(--rz-info-light);
    background: var(--rz-info-lighter);
}

.decision.is-publishing .decision-title[b-7a5mccjkpa] {
    color: var(--rz-info-darker);
}

/* === BACKGROUND WORK === */
.background-status[b-7a5mccjkpa] {
    display: flex;
    align-items: center;
    gap: var(--ui-space-3);
    font-size: var(--ui-font-size-sm);
    font-weight: 600;
    color: var(--rz-base-700);
}

.creative-list.is-stale[b-7a5mccjkpa] {
    opacity: 0.45;
}

.photo-form[b-7a5mccjkpa] {
    display: flex;
    flex-direction: column;
    gap: var(--ui-space-2);
    padding: var(--ui-space-4);
    border: 1px solid var(--admin-line);
    border-radius: var(--ui-radius-md);
}

.question-editor[b-7a5mccjkpa] {
    display: flex;
    flex-direction: column;
    gap: var(--ui-space-4);
}

/* === LAYOUT ===
   What is being reviewed (creatives, copy, form) on the left; facts, money and tools on the right. */
.campaign-layout[b-7a5mccjkpa] {
    display: grid;
    align-items: start;
    gap: var(--ui-space-6);
}

@media (min-width: 1024px) {
    .campaign-layout[b-7a5mccjkpa] {
        grid-template-columns: minmax(0, 1fr) 21rem;
    }
}

.campaign-column[b-7a5mccjkpa] {
    display: flex;
    flex-direction: column;
    gap: var(--ui-space-6);
    min-width: 0;
}

/* === CARDS ===
   No overflow clipping: dropdown and date-picker popups open inside the card. */
.panel-card[b-7a5mccjkpa] {
    border: 1px solid var(--rz-base-200);
    border-radius: var(--ui-radius-lg);
    background: white;
}

.panel-card-head[b-7a5mccjkpa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--ui-space-3);
    min-height: 3.25rem;
    padding: var(--ui-space-2) var(--ui-space-5);
    border-bottom: 1px solid var(--rz-base-100);
}

.panel-card-title[b-7a5mccjkpa] {
    margin: 0;
    white-space: nowrap;
    font-size: var(--ui-font-size-md);
    font-weight: 700;
    color: var(--rz-base-900);
}

.panel-card-meta[b-7a5mccjkpa] {
    font-size: var(--ui-font-size-sm);
    color: var(--rz-base-500);
}

.panel-card-actions[b-7a5mccjkpa] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--ui-space-1);
}

.panel-card-body[b-7a5mccjkpa] {
    padding: var(--ui-space-5);
}

.panel-stack[b-7a5mccjkpa] {
    display: flex;
    flex-direction: column;
    gap: var(--ui-space-5);
}

.panel-note[b-7a5mccjkpa] {
    margin: 0;
    font-size: var(--ui-font-size-xs);
    line-height: 1.5;
    color: var(--rz-base-500);
}

.panel-note[b-7a5mccjkpa]  .rzi {
    vertical-align: middle;
}

.panel-empty[b-7a5mccjkpa] {
    display: flex;
    align-items: flex-start;
    gap: var(--ui-space-3);
    font-size: var(--ui-font-size-sm);
    line-height: 1.45;
    color: var(--rz-base-500);
}

.panel-empty-title[b-7a5mccjkpa] {
    margin-bottom: var(--ui-space-1);
    font-weight: 700;
    color: var(--rz-base-700);
}

.panel-advanced > summary[b-7a5mccjkpa] {
    border-bottom: none;
    cursor: pointer;
    list-style: none;
}

.panel-advanced > summary[b-7a5mccjkpa]::-webkit-details-marker {
    display: none;
}

.panel-advanced[open] > summary[b-7a5mccjkpa] {
    border-bottom: 1px solid var(--rz-base-100);
}

.panel-advanced[b-7a5mccjkpa]  .panel-advanced-chevron {
    color: var(--rz-base-500);
    transition: transform 0.2s;
}

.panel-advanced[open][b-7a5mccjkpa]  .panel-advanced-chevron {
    transform: rotate(180deg);
}

/* === FORM FIELDS === */
.field[b-7a5mccjkpa] {
    display: flex;
    flex-direction: column;
    gap: var(--ui-space-2);
}

[b-7a5mccjkpa] .field-label {
    font-size: var(--ui-font-size-xs);
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--rz-base-500);
}

[b-7a5mccjkpa] .field-input {
    width: 100%;
}

/* === AD CREATIVES === */
.creative-list[b-7a5mccjkpa] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ui-space-5) var(--ui-space-4);
}

.creative[b-7a5mccjkpa] {
    display: flex;
    flex-direction: column;
    gap: var(--ui-space-2);
    margin: 0;
}

.creative-images[b-7a5mccjkpa] {
    display: flex;
    align-items: flex-start;
    gap: var(--ui-space-2);
}

.creative-zoom[b-7a5mccjkpa] {
    padding: 0;
    border: none;
    border-radius: var(--ui-radius-sm);
    background: none;
    cursor: zoom-in;
}

/* Sized so three templates (feed + story each) fit side by side in the main column. */
.creative-image[b-7a5mccjkpa] {
    display: block;
    height: 11.5rem;
    width: auto;
    border: 1px solid var(--rz-base-200);
    border-radius: var(--ui-radius-sm);
    background: var(--rz-base-100);
    transition: box-shadow 0.15s;
}

.creative-zoom:hover .creative-image[b-7a5mccjkpa] {
    box-shadow: var(--ui-shadow-md);
}

.creative-caption[b-7a5mccjkpa] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: var(--ui-font-size-xs);
    color: var(--rz-base-500);
}

.creative-template[b-7a5mccjkpa] {
    font-size: var(--ui-font-size-sm);
    font-weight: 700;
    color: var(--rz-base-800);
}

.creative.is-unselected .creative-images[b-7a5mccjkpa] {
    opacity: 0.4;
}

.creative-select[b-7a5mccjkpa] {
    display: inline-flex;
    align-items: center;
    gap: var(--ui-space-2);
    cursor: pointer;
}

.photo-group[b-7a5mccjkpa] {
    display: flex;
    flex-direction: column;
    gap: var(--ui-space-3);
}

.photo-group + .photo-group[b-7a5mccjkpa] {
    padding-top: var(--ui-space-5);
    border-top: 1px solid var(--admin-line);
}

.photo-group-head[b-7a5mccjkpa] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--ui-space-2);
}

.photo-group-text[b-7a5mccjkpa] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--ui-space-2);
}

.photo-group-title[b-7a5mccjkpa] {
    font-size: var(--ui-font-size-md);
    font-weight: 700;
    color: var(--rz-base-900);
}

.photo-group-note[b-7a5mccjkpa] {
    font-size: var(--ui-font-size-sm);
    font-style: italic;
    color: var(--rz-base-500);
    overflow-wrap: anywhere;
}

/* Above the slide-over overlay (z-index 50). */
.image-zoom[b-7a5mccjkpa] {
    position: fixed;
    inset: 0;
    z-index: 60;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--ui-space-6);
    background: rgba(15, 23, 42, 0.85);
    cursor: zoom-out;
}

.image-zoom:focus[b-7a5mccjkpa] {
    outline: none;
}

.image-zoom img[b-7a5mccjkpa] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border-radius: var(--ui-radius-sm);
}

/* === AD COPY === */
.copy-table[b-7a5mccjkpa] {
    display: flex;
    flex-direction: column;
}

.copy-row[b-7a5mccjkpa] {
    display: grid;
    grid-template-columns: 7rem minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--ui-space-1) var(--ui-space-5);
    padding: var(--ui-space-4) 0;
    border-top: 1px solid var(--rz-base-100);
    font-size: var(--ui-font-size-sm);
    line-height: 1.5;
}

.copy-row:last-child[b-7a5mccjkpa] {
    padding-bottom: 0;
}

.copy-row-head[b-7a5mccjkpa] {
    padding-top: 0;
    border-top: none;
    font-size: var(--ui-font-size-xs);
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--rz-base-500);
}

.copy-field[b-7a5mccjkpa] {
    font-weight: 600;
    color: var(--rz-base-700);
}

.copy-original[b-7a5mccjkpa] {
    color: var(--rz-base-500);
    overflow-wrap: anywhere;
}

.copy-final[b-7a5mccjkpa] {
    font-weight: 500;
    color: var(--rz-base-900);
    overflow-wrap: anywhere;
}

.copy-empty[b-7a5mccjkpa] {
    font-style: italic;
    color: var(--rz-base-400);
}

.multiline[b-7a5mccjkpa] {
    white-space: pre-wrap;
}

.copy-benefits[b-7a5mccjkpa] {
    display: flex;
    flex-direction: column;
    gap: var(--ui-space-3);
}

.copy-benefit[b-7a5mccjkpa] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.copy-benefit-label[b-7a5mccjkpa] {
    font-size: var(--ui-font-size-xs);
    font-weight: 500;
    color: var(--rz-base-500);
}

/* === APPLICATION FORM === */
.question-list[b-7a5mccjkpa] {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: question;
}

.question[b-7a5mccjkpa] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--ui-space-2);
    padding: var(--ui-space-4) 0 var(--ui-space-4) 2.75rem;
    border-top: 1px solid var(--rz-base-100);
    counter-increment: question;
}

.question:first-child[b-7a5mccjkpa] {
    padding-top: 0;
    border-top: none;
}

.question:last-child[b-7a5mccjkpa] {
    padding-bottom: 0;
}

.question[b-7a5mccjkpa]::before {
    content: counter(question);
    position: absolute;
    top: var(--ui-space-4);
    left: 0;
    display: grid;
    place-items: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: var(--ui-radius-pill);
    background: var(--rz-base-100);
    font-size: var(--ui-font-size-xs);
    font-weight: 700;
    color: var(--rz-base-600);
}

.question:first-child[b-7a5mccjkpa]::before {
    top: 0;
}

.question-head[b-7a5mccjkpa] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--ui-space-2) var(--ui-space-4);
    min-height: 1.75rem;
}

.question-prompt[b-7a5mccjkpa] {
    font-weight: 600;
    color: var(--rz-base-900);
    overflow-wrap: anywhere;
}

.question-tags[b-7a5mccjkpa] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ui-space-1);
}

.tag[b-7a5mccjkpa] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px var(--ui-space-2);
    border-radius: var(--ui-radius-pill);
    background: var(--rz-base-100);
    font-size: var(--ui-font-size-xs);
    font-weight: 600;
    color: var(--rz-base-600);
    white-space: nowrap;
}

.tag.tone-custom[b-7a5mccjkpa] {
    background: var(--rz-primary-lighter);
    color: var(--rz-primary);
}

.tag.tone-knockout[b-7a5mccjkpa] {
    background: var(--rz-warning-lighter);
    color: var(--rz-warning-darker);
}

.question-original[b-7a5mccjkpa] {
    font-size: var(--ui-font-size-sm);
    font-style: italic;
    color: var(--rz-base-500);
    overflow-wrap: anywhere;
}

.question-rule[b-7a5mccjkpa] {
    font-size: var(--ui-font-size-sm);
    color: var(--rz-base-700);
}

.question-options[b-7a5mccjkpa] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ui-space-2);
    margin: 0;
    padding: 0;
    list-style: none;
}

.question-option[b-7a5mccjkpa] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: var(--ui-space-1) var(--ui-space-3);
    border: 1px solid var(--rz-base-200);
    border-radius: var(--ui-radius-pill);
    background: white;
    font-size: var(--ui-font-size-sm);
    color: var(--rz-base-800);
}

.question-option.is-accepted[b-7a5mccjkpa] {
    border-color: var(--rz-success-light);
    background: var(--rz-success-lighter);
    color: var(--rz-success-darker);
}

.question-option.is-rejected[b-7a5mccjkpa] {
    background: var(--rz-base-50);
    color: var(--rz-base-500);
}

.question-list + .panel-note[b-7a5mccjkpa] {
    margin-top: var(--ui-space-4);
}

/* === OVERVIEW === */
.fact-list[b-7a5mccjkpa] {
    margin: 0;
    padding: var(--ui-space-2) var(--ui-space-5);
}

.fact[b-7a5mccjkpa] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--ui-space-4);
    padding: var(--ui-space-2) 0;
    border-top: 1px solid var(--rz-base-100);
    font-size: var(--ui-font-size-sm);
}

.fact:first-child[b-7a5mccjkpa] {
    border-top: none;
}

.fact dt[b-7a5mccjkpa] {
    color: var(--rz-base-500);
}

.fact dd[b-7a5mccjkpa] {
    margin: 0;
    font-weight: 600;
    color: var(--rz-base-900);
    text-align: right;
}

/* === MONEY === */
.money-total[b-7a5mccjkpa] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding-bottom: var(--ui-space-3);
    border-bottom: 1px solid var(--rz-base-200);
}

.money-total-label[b-7a5mccjkpa] {
    font-size: var(--ui-font-size-xs);
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--rz-base-500);
}

.money-total-value[b-7a5mccjkpa] {
    font-size: var(--ui-font-size-2xl);
    font-weight: 700;
    color: var(--rz-base-900);
    font-variant-numeric: tabular-nums;
}

.money-row[b-7a5mccjkpa] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--ui-space-4);
    padding: var(--ui-space-2) 0;
    border-bottom: 1px solid var(--rz-base-100);
    font-size: var(--ui-font-size-sm);
    color: var(--rz-base-600);
}

.money-row:last-child[b-7a5mccjkpa] {
    padding-bottom: 0;
    border-bottom: none;
}

.money-value[b-7a5mccjkpa] {
    font-weight: 600;
    color: var(--rz-base-900);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.money-value.tone-accent[b-7a5mccjkpa] {
    color: var(--rz-info);
}

.money-value.tone-strong[b-7a5mccjkpa] {
    color: var(--rz-primary);
}

/* === DOCUMENTS === */
.document-list[b-7a5mccjkpa] {
    margin: 0;
    padding: var(--ui-space-1) var(--ui-space-5);
    list-style: none;
}

.document[b-7a5mccjkpa] {
    display: flex;
    align-items: center;
    gap: var(--ui-space-3);
    padding: var(--ui-space-3) 0;
    border-top: 1px solid var(--rz-base-100);
}

.document:first-child[b-7a5mccjkpa] {
    border-top: none;
}

.document-text[b-7a5mccjkpa] {
    flex: 1;
    min-width: 0;
}

.document-title[b-7a5mccjkpa] {
    font-size: var(--ui-font-size-sm);
    font-weight: 600;
    color: var(--rz-base-800);
    overflow-wrap: anywhere;
}

.document-meta[b-7a5mccjkpa] {
    font-size: var(--ui-font-size-xs);
    color: var(--rz-base-500);
}

.document-download[b-7a5mccjkpa] {
    display: inline-grid;
    flex-shrink: 0;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: var(--ui-radius-pill);
    color: var(--rz-primary);
    text-decoration: none;
}

.document-download:hover[b-7a5mccjkpa] {
    background: var(--rz-primary-lighter);
}

.document-missing[b-7a5mccjkpa] {
    font-size: var(--ui-font-size-xs);
    color: var(--rz-base-500);
    white-space: nowrap;
}

/* === EDIT BAR ===
   Sticky because the edited texts span two cards (copy and custom questions). */
.edit-bar[b-7a5mccjkpa] {
    position: sticky;
    bottom: var(--ui-space-4);
    z-index: 5;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--ui-space-3) var(--ui-space-6);
    padding: var(--ui-space-4) var(--ui-space-5);
    border: 1px solid var(--rz-base-200);
    border-radius: var(--ui-radius-lg);
    background: white;
    box-shadow: var(--ui-shadow-lg);
}

.edit-bar-text[b-7a5mccjkpa] {
    display: flex;
    flex: 1 1 24rem;
    flex-direction: column;
    gap: 2px;
    font-size: var(--ui-font-size-sm);
    color: var(--rz-base-600);
}

.edit-bar-text strong[b-7a5mccjkpa] {
    color: var(--rz-base-900);
}

.edit-bar-error[b-7a5mccjkpa] {
    font-weight: 600;
    color: var(--rz-danger-dark);
}

.edit-bar-actions[b-7a5mccjkpa] {
    display: flex;
    gap: var(--ui-space-2);
}

/* === AD PREVIEW === */
.ad-preview-section[b-7a5mccjkpa] {
    margin-top: var(--ui-space-2);
}

.section-title[b-7a5mccjkpa] {
    font-size: var(--ui-font-size-lg);
    font-weight: 700;
    color: var(--rz-base-900); /* slate-900 */
    margin-bottom: var(--ui-space-4);
}

.ad-preview-wrapper[b-7a5mccjkpa] {
    display: flex;
    justify-content: center;
    padding: var(--ui-space-4);
    background-color: var(--rz-base-50); /* stone-50 */
    border-radius: var(--ui-radius-lg);
}

.ad-preview[b-7a5mccjkpa] {
    width: 100%;
    max-width: 20rem;
    background: white;
    border-radius: var(--ui-radius-sm);
    border: 1px solid var(--rz-base-200); /* stone-200 */
    overflow: hidden;
    box-shadow: none;
}

.ad-preview-header[b-7a5mccjkpa] {
    padding: var(--ui-space-3);
    display: flex;
    align-items: center;
    gap: var(--ui-space-2);
    border-bottom: 1px solid var(--rz-base-100); /* stone-100 */
}

.ad-preview-avatar[b-7a5mccjkpa] {
    width: 2rem;
    height: 2rem;
    background-color: var(--rz-base-200); /* stone-200 */
    border-radius: var(--ui-radius-pill);
}

.ad-preview-meta[b-7a5mccjkpa] {
    font-size: var(--ui-font-size-xs);
}

.ad-preview-name[b-7a5mccjkpa] {
    font-weight: 700;
    color: var(--rz-base-900); /* slate-900 */
}

.ad-preview-sponsored[b-7a5mccjkpa] {
    color: var(--rz-base-400); /* stone-400 */
}

.ad-preview-image[b-7a5mccjkpa] {
    height: 10rem;
    background-color: var(--rz-base-200); /* stone-200 */
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--rz-base-400); /* stone-400 */
}

.ad-preview-content[b-7a5mccjkpa] {
    padding: var(--ui-space-3);
    background-color: var(--rz-base-50); /* stone-50 */
    border-top: 1px solid var(--rz-base-100); /* stone-100 */
}

.ad-preview-category[b-7a5mccjkpa] {
    font-size: var(--ui-font-size-xs);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 700;
    color: var(--rz-base-500); /* slate-500 */
    margin-bottom: var(--ui-space-1);
}

.ad-preview-title[b-7a5mccjkpa] {
    font-weight: 700;
    color: var(--rz-base-900); /* slate-900 */
    margin-bottom: var(--ui-space-1);
}

.ad-preview-description[b-7a5mccjkpa] {
    font-size: var(--ui-font-size-xs);
    color: var(--rz-base-600); /* stone-600 */
    margin-bottom: var(--ui-space-3);
}

.ad-preview-cta[b-7a5mccjkpa] {
    width: 100%;
    padding: var(--ui-space-2);
    background-color: var(--rz-base-200); /* stone-200 */
    color: var(--rz-base-600); /* stone-600 */
    border: none;
    border-radius: var(--ui-space-1);
    font-size: var(--ui-font-size-xs);
    font-weight: 700;
    cursor: default;
}

/* === META DATA === */
.meta-data-section[b-7a5mccjkpa] {
    background-color: var(--rz-base-900);
    border-radius: var(--ui-radius-lg);
    padding: var(--ui-space-4);
    font-family: 'Courier New', monospace;
    font-size: var(--ui-font-size-xs);
    color: var(--rz-base-300);
    overflow-x: auto;
}

.meta-data-header[b-7a5mccjkpa] {
    color: var(--rz-base-500);
    margin-bottom: var(--ui-space-2);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 700;
}

.meta-data-code[b-7a5mccjkpa] {
    margin: 0;
    color: var(--rz-base-300);
    white-space: pre;
}

/* === CANDIDATES ===
   A list of cards rather than a table: admins mostly check applications on a phone. */
.candidate-section[b-7a5mccjkpa] {
    display: flex;
    flex-direction: column;
    gap: var(--ui-space-3);
}

.candidate-summary[b-7a5mccjkpa] {
    margin: 0;
    font-size: var(--ui-font-size-sm);
    color: var(--rz-base-500);
}

.candidate-list[b-7a5mccjkpa] {
    display: flex;
    flex-direction: column;
    gap: var(--ui-space-3);
    margin: 0;
    padding: 0;
    list-style: none;
}

.candidate[b-7a5mccjkpa] {
    border: 1px solid var(--rz-base-200);
    border-radius: var(--ui-radius-lg);
    background: white;
}

.candidate.is-open[b-7a5mccjkpa] {
    box-shadow: var(--ui-shadow-sm);
}

.candidate-toggle[b-7a5mccjkpa] {
    display: flex;
    align-items: center;
    gap: var(--ui-space-3);
    width: 100%;
    padding: var(--ui-space-4);
    border: none;
    border-radius: var(--ui-radius-lg);
    background: none;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.candidate-toggle:hover[b-7a5mccjkpa] {
    background: var(--rz-base-50);
}

.candidate-main[b-7a5mccjkpa] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: var(--ui-space-1);
    min-width: 0;
}

.candidate-name[b-7a5mccjkpa] {
    display: flex;
    align-items: center;
    gap: var(--ui-space-1);
    font-weight: 700;
    color: var(--rz-base-900);
    overflow-wrap: anywhere;
}

.candidate-meta[b-7a5mccjkpa] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--ui-space-2);
    font-size: var(--ui-font-size-xs);
    color: var(--rz-base-500);
}

.candidate[b-7a5mccjkpa]  .candidate-note-marker {
    color: var(--rz-base-400);
}

.candidate[b-7a5mccjkpa]  .candidate-chevron {
    flex-shrink: 0;
    color: var(--rz-base-400);
    transition: transform 0.2s;
}

.candidate.is-open[b-7a5mccjkpa]  .candidate-chevron {
    transform: rotate(180deg);
}

.qualification-badge[b-7a5mccjkpa] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: var(--ui-radius-pill);
    font-size: var(--ui-font-size-2xs);
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    white-space: nowrap;
}

.qualification-badge.qualified[b-7a5mccjkpa] {
    background-color: var(--ui-status-qualified-bg);
    color: var(--ui-status-qualified-fg);
}

.qualification-badge.unqualified[b-7a5mccjkpa] {
    background-color: var(--ui-status-unqualified-bg);
    color: var(--ui-status-unqualified-fg);
}

.candidate-body[b-7a5mccjkpa] {
    display: flex;
    flex-direction: column;
    gap: var(--ui-space-4);
    padding: var(--ui-space-4);
    border-top: 1px solid var(--rz-base-100);
}

.candidate-contacts[b-7a5mccjkpa] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ui-space-2);
}

/* Tall enough to tap: on a phone these call or mail the candidate directly. */
.candidate-contact[b-7a5mccjkpa] {
    display: inline-flex;
    align-items: center;
    gap: var(--ui-space-2);
    max-width: 100%;
    min-height: 2.5rem;
    padding: var(--ui-space-2) var(--ui-space-4);
    border: 1px solid var(--rz-base-200);
    border-radius: var(--ui-radius-pill);
    font-size: var(--ui-font-size-sm);
    font-weight: 600;
    color: var(--rz-primary);
    text-decoration: none;
    overflow-wrap: anywhere;
}

.candidate-contact:hover[b-7a5mccjkpa] {
    background: var(--rz-primary-lighter);
}

.candidate-answers[b-7a5mccjkpa] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
    gap: var(--ui-space-2);
    margin: 0;
}

.candidate-answer[b-7a5mccjkpa] {
    padding: var(--ui-space-3);
    border-radius: var(--ui-radius-sm);
    background: var(--rz-base-50);
}

.candidate-answer dt[b-7a5mccjkpa] {
    margin-bottom: 2px;
    font-size: var(--ui-font-size-xs);
    color: var(--rz-base-500);
}

.candidate-answer dd[b-7a5mccjkpa] {
    margin: 0;
    font-size: var(--ui-font-size-sm);
    font-weight: 600;
    color: var(--rz-base-900);
    overflow-wrap: anywhere;
}

.candidate-answer.is-disqualifying[b-7a5mccjkpa] {
    background: var(--rz-warning-lighter);
}

.candidate-answer .candidate-answer-flag[b-7a5mccjkpa] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: var(--ui-space-1);
    font-size: var(--ui-font-size-xs);
    color: var(--rz-warning-darker);
}

.candidate-private-note[b-7a5mccjkpa] {
    padding: var(--ui-space-3);
    border-radius: var(--ui-radius-sm);
    background: var(--rz-base-50);
    font-size: var(--ui-font-size-sm);
    color: var(--rz-base-700);
}

.candidate-private-note-label[b-7a5mccjkpa] {
    margin-bottom: 2px;
    font-size: var(--ui-font-size-xs);
    color: var(--rz-base-500);
}

/* The employer types these free-form; keep their line breaks. */
.candidate-private-note-text[b-7a5mccjkpa] {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

/* === MOBILE RESPONSIVE === */
@media (max-width: 767px) {
    .decision[b-7a5mccjkpa] {
        padding: var(--ui-space-4);
    }

    /* The actions drop under the title instead of squeezing it; pulled left so the icons line up with it. */
    .panel-card-head[b-7a5mccjkpa] {
        flex-wrap: wrap;
        padding: var(--ui-space-3) var(--ui-space-4);
    }

    .panel-card-actions[b-7a5mccjkpa] {
        justify-content: flex-start;
        margin-inline-start: calc(-1 * var(--ui-space-3));
    }

    .panel-card-body[b-7a5mccjkpa] {
        padding: var(--ui-space-4);
    }

    .fact-list[b-7a5mccjkpa],
    .document-list[b-7a5mccjkpa] {
        padding-inline: var(--ui-space-4);
    }

    .copy-row[b-7a5mccjkpa] {
        grid-template-columns: minmax(0, 1fr);
    }

    .copy-row-head[b-7a5mccjkpa],
    .copy-empty[b-7a5mccjkpa] {
        display: none;
    }

    .copy-row-head + .copy-row[b-7a5mccjkpa] {
        padding-top: 0;
        border-top: none;
    }

    .copy-original[b-7a5mccjkpa]::before {
        content: "Client wrote: ";
        font-weight: 600;
    }

    .candidate-toggle[b-7a5mccjkpa],
    .candidate-body[b-7a5mccjkpa] {
        padding: var(--ui-space-3);
    }
}
/* /Components/Admin/CompanyDetailPanel.razor.rz.scp.css */
.company-header[b-3is0iac96e] {
    display: flex;
    align-items: center;
    gap: var(--ui-space-3);
}

[b-3is0iac96e] .company-header-avatar {
    width: 2.75rem;
    height: 2.75rem;
    font-size: var(--ui-font-size-sm);
}

.company-header-meta[b-3is0iac96e] {
    display: flex;
    align-items: center;
    gap: var(--ui-space-2);
    margin-top: var(--ui-space-1);
    font-size: var(--ui-font-size-sm);
    flex-wrap: wrap;
}

.company-registered[b-3is0iac96e] {
    color: var(--rz-base-400);
}

/* === STAT STRIP ===
   The three numbers an admin opens a company for, above the details they rarely read. */
.company-stat-strip[b-3is0iac96e] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border: 1px solid var(--rz-base-200);
    border-radius: var(--ui-radius-lg);
    overflow: hidden;
    background: white;
}

.company-stat[b-3is0iac96e] {
    padding: var(--ui-space-4);
    text-align: center;
}

.company-stat + .company-stat[b-3is0iac96e] {
    border-inline-start: 1px solid var(--rz-base-200);
}

.company-stat-value[b-3is0iac96e] {
    font-size: var(--ui-font-size-xl);
    font-weight: 700;
    color: var(--rz-base-900);
    font-variant-numeric: tabular-nums;
    line-height: 1.2;
}

.company-stat-label[b-3is0iac96e] {
    margin-top: 0.125rem;
    font-size: var(--ui-font-size-2xs);
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--rz-base-400);
}

/* === SECTIONS === */
.company-section-head[b-3is0iac96e] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--ui-space-3);
}

.section-title[b-3is0iac96e] {
    font-size: var(--ui-font-size-lg);
    font-weight: 700;
    color: var(--rz-base-900);
    margin-bottom: var(--ui-space-4);
    display: flex;
    align-items: center;
    gap: var(--ui-space-2);
}

.company-description[b-3is0iac96e] {
    margin-top: var(--ui-space-6);
}

.company-description-text[b-3is0iac96e] {
    margin: 0;
    font-size: var(--ui-font-size-sm);
    color: var(--rz-base-700);
    line-height: 1.6;
    white-space: pre-wrap;
}

/* === EDIT FORM === */
.company-form[b-3is0iac96e] {
    display: flex;
    flex-direction: column;
    gap: var(--ui-space-5);
}

.company-form-grid[b-3is0iac96e] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--ui-space-4);
}

@media (min-width: 640px) {
    .company-form-grid[b-3is0iac96e] {
        grid-template-columns: 1fr 1fr;
    }

    .company-form-field.is-wide[b-3is0iac96e] {
        grid-column: 1 / -1;
    }
}

.company-form-field[b-3is0iac96e] {
    display: flex;
    flex-direction: column;
    gap: var(--ui-space-1);
    min-width: 0;
}

.company-form-label[b-3is0iac96e] {
    font-size: var(--ui-font-size-xs);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--rz-base-500);
}

.company-form-hint[b-3is0iac96e] {
    font-size: var(--ui-font-size-xs);
    color: var(--rz-base-500);
    line-height: 1.4;
}

[b-3is0iac96e] .company-form-input {
    width: 100%;
}

.company-form-actions[b-3is0iac96e] {
    display: flex;
    justify-content: flex-end;
    gap: var(--ui-space-2);
}

/* === USERS === */
.member-list[b-3is0iac96e] {
    border: 1px solid var(--rz-base-200);
    border-radius: var(--ui-radius-lg);
    background: white;
    overflow: hidden;
}

.member-row[b-3is0iac96e] {
    display: flex;
    align-items: center;
    gap: var(--ui-space-3);
    padding: var(--ui-space-3) var(--ui-space-4);
    border-bottom: 1px solid var(--rz-base-100);
}

.member-row:last-child[b-3is0iac96e] {
    border-bottom: none;
}

[b-3is0iac96e] .member-avatar {
    width: 2rem;
    height: 2rem;
    font-size: var(--ui-font-size-2xs);
}

.member-main[b-3is0iac96e] {
    flex: 1;
    min-width: 0;
}

.member-email[b-3is0iac96e] {
    font-size: var(--ui-font-size-sm);
    font-weight: 600;
    color: var(--rz-base-900);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.member-meta[b-3is0iac96e] {
    display: flex;
    gap: 0.25rem;
    flex-wrap: wrap;
    margin-top: 0.125rem;
    font-size: var(--ui-font-size-xs);
    color: var(--rz-base-500);
}

/* === CAMPAIGN HISTORY ===
   A list of clickable rows rather than a table: inside a 672px panel a five-column table only
   scrolls sideways, and the row already leads somewhere. */
.campaign-history-list[b-3is0iac96e] {
    border: 1px solid var(--rz-base-200);
    border-radius: var(--ui-radius-lg);
    background: white;
    overflow: hidden;
}

.campaign-history-row[b-3is0iac96e] {
    display: flex;
    align-items: center;
    gap: var(--ui-space-3);
    width: 100%;
    padding: var(--ui-space-3) var(--ui-space-4);
    background: none;
    border: none;
    border-bottom: 1px solid var(--rz-base-100);
    font-family: inherit;
    text-align: left;
    cursor: pointer;
    transition: background-color 0.15s;
}

.campaign-history-row:last-child[b-3is0iac96e] {
    border-bottom: none;
}

.campaign-history-row:hover[b-3is0iac96e] {
    background-color: var(--rz-base-50);
}

.campaign-history-main[b-3is0iac96e] {
    flex: 1;
    min-width: 0;
}

.campaign-history-title[b-3is0iac96e] {
    display: block;
    font-size: var(--ui-font-size-sm);
    font-weight: 600;
    color: var(--rz-base-900);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.campaign-history-meta[b-3is0iac96e] {
    display: block;
    margin-top: 0.125rem;
    font-size: var(--ui-font-size-xs);
    color: var(--rz-base-500);
    font-variant-numeric: tabular-nums;
}

.campaign-history-chevron[b-3is0iac96e] {
    flex-shrink: 0;
    color: var(--rz-base-300);
}

.campaign-history-row:hover .campaign-history-chevron[b-3is0iac96e] {
    color: var(--rz-base-500);
}
/* /Components/Admin/CustomQuestionEditor.razor.rz.scp.css */
.custom-question-editor[b-q416ekuwhi] {
    display: flex;
    flex-direction: column;
    gap: var(--ui-space-4);
    padding: var(--ui-space-4);
    background-color: rgba(240, 253, 250, 0.72);
    border: 1px solid rgba(13, 148, 136, 0.35);
    border-radius: var(--ui-radius-lg);
    animation: fade-in 0.3s ease;
}

.custom-question-editor.error[b-q416ekuwhi] {
    border-color: var(--rz-danger);
    background-color: var(--rz-danger-lighter);
}

.editor-header[b-q416ekuwhi] {
    display: flex;
    align-items: center;
    gap: var(--ui-space-3);
}

[b-q416ekuwhi] .editor-icon {
    font-size: var(--ui-icon-size-2xl);
    color: var(--rz-primary);
}

.editor-title[b-q416ekuwhi] {
    flex: 1;
    font-weight: 500;
    color: var(--rz-base-900);
}

.editor-section[b-q416ekuwhi] {
    display: flex;
    flex-direction: column;
    gap: var(--ui-space-2);
}

.editor-label[b-q416ekuwhi] {
    font-size: var(--ui-font-size-sm);
    color: var(--rz-base-600);
}

.chip-row[b-q416ekuwhi] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ui-space-2);
}

.chip[b-q416ekuwhi] {
    display: inline-flex;
    align-items: center;
    gap: var(--ui-space-1);
    min-height: 2.25rem;
    padding: 0 var(--ui-space-3);
    border: 1px solid var(--rz-base-300);
    border-radius: var(--ui-radius-md);
    background: white;
    color: var(--rz-base-700);
    font: inherit;
    font-size: var(--ui-font-size-sm);
    cursor: pointer;
    transition: background-color 0.15s, border-color 0.15s, color 0.15s;
}

.chip:hover[b-q416ekuwhi] {
    border-color: var(--rz-primary);
}

.chip.selected[b-q416ekuwhi] {
    border-color: var(--rz-primary);
    background: var(--rz-primary-lighter);
    color: var(--rz-primary-dark);
}

.chip.acceptable[b-q416ekuwhi] {
    border-color: var(--rz-success);
    background: var(--rz-success-lighter);
    color: var(--rz-success-darker);
}

[b-q416ekuwhi] .chip-icon {
    font-size: var(--ui-font-size-lg);
}

.option-list[b-q416ekuwhi] {
    display: flex;
    flex-direction: column;
    gap: var(--ui-space-2);
}

.option-row[b-q416ekuwhi] {
    display: flex;
    align-items: center;
    gap: var(--ui-space-2);
}

/* Radzen's hover/focus rules out-specify a plain override, so restyle through its input variables. */
[b-q416ekuwhi] .option-input {
    flex: 1;
    min-width: 0;
    --rz-input-height: 2.75rem;
    --rz-input-border-radius: var(--ui-radius-md);
    --rz-input-background-color: white;
    --rz-input-hover-background-color: white;
    --rz-input-focus-background-color: white;
    --rz-input-border: 1px solid var(--rz-base-300);
    --rz-input-border-block-end: 1px solid var(--rz-base-300);
    --rz-input-hover-border: 1px solid var(--rz-base-400);
    --rz-input-hover-border-block-end: 1px solid var(--rz-base-400);
    --rz-input-focus-border: 1px solid var(--rz-primary);
    --rz-input-focus-border-block-end: 1px solid var(--rz-primary);
    --rz-input-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
    --rz-input-hover-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
    --rz-input-focus-shadow: 0 0 0 3px rgba(15, 118, 110, 0.12);
}

.option-legend[b-q416ekuwhi] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--ui-space-1) var(--ui-space-3);
    font-size: var(--ui-font-size-xs);
    color: var(--rz-base-600);
}

.legend-item[b-q416ekuwhi] {
    display: inline-flex;
    align-items: center;
    gap: var(--ui-space-1);
}

.legend-icon[b-q416ekuwhi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: var(--ui-radius-sm);
}

.legend-icon[b-q416ekuwhi]  .rzi {
    font-size: 0.9rem;
}

.legend-icon.accepted[b-q416ekuwhi],
.acceptable-toggle.accepted[b-q416ekuwhi] {
    border: 1px solid var(--rz-success);
    background: var(--rz-success-lighter);
    color: var(--rz-success-darker);
}

.legend-icon.rejected[b-q416ekuwhi],
.acceptable-toggle.rejected[b-q416ekuwhi] {
    border: 1px solid var(--rz-danger);
    background: var(--rz-danger-lighter);
    color: var(--rz-danger);
}

.legend-note[b-q416ekuwhi] {
    color: var(--rz-base-500);
}

.acceptable-toggle[b-q416ekuwhi] {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    padding: 0;
    border-radius: var(--ui-radius-md);
    cursor: pointer;
    transition: background-color 0.15s, border-color 0.15s, color 0.15s;
}

[b-q416ekuwhi] .option-remove {
    flex-shrink: 0;
    color: var(--rz-base-500);
}

[b-q416ekuwhi] .option-remove:hover {
    color: var(--rz-danger);
}

.add-link[b-q416ekuwhi] {
    display: inline-flex;
    align-self: flex-start;
    align-items: center;
    gap: var(--ui-space-1);
    padding: var(--ui-space-1) 0;
    border: 0;
    background: none;
    color: var(--rz-primary);
    font: inherit;
    font-size: var(--ui-font-size-sm);
    font-weight: 500;
    cursor: pointer;
}

.knockout-hint[b-q416ekuwhi] {
    display: flex;
    align-items: flex-start;
    gap: var(--ui-space-2);
    padding: var(--ui-space-3);
    border-radius: var(--ui-radius-md);
    background: var(--rz-warning-lighter);
    color: var(--rz-warning-darker);
    font-size: var(--ui-font-size-sm);
    line-height: 1.5;
}

[b-q416ekuwhi] .knockout-hint-icon {
    font-size: var(--ui-font-size-lg);
}

.question-error-message[b-q416ekuwhi] {
    display: flex;
    align-items: center;
    gap: var(--ui-space-2);
    color: var(--rz-danger);
    font-size: var(--ui-font-size-sm);
    font-weight: 500;
}

[b-q416ekuwhi] .question-error-icon {
    font-size: var(--ui-font-size-lg);
}
/* /Components/Admin/SlideOverPanel.razor.rz.scp.css */
.slide-over-overlay[b-qg8eerxyrn] {
    position: fixed;
    inset: 0;
    background-color: rgba(15, 23, 42, 0.5);
    backdrop-filter: blur(4px);
    z-index: 50;
    display: flex;
    justify-content: flex-end;
}

.slide-over-panel[b-qg8eerxyrn] {
    width: 100%;
    max-width: 672px;
    background: white;
    /* The overlay is inset: 0, so full height comes from it — 100vh overshoots on phones where the
       browser chrome shrinks the visual viewport. */
    height: 100%;
    overflow-y: auto;
    overscroll-behavior: contain;
    box-shadow: var(--ui-shadow-overlay);
    animation: slide-right 0.3s ease-out;
    display: flex;
    flex-direction: column;
}

/* A sliver of the list stays visible so it still reads as a panel and a click beside it closes it. */
.slide-over-panel-wide[b-qg8eerxyrn] {
    max-width: min(1280px, calc(100% - 4rem));
}

/* === HEADER === */
.slide-over-top[b-qg8eerxyrn] {
    position: sticky;
    top: 0;
    z-index: 10;
}

.slide-over-header[b-qg8eerxyrn] {
    padding: var(--ui-space-6);
    border-bottom: 1px solid var(--rz-base-100);
    background-color: var(--rz-base-50);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--ui-space-3);
}

[b-qg8eerxyrn] .slide-over-label {
    font-size: var(--ui-font-size-xs);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--rz-base-500);
    margin-bottom: var(--ui-space-1);
}

[b-qg8eerxyrn] .slide-over-title {
    font-size: var(--ui-font-size-2xl);
    font-weight: 700;
    color: var(--rz-base-900);
    margin-bottom: var(--ui-space-1);
}

[b-qg8eerxyrn] .slide-over-subtitle {
    font-size: var(--ui-font-size-sm);
    color: var(--rz-base-500);
    margin-top: var(--ui-space-1);
}

[b-qg8eerxyrn] .slide-over-apply-link {
    display: inline-flex;
    align-items: center;
    gap: var(--ui-space-2);
    margin-top: var(--ui-space-2);
    font-size: var(--ui-font-size-sm);
    font-weight: 600;
    color: var(--rz-primary);
    text-decoration: none;
}

[b-qg8eerxyrn] .slide-over-apply-link:hover {
    text-decoration: underline;
}

.slide-over-close[b-qg8eerxyrn] {
    padding: var(--ui-space-2);
    background: transparent;
    border: none;
    cursor: pointer;
    color: var(--rz-base-500);
    border-radius: var(--ui-radius-pill);
    transition: background-color 0.2s;
}

.slide-over-close:hover[b-qg8eerxyrn] {
    background-color: var(--rz-base-200);
}

/* === TABS === */
[b-qg8eerxyrn] .slide-over-tabs {
    display: flex;
    border-bottom: 1px solid var(--rz-base-200);
    padding: 0 var(--ui-space-6);
    background: white;
}

[b-qg8eerxyrn] .slide-over-tab {
    padding: var(--ui-space-3) var(--ui-space-4);
    font-size: var(--ui-font-size-sm);
    font-weight: 500;
    border: none;
    background: transparent;
    color: var(--rz-base-500);
    cursor: pointer;
    border-bottom: 2px solid transparent;
    transition: all 0.2s;
}

[b-qg8eerxyrn] .slide-over-tab:hover {
    color: var(--rz-base-700);
}

[b-qg8eerxyrn] .slide-over-tab.active {
    color: var(--rz-primary);
    border-bottom-color: var(--rz-primary);
}

/* === CONTENT === */
.slide-over-content[b-qg8eerxyrn] {
    flex: 1;
    padding: var(--ui-space-8) var(--ui-space-6);
    display: flex;
    flex-direction: column;
    gap: var(--ui-space-8);
}

/* === DETAILS GRID (shared vocabulary for panel content) === */
[b-qg8eerxyrn] .details-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: var(--ui-space-6);
}

@media (min-width: 640px) {
    [b-qg8eerxyrn] .details-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

[b-qg8eerxyrn] .detail-item {
    display: flex;
    align-items: flex-start;
    gap: var(--ui-space-3);
}

[b-qg8eerxyrn] .detail-icon {
    color: var(--rz-base-400);
    margin-top: 0.125rem;
}

[b-qg8eerxyrn] .detail-label {
    font-size: var(--ui-font-size-xs);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--rz-base-500);
    margin-bottom: var(--ui-space-1);
}

[b-qg8eerxyrn] .detail-value {
    font-weight: 500;
    color: var(--rz-base-900);
}

/* === MOBILE === */
@media (max-width: 767px) {
    .slide-over-panel[b-qg8eerxyrn] {
        max-width: 100%;
    }

    .slide-over-content[b-qg8eerxyrn] {
        padding: var(--ui-space-6) var(--ui-space-4);
    }

    /* The header is sticky, so keep it short — a wrapped 2xl title eats half the screen. */
    .slide-over-header[b-qg8eerxyrn] {
        padding: var(--ui-space-4);
    }

    [b-qg8eerxyrn] .slide-over-title {
        font-size: var(--ui-font-size-xl);
    }

    [b-qg8eerxyrn] .slide-over-tabs {
        padding: 0 var(--ui-space-4);
    }
}
/* /Components/Auth/Shared/PrimaryButton.razor.rz.scp.css */
.auth-primary-button[b-n1zkgvy5ez] {
    width: 100%;
    padding: var(--ui-space-4);
    background-color: var(--rz-primary);
    color: white;
    font-weight: 700;
    border-radius: var(--ui-radius-md);
    border: none;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--ui-font-size-md);
}

.auth-primary-button:hover:not(:disabled)[b-n1zkgvy5ez] {
    background-color: var(--rz-primary-dark);
}

.auth-primary-button:active:not(:disabled)[b-n1zkgvy5ez] {
    transform: scale(0.98);
}

.auth-primary-button:disabled[b-n1zkgvy5ez] {
    opacity: 0.7;
    cursor: not-allowed;
}

/* /Components/Layout/AdminLayout.razor.rz.scp.css */
.admin-layout[b-o6yg72qh0i] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    /* Slightly deeper than the app canvas: the admin surface is all white cards, and on --rz-base-50
       they had no edge to sit on. Token lives in admin.css alongside the rest of the admin palette. */
    background-color: var(--admin-canvas);
}

.admin-nav-toggle[b-o6yg72qh0i] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: 0;
    opacity: 0;
    pointer-events: none;
}

/* === MOBILE HEADER === */
.admin-mobile-header[b-o6yg72qh0i] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--ui-space-4);
    background-color: var(--rz-base-900); /* slate-900 */
    color: white;
    position: sticky;
    top: 0;
    z-index: 30;
    box-shadow: var(--ui-shadow-sm);
}

.admin-mobile-brand[b-o6yg72qh0i] {
    display: flex;
    align-items: center;
    gap: var(--ui-space-3);
    font-weight: 700;
    font-size: var(--ui-font-size-lg);
}

.admin-brand-icon[b-o6yg72qh0i] {
    width: 2rem;
    height: 2rem;
    background-color: var(--rz-primary);
    border-radius: var(--ui-radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

.admin-mobile-menu-btn[b-o6yg72qh0i] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 2.75rem;
    min-height: 2.75rem;
    padding: var(--ui-space-2);
    background: transparent;
    border: none;
    color: white;
    cursor: pointer;
    border-radius: var(--ui-radius-sm);
    transition: background-color 0.2s;
}

.admin-mobile-menu-btn:hover[b-o6yg72qh0i] {
    background-color: var(--rz-base-800); /* slate-800 */
}

.admin-nav-toggle:focus-visible ~ .admin-mobile-header .admin-mobile-menu-btn[b-o6yg72qh0i] {
    outline: 2px solid var(--rz-primary);
    outline-offset: 2px;
}

/* === SIDEBAR === */
.admin-sidebar[b-o6yg72qh0i] {
    width: min(85vw, 256px);
    background-color: var(--rz-base-900); /* slate-900 */
    color: var(--rz-base-300); /* slate-300 */
    display: flex;
    flex-direction: column;
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    z-index: 40;
    box-shadow: var(--ui-shadow-lg);
    transition: transform 0.3s ease-in-out;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.admin-sidebar-logo[b-o6yg72qh0i] {
    display: flex;
    padding: var(--ui-space-6);
    border-bottom: 1px solid var(--rz-base-800); /* slate-800 */
    align-items: center;
    gap: var(--ui-space-3);
    color: white;
    font-weight: 700;
    font-size: var(--ui-font-size-xl);
    letter-spacing: -0.025em;
}

.admin-brand-text[b-o6yg72qh0i] {
    display: inline;
}

.admin-env-badge[b-o6yg72qh0i] {
    padding: 0.125rem var(--ui-space-2);
    border-radius: var(--ui-radius-pill);
    background-color: var(--rz-warning-lighter);
    color: var(--rz-warning-dark);
    font-size: var(--ui-font-size-xs);
    font-weight: 600;
    letter-spacing: 0;
    white-space: nowrap;
}

.admin-sidebar-close[b-o6yg72qh0i] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 2.5rem;
    min-height: 2.5rem;
    margin-left: auto;
    border-radius: var(--ui-radius-sm);
    color: var(--rz-base-300); /* slate-300 */
    cursor: pointer;
}

.admin-sidebar-close:hover[b-o6yg72qh0i] {
    background-color: var(--rz-base-800); /* slate-800 */
    color: white;
}

.admin-sidebar-nav[b-o6yg72qh0i] {
    flex: 1;
    padding: var(--ui-space-4);
    display: flex;
    flex-direction: column;
    gap: var(--ui-space-2);
}

.admin-sidebar-footer[b-o6yg72qh0i] {
    padding: var(--ui-space-4);
    border-top: 1px solid var(--rz-base-800); /* slate-800 */
}

.admin-logout-nav[b-o6yg72qh0i] {
    margin-top: auto;
    width: 100%;
    display: flex;
    align-items: center;
    gap: var(--ui-space-3);
    padding: var(--ui-space-3) var(--ui-space-4);
    background: transparent;
    border: none;
    border-radius: var(--ui-radius-sm);
    color: var(--rz-base-300); /* slate-300 */
    text-align: left;
    font-family: inherit;
    cursor: pointer;
    transition: all 0.2s;
}

.admin-logout-nav:hover[b-o6yg72qh0i] {
    background-color: var(--rz-base-800); /* slate-800 */
    color: white;
}

.admin-logout-nav-label[b-o6yg72qh0i] {
    font-weight: 500;
    font-size: var(--ui-font-size-sm);
}

.admin-profile[b-o6yg72qh0i] {
    display: flex;
    align-items: center;
    gap: var(--ui-space-3);
    padding: var(--ui-space-2);
}

.admin-profile-avatar[b-o6yg72qh0i] {
    width: 2rem;
    height: 2rem;
    border-radius: var(--ui-radius-pill);
    background-color: var(--rz-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--rz-primary-light);
    font-weight: 700;
    font-size: var(--ui-font-size-xs);
    flex-shrink: 0;
}

.admin-profile-info[b-o6yg72qh0i] {
    font-size: var(--ui-font-size-sm);
    overflow: hidden;
}

.admin-profile-name[b-o6yg72qh0i] {
    color: white;
    font-weight: 500;
}

.admin-profile-email[b-o6yg72qh0i] {
    color: var(--rz-base-500); /* slate-500 */
    font-size: var(--ui-font-size-xs);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* === SIDEBAR OVERLAY (Mobile) === */
.admin-sidebar-overlay[b-o6yg72qh0i] {
    display: none;
}

/* === MAIN CONTENT === */
.admin-main[b-o6yg72qh0i] {
    flex: 1;
    padding: var(--ui-space-8) var(--ui-space-4);
    overflow-y: auto;
    min-height: 100vh;
}

/* === DESKTOP STYLES (768px+) === */
@media (min-width: 768px) {
    .admin-layout[b-o6yg72qh0i] {
        flex-direction: row;
    }

    .admin-mobile-header[b-o6yg72qh0i] {
        display: none;
    }

    .admin-sidebar[b-o6yg72qh0i] {
        width: 256px;
        transform: translateX(0) !important; /* Always visible on desktop */
    }

    .admin-sidebar-close[b-o6yg72qh0i] {
        display: none;
    }

    .admin-main[b-o6yg72qh0i] {
        margin-left: 256px;
        padding: var(--ui-space-8);
    }
}

/* === MOBILE STYLES (< 768px) === */
@media (max-width: 767px) {
    .admin-sidebar[b-o6yg72qh0i] {
        transform: translateX(-100%);
    }

    .admin-nav-toggle:checked ~ .admin-sidebar[b-o6yg72qh0i] {
        transform: translateX(0);
    }

    .admin-nav-toggle:checked ~ .admin-sidebar-overlay[b-o6yg72qh0i] {
        display: block;
        position: fixed;
        inset: 0;
        background-color: rgba(0, 0, 0, 0.5);
        backdrop-filter: blur(4px);
        z-index: 35;
    }

    .admin-main[b-o6yg72qh0i] {
        margin-left: 0;
        min-height: 0;
        padding-top: var(--ui-space-4);
    }
}

@media (prefers-reduced-motion: reduce) {
    .admin-sidebar[b-o6yg72qh0i] {
        transition: none;
    }
}


/* /Components/Layout/AdminNavItem.razor.rz.scp.css */
.admin-nav-item[b-15c189pozs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--ui-space-3) var(--ui-space-4);
    border-radius: var(--ui-radius-sm);
    color: var(--rz-base-300); /* slate-300 */
    text-decoration: none;
    transition: all 0.2s;
    cursor: pointer;
}

.admin-nav-item:hover[b-15c189pozs] {
    background-color: var(--rz-base-800); /* slate-800 */
    color: white;
}

.admin-nav-item.active[b-15c189pozs] {
    background-color: var(--rz-primary); /* teal-600 */
    color: white;
    box-shadow: none;
}

.admin-nav-item-content[b-15c189pozs] {
    display: flex;
    align-items: center;
    gap: var(--ui-space-3);
}

.admin-nav-item-label[b-15c189pozs] {
    font-weight: 500;
    font-size: var(--ui-font-size-sm);
}

.admin-nav-item-badge[b-15c189pozs] {
    background-color: var(--rz-danger); /* red-500 */
    color: white;
    font-size: var(--ui-font-size-xs);
    font-weight: 700;
    padding: var(--ui-space-1) var(--ui-space-2);
    border-radius: var(--ui-radius-pill);
    min-width: 1.25rem;
    text-align: center;
}

.admin-nav-item.active .admin-nav-item-badge[b-15c189pozs] {
    background-color: var(--rz-danger); /* red-600 - darker for active state */
}



/* /Components/Layout/AuthLayout.razor.rz.scp.css */
/* Auth Container */
.auth-container[b-h0zp2es933] {
    min-height: 100vh;
    display: flex;
    background-color: var(--rz-base-background-color);
    color: var(--rz-base-900);
}

/* LEFT PANEL: BRANDING */
.auth-branding-panel[b-h0zp2es933] {
    display: none;
    background-color: var(--rz-primary-darker); /* teal-900 */
    color: white;
    padding: var(--ui-space-10);
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
}

@media (min-width: 1024px) {
    .auth-branding-panel[b-h0zp2es933] {
        display: flex;
        width: 50%;
        padding-left: 8rem;
    }
}

/* Background Patterns */
.bg-pattern-1[b-h0zp2es933] {
    position: absolute;
    top: 0;
    right: 0;
    width: 24rem;
    height: 24rem;
    background-color: var(--rz-primary); /* teal-800 */
    border-radius: 50%;
    filter: blur(3rem);
    margin-right: -5rem;
    margin-top: -5rem;
    opacity: 0.5;
}

.bg-pattern-2[b-h0zp2es933] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 20rem;
    height: 20rem;
    background-color: var(--rz-primary-light); /* teal-600 */
    border-radius: 50%;
    filter: blur(3rem);
    margin-left: -5rem;
    margin-bottom: -5rem;
    opacity: 0.3;
}

/* Branding Content */
.branding-content[b-h0zp2es933],
.branding-hero[b-h0zp2es933] {
    position: relative;
    z-index: 10;
}

.brand-logo[b-h0zp2es933] {
    display: flex;
    align-items: center;
}

.brand-logo-image[b-h0zp2es933] {
    display: block;
    width: auto;
    height: 2.75rem;
}

/* Hero Section */
.branding-hero[b-h0zp2es933] {
    max-width: 32rem;
}

.hero-title[b-h0zp2es933] {
    font-size: var(--ui-font-size-5xl);
    font-weight: 600;
    line-height: 1;
    margin-bottom: var(--ui-space-6);
}

.hero-highlight[b-h0zp2es933] {
    font-weight: 700;
    color: var(--rz-primary-light); /* teal-200 */
}

.hero-description[b-h0zp2es933] {
    color: var(--rz-primary-lighter); /* teal-100 */
    font-size: var(--ui-font-size-lg);
    line-height: 1.75;
    opacity: 0.9;
}

/* Testimonials */
.testimonials[b-h0zp2es933] {
    margin-top: var(--ui-space-8);
    display: flex;
    gap: var(--ui-space-4);
    align-items: center;
}

.testimonial-avatar[b-h0zp2es933] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    border: 2px solid var(--rz-primary); /* teal-800 */
    background-color: var(--rz-primary-dark); /* teal-700 */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--ui-font-size-xs);
    font-weight: 700;
    color: var(--rz-primary-lighter); /* teal-100 */
    margin-left: -1rem;
    box-shadow: none;
}

.testimonial-avatar:first-child[b-h0zp2es933] {
    margin-left: 0;
}

.testimonial-text[b-h0zp2es933] {
    margin-left: var(--ui-space-2);
}

.testimonial-count[b-h0zp2es933] {
    font-size: var(--ui-font-size-sm);
    font-weight: 700;
}

.testimonial-location[b-h0zp2es933] {
    font-size: var(--ui-font-size-xs);
    color: var(--rz-primary-light); /* teal-300 */
}

/* RIGHT PANEL: FORMS */
.auth-content-panel[b-h0zp2es933] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--ui-space-6);
    position: relative;
    overflow-y: auto;
}

@media (min-width: 768px) {
    .auth-content-panel[b-h0zp2es933] {
        padding: var(--ui-space-8);
    }
}

@media (min-width: 1024px) {
    .auth-content-panel[b-h0zp2es933] {
        width: 50%;
    }
}

.auth-content-wrapper[b-h0zp2es933] {
    width: 100%;
    max-width: 28rem;
}

/* Mobile Logo */
.mobile-logo[b-h0zp2es933] {
    display: flex;
    justify-content: center;
    margin-bottom: var(--ui-space-8);
}

@media (min-width: 1024px) {
    .mobile-logo[b-h0zp2es933] {
        display: none;
    }
}

.mobile-logo-image[b-h0zp2es933] {
    display: block;
    width: auto;
    height: 2.25rem;
}


/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-md838m8zo8],
.components-reconnect-repeated-attempt-visible[b-md838m8zo8],
.components-reconnect-failed-visible[b-md838m8zo8],
.components-pause-visible[b-md838m8zo8],
.components-resume-failed-visible[b-md838m8zo8],
.components-rejoining-animation[b-md838m8zo8] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-md838m8zo8],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-md838m8zo8],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-md838m8zo8],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-md838m8zo8],
#components-reconnect-modal.components-reconnect-retrying[b-md838m8zo8],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-md838m8zo8],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-md838m8zo8],
#components-reconnect-modal.components-reconnect-failed[b-md838m8zo8],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-md838m8zo8] {
    display: block;
}


#components-reconnect-modal[b-md838m8zo8] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: var(--ui-space-8);
    border: 0;
    border-radius: var(--ui-radius-sm);
    box-shadow: var(--ui-shadow-overlay);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-md838m8zo8 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-md838m8zo8 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-md838m8zo8 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-md838m8zo8]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-md838m8zo8 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-md838m8zo8 {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-md838m8zo8 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-md838m8zo8 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-md838m8zo8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--ui-space-4);
}

#components-reconnect-modal p[b-md838m8zo8] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-md838m8zo8] {
    border: 0;
    background-color: var(--rz-info-light);
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-md838m8zo8] {
        background-color: var(--rz-info-dark);
    }

    #components-reconnect-modal button:active[b-md838m8zo8] {
        background-color: var(--rz-info-light);
    }

.components-rejoining-animation[b-md838m8zo8] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-md838m8zo8] {
        position: absolute;
        border: 3px solid var(--rz-info);
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-md838m8zo8 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-md838m8zo8] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-md838m8zo8 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}

/* /Components/Pages/Admin/AllCampaigns.razor.rz.scp.css */
/* Fractional tracks with a floor: a narrow window squeezes every column a little rather than
   collapsing the campaign name. The status floor is set by the longest Serbian label,
   "ČEKA ODOBRENJE". */
[b-kyeyyw4qfg] .campaigns-list {
    --admin-list-cols:
        minmax(0, 2.4fr)
        minmax(150px, 1.2fr)
        minmax(96px, 0.9fr)
        minmax(104px, 1fr)
        minmax(104px, 1fr)
        minmax(96px, 0.7fr);
}

.campaigns-chips[b-kyeyyw4qfg] {
    margin-bottom: var(--ui-space-5);
}

/* Chip dots reuse the status tokens so a filter and the badges it selects always read as one colour. */
[b-kyeyyw4qfg] .dot-payment {
    background-color: var(--ui-status-payment-fg);
}

[b-kyeyyw4qfg] .dot-pending {
    background-color: var(--ui-status-pending-fg);
}

[b-kyeyyw4qfg] .dot-active {
    background-color: var(--ui-status-active-fg);
}

[b-kyeyyw4qfg] .dot-ended {
    background-color: var(--ui-status-ended-fg);
}

[b-kyeyyw4qfg] .dot-rejected {
    background-color: var(--ui-status-rejected-fg);
}
/* /Components/Pages/Admin/Approvals.razor.rz.scp.css */
.approvals-list[b-pvdea5whnb] {
    display: flex;
    flex-direction: column;
    gap: var(--ui-space-3);
}

/* === APPROVAL CARD ===
   A queue row, not a content card: the left edge carries how long it has been waiting so the
   backlog reads top-to-bottom without anyone parsing timestamps. */
.approval-card[b-pvdea5whnb] {
    display: flex;
    align-items: flex-start;
    gap: var(--ui-space-4);
    padding: var(--ui-space-5);
    background-color: var(--admin-surface);
    border: 1px solid var(--admin-line);
    border-inline-start: 4px solid var(--rz-base-300);
    border-radius: var(--ui-radius-lg);
    box-shadow: var(--admin-shadow);
    transition: box-shadow 0.2s, transform 0.2s;
}

.approval-card:hover[b-pvdea5whnb] {
    box-shadow: var(--admin-shadow-raised);
}

.approval-card.tone-fresh[b-pvdea5whnb] {
    border-inline-start-color: var(--rz-primary);
}

.approval-card.tone-urgent[b-pvdea5whnb] {
    border-inline-start-color: var(--rz-warning);
}

.approval-card.tone-critical[b-pvdea5whnb] {
    border-inline-start-color: var(--rz-danger);
}

.approval-card.tone-publishing[b-pvdea5whnb] {
    border-inline-start-color: var(--rz-info);
}

.approval-icon[b-pvdea5whnb] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    flex-shrink: 0;
    border-radius: var(--ui-radius-md);
    background-color: var(--rz-base-100);
    color: var(--rz-base-500);
}

.approval-card.tone-fresh .approval-icon[b-pvdea5whnb] {
    background-color: var(--rz-primary-lighter);
    color: var(--rz-primary-dark);
}

.approval-card.tone-urgent .approval-icon[b-pvdea5whnb] {
    background-color: var(--rz-warning-lighter);
    color: var(--rz-warning-dark);
}

.approval-card.tone-critical .approval-icon[b-pvdea5whnb] {
    background-color: var(--rz-danger-lighter);
    color: var(--rz-danger-dark);
}

.approval-card.tone-publishing .approval-icon[b-pvdea5whnb] {
    background-color: var(--rz-info-lighter);
    color: var(--rz-info-dark);
}

.approval-info[b-pvdea5whnb] {
    flex: 1;
    min-width: 0;
}

.approval-title[b-pvdea5whnb] {
    margin: 0;
    font-size: var(--ui-font-size-lg);
    font-weight: 700;
    color: var(--rz-base-900);
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.approval-meta[b-pvdea5whnb] {
    margin: 0.125rem 0 0;
    font-size: var(--ui-font-size-sm);
    color: var(--rz-base-500);
    overflow-wrap: anywhere;
}

.approval-company[b-pvdea5whnb] {
    font-weight: 600;
    color: var(--rz-base-700);
}

.approval-tags[b-pvdea5whnb] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ui-space-2);
    margin-top: var(--ui-space-3);
}

.approval-tag[b-pvdea5whnb] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.125rem 0.5rem;
    border-radius: var(--ui-radius-pill);
    background-color: var(--rz-base-100);
    color: var(--rz-base-600);
    font-size: var(--ui-font-size-xs);
    font-weight: 600;
    white-space: nowrap;
}

.approval-tag.tone-paid[b-pvdea5whnb] {
    background-color: var(--ui-status-active-bg);
    color: var(--ui-status-active-fg);
}

.approval-tag.tone-wait[b-pvdea5whnb] {
    background-color: transparent;
    border: 1px solid var(--admin-line);
    color: var(--rz-base-500);
}

.approval-tag.tone-ended[b-pvdea5whnb] {
    background-color: transparent;
    border: 1px solid var(--rz-danger-light);
    color: var(--rz-danger-dark);
}

.approval-tag.tone-publishing[b-pvdea5whnb] {
    background-color: var(--rz-info-lighter);
    color: var(--rz-info-dark);
}

.approval-tag.tone-publishing[b-pvdea5whnb]  .spin {
    animation: publishing-spin-b-pvdea5whnb 1s linear infinite;
}

@keyframes publishing-spin-b-pvdea5whnb {
    to {
        transform: rotate(360deg);
    }
}

.approval-card.tone-critical .approval-tag.tone-wait[b-pvdea5whnb] {
    border-color: var(--rz-danger-light);
    color: var(--rz-danger-dark);
}

.approval-side[b-pvdea5whnb] {
    display: flex;
    align-items: center;
    gap: var(--ui-space-5);
    flex-shrink: 0;
}

.approval-budget[b-pvdea5whnb] {
    text-align: right;
}

.approval-budget-value[b-pvdea5whnb] {
    font-size: var(--ui-font-size-lg);
    font-weight: 700;
    color: var(--rz-base-900);
    font-variant-numeric: tabular-nums;
    line-height: 1.2;
}

.approval-budget-time[b-pvdea5whnb] {
    margin-top: 0.125rem;
    font-size: var(--ui-font-size-xs);
    color: var(--rz-base-400);
    white-space: nowrap;
}

.approval-actions[b-pvdea5whnb] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: var(--ui-space-2);
}

.approval-buttons[b-pvdea5whnb] {
    display: flex;
    gap: var(--ui-space-2);
}

.approval-review-btn[b-pvdea5whnb] {
    white-space: nowrap;
}

.renewal-capture-confirm[b-pvdea5whnb] {
    display: flex;
    align-items: center;
    gap: var(--ui-space-2);
    font-size: var(--ui-font-size-xs);
    color: var(--rz-base-600);
    cursor: pointer;
}

/* On a phone the card becomes a single column: identity first, then the money and the decision. */
@media (max-width: 767px) {
    .approval-card[b-pvdea5whnb] {
        flex-wrap: wrap;
        padding: var(--ui-space-4);
        gap: var(--ui-space-3);
    }

    .approval-info[b-pvdea5whnb] {
        flex: 1 1 60%;
    }

    .approval-side[b-pvdea5whnb] {
        flex: 1 0 100%;
        flex-direction: column;
        align-items: stretch;
        gap: var(--ui-space-3);
        padding-top: var(--ui-space-3);
        border-top: 1px solid var(--admin-line-soft);
    }

    .approval-budget[b-pvdea5whnb] {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: var(--ui-space-3);
        text-align: left;
    }

    .approval-actions[b-pvdea5whnb] {
        align-items: stretch;
    }

    .approval-buttons[b-pvdea5whnb] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    [b-pvdea5whnb] .approval-review-btn {
        width: 100%;
        min-height: 2.5rem;
    }
}
/* /Components/Pages/Admin/Companies.razor.rz.scp.css */
/* Fractional tracks with a floor: a narrow window squeezes every column a little rather than
   collapsing the company name. */
[b-j6oalms0wt] .companies-list {
    --admin-list-cols:
        minmax(0, 2.4fr)
        minmax(112px, 0.9fr)
        minmax(96px, 0.9fr)
        minmax(72px, 0.5fr)
        minmax(88px, 0.7fr)
        minmax(80px, 0.7fr);
}

[b-j6oalms0wt] .company-identity-text {
    min-width: 0;
}

/* === ACCOUNTS WITHOUT A COMPANY ===
   A footnote to the list, not a peer of it: these accounts have nothing to open. */
.orphan-accounts[b-j6oalms0wt] {
    margin-top: var(--ui-space-8);
}

.orphan-accounts-title[b-j6oalms0wt] {
    display: flex;
    align-items: center;
    gap: var(--ui-space-3);
    font-size: var(--ui-font-size-md);
    font-weight: 700;
    color: var(--rz-base-900);
}

.orphan-accounts-sub[b-j6oalms0wt] {
    margin: var(--ui-space-1) 0 var(--ui-space-4);
    font-size: var(--ui-font-size-sm);
    color: var(--rz-base-500);
}

.orphan-list[b-j6oalms0wt] {
    background-color: white;
    border: 1px solid var(--rz-base-200);
    border-radius: var(--ui-radius-lg);
    overflow: hidden;
}

.orphan-row[b-j6oalms0wt] {
    display: flex;
    align-items: center;
    gap: var(--ui-space-3);
    padding: var(--ui-space-3) var(--ui-space-4);
    border-bottom: 1px solid var(--rz-base-100);
}

.orphan-row:last-child[b-j6oalms0wt] {
    border-bottom: none;
}

.orphan-email[b-j6oalms0wt] {
    flex: 1;
    min-width: 0;
    font-size: var(--ui-font-size-sm);
    color: var(--rz-base-900);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.orphan-date[b-j6oalms0wt] {
    flex-shrink: 0;
    font-size: var(--ui-font-size-xs);
    color: var(--rz-base-500);
    font-variant-numeric: tabular-nums;
}
/* /Components/Pages/Admin/Dashboard.razor.rz.scp.css */
/* === STATS GRID === */
.stats-grid[b-ljsp4ga510] {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: var(--ui-space-4);
    margin-bottom: var(--ui-space-6);
}

@media (min-width: 640px) {
    .stats-grid[b-ljsp4ga510] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1100px) {
    .stats-grid[b-ljsp4ga510] {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* Each tile is a shortcut into the list it summarises, so it is a real button. */
.stat-card[b-ljsp4ga510] {
    display: block;
    width: 100%;
    padding: var(--ui-space-5);
    text-align: left;
    font-family: inherit;
    background-color: var(--admin-surface);
    border: 1px solid var(--admin-line);
    border-radius: var(--ui-radius-lg);
    box-shadow: var(--admin-shadow);
    cursor: pointer;
    transition: box-shadow 0.2s, transform 0.2s, border-color 0.2s;
}

.stat-card:hover[b-ljsp4ga510] {
    box-shadow: var(--admin-shadow-raised);
    transform: translateY(-1px);
    border-color: var(--rz-base-300);
}

.stat-card.is-alert[b-ljsp4ga510] {
    border-color: var(--rz-warning-light);
    background: linear-gradient(135deg, #fff8f1 0%, #ffffff 65%);
}

.stat-head[b-ljsp4ga510] {
    display: flex;
    align-items: center;
    gap: var(--ui-space-2);
    margin-bottom: var(--ui-space-4);
}

.stat-icon[b-ljsp4ga510] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    flex-shrink: 0;
    border-radius: var(--ui-radius-sm);
}

.stat-icon.tone-success[b-ljsp4ga510] {
    background-color: var(--rz-success-lighter);
    color: var(--rz-success-dark);
}

.stat-icon.tone-warning[b-ljsp4ga510] {
    background-color: var(--rz-warning-lighter);
    color: var(--rz-warning-dark);
}

.stat-icon.tone-info[b-ljsp4ga510] {
    background-color: var(--rz-info-lighter);
    color: var(--rz-info-dark);
}

.stat-icon.tone-accent[b-ljsp4ga510] {
    background-color: #ede9fe;
    color: #6d28d9;
}

.stat-label[b-ljsp4ga510] {
    font-size: var(--ui-font-size-xs);
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--rz-base-500);
}

.stat-pulse[b-ljsp4ga510] {
    width: 0.5rem;
    height: 0.5rem;
    margin-left: auto;
    border-radius: var(--ui-radius-pill);
    background-color: var(--rz-danger);
    animation: pulse-b-ljsp4ga510 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes pulse-b-ljsp4ga510 {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.4;
    }
}

.stat-value[b-ljsp4ga510] {
    font-size: var(--ui-font-size-3xl);
    font-weight: 700;
    color: var(--rz-base-900);
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
}

.stat-delta[b-ljsp4ga510] {
    margin-top: var(--ui-space-2);
    font-size: var(--ui-font-size-xs);
    color: var(--rz-base-500);
}

.stat-delta.is-up[b-ljsp4ga510] {
    color: var(--rz-success-dark);
    font-weight: 600;
}

@media (prefers-reduced-motion: reduce) {
    .stat-card:hover[b-ljsp4ga510] {
        transform: none;
    }

    .stat-pulse[b-ljsp4ga510] {
        animation: none;
    }
}

/* === BOTTOM GRID === */
.dashboard-bottom-grid[b-ljsp4ga510] {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: var(--ui-space-4);
}

@media (min-width: 1024px) {
    .dashboard-bottom-grid[b-ljsp4ga510] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.dashboard-card[b-ljsp4ga510] {
    padding: var(--ui-space-6);
    background-color: var(--admin-surface);
    border: 1px solid var(--admin-line);
    border-radius: var(--ui-radius-lg);
    box-shadow: var(--admin-shadow);
}

.card-title[b-ljsp4ga510] {
    display: flex;
    align-items: center;
    gap: var(--ui-space-2);
    margin: 0 0 var(--ui-space-5);
    font-size: var(--ui-font-size-md);
    font-weight: 700;
    color: var(--rz-base-900);
}

/* === BUDGET BREAKDOWN === */
.revenue-periods[b-ljsp4ga510] {
    margin: calc(-1 * var(--ui-space-2)) 0 var(--ui-space-5);
}

.breakdown-caption[b-ljsp4ga510] {
    font-size: var(--ui-font-size-xs);
    color: var(--rz-base-500);
    margin: calc(-1 * var(--ui-space-3)) 0 var(--ui-space-4) 0;
}

.health-list[b-ljsp4ga510] {
    display: flex;
    flex-direction: column;
}

.health-item[b-ljsp4ga510] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--ui-space-4);
    padding: var(--ui-space-3) 0;
    border-bottom: 1px solid var(--admin-line-soft);
}

.health-item:last-child[b-ljsp4ga510] {
    border-bottom: none;
    padding-bottom: 0;
}

.health-item-label[b-ljsp4ga510] {
    font-size: var(--ui-font-size-sm);
    color: var(--rz-base-600);
}

.breakdown-value[b-ljsp4ga510] {
    font-size: var(--ui-font-size-sm);
    font-weight: 600;
    color: var(--rz-base-900);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.breakdown-value-accent[b-ljsp4ga510] {
    color: var(--rz-info);
}

.breakdown-value-strong[b-ljsp4ga510] {
    color: var(--rz-primary);
}

/* === ACTIVITY LIST === */
.activity-list[b-ljsp4ga510] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.activity-item[b-ljsp4ga510] {
    display: flex;
    gap: var(--ui-space-3);
    align-items: center;
    padding: var(--ui-space-2);
    margin-inline: calc(-1 * var(--ui-space-2));
    width: calc(100% + var(--ui-space-4));
    background: transparent;
    border: none;
    border-radius: var(--ui-radius-sm);
    font-family: inherit;
    font-size: var(--ui-font-size-sm);
    text-align: left;
    cursor: pointer;
    transition: background-color 0.15s;
}

.activity-item:hover[b-ljsp4ga510] {
    background-color: var(--admin-hover);
}

.activity-icon[b-ljsp4ga510] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.875rem;
    height: 1.875rem;
    flex-shrink: 0;
    border-radius: var(--ui-radius-pill);
}

.activity-icon.tone-company[b-ljsp4ga510] {
    background-color: var(--rz-success-lighter);
    color: var(--rz-success-dark);
}

.activity-icon.tone-job[b-ljsp4ga510] {
    background-color: var(--rz-primary-lighter);
    color: var(--rz-primary-dark);
}

.activity-main[b-ljsp4ga510] {
    flex: 1;
    min-width: 0;
    line-height: 1.4;
}

.activity-user[b-ljsp4ga510] {
    font-weight: 700;
    color: var(--rz-base-900);
}

.activity-action[b-ljsp4ga510] {
    color: var(--rz-base-600);
}

.activity-time[b-ljsp4ga510] {
    display: flex;
    align-items: center;
    gap: var(--ui-space-2);
    flex-shrink: 0;
    color: var(--rz-base-400);
    font-size: var(--ui-font-size-xs);
    white-space: nowrap;
}

/* Same 48 h window as the "New" pill in the lists. */
.activity-dot[b-ljsp4ga510] {
    width: 0.4375rem;
    height: 0.4375rem;
    border-radius: var(--ui-radius-pill);
    background-color: var(--rz-primary);
}
/* /Components/Pages/Admin/Documents.razor.rz.scp.css */
/* Fractional tracks with a floor: a narrow window squeezes every column a little rather than
   collapsing the document number. The type floor is set by the longest badge, "ADVANCE INVOICE". */
[b-i88zxbnhcn] .documents-list {
    --admin-list-cols:
        minmax(0, 1.8fr)
        minmax(152px, 1fr)
        minmax(96px, 0.8fr)
        minmax(128px, 1.1fr)
        minmax(0, 1.2fr)
        minmax(96px, 0.6fr)
        minmax(196px, 1.2fr);
}

.documents-chips[b-i88zxbnhcn] {
    margin-bottom: var(--ui-space-5);
}

.document-download[b-i88zxbnhcn] {
    display: inline-flex;
    align-items: center;
    gap: var(--ui-space-1);
    font-size: var(--ui-font-size-xs);
    font-weight: 600;
    color: var(--rz-primary);
    text-decoration: none;
    white-space: nowrap;
}

.document-download:hover[b-i88zxbnhcn] {
    text-decoration: underline;
}

.efaktura-cell[b-i88zxbnhcn] {
    display: flex;
    align-items: center;
    gap: var(--ui-space-2);
    flex-wrap: wrap;
}

.efaktura-action[b-i88zxbnhcn] {
    border: none;
    background: none;
    padding: 0;
    font-size: var(--ui-font-size-xs);
    font-weight: 600;
    color: var(--rz-primary);
    cursor: pointer;
    white-space: nowrap;
}

.efaktura-action:hover:not(:disabled)[b-i88zxbnhcn] {
    text-decoration: underline;
}

.efaktura-action:disabled[b-i88zxbnhcn] {
    opacity: 0.5;
    cursor: default;
}

.efaktura-action.is-danger[b-i88zxbnhcn] {
    color: var(--rz-danger);
}

.efaktura-failed[b-i88zxbnhcn] {
    font-size: var(--ui-font-size-xs);
    font-weight: 600;
    color: var(--rz-danger);
    cursor: help;
}

.storno-intro[b-i88zxbnhcn] {
    margin: 0 0 var(--ui-space-4);
    font-size: var(--ui-font-size-sm);
    line-height: 1.6;
}

[b-i88zxbnhcn] .storno-comment {
    width: 100%;
}

.storno-actions[b-i88zxbnhcn] {
    display: flex;
    justify-content: flex-end;
    gap: var(--ui-space-2);
    margin-top: var(--ui-space-4);
}

.efaktura-dialog-backdrop[b-i88zxbnhcn] {
    position: fixed;
    inset: 0;
    background-color: rgba(15, 23, 42, 0.5);
    backdrop-filter: blur(4px);
    z-index: 60;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--ui-space-4);
}

.efaktura-dialog[b-i88zxbnhcn] {
    width: 100%;
    max-width: 520px;
    background: white;
    border-radius: var(--ui-radius-lg);
    box-shadow: 0 24px 48px rgba(15, 23, 42, 0.24);
    padding: var(--ui-space-5);
}

.efaktura-dialog-head[b-i88zxbnhcn] {
    display: flex;
    align-items: center;
    gap: var(--ui-space-2);
    margin-bottom: var(--ui-space-3);
}

.efaktura-dialog-icon[b-i88zxbnhcn] {
    color: var(--rz-danger);
}

.efaktura-dialog-title[b-i88zxbnhcn] {
    margin: 0;
    font-size: var(--ui-font-size-lg);
    font-weight: 600;
}

.efaktura-dialog-message[b-i88zxbnhcn] {
    margin: 0;
    font-size: var(--ui-font-size-sm);
    line-height: 1.6;
    /* SEF error bodies are long unbroken strings; without this they widen the dialog past the viewport. */
    overflow-wrap: anywhere;
}

.efaktura-dialog-actions[b-i88zxbnhcn] {
    display: flex;
    justify-content: flex-end;
    margin-top: var(--ui-space-5);
}
/* /Components/Shared/AppErrorBoundary.razor.rz.scp.css */
.app-error-overlay[b-l5td3hmtv5] {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(28, 25, 23, 0.5);
    backdrop-filter: blur(4px);
    padding: 1rem;
}

.app-error-dialog[b-l5td3hmtv5] {
    background: #fff;
    border-radius: 24px;
    padding: 2.5rem 2rem;
    max-width: 420px;
    width: 100%;
    text-align: center;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
}

.app-error-icon[b-l5td3hmtv5] {
    margin-bottom: 1rem;
}

[b-l5td3hmtv5] .app-error-icon .rzi {
    font-size: 3rem;
    color: var(--rz-danger);
}

.app-error-title[b-l5td3hmtv5] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--rz-base-900);
    margin: 0 0 0.5rem;
}

.app-error-message[b-l5td3hmtv5] {
    font-size: 0.938rem;
    color: var(--rz-base-600);
    margin: 0 0 0.25rem;
    line-height: 1.5;
}

.app-error-contact[b-l5td3hmtv5] {
    font-size: 0.813rem;
    color: var(--rz-base-500);
    margin: 0 0 1.5rem;
}

.app-error-actions[b-l5td3hmtv5] {
    display: flex;
    gap: 0.75rem;
    justify-content: center;
}

.app-error-btn[b-l5td3hmtv5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-width: 120px;
    padding: 0.625rem 1.25rem;
    border-radius: 12px;
    font-size: 0.938rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.app-error-btn-primary[b-l5td3hmtv5] {
    background: var(--rz-primary);
    color: var(--rz-on-primary, #fff);
    border: 1px solid var(--rz-primary);
}

.app-error-btn-primary:hover[b-l5td3hmtv5] {
    background: var(--rz-primary-dark, var(--rz-primary));
    filter: brightness(0.95);
}

.app-error-btn-secondary[b-l5td3hmtv5] {
    background: transparent;
    color: var(--rz-base-700);
    border: 1px solid var(--rz-base-300);
}

.app-error-btn-secondary:hover[b-l5td3hmtv5] {
    background: var(--rz-base-100);
}

[b-l5td3hmtv5] .app-error-btn .rzi {
    font-size: 1.15rem;
    color: inherit;
}
/* /Components/Shared/EmptyState.razor.rz.scp.css */
.app-empty-state-card[b-5gyerv8j2l] {
    border-color: var(--rz-base-200) !important;
    border-radius: var(--ui-radius-xl) !important;
}

.app-empty-state-card.no-border[b-5gyerv8j2l] {
    border: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.app-empty-state[b-5gyerv8j2l] {
    display: grid;
    justify-items: center;
    gap: var(--ui-space-3);
    padding: var(--ui-space-8);
    text-align: center;
}

.embedded-empty-state .app-empty-state[b-5gyerv8j2l] {
    padding: var(--ui-space-6);
}

.app-empty-state-icon[b-5gyerv8j2l] {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--ui-radius-lg);
    background-color: var(--rz-primary-lighter);
    color: var(--rz-primary-dark);
}

.app-empty-state-icon[b-5gyerv8j2l]  .rz-icon,
.app-empty-state-icon .rz-icon[b-5gyerv8j2l] {
    font-size: var(--ui-icon-size-xl);
}

.app-empty-state-title[b-5gyerv8j2l] {
    margin: var(--ui-space-2) 0 0;
    color: var(--rz-base-900);
    font-size: var(--ui-font-size-lg);
    font-weight: 600;
}

.app-empty-state-description[b-5gyerv8j2l] {
    max-width: 28rem;
    margin: 0;
    color: var(--rz-base-500);
    font-size: var(--ui-font-size-sm);
    line-height: 1.5;
}

[b-5gyerv8j2l] .app-empty-state-action {
    margin-top: var(--ui-space-2);
    border-radius: var(--ui-radius-md) !important;
}
/* /Components/Shared/StatusBadge.razor.rz.scp.css */
.status-badge[b-og9xxcl46h] {
    display: inline-block;
    border-radius: var(--ui-radius-pill);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    white-space: nowrap;
}

/* Size variants */
.status-badge.size-xs[b-og9xxcl46h] {
    padding: 2px 8px;
    font-size: var(--ui-font-size-2xs);
}

.status-badge.size-sm[b-og9xxcl46h] {
    padding: 2px 10px;
    font-size: var(--ui-font-size-xs);
}

/* Status colors — all from the --ui-status-* tokens, so re-theming never repaints a status. */
.status-badge.status-active[b-og9xxcl46h],
.status-badge.status-approved[b-og9xxcl46h],
.status-badge.status-published[b-og9xxcl46h] {
    background-color: var(--ui-status-active-bg);
    color: var(--ui-status-active-fg);
}

.status-badge.status-pending[b-og9xxcl46h] {
    background-color: var(--ui-status-pending-bg);
    color: var(--ui-status-pending-fg);
}

/* Waiting for card payment - distinct blue so it doesn't look like "pending approval" */
.status-badge.status-payment[b-og9xxcl46h],
.status-badge.status-paymentpending[b-og9xxcl46h] {
    background-color: var(--ui-status-payment-bg);
    color: var(--ui-status-payment-fg);
}

.status-badge.status-paused[b-og9xxcl46h] {
    background-color: var(--ui-status-paused-bg);
    color: var(--ui-status-paused-fg);
}

.status-badge.status-rejected[b-og9xxcl46h],
.status-badge.status-blocked[b-og9xxcl46h] {
    background-color: var(--ui-status-rejected-bg);
    color: var(--ui-status-rejected-fg);
}

.status-badge.status-new[b-og9xxcl46h] {
    background-color: var(--ui-status-new-bg);
    color: var(--ui-status-new-fg);
}

.status-badge.status-contacted[b-og9xxcl46h] {
    background-color: var(--ui-status-contacted-bg);
    color: var(--ui-status-contacted-fg);
}

.status-badge.status-interview[b-og9xxcl46h] {
    background-color: var(--ui-status-interview-bg);
    color: var(--ui-status-interview-fg);
}

.status-badge.status-trial[b-og9xxcl46h] {
    background-color: var(--ui-status-trial-bg);
    color: var(--ui-status-trial-fg);
}

.status-badge.status-hired[b-og9xxcl46h] {
    background-color: var(--ui-status-hired-bg);
    color: var(--ui-status-hired-fg);
}

.status-badge.status-draft[b-og9xxcl46h],
.status-badge.status-notsubmitted[b-og9xxcl46h] {
    background-color: var(--ui-status-draft-bg);
    color: var(--ui-status-draft-fg);
}

.status-badge.status-closed[b-og9xxcl46h] {
    background-color: var(--ui-status-closed-bg);
    color: var(--ui-status-closed-fg);
}

.status-badge.status-ended[b-og9xxcl46h] {
    background-color: var(--ui-status-ended-bg);
    color: var(--ui-status-ended-fg);
}