@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.ewdlgswx1m.bundle.scp.css';

/* /Components/Componentes/EmpleadoSelector.razor.rz.scp.css */
.emp-sel[b-0e9vuyu541] {
    position: relative;
    width: 100%;
    font-family: var(--mt-font);
}

.emp-sel.is-disabled[b-0e9vuyu541] { pointer-events: none; opacity: .55; }

/* ── Trigger (input visual) ───────────────────────────────────── */
.emp-sel__trigger[b-0e9vuyu541] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    background: var(--mt-gray-50);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius, 6px);
    color: var(--mt-heading-color);
    font-family: var(--mt-font);
    font-size: 13px;
    cursor: pointer;
    transition: border-color .15s, box-shadow .15s, background .15s;
    text-align: left;
    min-height: 40px;
}
.emp-sel__trigger:hover[b-0e9vuyu541] {
    border-color: var(--mt-primary);
    background: var(--mt-paper-bg);
}
.emp-sel.is-open .emp-sel__trigger[b-0e9vuyu541] {
    border-color: var(--mt-primary);
    box-shadow: 0 0 0 3px rgba(105, 108, 255, .18);
    background: var(--mt-paper-bg);
}

.emp-sel__trigger:disabled[b-0e9vuyu541] { cursor: not-allowed; }

.emp-sel__trigger-icon[b-0e9vuyu541] {
    display: inline-flex;
    width: 22px;
    height: 22px;
    color: var(--mt-muted-color);
    flex-shrink: 0;
}
.emp-sel__trigger-icon svg[b-0e9vuyu541] { width: 100%; height: 100%; }

.emp-sel__placeholder[b-0e9vuyu541] {
    flex: 1;
    color: var(--mt-muted-color);
    font-size: 13px;
}

.emp-sel__chevron[b-0e9vuyu541] {
    margin-left: auto;
    width: 16px;
    height: 16px;
    color: var(--mt-muted-color);
    transition: transform .2s;
    flex-shrink: 0;
}
.emp-sel__chevron svg[b-0e9vuyu541] { width: 100%; height: 100%; }
.emp-sel.is-open .emp-sel__chevron[b-0e9vuyu541] { transform: rotate(180deg); color: var(--mt-primary); }

.emp-sel__trigger-avatar[b-0e9vuyu541] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    border: 1.5px solid var(--mt-border-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--mt-paper-bg);
}
.emp-sel__trigger-avatar img[b-0e9vuyu541] { width: 100%; height: 100%; object-fit: cover; }

.emp-sel__trigger-text[b-0e9vuyu541] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1;
}
.emp-sel__trigger-name[b-0e9vuyu541] {
    font-weight: 600;
    color: var(--mt-heading-color);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.emp-sel__trigger-meta[b-0e9vuyu541] {
    display: flex;
    gap: 8px;
    align-items: center;
    font-size: 11px;
    color: var(--mt-muted-color);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.emp-sel__doc-mini[b-0e9vuyu541] {
    font-family: var(--mt-font-mono, "Courier New", monospace);
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    padding: 1px 6px;
    border-radius: 3px;
    font-size: 10px;
    letter-spacing: .03em;
}

/* ── Avatar fallback (initial) ─────────────────────────────────── */
.emp-sel__avatar-initial[b-0e9vuyu541] {
    width: 100%;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    color: var(--mt-heading-color);
    background: linear-gradient(135deg, rgba(105, 108, 255, .25), rgba(105, 108, 255, .05));
}

/* ── Overlay invisible que cierra al hacer click fuera ─────────── */
.emp-sel__overlay[b-0e9vuyu541] {
    position: fixed;
    inset: 0;
    background: transparent;
    z-index: 9998;
}

/* ── Panel desplegable ─────────────────────────────────────────── */
/* Usamos position: fixed con coordenadas calculadas en runtime para evitar que
   contenedores con overflow:hidden (FluentDialog, drawers, modales) recorten el
   dropdown. El panel queda anclado al viewport y se reubica si no cabe abajo. */
.emp-sel__panel[b-0e9vuyu541] {
    position: fixed;
    z-index: 9999;
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius, 6px);
    box-shadow: 0 18px 48px -12px rgba(0, 0, 0, .55), 0 4px 12px rgba(0, 0, 0, .25);
    overflow: hidden;
    animation: emp-sel-fade-in-b-0e9vuyu541 .18s ease-out;
    display: flex;
    flex-direction: column;
    max-height: 360px;
}

@keyframes emp-sel-fade-in-b-0e9vuyu541 {
    from { opacity: 0; transform: translateY(-4px) scale(.98); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

/* ── Search input dentro del panel ─────────────────────────────── */
.emp-sel__search[b-0e9vuyu541] {
    position: relative;
    padding: 10px;
    border-bottom: 1px solid var(--mt-border-color);
    background: var(--mt-gray-50);
    flex-shrink: 0;
}
.emp-sel__search-icon[b-0e9vuyu541] {
    position: absolute;
    left: 22px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    color: var(--mt-muted-color);
    pointer-events: none;
}
.emp-sel__search-icon svg[b-0e9vuyu541] { width: 100%; height: 100%; }

.emp-sel__search-input[b-0e9vuyu541] {
    width: 100%;
    padding: 8px 32px 8px 34px;
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius, 6px);
    color: var(--mt-heading-color);
    font-family: var(--mt-font);
    font-size: 13px;
    outline: none;
    transition: border-color .15s, box-shadow .15s;
}
.emp-sel__search-input[b-0e9vuyu541]::placeholder { color: var(--mt-muted-color); }
.emp-sel__search-input:focus[b-0e9vuyu541] {
    border-color: var(--mt-primary);
    box-shadow: 0 0 0 3px rgba(105, 108, 255, .18);
}
.emp-sel__search-clear[b-0e9vuyu541] {
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border: 0;
    background: transparent;
    color: var(--mt-muted-color);
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.emp-sel__search-clear:hover[b-0e9vuyu541] { background: var(--mt-border-color); color: var(--mt-heading-color); }

/* ── Lista ─────────────────────────────────────────────────────── */
.emp-sel__list[b-0e9vuyu541] {
    flex: 1;
    overflow-y: auto;
    padding: 4px;
    scrollbar-width: thin;
    scrollbar-color: var(--mt-border-color) transparent;
}
.emp-sel__list[b-0e9vuyu541]::-webkit-scrollbar { width: 8px; }
.emp-sel__list[b-0e9vuyu541]::-webkit-scrollbar-thumb { background: var(--mt-border-color); border-radius: 4px; }
.emp-sel__list[b-0e9vuyu541]::-webkit-scrollbar-track { background: transparent; }

.emp-sel__item[b-0e9vuyu541] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--mt-radius, 6px);
    color: var(--mt-heading-color);
    font-family: var(--mt-font);
    cursor: pointer;
    text-align: left;
    transition: background .12s, border-color .12s, transform .12s;
    margin-bottom: 2px;
}
.emp-sel__item:hover[b-0e9vuyu541] {
    background: var(--mt-gray-50);
    border-color: rgba(105, 108, 255, .25);
    transform: translateY(-1px);
}
.emp-sel__item.is-selected[b-0e9vuyu541] {
    background: rgba(105, 108, 255, .10);
    border-color: rgba(105, 108, 255, .45);
}

.emp-sel__item-avatar[b-0e9vuyu541] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    background: var(--mt-paper-bg);
    border: 1.5px solid var(--mt-border-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: border-color .15s;
}
.emp-sel__item-avatar img[b-0e9vuyu541] { width: 100%; height: 100%; object-fit: cover; }
.emp-sel__item:hover .emp-sel__item-avatar[b-0e9vuyu541] { border-color: var(--mt-primary); }
.emp-sel__item.is-selected .emp-sel__item-avatar[b-0e9vuyu541] { border-color: var(--mt-primary); }
.emp-sel__item .emp-sel__avatar-initial[b-0e9vuyu541] { font-size: 13px; }

.emp-sel__item-text[b-0e9vuyu541] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}
.emp-sel__item-name[b-0e9vuyu541] {
    font-size: 13px;
    font-weight: 600;
    color: var(--mt-heading-color);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.emp-sel__item-meta[b-0e9vuyu541] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 11px;
    color: var(--mt-muted-color);
}

.emp-sel__doc[b-0e9vuyu541] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: var(--mt-gray-50);
    border: 1px solid var(--mt-border-color);
    padding: 1px 6px 1px 4px;
    border-radius: 4px;
    line-height: 1.4;
}
.emp-sel__doc-tipo[b-0e9vuyu541] {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .04em;
    color: var(--mt-primary);
    background: rgba(105, 108, 255, .14);
    padding: 0 4px;
    border-radius: 3px;
    text-transform: uppercase;
}
.emp-sel__doc-num[b-0e9vuyu541] {
    font-family: var(--mt-font-mono, "Courier New", monospace);
    font-size: 11px;
    color: var(--mt-heading-color);
    letter-spacing: .03em;
}

.emp-sel__cargo[b-0e9vuyu541] {
    color: var(--mt-body-color);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 220px;
}

.emp-sel__codigo[b-0e9vuyu541] {
    font-family: var(--mt-font-mono, "Courier New", monospace);
    font-size: 10px;
    color: var(--mt-muted-color);
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    padding: 2px 6px;
    border-radius: 4px;
    letter-spacing: .04em;
    text-transform: uppercase;
    white-space: nowrap;
    flex-shrink: 0;
}

.emp-sel__check[b-0e9vuyu541] {
    width: 18px;
    height: 18px;
    color: var(--mt-primary);
    flex-shrink: 0;
}
.emp-sel__check svg[b-0e9vuyu541] { width: 100%; height: 100%; }

/* ── Empty ─────────────────────────────────────────────────────── */
.emp-sel__empty[b-0e9vuyu541] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 40px 16px;
    color: var(--mt-muted-color);
    font-size: 12px;
    text-align: center;
}
.emp-sel__empty-icon[b-0e9vuyu541] {
    width: 32px;
    height: 32px;
    color: var(--mt-border-color);
    opacity: .8;
}
.emp-sel__empty-icon svg[b-0e9vuyu541] { width: 100%; height: 100%; }

/* ── Footer ────────────────────────────────────────────────────── */
.emp-sel__footer[b-0e9vuyu541] {
    flex-shrink: 0;
    padding: 6px 12px;
    border-top: 1px solid var(--mt-border-color);
    font-size: 10px;
    color: var(--mt-muted-color);
    text-transform: uppercase;
    letter-spacing: .05em;
    background: var(--mt-gray-50);
    text-align: right;
    font-family: var(--mt-font-mono, "Courier New", monospace);
}

/* ── Mobile ────────────────────────────────────────────────────── */
@media (max-width: 540px) {
    .emp-sel__panel[b-0e9vuyu541] { max-height: 320px; }
    .emp-sel__cargo[b-0e9vuyu541] { max-width: 140px; }
    .emp-sel__codigo[b-0e9vuyu541] { display: none; }
}
/* /Components/Layout/Amy/AmyFab.razor.rz.scp.css */
.amy-fab-root[b-up66zl58nb] {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 250;
    font-family: var(--mt-font, 'Inter', system-ui, sans-serif);
}

.amy-fab[b-up66zl58nb] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 44px;
    padding: 0 18px;
    border-radius: 999px;
    border: none;
    background: linear-gradient(135deg, var(--mt-primary, #696CFF), color-mix(in srgb, var(--mt-primary, #696CFF) 80%, #000));
    color: #fff;
    font-weight: 600;
    font-size: 0.86rem;
    letter-spacing: 0.02em;
    cursor: pointer;
    box-shadow: 0 8px 20px rgba(105, 108, 255, 0.35), 0 2px 6px rgba(0, 0, 0, 0.18);
    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}

.amy-fab i[b-up66zl58nb] {
    font-size: 1rem;
}

.amy-fab:hover[b-up66zl58nb] {
    transform: translateY(-1px);
    filter: brightness(1.05);
    box-shadow: 0 12px 26px rgba(105, 108, 255, 0.45), 0 3px 8px rgba(0, 0, 0, 0.2);
}

.amy-fab.is-open[b-up66zl58nb] {
    filter: brightness(0.92);
}

.amy-fab-label[b-up66zl58nb] {
    line-height: 1;
}

.amy-panel[b-up66zl58nb] {
    position: absolute;
    right: 0;
    bottom: 56px;
    width: 380px;
    height: 560px;
    max-width: calc(100vw - 16px);
    max-height: calc(100vh - 80px);
    display: flex;
    flex-direction: column;
    background: var(--mt-paper-bg, #2F3349);
    color: var(--mt-body-color, #a3a7be);
    border: 1px solid var(--mt-border-color, #3e4258);
    border-radius: var(--mt-radius, 6px);
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.45), var(--mt-shadow-sm);
    overflow: hidden;
    animation: amy-pop-b-up66zl58nb 0.18s ease-out;
}

@keyframes amy-pop-b-up66zl58nb {
    from { opacity: 0; transform: translateY(8px) scale(0.98); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

.amy-panel-head[b-up66zl58nb] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 14px;
    border-bottom: 1px solid var(--mt-border-color, #3e4258);
    background: linear-gradient(135deg, rgba(105, 108, 255, 0.1), transparent);
}

.amy-panel-title[b-up66zl58nb] {
    flex: 1;
    display: inline-flex;
    align-items: baseline;
    gap: 8px;
    color: var(--mt-heading-color, #CFD3EC);
    font-weight: 600;
    font-size: 0.95rem;
}

.amy-panel-title i[b-up66zl58nb] {
    color: var(--mt-primary, #696CFF);
}

.amy-panel-sub[b-up66zl58nb] {
    font-size: 0.72rem;
    color: var(--mt-muted-color, #6b6f84);
    font-weight: 400;
}

.amy-icon-btn[b-up66zl58nb] {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    border: none;
    background: transparent;
    color: var(--mt-body-color, #a3a7be);
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}

.amy-icon-btn:hover[b-up66zl58nb] {
    background: var(--mt-gray-50, #2f3349);
    color: var(--mt-heading-color, #CFD3EC);
}

.amy-panel-body[b-up66zl58nb] {
    flex: 1;
    overflow-y: auto;
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.amy-welcome[b-up66zl58nb] {
    text-align: center;
    padding: 20px 8px;
}

.amy-welcome-title[b-up66zl58nb] {
    color: var(--mt-heading-color, #CFD3EC);
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: 4px;
}

.amy-welcome-sub[b-up66zl58nb] {
    font-size: 0.82rem;
    margin-bottom: 16px;
}

.amy-suggested[b-up66zl58nb] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.amy-chip[b-up66zl58nb] {
    text-align: left;
    padding: 10px 12px;
    background: var(--mt-gray-50, rgba(105, 108, 255, 0.07));
    border: 1px solid var(--mt-border-color, #3e4258);
    color: var(--mt-body-color, #a3a7be);
    border-radius: var(--mt-radius, 6px);
    font-size: 0.82rem;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
}

.amy-chip:hover[b-up66zl58nb] {
    background: rgba(105, 108, 255, 0.12);
    border-color: var(--mt-primary, #696CFF);
    color: var(--mt-heading-color, #CFD3EC);
}

.amy-msg[b-up66zl58nb] {
    display: flex;
}

.amy-msg-user[b-up66zl58nb] {
    justify-content: flex-end;
}

.amy-msg-bubble[b-up66zl58nb] {
    max-width: 85%;
    padding: 9px 12px;
    border-radius: 12px;
    font-size: 0.86rem;
    line-height: 1.45;
    word-wrap: break-word;
}

.amy-msg-user .amy-msg-bubble[b-up66zl58nb] {
    background: var(--mt-primary, #696CFF);
    color: #fff;
    border-bottom-right-radius: 4px;
}

.amy-msg-amy .amy-msg-bubble[b-up66zl58nb] {
    background: var(--mt-gray-50, rgba(255, 255, 255, 0.04));
    border: 1px solid var(--mt-border-color, #3e4258);
    color: var(--mt-heading-color, #CFD3EC);
    border-bottom-left-radius: 4px;
}

.amy-msg-amy .amy-msg-bubble :is(p, ul, ol)[b-up66zl58nb] {
    margin: 0 0 6px;
}

.amy-msg-amy .amy-msg-bubble :last-child[b-up66zl58nb] {
    margin-bottom: 0;
}

.amy-typing[b-up66zl58nb] {
    display: inline-flex;
    gap: 4px;
}

.amy-typing span[b-up66zl58nb] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--mt-muted-color, #6b6f84);
    animation: amy-typing-b-up66zl58nb 1.2s infinite;
}

.amy-typing span:nth-child(2)[b-up66zl58nb] { animation-delay: 0.15s; }
.amy-typing span:nth-child(3)[b-up66zl58nb] { animation-delay: 0.3s; }

@keyframes amy-typing-b-up66zl58nb {
    0%, 60%, 100% { opacity: 0.3; transform: translateY(0); }
    30% { opacity: 1; transform: translateY(-3px); }
}

.amy-sqls[b-up66zl58nb] {
    margin-top: 8px;
    border-top: 1px dashed var(--mt-border-color, #3e4258);
    padding-top: 6px;
    font-size: 0.74rem;
}

.amy-sqls summary[b-up66zl58nb] {
    cursor: pointer;
    color: var(--mt-muted-color, #6b6f84);
    user-select: none;
}

.amy-sql-block[b-up66zl58nb] {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    padding: 6px 8px;
    margin: 6px 0 2px;
    font-family: var(--mt-font-mono, 'JetBrains Mono', monospace);
    font-size: 0.72rem;
    color: var(--mt-heading-color, #CFD3EC);
    white-space: pre-wrap;
    word-break: break-word;
}

.amy-sql-meta[b-up66zl58nb] {
    color: var(--mt-muted-color, #6b6f84);
    font-size: 0.7rem;
}

.amy-sql-err[b-up66zl58nb] {
    color: #ff6b6b;
    font-size: 0.72rem;
}

.amy-panel-foot[b-up66zl58nb] {
    display: flex;
    gap: 8px;
    padding: 10px 12px;
    border-top: 1px solid var(--mt-border-color, #3e4258);
    background: var(--mt-paper-bg, #2F3349);
}

.amy-input[b-up66zl58nb] {
    flex: 1;
    height: 38px;
    padding: 0 12px;
    border-radius: var(--mt-radius, 6px);
    border: 1px solid var(--mt-border-color, #3e4258);
    background: var(--mt-gray-50, #2f3349);
    color: var(--mt-heading-color, #CFD3EC);
    font-family: inherit;
    font-size: 0.86rem;
    outline: none;
    transition: border-color 0.15s;
}

.amy-input:focus[b-up66zl58nb] {
    border-color: var(--mt-primary, #696CFF);
}

.amy-input[b-up66zl58nb]::placeholder {
    color: var(--mt-muted-color, #6b6f84);
}

.amy-send[b-up66zl58nb] {
    width: 38px;
    height: 38px;
    border-radius: var(--mt-radius, 6px);
    border: none;
    background: var(--mt-primary, #696CFF);
    color: #fff;
    cursor: pointer;
    transition: filter 0.15s;
}

.amy-send:hover:not(:disabled)[b-up66zl58nb] {
    filter: brightness(1.07);
}

.amy-send:disabled[b-up66zl58nb] {
    opacity: 0.5;
    cursor: not-allowed;
}

@media (max-width: 600px) {
    .amy-fab-label[b-up66zl58nb] { display: none; }
    .amy-fab[b-up66zl58nb] { padding: 0; width: 48px; height: 48px; justify-content: center; }
    .amy-panel[b-up66zl58nb] {
        width: calc(100vw - 16px);
        right: -8px;
        height: 70vh;
        bottom: 64px;
    }
}
/* /Components/Layout/PortalLayout.razor.rz.scp.css */
/* ── Shell ───────────────────────────────────────────────── */
.portal-shell[b-v0p7uedqak] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: var(--mt-body-bg);
}

/* ── Header ──────────────────────────────────────────────── */
.portal-header[b-v0p7uedqak] {
    background: var(--mt-paper-bg);
    border-bottom: 1px solid var(--mt-border-color);
    position: sticky;
    top: 0;
    z-index: 100;
}

.portal-header-inner[b-v0p7uedqak] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

/* Brand */
.portal-brand[b-v0p7uedqak] {
    display: flex;
    align-items: center;
    gap: .625rem;
    text-decoration: none;
}

.portal-logo[b-v0p7uedqak] {
    height: 32px;
    width: auto;
}

.portal-brand-text[b-v0p7uedqak] {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.portal-brand-name[b-v0p7uedqak] {
    font-size: .875rem;
    font-weight: 700;
    color: var(--mt-heading-color);
}

.portal-brand-sub[b-v0p7uedqak] {
    font-size: .65rem;
    color: var(--mt-primary);
    text-transform: uppercase;
    letter-spacing: .06em;
}

/* Header right */
.portal-header-right[b-v0p7uedqak] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

/* Nav */
.portal-nav[b-v0p7uedqak] {
    display: flex;
    gap: .25rem;
}

.portal-nav-link[b-v0p7uedqak] {
    display: flex;
    align-items: center;
    gap: .4rem;
    padding: .45rem .875rem;
    border-radius: var(--mt-radius);
    font-size: .875rem;
    color: var(--mt-body-color);
    text-decoration: none;
    transition: all .15s;
}

.portal-nav-link:hover[b-v0p7uedqak] { background: var(--mt-gray-50); color: var(--mt-heading-color); }
.portal-nav-link.active[b-v0p7uedqak] { background: rgba(105, 108, 255, .1); color: var(--mt-primary); }

/* User */
.portal-user[b-v0p7uedqak] {
    display: flex;
    align-items: center;
    gap: .625rem;
}

.portal-user-name[b-v0p7uedqak] {
    font-size: .825rem;
    color: var(--mt-body-color);
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-logout-btn[b-v0p7uedqak] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--mt-border-color);
    background: transparent;
    color: var(--mt-muted-color);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .8rem;
    transition: all .15s;
}

.portal-logout-btn:hover[b-v0p7uedqak] {
    border-color: #ff4c51;
    color: #ff4c51;
}

/* ── Main content ────────────────────────────────────────── */
.portal-content[b-v0p7uedqak] {
    flex: 1;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 2rem 1.5rem;
}

/* ── Footer ──────────────────────────────────────────────── */
.portal-footer[b-v0p7uedqak] {
    border-top: 1px solid var(--mt-border-color);
    text-align: center;
    padding: .875rem;
    font-size: .75rem;
    color: var(--mt-muted-color);
}

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 640px) {
    .portal-nav[b-v0p7uedqak] { display: none; }
    .portal-user-name[b-v0p7uedqak] { display: none; }
    .portal-content[b-v0p7uedqak] { padding: 1.25rem 1rem; }
}
/* /Components/Pages/Admin/AccountsManagerPage.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   PAGE SHELL
═══════════════════════════════════════════════════════════════ */
.am-page[b-jxqbzii0pn] {
    padding: 1.5rem;
    max-width: 1400px;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

/* ── Header ──────────────────────────────────────────────────── */
.am-header[b-jxqbzii0pn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
}
.am-header__left[b-jxqbzii0pn] {
    display: flex;
    align-items: center;
    gap: .9rem;
}
.am-header__icon[b-jxqbzii0pn] {
    width: 44px; height: 44px;
    border-radius: 10px;
    background: rgba(105,108,255,.15);
    color: var(--mt-primary);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.15rem;
    flex-shrink: 0;
}
.am-header__title[b-jxqbzii0pn] {
    font-size: 1.2rem; font-weight: 700;
    color: var(--mt-heading-color);
    margin: 0 0 .1rem; line-height: 1.2;
}
.am-header__sub[b-jxqbzii0pn] { font-size: .75rem; color: var(--mt-muted-color); margin: 0; }

.am-header__stats[b-jxqbzii0pn] { display: flex; gap: .65rem; flex-wrap: wrap; }
.am-stat[b-jxqbzii0pn] {
    display: flex; flex-direction: column; align-items: center;
    padding: .5rem .85rem;
    border-radius: var(--mt-radius);
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    min-width: 64px;
}
.am-stat__val[b-jxqbzii0pn] { font-size: 1.25rem; font-weight: 700; color: var(--mt-heading-color); line-height: 1; }
.am-stat__lbl[b-jxqbzii0pn] { font-size: .6rem; text-transform: uppercase; letter-spacing: .07em; color: var(--mt-muted-color); margin-top: .15rem; }
.am-stat--ok   .am-stat__val[b-jxqbzii0pn] { color: #28D094; }
.am-stat--warn .am-stat__val[b-jxqbzii0pn] { color: #FF6B6B; }
.am-stat--accent .am-stat__val[b-jxqbzii0pn] { color: var(--mt-primary); }

/* ── Filter bar ──────────────────────────────────────────────── */
.am-filters[b-jxqbzii0pn] {
    display: flex; align-items: center; gap: .75rem; flex-wrap: wrap;
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    padding: .6rem 1rem;
}
.am-search-wrap[b-jxqbzii0pn] { position: relative; flex: 1; min-width: 200px; }
.am-search-icon[b-jxqbzii0pn] {
    position: absolute; left: .65rem; top: 50%;
    transform: translateY(-50%);
    color: var(--mt-muted-color); font-size: .78rem; pointer-events: none;
}
.am-search[b-jxqbzii0pn] {
    width: 100%; padding: .42rem .7rem .42rem 2rem;
    border-radius: var(--mt-radius);
    border: 1px solid var(--mt-border-color);
    background: rgba(255,255,255,.03);
    color: var(--mt-heading-color);
    font-size: .83rem; font-family: inherit;
    transition: border-color .15s, box-shadow .15s;
}
.am-search:focus[b-jxqbzii0pn] { outline: none; border-color: var(--mt-primary); box-shadow: 0 0 0 3px rgba(105,108,255,.12); }
.am-search[b-jxqbzii0pn]::placeholder { color: var(--mt-muted-color); opacity: .7; }
html[data-theme="light"] .am-search[b-jxqbzii0pn] { background: #fff; }

.am-filter-chips[b-jxqbzii0pn] { display: flex; gap: .4rem; }
.am-chip[b-jxqbzii0pn] {
    padding: .28rem .75rem; border-radius: 20px;
    border: 1px solid var(--mt-border-color);
    background: transparent; color: var(--mt-muted-color);
    font-size: .73rem; font-weight: 600; cursor: pointer;
    transition: all .15s;
}
.am-chip:hover[b-jxqbzii0pn] { border-color: rgba(105,108,255,.4); color: var(--mt-heading-color); }
.am-chip--active[b-jxqbzii0pn] { background: rgba(105,108,255,.15); border-color: var(--mt-primary); color: var(--mt-primary); }

.am-filter-right[b-jxqbzii0pn] { display: flex; gap: .3rem; margin-left: auto; }
.am-view-btn[b-jxqbzii0pn] {
    width: 30px; height: 30px; border-radius: var(--mt-radius);
    border: 1px solid var(--mt-border-color);
    background: transparent; color: var(--mt-muted-color);
    font-size: .8rem; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    transition: all .15s;
}
.am-view-btn:hover[b-jxqbzii0pn] { color: var(--mt-heading-color); border-color: var(--mt-primary); }
.am-view-btn--active[b-jxqbzii0pn] { background: rgba(105,108,255,.15); border-color: var(--mt-primary); color: var(--mt-primary); }

.am-sep[b-jxqbzii0pn] { width: 1px; height: 20px; background: var(--mt-border-color); margin: 0 .1rem; }

.am-export-btn[b-jxqbzii0pn] {
    display: inline-flex; align-items: center; gap: .3rem;
    padding: .28rem .7rem;
    border-radius: var(--mt-radius);
    border: 1px solid var(--mt-border-color);
    background: transparent;
    font-size: .73rem; font-weight: 600; cursor: pointer;
    transition: all .15s; white-space: nowrap;
}
.am-export-btn:disabled[b-jxqbzii0pn] { opacity: .55; cursor: default; }
.am-export-btn--excel[b-jxqbzii0pn] { color: #28D094; }
.am-export-btn--excel:not(:disabled):hover[b-jxqbzii0pn] { background: rgba(40,208,148,.12); border-color: rgba(40,208,148,.4); }
.am-export-btn--zip[b-jxqbzii0pn]   { color: #FFC107; }
.am-export-btn--zip:not(:disabled):hover[b-jxqbzii0pn]   { background: rgba(255,193,7,.1);  border-color: rgba(255,193,7,.4); }

.am-spin-xs[b-jxqbzii0pn] {
    display: inline-block; width: 11px; height: 11px;
    border: 2px solid currentColor; border-top-color: transparent;
    border-radius: 50%; animation: am-spin-b-jxqbzii0pn .5s linear infinite;
}

/* ── Loading / empty ─────────────────────────────────────────── */
.am-loading[b-jxqbzii0pn] {
    display: flex; align-items: center; gap: .75rem;
    padding: 3rem; justify-content: center;
    color: var(--mt-muted-color); font-size: .85rem;
}
.am-spinner[b-jxqbzii0pn] {
    width: 20px; height: 20px;
    border: 2px solid var(--mt-border-color);
    border-top-color: var(--mt-primary);
    border-radius: 50%;
    animation: am-spin-b-jxqbzii0pn .6s linear infinite;
}
@keyframes am-spin-b-jxqbzii0pn { to { transform: rotate(360deg); } }
.am-empty[b-jxqbzii0pn] { display: flex; flex-direction: column; align-items: center; gap: .6rem; padding: 4rem; color: var(--mt-muted-color); font-size: .85rem; }
.am-empty-icon[b-jxqbzii0pn] { font-size: 2rem; opacity: .3; }

/* ── Grid view ───────────────────────────────────────────────── */
.am-grid[b-jxqbzii0pn] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: .85rem;
}
.am-card[b-jxqbzii0pn] {
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: 8px;
    padding: 1rem;
    display: flex; gap: .8rem;
    cursor: pointer;
    transition: border-color .15s, box-shadow .15s, transform .12s;
    position: relative; overflow: hidden;
}
.am-card[b-jxqbzii0pn]::before {
    content: '';
    position: absolute; left: 0; top: 0; bottom: 0; width: 3px;
    background: var(--mt-primary); opacity: 0; transition: opacity .15s;
}
.am-card:hover[b-jxqbzii0pn] { border-color: rgba(105,108,255,.4); box-shadow: 0 4px 18px rgba(0,0,0,.2); transform: translateY(-1px); }
.am-card:hover[b-jxqbzii0pn]::before { opacity: 1; }
.am-card--suspended[b-jxqbzii0pn] { opacity: .6; }

.am-card__avatar[b-jxqbzii0pn] { flex-shrink: 0; }
.am-card__photo[b-jxqbzii0pn] { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }
.am-card__initials[b-jxqbzii0pn] {
    display: flex; align-items: center; justify-content: center;
    width: 44px; height: 44px; border-radius: 50%;
    background: linear-gradient(135deg,rgba(105,108,255,.25),rgba(167,139,250,.25));
    color: var(--mt-primary); font-size: .8rem; font-weight: 700;
}
.am-card__body[b-jxqbzii0pn] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: .25rem; }
.am-card__name[b-jxqbzii0pn] { font-size: .83rem; font-weight: 600; color: var(--mt-heading-color); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.am-card__sub[b-jxqbzii0pn]  { font-size: .71rem; color: var(--mt-muted-color); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.am-card__meta[b-jxqbzii0pn] { display: flex; flex-wrap: wrap; gap: .25rem; }
.am-card__footer[b-jxqbzii0pn] { display: flex; align-items: center; gap: .4rem; margin-top: auto; padding-top: .35rem; }
.am-card__docs[b-jxqbzii0pn] { font-size: .68rem; color: var(--mt-muted-color); display: flex; align-items: center; gap: .25rem; }
.am-prog-wrap[b-jxqbzii0pn] { display: flex; align-items: center; gap: .3rem; flex: 1; }

/* ── Tags ────────────────────────────────────────────────────── */
.am-tag[b-jxqbzii0pn] {
    display: inline-flex; align-items: center; gap: .22rem;
    padding: .1rem .4rem; border-radius: 4px;
    font-size: .62rem; font-weight: 600; line-height: 1.5;
}
.am-tag--role[b-jxqbzii0pn]      { background: rgba(105,108,255,.15); color: var(--mt-primary); }
.am-tag--zone[b-jxqbzii0pn]      { background: rgba(0,183,217,.12);   color: #00B7D9; }
.am-tag--nivel[b-jxqbzii0pn]     { background: rgba(255,193,7,.1);    color: #FFC107; }
.am-tag--suspended[b-jxqbzii0pn] { background: rgba(255,107,107,.15); color: #FF6B6B; }

/* ── Progress ────────────────────────────────────────────────── */
.am-progress[b-jxqbzii0pn] {
    flex: 1; height: 4px;
    background: var(--mt-border-color);
    border-radius: 2px; overflow: hidden; min-width: 32px;
}
.am-progress__bar[b-jxqbzii0pn] { height: 100%; background: linear-gradient(90deg, var(--mt-primary) 0%, #28D094 100%); border-radius: 2px; transition: width .3s; }
.am-progress__lbl[b-jxqbzii0pn] { font-size: .63rem; font-family: var(--mt-font-mono); color: var(--mt-muted-color); white-space: nowrap; }

/* ── Table view ──────────────────────────────────────────────── */
.am-table-wrap[b-jxqbzii0pn] { overflow-x: auto; border: 1px solid var(--mt-border-color); border-radius: var(--mt-radius); background: var(--mt-paper-bg); }
.am-table[b-jxqbzii0pn] { width: 100%; border-collapse: collapse; font-size: .78rem; }
.am-table thead th[b-jxqbzii0pn] {
    padding: .5rem .7rem;
    text-align: left; font-size: .62rem; font-weight: 700;
    text-transform: uppercase; letter-spacing: .07em;
    color: var(--mt-muted-color);
    border-bottom: 1px solid var(--mt-border-color);
    background: var(--mt-gray-50); white-space: nowrap;
}
.am-trow[b-jxqbzii0pn] { border-bottom: 1px solid var(--mt-border-color); cursor: pointer; transition: background .1s; }
.am-trow:last-child[b-jxqbzii0pn] { border-bottom: none; }
.am-trow:hover[b-jxqbzii0pn] { background: rgba(105,108,255,.05); }
.am-trow--suspended[b-jxqbzii0pn] { opacity: .6; }
.am-trow td[b-jxqbzii0pn] { padding: .42rem .7rem; color: var(--mt-body-color); vertical-align: middle; }
.am-trow__emp[b-jxqbzii0pn] { display: flex; align-items: center; gap: .55rem; }
.am-trow__thumb[b-jxqbzii0pn] {
    width: 30px; height: 30px; border-radius: 50%; overflow: hidden;
    flex-shrink: 0;
    background: linear-gradient(135deg,rgba(105,108,255,.25),rgba(167,139,250,.25));
    display: flex; align-items: center; justify-content: center;
    font-size: .62rem; font-weight: 700; color: var(--mt-primary);
}
.am-trow__thumb img[b-jxqbzii0pn] { width: 100%; height: 100%; object-fit: cover; }
.am-trow__name[b-jxqbzii0pn] { font-weight: 600; color: var(--mt-heading-color); font-size: .78rem; }
.am-mono[b-jxqbzii0pn] { font-family: var(--mt-font-mono); }
.am-center[b-jxqbzii0pn] { text-align: center; }

/* ═══════════════════════════════════════════════════════════════
   MODAL OVERLAY + CONTAINER
═══════════════════════════════════════════════════════════════ */
.am-overlay[b-jxqbzii0pn] {
    position: fixed; inset: 0;
    background: rgba(0,0,0,.6);
    backdrop-filter: blur(4px);
    z-index: 900;
    animation: am-fade-b-jxqbzii0pn .15s ease;
}
@keyframes am-fade-b-jxqbzii0pn { from { opacity: 0; } to { opacity: 1; } }

.am-modal[b-jxqbzii0pn] {
    position: fixed;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: min(860px, 96vw);
    max-height: 88vh;
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: 10px;
    box-shadow: 0 24px 64px rgba(0,0,0,.5);
    z-index: 901;
    display: flex; flex-direction: column;
    overflow: hidden;
    animation: am-pop-b-jxqbzii0pn .2s cubic-bezier(.22,.68,0,1.2);
}
@keyframes am-pop-b-jxqbzii0pn { from { opacity: 0; transform: translate(-50%,-50%) scale(.93); } to { opacity: 1; transform: translate(-50%,-50%) scale(1); } }

/* accent line at top */
.am-modal__accent[b-jxqbzii0pn] {
    height: 3px; flex-shrink: 0;
    background: linear-gradient(90deg, var(--mt-primary) 0%, #a78bfa 55%, transparent 100%);
}

/* ── Hero header ─────────────────────────────────────────────── */
.am-modal__hero[b-jxqbzii0pn] {
    display: flex; align-items: center; gap: 1rem;
    padding: 1.1rem 1.4rem .9rem;
    border-bottom: 1px solid var(--mt-border-color);
    flex-shrink: 0;
}
.am-modal__hero-avatar[b-jxqbzii0pn] { flex-shrink: 0; }
.am-modal__photo[b-jxqbzii0pn] {
    width: 58px; height: 58px; border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(105,108,255,.35);
}
.am-modal__initials[b-jxqbzii0pn] {
    display: flex; align-items: center; justify-content: center;
    width: 58px; height: 58px; border-radius: 50%;
    background: linear-gradient(135deg,rgba(105,108,255,.22),rgba(167,139,250,.22));
    color: var(--mt-primary); font-size: 1rem; font-weight: 700;
    border: 2px solid rgba(105,108,255,.25);
}
.am-modal__hero-info[b-jxqbzii0pn] { flex: 1; min-width: 0; }
.am-modal__hero-name[b-jxqbzii0pn] {
    font-size: 1.05rem; font-weight: 700;
    color: var(--mt-heading-color);
    margin: 0 0 .15rem; line-height: 1.2;
}
.am-modal__hero-cargo[b-jxqbzii0pn] { font-size: .75rem; color: var(--mt-muted-color); margin: 0 0 .4rem; display: block; }
.am-modal__hero-tags[b-jxqbzii0pn] { display: flex; flex-wrap: wrap; gap: .3rem; }

.am-modal__hero-kpis[b-jxqbzii0pn] { display: flex; gap: .75rem; flex-shrink: 0; }
.am-kpi[b-jxqbzii0pn] {
    display: flex; flex-direction: column; align-items: center;
    padding: .4rem .7rem;
    background: rgba(255,255,255,.04);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    min-width: 52px;
}
.am-kpi__val[b-jxqbzii0pn] { font-size: 1.1rem; font-weight: 700; color: var(--mt-heading-color); line-height: 1; }
.am-kpi__lbl[b-jxqbzii0pn] { font-size: .58rem; text-transform: uppercase; letter-spacing: .07em; color: var(--mt-muted-color); margin-top: .15rem; }

.am-modal__close[b-jxqbzii0pn] {
    background: none; border: none;
    color: var(--mt-muted-color); font-size: .9rem;
    cursor: pointer; padding: .35rem;
    border-radius: 5px; transition: all .12s;
    flex-shrink: 0;
}
.am-modal__close:hover[b-jxqbzii0pn] { color: var(--mt-heading-color); background: rgba(255,255,255,.08); }

/* ── Tab bar ─────────────────────────────────────────────────── */
.am-modal__tabs[b-jxqbzii0pn] {
    display: flex; flex-shrink: 0;
    border-bottom: 1px solid var(--mt-border-color);
    background: var(--mt-paper-bg);
    overflow-x: auto; scrollbar-width: none;
}
.am-modal__tabs[b-jxqbzii0pn]::-webkit-scrollbar { display: none; }

.am-mtab[b-jxqbzii0pn] {
    display: flex; align-items: center; gap: .35rem;
    flex-shrink: 0;
    padding: .7rem 1.1rem;
    font-size: .76rem; font-weight: 600;
    color: var(--mt-muted-color);
    background: none; border: none;
    border-bottom: 2px solid transparent;
    cursor: pointer; white-space: nowrap;
    transition: color .12s, border-color .12s;
}
.am-mtab i[b-jxqbzii0pn] { font-size: .72rem; }
.am-mtab:hover[b-jxqbzii0pn] { color: var(--mt-heading-color); }
.am-mtab--active[b-jxqbzii0pn] { color: var(--mt-primary); border-bottom-color: var(--mt-primary); }

/* ── Modal body ──────────────────────────────────────────────── */
.am-modal__body[b-jxqbzii0pn] {
    flex: 1; overflow-y: auto;
    padding: 1.25rem 1.4rem 1.5rem;
}

/* ═══════════════════════════════════════════════════════════════
   FIELD GRID & ROWS — inline Razor, no scoping issues
═══════════════════════════════════════════════════════════════ */
.am-section-title[b-jxqbzii0pn] {
    font-size: .62rem; font-weight: 700;
    text-transform: uppercase; letter-spacing: .09em;
    color: var(--mt-muted-color);
    padding-bottom: .4rem; margin-bottom: .5rem;
    border-bottom: 1px solid var(--mt-border-color);
}
.am-section-title--mt[b-jxqbzii0pn] { margin-top: 1.25rem; }

.am-fgrid[b-jxqbzii0pn] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .35rem;
    margin-bottom: .5rem;
}

.am-frow[b-jxqbzii0pn] {
    display: flex; flex-direction: column; gap: .15rem;
    padding: .5rem .6rem;
    border-radius: 5px;
    background: rgba(255,255,255,.025);
    border: 1px solid transparent;
    transition: border-color .12s, background .12s;
}
.am-frow:hover[b-jxqbzii0pn] { background: rgba(105,108,255,.06); border-color: rgba(105,108,255,.18); }
.am-frow--full[b-jxqbzii0pn] { grid-column: 1 / -1; }

.am-frow__lbl[b-jxqbzii0pn] {
    font-size: .62rem; font-weight: 700;
    text-transform: uppercase; letter-spacing: .06em;
    color: var(--mt-muted-color);
    line-height: 1;
}
.am-frow__val[b-jxqbzii0pn] {
    font-size: .84rem;
    color: var(--mt-heading-color);
    word-break: break-word; line-height: 1.4;
}
.am-frow__val.empty[b-jxqbzii0pn] { color: var(--mt-muted-color); opacity: .5; font-style: italic; font-size: .78rem; }
.am-frow__val.mono[b-jxqbzii0pn]  { font-family: var(--mt-font-mono); }

html[data-theme="light"] .am-frow[b-jxqbzii0pn] { background: rgba(0,0,0,.025); }
html[data-theme="light"] .am-frow:hover[b-jxqbzii0pn] { background: rgba(105,108,255,.06); }

/* CV link row */
.am-cv-row[b-jxqbzii0pn] {
    display: flex; align-items: center; gap: .75rem;
    margin-top: .75rem; padding: .6rem .75rem;
    border-radius: 6px; border: 1px dashed var(--mt-border-color);
}
.am-doc-dl-link[b-jxqbzii0pn] {
    display: inline-flex; align-items: center; gap: .35rem;
    font-size: .8rem; color: var(--mt-primary); text-decoration: none; font-weight: 600;
    transition: opacity .12s;
}
.am-doc-dl-link:hover[b-jxqbzii0pn] { opacity: .8; text-decoration: underline; }

/* ═══════════════════════════════════════════════════════════════
   DOCUMENTS TAB
═══════════════════════════════════════════════════════════════ */
.am-docs-empty[b-jxqbzii0pn] {
    display: flex; flex-direction: column; align-items: center;
    gap: .5rem; padding: 2.5rem; color: var(--mt-muted-color);
    font-size: .82rem; text-align: center;
}
.am-docs-empty i[b-jxqbzii0pn] { font-size: 2rem; opacity: .3; }
.am-docs-empty p[b-jxqbzii0pn] { margin: 0; }

.am-docs-list[b-jxqbzii0pn] { display: flex; flex-direction: column; gap: .45rem; }
.am-doc-item[b-jxqbzii0pn] {
    display: flex; align-items: center; gap: .7rem;
    padding: .6rem .75rem;
    border-radius: var(--mt-radius);
    border: 1px solid var(--mt-border-color);
    background: rgba(255,255,255,.02);
    transition: border-color .12s;
}
.am-doc-item:hover[b-jxqbzii0pn] { border-color: rgba(105,108,255,.3); }
.am-doc-icon[b-jxqbzii0pn] {
    display: flex; align-items: center; justify-content: center;
    width: 34px; height: 34px; border-radius: 8px;
    font-size: .82rem; flex-shrink: 0;
}
.am-doc-icon--edu[b-jxqbzii0pn]     { background: rgba(105,108,255,.15); color: var(--mt-primary); }
.am-doc-icon--legal[b-jxqbzii0pn]   { background: rgba(255,193,7,.12);   color: #FFC107; }
.am-doc-icon--med[b-jxqbzii0pn]     { background: rgba(40,208,148,.12);  color: #28D094; }
.am-doc-icon--default[b-jxqbzii0pn] { background: rgba(107,111,132,.12); color: var(--mt-muted-color); }
.am-doc-info[b-jxqbzii0pn] { flex: 1; display: flex; flex-direction: column; gap: .08rem; min-width: 0; }
.am-doc-tipo[b-jxqbzii0pn] { font-size: .78rem; font-weight: 600; color: var(--mt-heading-color); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.am-doc-desc[b-jxqbzii0pn] { font-size: .7rem; color: var(--mt-muted-color); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.am-doc-fecha[b-jxqbzii0pn] { font-size: .64rem; color: var(--mt-muted-color); opacity: .7; }
.am-doc-dl[b-jxqbzii0pn] {
    display: flex; align-items: center; justify-content: center;
    width: 30px; height: 30px; border-radius: 6px;
    color: var(--mt-muted-color); text-decoration: none; font-size: .78rem;
    transition: background .12s, color .12s; flex-shrink: 0;
}
.am-doc-dl:hover[b-jxqbzii0pn] { background: rgba(105,108,255,.15); color: var(--mt-primary); }

/* ── Image grid ──────────────────────────────────────────────── */
.am-img-grid[b-jxqbzii0pn] { display: flex; gap: .75rem; flex-wrap: wrap; }
.am-img-thumb[b-jxqbzii0pn] { display: flex; flex-direction: column; align-items: center; gap: .3rem; text-decoration: none; transition: opacity .12s; }
.am-img-thumb:hover[b-jxqbzii0pn] { opacity: .8; }
.am-img-thumb img[b-jxqbzii0pn] { width: 95px; height: 72px; object-fit: cover; border-radius: var(--mt-radius); border: 1px solid var(--mt-border-color); }
.am-img-thumb span[b-jxqbzii0pn] { font-size: .65rem; color: var(--mt-muted-color); }

/* ================================================================
   BIRTHDAY WIDGET — edad + countdown humanizado
   ================================================================ */
.am-bday[b-jxqbzii0pn] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.2rem;
    padding: 1rem 1.25rem;
    margin: 0 0 1.1rem;
    border-radius: var(--mt-radius-lg, 10px);
    background:
        radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--bday-accent, var(--mt-warning)) 18%, transparent) 0%, transparent 60%),
        radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--bday-accent, var(--mt-warning)) 10%, transparent) 0%, transparent 60%),
        var(--mt-paper-bg);
    border: 1px solid color-mix(in srgb, var(--bday-accent, var(--mt-warning)) 30%, var(--mt-border-color));
    box-shadow: var(--mt-shadow-xs);
    overflow: hidden;
    transition: transform .25s ease, box-shadow .25s ease;
}
.am-bday[b-jxqbzii0pn]::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, transparent 0%, color-mix(in srgb, var(--bday-accent, var(--mt-warning)) 6%, transparent) 100%);
    pointer-events: none;
}
.am-bday:hover[b-jxqbzii0pn] {
    transform: translateY(-2px);
    box-shadow: var(--mt-shadow-sm);
}

/* Variantes según proximidad del cumpleaños */
.am-bday.is-today[b-jxqbzii0pn] {
    --bday-accent: var(--mt-success);
    animation: am-bday-pulse-b-jxqbzii0pn 2.8s ease-in-out infinite;
}
.am-bday.is-soon[b-jxqbzii0pn]  { --bday-accent: var(--mt-warning); }
.am-bday.is-near[b-jxqbzii0pn]  { --bday-accent: var(--mt-primary); }
.am-bday.is-far[b-jxqbzii0pn]   { --bday-accent: var(--mt-info); }

@keyframes am-bday-pulse-b-jxqbzii0pn {
    0%, 100% { box-shadow: var(--mt-shadow-xs), 0 0 0 0 color-mix(in srgb, var(--mt-success) 40%, transparent); }
    50%      { box-shadow: var(--mt-shadow-sm), 0 0 0 8px color-mix(in srgb, var(--mt-success) 0%, transparent); }
}

/* ── Left block: torta + edad ── */
.am-bday__left[b-jxqbzii0pn] {
    display: flex;
    align-items: center;
    gap: .9rem;
    min-width: 0;
    position: relative;
    z-index: 1;
}
.am-bday__cake[b-jxqbzii0pn] {
    flex: 0 0 auto;
    width: 52px;
    height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    border-radius: 50%;
    background: color-mix(in srgb, var(--bday-accent, var(--mt-warning)) 18%, var(--mt-paper-bg));
    border: 1px solid color-mix(in srgb, var(--bday-accent, var(--mt-warning)) 35%, transparent);
    box-shadow: 0 4px 14px color-mix(in srgb, var(--bday-accent, var(--mt-warning)) 25%, transparent);
    filter: drop-shadow(0 0 6px color-mix(in srgb, var(--bday-accent, var(--mt-warning)) 40%, transparent));
    transition: transform .3s ease;
}
.am-bday:hover .am-bday__cake[b-jxqbzii0pn] { transform: rotate(-8deg) scale(1.08); }
.am-bday.is-today .am-bday__cake[b-jxqbzii0pn] { animation: am-cake-bounce-b-jxqbzii0pn 1.6s ease-in-out infinite; }
@keyframes am-cake-bounce-b-jxqbzii0pn {
    0%, 100% { transform: translateY(0) rotate(0); }
    50%      { transform: translateY(-3px) rotate(-6deg); }
}

.am-bday__ageblock[b-jxqbzii0pn] {
    display: flex;
    flex-direction: column;
    gap: .08rem;
    min-width: 0;
}
.am-bday__age[b-jxqbzii0pn] {
    font-family: var(--mt-font-mono), var(--mt-font);
    font-size: 1.8rem;
    font-weight: 800;
    line-height: 1;
    color: var(--mt-heading-color);
    letter-spacing: -.03em;
    display: inline-flex;
    align-items: baseline;
    gap: .35rem;
}
.am-bday__age-unit[b-jxqbzii0pn] {
    font-size: .7rem;
    font-weight: 600;
    color: var(--mt-muted-color);
    text-transform: uppercase;
    letter-spacing: .08em;
}
.am-bday__born[b-jxqbzii0pn] {
    font-size: .72rem;
    color: var(--mt-body-color);
    font-family: var(--mt-font-mono), var(--mt-font);
    letter-spacing: .02em;
}

/* ── Right block: countdown chip + fecha ── */
.am-bday__right[b-jxqbzii0pn] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: .3rem;
    position: relative;
    z-index: 1;
}
.am-bday__chip[b-jxqbzii0pn] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .45rem .8rem;
    border-radius: 999px;
    background: var(--bday-accent, var(--mt-warning));
    color: #fff;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .01em;
    box-shadow: 0 4px 14px color-mix(in srgb, var(--bday-accent, var(--mt-warning)) 40%, transparent);
    white-space: nowrap;
}
.am-bday__chip i[b-jxqbzii0pn] { font-size: .82em; }
.am-bday__nextdate[b-jxqbzii0pn] {
    font-size: .68rem;
    color: var(--mt-muted-color);
    font-family: var(--mt-font-mono), var(--mt-font);
    text-transform: uppercase;
    letter-spacing: .05em;
}

@media (max-width: 540px) {
    .am-bday[b-jxqbzii0pn] { flex-direction: column; align-items: stretch; gap: .7rem; padding: .9rem 1rem; }
    .am-bday__left[b-jxqbzii0pn] { justify-content: flex-start; }
    .am-bday__right[b-jxqbzii0pn] { align-items: flex-start; }
    .am-bday__cake[b-jxqbzii0pn] { width: 44px; height: 44px; font-size: 1.5rem; }
    .am-bday__age[b-jxqbzii0pn] { font-size: 1.5rem; }
}

/* ================================================================
   TAB FAMILIAR — pareja, hijos, derechohabientes
   ================================================================ */
.am-section-title i[b-jxqbzii0pn] { margin-right: .4rem; color: var(--mt-primary); font-size: .8em; }

.am-badge-count[b-jxqbzii0pn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: .55rem;
    padding: .08rem .5rem;
    min-width: 1.4rem;
    height: 1.25rem;
    border-radius: 999px;
    background: var(--mt-primary);
    color: #fff;
    font-family: var(--mt-font-mono), var(--mt-font);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .02em;
}

.am-subcard[b-jxqbzii0pn] {
    margin: .35rem 0 .5rem;
    padding: .85rem 1rem;
    border-radius: var(--mt-radius-lg, 8px);
    background: linear-gradient(180deg,
        color-mix(in srgb, var(--mt-primary) 5%, transparent) 0%,
        transparent 100%);
    border: 1px solid var(--mt-border-color);
    border-left: 3px solid var(--mt-primary);
}
.am-subcard__head[b-jxqbzii0pn] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: .55rem;
    padding-bottom: .5rem;
    border-bottom: 1px dashed var(--mt-border-color);
    font-size: .82rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--mt-heading-color);
}
.am-subcard__head i[b-jxqbzii0pn] { color: var(--mt-primary); }

.am-empty-soft[b-jxqbzii0pn] {
    display: flex;
    align-items: center;
    gap: .7rem;
    padding: .95rem 1.05rem;
    border-radius: var(--mt-radius, 6px);
    background: var(--mt-success-subtle);
    border: 1px solid color-mix(in srgb, var(--mt-success) 25%, transparent);
    color: var(--mt-heading-color);
    font-size: .85rem;
}
.am-empty-soft i[b-jxqbzii0pn] { color: var(--mt-success); font-size: 1.05rem; }
.am-empty-soft b[b-jxqbzii0pn] { color: var(--mt-success); font-weight: 700; }
.am-empty-soft--warn[b-jxqbzii0pn] {
    background: var(--mt-warning-subtle);
    border-color: color-mix(in srgb, var(--mt-warning) 25%, transparent);
}
.am-empty-soft--warn i[b-jxqbzii0pn] { color: var(--mt-warning); }

/* ── Cards de hijos ── */
.am-hijos-grid[b-jxqbzii0pn] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1rem;
    margin-top: .75rem;
}

.am-hijo-card[b-jxqbzii0pn] {
    position: relative;
    display: flex;
    gap: .85rem;
    padding: 1rem 1.1rem 1rem .9rem;
    border-radius: var(--mt-radius-lg, 10px);
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    box-shadow: var(--mt-shadow-xs);
    transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
    overflow: hidden;
}
.am-hijo-card[b-jxqbzii0pn]::before {
    content: "";
    position: absolute;
    top: 0; bottom: 0; left: 0;
    width: 4px;
}
.am-hijo-card--adult[b-jxqbzii0pn]::before { background: var(--mt-primary); }
.am-hijo-card--minor[b-jxqbzii0pn]::before { background: var(--mt-info); }
.am-hijo-card:hover[b-jxqbzii0pn] {
    transform: translateY(-2px);
    box-shadow: var(--mt-shadow-sm);
    border-color: color-mix(in srgb, var(--mt-primary) 35%, var(--mt-border-color));
}

.am-hijo-card__num[b-jxqbzii0pn] {
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--mt-font-mono), var(--mt-font);
    font-weight: 800;
    font-size: .85rem;
    color: #fff;
    background: linear-gradient(135deg, var(--mt-primary), var(--mt-primary-hover));
    box-shadow: 0 3px 10px color-mix(in srgb, var(--mt-primary) 35%, transparent);
    letter-spacing: -.02em;
}
.am-hijo-card--minor .am-hijo-card__num[b-jxqbzii0pn] {
    background: linear-gradient(135deg, var(--mt-info), color-mix(in srgb, var(--mt-info) 80%, black));
    box-shadow: 0 3px 10px color-mix(in srgb, var(--mt-info) 35%, transparent);
}

.am-hijo-card__body[b-jxqbzii0pn] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .55rem;
}
.am-hijo-card__name[b-jxqbzii0pn] {
    font-size: .95rem;
    font-weight: 700;
    color: var(--mt-heading-color);
    line-height: 1.2;
    word-break: break-word;
}
.am-hijo-card__chips[b-jxqbzii0pn] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}
.am-hijo-chip[b-jxqbzii0pn] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    padding: .18rem .55rem;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
    font-family: var(--mt-font-mono), var(--mt-font);
    border: 1px solid transparent;
}
.am-hijo-chip.is-adult[b-jxqbzii0pn] {
    background: var(--mt-primary-light);
    color: var(--mt-primary);
    border-color: color-mix(in srgb, var(--mt-primary) 30%, transparent);
}
.am-hijo-chip.is-minor[b-jxqbzii0pn] {
    background: var(--mt-info-light);
    color: var(--mt-info);
    border-color: color-mix(in srgb, var(--mt-info) 30%, transparent);
}
.am-hijo-chip.is-neutral[b-jxqbzii0pn] {
    background: var(--mt-gray-50);
    color: var(--mt-body-color);
    border-color: var(--mt-border-color);
}
.am-hijo-chip.is-study[b-jxqbzii0pn] {
    background: var(--mt-success-subtle);
    color: var(--mt-success);
    border-color: color-mix(in srgb, var(--mt-success) 30%, transparent);
}

.am-hijo-card__grid[b-jxqbzii0pn] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .5rem .85rem;
    padding-top: .5rem;
    border-top: 1px dashed var(--mt-border-color);
}
.am-hijo-field[b-jxqbzii0pn] {
    display: flex;
    flex-direction: column;
    gap: .12rem;
    min-width: 0;
}
.am-hijo-field__lbl[b-jxqbzii0pn] {
    font-size: .64rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--mt-muted-color);
}
.am-hijo-field__val[b-jxqbzii0pn] {
    font-size: .82rem;
    font-weight: 500;
    color: var(--mt-heading-color);
    word-break: break-all;
}
.am-hijo-field__val.mono[b-jxqbzii0pn] { font-family: var(--mt-font-mono), var(--mt-font); }

.am-hijo-card__actions[b-jxqbzii0pn] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin-top: .15rem;
}
.am-hijo-doc[b-jxqbzii0pn] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .35rem .7rem;
    border-radius: var(--mt-radius, 6px);
    background: var(--mt-primary-subtle);
    border: 1px solid color-mix(in srgb, var(--mt-primary) 25%, transparent);
    color: var(--mt-primary);
    font-size: .72rem;
    font-weight: 600;
    text-decoration: none;
    transition: all .15s ease;
}
.am-hijo-doc:hover[b-jxqbzii0pn] {
    background: var(--mt-primary);
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px color-mix(in srgb, var(--mt-primary) 30%, transparent);
}
.am-hijo-doc--study[b-jxqbzii0pn] {
    background: var(--mt-success-subtle);
    color: var(--mt-success);
    border-color: color-mix(in srgb, var(--mt-success) 25%, transparent);
}
.am-hijo-doc--study:hover[b-jxqbzii0pn] {
    background: var(--mt-success);
    color: #fff;
    box-shadow: 0 4px 12px color-mix(in srgb, var(--mt-success) 30%, transparent);
}

/* ── Responsive ──────────────────────────────────────────────── */
@media (max-width: 600px) {
    .am-page[b-jxqbzii0pn] { padding: 1rem; }
    .am-header[b-jxqbzii0pn] { flex-direction: column; align-items: flex-start; }
    .am-fgrid[b-jxqbzii0pn] { grid-template-columns: 1fr; }
    .am-frow--full[b-jxqbzii0pn] { grid-column: 1; }
    .am-modal__hero-kpis[b-jxqbzii0pn] { display: none; }
    .am-modal[b-jxqbzii0pn] { width: 100vw; max-height: 100dvh; top: auto; bottom: 0; transform: translateX(-50%); border-radius: 12px 12px 0 0; }
    @keyframes am-pop-b-jxqbzii0pn { from { opacity: 0; transform: translateX(-50%) translateY(40px); } to { opacity: 1; transform: translateX(-50%) translateY(0); } }
}
/* /Components/Pages/Areas/BandejaAreasPage.razor.rz.scp.css */
/* ──────────────────────────────────────────────
   ÁREAS DE TRABAJO — Materio theme
   ────────────────────────────────────────────── */

.ar-wrapper[b-owp7ttyqk2] {
    background: var(--mt-body-bg);
    min-height: 100%;
    font-family: var(--mt-font);
    padding: 1.5rem 1.25rem 2.5rem;
    color: var(--mt-heading-color);
}

/* ── HEADER ── */
.ar-header[b-owp7ttyqk2] {
    max-width: 1500px;
    margin: 0 auto 1rem;
}

.ar-header-inner[b-owp7ttyqk2] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.ar-title-block[b-owp7ttyqk2] {
    min-width: 0;
    flex: 1;
}

.ar-eyebrow[b-owp7ttyqk2] {
    display: block;
    font-size: .7rem;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--mt-primary);
    margin-bottom: .3rem;
}

.ar-title[b-owp7ttyqk2] {
    margin: 0;
    font-size: clamp(1.4rem, 2.4vw, 1.7rem);
    font-weight: 700;
    color: var(--mt-heading-color);
    letter-spacing: -.02em;
    line-height: 1.2;
}

.ar-subtitle[b-owp7ttyqk2] {
    margin: 4px 0 0;
    font-size: .86rem;
    color: var(--mt-body-color);
    font-weight: 500;
    line-height: 1.45;
    max-width: 680px;
}

.ar-count-pill[b-owp7ttyqk2] {
    display: inline-flex;
    align-items: center;
    padding: 7px 14px;
    background: var(--mt-primary-subtle);
    color: var(--mt-primary);
    border: 1px solid rgba(var(--mt-primary-rgb), 0.35);
    border-radius: 6px;
    font-size: .78rem;
    font-weight: 700;
    white-space: nowrap;
    letter-spacing: .01em;
    align-self: flex-start;
    margin-top: 4px;
}

/* ══════════════════════════════════════════════
   TOOLBAR
   ══════════════════════════════════════════════ */
.ar-toolbar[b-owp7ttyqk2] {
    max-width: 1500px;
    margin: 0 auto 1rem;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.ar-search-wrap[b-owp7ttyqk2] {
    position: relative;
    flex: 1 1 320px;
    max-width: 460px;
    min-width: 200px;
}

.ar-field-icon[b-owp7ttyqk2] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    color: var(--mt-muted-color);
    pointer-events: none;
}

.ar-search-input[b-owp7ttyqk2] {
    width: 100%;
    height: 40px;
    padding: 0 14px 0 36px;
    border: 1px solid var(--mt-border-color);
    border-radius: 6px;
    background: var(--mt-paper-bg);
    color: var(--mt-heading-color);
    font-size: .85rem;
    font-weight: 500;
    font-family: var(--mt-font);
    outline: none;
    transition: border-color .15s, box-shadow .15s;
    box-shadow: var(--mt-shadow-xs);
}

    .ar-search-input:focus[b-owp7ttyqk2] {
        border-color: var(--mt-primary);
        box-shadow: 0 0 0 3px rgba(var(--mt-primary-rgb), .15);
    }

    .ar-search-input[b-owp7ttyqk2]::placeholder {
        color: var(--mt-muted-color);
    }

.ar-toolbar-spacer[b-owp7ttyqk2] {
    flex: 1;
}

.ar-btn[b-owp7ttyqk2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 40px;
    padding: 0 16px;
    border-radius: 6px;
    font-size: .82rem;
    font-weight: 600;
    font-family: var(--mt-font);
    border: 1px solid transparent;
    cursor: pointer;
    white-space: nowrap;
    transition: background .15s, border-color .15s, color .15s, box-shadow .15s, transform .15s;
}

    .ar-btn svg[b-owp7ttyqk2] {
        width: 15px;
        height: 15px;
    }

    .ar-btn:not(:disabled):hover[b-owp7ttyqk2] {
        transform: translateY(-1px);
    }

.ar-btn-ghost[b-owp7ttyqk2] {
    background: var(--mt-paper-bg);
    border-color: var(--mt-border-color);
    color: var(--mt-body-color);
    box-shadow: var(--mt-shadow-xs);
}

    .ar-btn-ghost:hover[b-owp7ttyqk2] {
        background: var(--mt-primary-subtle);
        color: var(--mt-primary);
        border-color: rgba(var(--mt-primary-rgb), .35);
    }

.ar-btn-primary[b-owp7ttyqk2] {
    background: var(--mt-primary);
    color: #FFFFFF;
    box-shadow: 0 2px 6px rgba(var(--mt-primary-rgb), .3);
}

    .ar-btn-primary:hover[b-owp7ttyqk2] {
        background: var(--mt-primary-hover, #5f62e6);
        box-shadow: 0 4px 12px rgba(var(--mt-primary-rgb), .4);
    }

/* ══════════════════════════════════════════════
   STATS (4 cards)
   ══════════════════════════════════════════════ */
.ar-stats-grid[b-owp7ttyqk2] {
    max-width: 1500px;
    margin: 0 auto 1rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.ar-stat[b-owp7ttyqk2] {
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: 6px;
    padding: 16px 18px;
    box-shadow: var(--mt-shadow-xs);
    display: flex;
    align-items: center;
    gap: 14px;
    transition: transform .2s, box-shadow .2s;
}

    .ar-stat:hover[b-owp7ttyqk2] {
        transform: translateY(-2px);
        box-shadow: 0 4px 16px rgba(var(--mt-dark-rgb), .12);
    }

.ar-stat-icon[b-owp7ttyqk2] {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .ar-stat-icon svg[b-owp7ttyqk2] {
        width: 22px;
        height: 22px;
    }

.ar-stat-icon--primary[b-owp7ttyqk2] {
    background: var(--mt-primary-subtle);
    color: var(--mt-primary);
}

.ar-stat-icon--info[b-owp7ttyqk2] {
    background: var(--mt-info-subtle);
    color: var(--mt-info);
}

.ar-stat-icon--success[b-owp7ttyqk2] {
    background: rgba(var(--mt-success-rgb), .12);
    color: var(--mt-success);
}

.ar-stat-body[b-owp7ttyqk2] {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-width: 0;
    flex: 1;
}

.ar-stat-lbl[b-owp7ttyqk2] {
    font-size: .72rem;
    font-weight: 600;
    color: var(--mt-muted-color);
    text-transform: uppercase;
    letter-spacing: .06em;
}

.ar-stat-num[b-owp7ttyqk2] {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--mt-heading-color);
    letter-spacing: -.015em;
    line-height: 1.2;
    margin-top: 2px;
}

.ar-stat-sub[b-owp7ttyqk2] {
    font-size: .72rem;
    color: var(--mt-muted-color);
    font-weight: 500;
    margin-top: 2px;
}

/* ══════════════════════════════════════════════
   EMPTY STATE
   ══════════════════════════════════════════════ */
.ar-empty[b-owp7ttyqk2] {
    max-width: 1500px;
    margin: 0 auto;
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: 6px;
    padding: 3.5rem 1.25rem;
    text-align: center;
    box-shadow: var(--mt-shadow-xs);
}

.ar-empty-icon[b-owp7ttyqk2] {
    width: 72px;
    height: 72px;
    margin: 0 auto 1rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--mt-primary-subtle);
    color: var(--mt-primary);
}

    .ar-empty-icon svg[b-owp7ttyqk2] {
        width: 32px;
        height: 32px;
    }

.ar-empty-title[b-owp7ttyqk2] {
    margin: 0 0 .35rem;
    font-size: 1rem;
    font-weight: 700;
    color: var(--mt-heading-color);
}

.ar-empty-sub[b-owp7ttyqk2] {
    margin: 0;
    font-size: .85rem;
    color: var(--mt-body-color);
    line-height: 1.5;
}

/* ══════════════════════════════════════════════
   TABLE CARD
   ══════════════════════════════════════════════ */
.ar-table-card[b-owp7ttyqk2] {
    max-width: 1500px;
    margin: 0 auto;
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: 6px;
    box-shadow: var(--mt-shadow-xs);
    overflow: hidden;
}

.ar-table-scroll[b-owp7ttyqk2] {
    overflow-x: auto;
}

    .ar-table-scroll[b-owp7ttyqk2]::-webkit-scrollbar {
        height: 8px;
    }

    .ar-table-scroll[b-owp7ttyqk2]::-webkit-scrollbar-thumb {
        background: var(--mt-border-color);
        border-radius: 4px;
    }

.ar-table[b-owp7ttyqk2] {
    width: 100%;
    border-collapse: collapse;
    font-size: .84rem;
}

    .ar-table thead th[b-owp7ttyqk2] {
        padding: 13px 18px;
        text-align: left;
        font-size: .66rem;
        font-weight: 700;
        letter-spacing: .1em;
        text-transform: uppercase;
        color: var(--mt-muted-color);
        background: var(--mt-gray-50);
        border-bottom: 1px solid var(--mt-border-color);
        white-space: nowrap;
    }

    .ar-table thead th.ar-th-action[b-owp7ttyqk2] {
        width: 70px;
        text-align: right;
    }

    .ar-table tbody td[b-owp7ttyqk2] {
        padding: 14px 18px;
        border-bottom: 1px solid var(--mt-border-color);
        vertical-align: middle;
    }

    .ar-table tbody tr[b-owp7ttyqk2] {
        transition: background .12s;
    }

    .ar-table tbody tr.ar-row[b-owp7ttyqk2] {
        cursor: pointer;
    }

        .ar-table tbody tr:hover[b-owp7ttyqk2] {
            background: rgba(var(--mt-primary-rgb), .04);
        }

        .ar-table tbody tr:last-child td[b-owp7ttyqk2] {
            border-bottom: none;
        }

/* ── ÁREA CELL ── */
.ar-area-cell[b-owp7ttyqk2] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.ar-area-icon[b-owp7ttyqk2] {
    width: 44px;
    height: 44px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .ar-area-icon svg[b-owp7ttyqk2] {
        width: 20px;
        height: 20px;
    }

/* 7 color variants */
.ar-icon-0[b-owp7ttyqk2] {
    background: rgba(255, 152, 0, 0.14);
    color: #FF9800;
}

.ar-icon-1[b-owp7ttyqk2] {
    background: rgba(86, 202, 0, 0.14);
    color: #56CA00;
}

.ar-icon-2[b-owp7ttyqk2] {
    background: rgba(22, 177, 255, 0.14);
    color: #16B1FF;
}

.ar-icon-3[b-owp7ttyqk2] {
    background: rgba(255, 180, 0, 0.14);
    color: #FFB400;
}

.ar-icon-4[b-owp7ttyqk2] {
    background: rgba(139, 142, 158, 0.14);
    color: #8E92A0;
}

.ar-icon-5[b-owp7ttyqk2] {
    background: rgba(255, 76, 81, 0.14);
    color: #FF4C51;
}

.ar-icon-6[b-owp7ttyqk2] {
    background: rgba(139, 92, 246, 0.14);
    color: #8B5CF6;
}

.ar-area-info[b-owp7ttyqk2] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.ar-area-name[b-owp7ttyqk2] {
    font-size: .88rem;
    font-weight: 600;
    color: var(--mt-heading-color);
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 240px;
}

.ar-area-sub[b-owp7ttyqk2] {
    font-size: .72rem;
    color: var(--mt-muted-color);
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 260px;
}

/* ── CODE ── */
.ar-code[b-owp7ttyqk2] {
    font-family: var(--mt-font);
    font-size: .8rem;
    font-weight: 600;
    color: var(--mt-body-color);
    letter-spacing: .03em;
    font-variant-numeric: tabular-nums;
}

/* ── EQUIPO ── */
.ar-equipo-cell[b-owp7ttyqk2] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ar-equipo-pills[b-owp7ttyqk2] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.ar-pill[b-owp7ttyqk2] {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: .7rem;
    font-weight: 600;
    white-space: nowrap;
    border: 1px solid transparent;
}

.ar-pill--primary[b-owp7ttyqk2] {
    background: var(--mt-primary-subtle);
    color: var(--mt-primary);
    border-color: rgba(var(--mt-primary-rgb), .25);
}

.ar-pill--success[b-owp7ttyqk2] {
    background: rgba(var(--mt-success-rgb), .12);
    color: var(--mt-success);
    border-color: rgba(var(--mt-success-rgb), .25);
}

/* ── AVATARS ── */
.ar-avatars[b-owp7ttyqk2] {
    display: flex;
    align-items: center;
}

.ar-avatar[b-owp7ttyqk2] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .7rem;
    font-weight: 700;
    color: #FFFFFF;
    border: 2px solid var(--mt-paper-bg);
    object-fit: cover;
    margin-left: -8px;
    flex-shrink: 0;
    background: var(--mt-primary);
}

    .ar-avatar:first-child[b-owp7ttyqk2] {
        margin-left: 0;
    }

.ar-avatar--color-0[b-owp7ttyqk2] {
    background: #FF9800;
}

.ar-avatar--color-1[b-owp7ttyqk2] {
    background: #56CA00;
}

.ar-avatar--color-2[b-owp7ttyqk2] {
    background: #16B1FF;
}

.ar-avatar--color-3[b-owp7ttyqk2] {
    background: #8B5CF6;
}

.ar-avatar--color-4[b-owp7ttyqk2] {
    background: #FF4C51;
}

.ar-avatar--lider[b-owp7ttyqk2] {
    box-shadow: 0 0 0 2px var(--mt-warning);
}

.ar-avatar--more[b-owp7ttyqk2] {
    background: var(--mt-gray-50);
    color: var(--mt-body-color);
    font-size: .65rem;
    border: 2px solid var(--mt-paper-bg);
}

/* ── LEAD / MUTED / DATE ── */
.ar-lead[b-owp7ttyqk2] {
    color: var(--mt-heading-color);
    font-size: .85rem;
    font-weight: 600;
}

.ar-muted[b-owp7ttyqk2] {
    color: var(--mt-muted-color);
    font-size: .82rem;
    font-weight: 500;
    font-style: italic;
}

.ar-date[b-owp7ttyqk2] {
    font-size: .82rem;
    font-weight: 500;
    color: var(--mt-body-color);
    font-variant-numeric: tabular-nums;
}

/* ── KEBAB ── */
.ar-kebab[b-owp7ttyqk2] {
    width: 32px;
    height: 32px;
    padding: 0;
    background: transparent;
    border: 1px solid var(--mt-border-color);
    border-radius: 6px;
    color: var(--mt-muted-color);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .15s, color .15s, border-color .15s;
    margin-left: auto;
}

    .ar-kebab svg[b-owp7ttyqk2] {
        width: 16px;
        height: 16px;
    }

    .ar-kebab:hover[b-owp7ttyqk2] {
        background: var(--mt-primary-subtle);
        color: var(--mt-primary);
        border-color: rgba(var(--mt-primary-rgb), .3);
    }

/* ══════════════════════════════════════════════
   MOBILE LIST
   ══════════════════════════════════════════════ */
.ar-mobile-list[b-owp7ttyqk2] {
    display: none;
    max-width: 1500px;
    margin: 0 auto;
    flex-direction: column;
    gap: 10px;
}

.ar-mobile-card[b-owp7ttyqk2] {
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: 6px;
    padding: 14px;
    box-shadow: var(--mt-shadow-xs);
    cursor: pointer;
    transition: border-color .15s, transform .15s, box-shadow .15s;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .ar-mobile-card:hover[b-owp7ttyqk2] {
        border-color: rgba(var(--mt-primary-rgb), .35);
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(var(--mt-dark-rgb), .1);
    }

.ar-mobile-head[b-owp7ttyqk2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.ar-mobile-row[b-owp7ttyqk2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 6px 0;
    border-top: 1px dashed var(--mt-border-color);
    font-size: .82rem;
}

.ar-mobile-lbl[b-owp7ttyqk2] {
    font-size: .7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--mt-muted-color);
    flex-shrink: 0;
}

.ar-mobile-val[b-owp7ttyqk2] {
    font-weight: 500;
    color: var(--mt-heading-color);
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ══════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════ */
@media (max-width: 1100px) {
    .ar-stats-grid[b-owp7ttyqk2] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .ar-wrapper[b-owp7ttyqk2] {
        padding: 1rem .75rem 2rem;
    }

    .ar-header-inner[b-owp7ttyqk2] {
        flex-direction: column;
        align-items: flex-start;
    }

    .ar-toolbar[b-owp7ttyqk2] {
        gap: 8px;
    }

    .ar-search-wrap[b-owp7ttyqk2] {
        flex: 1 1 100%;
        max-width: 100%;
    }

    .ar-btn-ghost[b-owp7ttyqk2] {
        flex: 1;
    }

    .ar-toolbar-spacer[b-owp7ttyqk2] {
        display: none;
    }

    .ar-btn-primary[b-owp7ttyqk2] {
        flex: 1;
        min-width: 0;
    }

    .ar-stats-grid[b-owp7ttyqk2] {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .ar-stat[b-owp7ttyqk2] {
        padding: 12px 14px;
        gap: 10px;
    }

    .ar-stat-icon[b-owp7ttyqk2] {
        width: 40px;
        height: 40px;
    }

    .ar-stat-num[b-owp7ttyqk2] {
        font-size: 1.2rem;
    }

    .ar-table-card[b-owp7ttyqk2] {
        display: none;
    }

    .ar-mobile-list[b-owp7ttyqk2] {
        display: flex;
    }
}

@media (max-width: 480px) {
    .ar-stats-grid[b-owp7ttyqk2] {
        grid-template-columns: 1fr;
    }

    .ar-title[b-owp7ttyqk2] {
        font-size: 1.25rem;
    }
}
/* /Components/Pages/Areas/RegistroAreaDialog.razor.rz.scp.css */
/* =========================================================
   RegistroAreaDialog — Dark/Light theme aware, mobile-first
   ========================================================= */

.ar-dialog[b-8az9pp5h88] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: .25rem 0;
    font-family: var(--mt-font);
    color: var(--mt-heading-color);
    max-height: calc(100dvh - 8rem);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
}

.ar-dialog > *[b-8az9pp5h88] {
    flex-shrink: 0;
}

/* ── Hero identity ─────────────────────────────────────── */
.ar-hero[b-8az9pp5h88] {
    display: flex;
    align-items: center;
    gap: .9rem;
    padding: 1rem 1.1rem;
    border-radius: var(--mt-radius);
    background: linear-gradient(135deg,
        rgba(var(--mt-primary-rgb), .14) 0%,
        rgba(var(--mt-primary-rgb), .06) 100%);
    border: 1px solid rgba(var(--mt-primary-rgb), .28);
    position: relative;
    overflow: hidden;
}

.ar-hero[b-8az9pp5h88]::after {
    content: "";
    position: absolute;
    right: -40px;
    top: -40px;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: radial-gradient(circle,
        rgba(var(--mt-primary-rgb), .18) 0%,
        transparent 70%);
    pointer-events: none;
}

.ar-hero__avatar[b-8az9pp5h88] {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: rgba(var(--mt-primary-rgb), .22);
    border: 2px solid rgba(var(--mt-primary-rgb), .45);
    color: var(--mt-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 800;
    flex-shrink: 0;
    z-index: 1;
}

.ar-hero__text[b-8az9pp5h88] {
    flex: 1;
    min-width: 0;
    z-index: 1;
}

.ar-hero__kicker[b-8az9pp5h88] {
    font-size: .64rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: var(--mt-primary);
    display: block;
    margin-bottom: .1rem;
}

.ar-hero__name[b-8az9pp5h88] {
    margin: 0 0 .45rem;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--mt-heading-color);
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ar-hero__meta[b-8az9pp5h88] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.ar-chip[b-8az9pp5h88] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .22rem .55rem;
    border-radius: 999px;
    background: var(--mt-gray-100);
    border: 1px solid var(--mt-border-color);
    font-size: .7rem;
    font-weight: 600;
    color: var(--mt-body-color);
    line-height: 1.3;
}

.ar-chip--mono[b-8az9pp5h88] {
    font-family: var(--mt-font-mono);
    font-weight: 700;
    letter-spacing: .06em;
    color: var(--mt-heading-color);
}

.ar-chip--ok[b-8az9pp5h88] {
    background: var(--mt-success-subtle);
    border-color: rgba(var(--mt-success-rgb), .35);
    color: var(--mt-success);
}

.ar-chip--warn[b-8az9pp5h88] {
    background: var(--mt-warning-subtle);
    border-color: rgba(var(--mt-warning-rgb), .35);
    color: var(--mt-warning);
}

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

.ar-dot--primary[b-8az9pp5h88] { background: var(--mt-primary); }
.ar-dot--ok[b-8az9pp5h88]      { background: var(--mt-success); }
.ar-dot--warn[b-8az9pp5h88]    { background: var(--mt-warning); }

/* ── Form grid ──────────────────────────────────────────── */
.ar-grid[b-8az9pp5h88] {
    display: grid;
    grid-template-columns: 1.3fr .8fr;
    gap: .85rem;
}

.ar-field[b-8az9pp5h88] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    min-width: 0;
}

.ar-field--grow[b-8az9pp5h88] {
    flex: 1 1 100%;
    min-width: 0;
}

.ar-label[b-8az9pp5h88] {
    font-size: .68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--mt-muted-color);
}

.ar-input[b-8az9pp5h88] {
    width: 100%;
    min-height: 42px;
    padding: .62rem .78rem;
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    background: var(--mt-gray-50);
    color: var(--mt-heading-color);
    font-size: .9rem;
    font-family: var(--mt-font);
    outline: none;
    transition: border-color .18s ease, box-shadow .18s ease;
    box-sizing: border-box;
}

.ar-input:focus[b-8az9pp5h88] {
    border-color: var(--mt-primary);
    box-shadow: 0 0 0 3px rgba(var(--mt-primary-rgb), .18);
}

.ar-input--mono[b-8az9pp5h88] {
    font-family: var(--mt-font-mono);
    letter-spacing: .08em;
    text-transform: uppercase;
}

/* ── Action bar ─────────────────────────────────────────── */
.ar-actions[b-8az9pp5h88] {
    display: flex;
    align-items: center;
    gap: .55rem;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.ar-btn[b-8az9pp5h88] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-height: 42px;
    padding: .58rem 1.1rem;
    border-radius: var(--mt-radius);
    border: 1px solid transparent;
    cursor: pointer;
    font-size: .85rem;
    font-weight: 600;
    font-family: var(--mt-font);
    transition: background .18s ease, border-color .18s ease, transform .12s ease, box-shadow .18s ease;
    white-space: nowrap;
}

.ar-btn:hover:not(:disabled)[b-8az9pp5h88] {
    transform: translateY(-1px);
}

.ar-btn:active:not(:disabled)[b-8az9pp5h88] {
    transform: translateY(0);
}

.ar-btn:disabled[b-8az9pp5h88] {
    opacity: .55;
    cursor: not-allowed;
}

.ar-btn--primary[b-8az9pp5h88] {
    color: #fff;
    background: var(--mt-primary);
    box-shadow: 0 4px 12px rgba(var(--mt-primary-rgb), .28);
}

.ar-btn--primary:hover:not(:disabled)[b-8az9pp5h88] {
    background: var(--mt-primary-hover);
    box-shadow: 0 6px 16px rgba(var(--mt-primary-rgb), .4);
}

.ar-btn--ghost[b-8az9pp5h88] {
    color: var(--mt-body-color);
    border-color: var(--mt-border-color);
    background: transparent;
}

.ar-btn--ghost:hover:not(:disabled)[b-8az9pp5h88] {
    border-color: var(--mt-primary);
    color: var(--mt-primary);
    background: rgba(var(--mt-primary-rgb), .08);
}

.ar-btn--secondary[b-8az9pp5h88] {
    color: var(--mt-primary);
    border-color: rgba(var(--mt-primary-rgb), .35);
    background: rgba(var(--mt-primary-rgb), .10);
}

.ar-btn--secondary:hover:not(:disabled)[b-8az9pp5h88] {
    background: rgba(var(--mt-primary-rgb), .18);
}

.ar-btn--danger-outline[b-8az9pp5h88] {
    color: var(--mt-danger);
    border-color: rgba(var(--mt-danger-rgb), .45);
    background: var(--mt-danger-subtle);
}

.ar-btn--danger-outline:hover:not(:disabled)[b-8az9pp5h88] {
    background: var(--mt-danger-light);
    border-color: var(--mt-danger);
}

.ar-btn--icon[b-8az9pp5h88] {
    width: 32px;
    min-width: 32px;
    min-height: 32px;
    padding: 0;
    color: var(--mt-muted-color);
    border: 1px solid transparent;
    background: transparent;
    font-size: .95rem;
    flex-shrink: 0;
}

.ar-btn--icon:hover:not(:disabled)[b-8az9pp5h88] {
    color: var(--mt-danger);
    border-color: rgba(var(--mt-danger-rgb), .35);
    background: var(--mt-danger-subtle);
}

/* ── Spinner ────────────────────────────────────────────── */
.ar-spin[b-8az9pp5h88] {
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255, 255, 255, .35);
    border-top-color: #fff;
    border-radius: 50%;
    animation: ar-spin-b-8az9pp5h88 .7s linear infinite;
    flex-shrink: 0;
}

.ar-spin--danger[b-8az9pp5h88] {
    border-color: rgba(var(--mt-danger-rgb), .25);
    border-top-color: var(--mt-danger);
}

@keyframes ar-spin-b-8az9pp5h88 {
    to { transform: rotate(360deg); }
}

/* ── Team section ───────────────────────────────────────── */
.ar-team[b-8az9pp5h88] {
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    background: var(--mt-paper-bg);
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

.ar-team__head[b-8az9pp5h88] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: .75rem;
    flex-wrap: wrap;
}

.ar-kicker[b-8az9pp5h88] {
    display: inline-block;
    margin-bottom: .2rem;
    font-size: .64rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: var(--mt-primary);
}

.ar-title[b-8az9pp5h88] {
    margin: 0;
    color: var(--mt-heading-color);
    font-size: 1.02rem;
    font-weight: 700;
    line-height: 1.2;
}

.ar-count[b-8az9pp5h88] {
    padding: .32rem .72rem;
    border-radius: 999px;
    background: rgba(var(--mt-primary-rgb), .14);
    border: 1px solid rgba(var(--mt-primary-rgb), .25);
    color: var(--mt-primary);
    font-size: .74rem;
    font-weight: 700;
    flex-shrink: 0;
}

/* ── Add row ────────────────────────────────────────────── */
.ar-add[b-8az9pp5h88] {
    display: flex;
    align-items: flex-end;
    gap: .7rem;
    flex-wrap: wrap;
    padding: .9rem;
    border: 1px dashed var(--mt-border-color);
    border-radius: var(--mt-radius);
    background: var(--mt-gray-25);
}

.ar-add .ar-field--grow[b-8az9pp5h88] {
    flex: 1 1 100%;
}

.ar-add__flags[b-8az9pp5h88] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.ar-check[b-8az9pp5h88],
.ar-switch[b-8az9pp5h88] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: var(--mt-heading-color);
    font-size: .82rem;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
}

.ar-check input[b-8az9pp5h88],
.ar-switch input[b-8az9pp5h88] {
    width: 16px;
    height: 16px;
    accent-color: var(--mt-primary);
    cursor: pointer;
}

/* ── Member list ────────────────────────────────────────── */
.ar-list[b-8az9pp5h88] {
    display: flex;
    flex-direction: column;
    gap: .6rem;
}

.ar-card[b-8az9pp5h88] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .75rem;
    align-items: center;
    padding: .85rem .9rem;
    border-radius: var(--mt-radius);
    border: 1px solid var(--mt-border-color);
    background: var(--mt-gray-25);
    transition: border-color .15s ease, background .15s ease;
}

.ar-card:hover[b-8az9pp5h88] {
    border-color: rgba(var(--mt-primary-rgb), .3);
    background: var(--mt-gray-50);
}

.ar-card__identity[b-8az9pp5h88] {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-width: 0;
    grid-column: 1 / -1;
}

.ar-avatar[b-8az9pp5h88] {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(var(--mt-primary-rgb), .18);
    border: 1.5px solid rgba(var(--mt-primary-rgb), .35);
    color: var(--mt-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: .95rem;
    flex-shrink: 0;
}

.ar-card__text[b-8az9pp5h88] {
    min-width: 0;
    flex: 1;
}

.ar-card__name[b-8az9pp5h88] {
    color: var(--mt-heading-color);
    font-size: .92rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
}

.ar-card__meta[b-8az9pp5h88] {
    margin-top: .18rem;
    color: var(--mt-muted-color);
    font-size: .75rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ar-card__tags[b-8az9pp5h88] {
    display: flex;
    gap: .3rem;
    margin-top: .35rem;
    flex-wrap: wrap;
}

.ar-tag[b-8az9pp5h88] {
    padding: .12rem .45rem;
    border-radius: 4px;
    font-size: .65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.ar-tag--lider[b-8az9pp5h88] {
    background: var(--mt-warning-subtle);
    color: var(--mt-warning);
    border: 1px solid rgba(var(--mt-warning-rgb), .35);
}

.ar-tag--gerencia[b-8az9pp5h88] {
    background: rgba(var(--mt-primary-rgb), .12);
    color: var(--mt-primary);
    border: 1px solid rgba(var(--mt-primary-rgb), .3);
}

.ar-card__flags[b-8az9pp5h88] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    padding-top: .65rem;
    margin-top: .65rem;
    border-top: 1px dashed var(--mt-border-color);
    grid-column: 1 / -1;
}

/* ── Empty / hint ───────────────────────────────────────── */
.ar-empty[b-8az9pp5h88] {
    padding: 1.15rem;
    border: 1px dashed var(--mt-border-color);
    border-radius: var(--mt-radius);
    background: var(--mt-gray-25);
    color: var(--mt-muted-color);
    text-align: center;
    font-size: .86rem;
    font-weight: 500;
}

/* ── Danger zone ────────────────────────────────────────── */
.ar-danger[b-8az9pp5h88] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .9rem;
    padding: .85rem 1rem;
    border: 1px solid rgba(var(--mt-danger-rgb), .3);
    border-radius: var(--mt-radius);
    background: var(--mt-danger-subtle);
    flex-wrap: wrap;
}

.ar-danger__text[b-8az9pp5h88] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    min-width: 0;
}

.ar-danger__title[b-8az9pp5h88] {
    font-size: .82rem;
    font-weight: 700;
    color: var(--mt-danger);
    letter-spacing: .01em;
}

.ar-danger__hint[b-8az9pp5h88] {
    font-size: .72rem;
    color: var(--mt-body-color);
}

/* ── Validation ─────────────────────────────────────────── */
[b-8az9pp5h88] .validation-message {
    color: var(--mt-danger);
    font-size: .74rem;
    font-weight: 600;
}

/* ── Mobile ─────────────────────────────────────────────── */
@media (max-width: 640px) {
    .ar-dialog[b-8az9pp5h88] {
        gap: .85rem;
    }

    .ar-hero[b-8az9pp5h88] {
        flex-direction: column;
        align-items: flex-start;
        padding: .95rem;
        gap: .65rem;
    }

    .ar-hero[b-8az9pp5h88]::after {
        width: 100px;
        height: 100px;
        right: -30px;
        top: -30px;
    }

    .ar-hero__avatar[b-8az9pp5h88] {
        width: 44px;
        height: 44px;
        font-size: 18px;
    }

    .ar-hero__text[b-8az9pp5h88] {
        width: 100%;
    }

    .ar-hero__name[b-8az9pp5h88] {
        font-size: 1.05rem;
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
        word-break: break-word;
    }

    .ar-grid[b-8az9pp5h88] {
        grid-template-columns: 1fr;
        gap: .7rem;
    }

    .ar-actions[b-8az9pp5h88] {
        flex-direction: column-reverse;
        align-items: stretch;
    }

    .ar-actions .ar-btn[b-8az9pp5h88] {
        width: 100%;
    }

    .ar-team[b-8az9pp5h88] {
        padding: .85rem;
    }

    .ar-add[b-8az9pp5h88] {
        flex-direction: column;
        align-items: stretch;
        gap: .6rem;
        padding: .8rem;
    }

    .ar-add__flags[b-8az9pp5h88] {
        justify-content: flex-start;
        gap: 1rem;
    }

    .ar-add .ar-btn[b-8az9pp5h88] {
        width: 100%;
    }

    .ar-card__name[b-8az9pp5h88] {
        white-space: normal;
        font-size: .88rem;
    }

    .ar-card__meta[b-8az9pp5h88] {
        white-space: normal;
        font-size: .72rem;
    }

    .ar-card__flags[b-8az9pp5h88] {
        gap: .85rem;
    }

    .ar-danger[b-8az9pp5h88] {
        flex-direction: column;
        align-items: stretch;
        gap: .7rem;
    }

    .ar-danger .ar-btn[b-8az9pp5h88] {
        width: 100%;
    }
}
/* /Components/Pages/Asistencias/BandejaAsistenciasPage.razor.rz.scp.css */
/* ──────────────────────────────────────────────
   REPORTE DE ASISTENCIAS — Materio theme
   ────────────────────────────────────────────── */

.rep-wrapper[b-8xutnn95o6] {
    background: var(--mt-body-bg);
    min-height: 100%;
    font-family: var(--mt-font);
    padding: 1.5rem 1.25rem 2.5rem;
    color: var(--mt-heading-color);
}

/* ── HEADER ── */
.rep-header[b-8xutnn95o6] {
    margin-bottom: 1rem;
}

.rep-header-inner[b-8xutnn95o6] {
    max-width: 1500px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.rep-title-block[b-8xutnn95o6] {
    min-width: 0;
    flex: 1;
}

.rep-breadcrumb[b-8xutnn95o6] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: .7rem;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--mt-primary);
    margin-bottom: .35rem;
}

.rep-breadcrumb-sep[b-8xutnn95o6] {
    color: var(--mt-muted-color);
    font-weight: 500;
}

.rep-breadcrumb-current[b-8xutnn95o6] {
    color: var(--mt-body-color);
    font-weight: 600;
}

.rep-title[b-8xutnn95o6] {
    margin: 0;
    font-size: clamp(1.35rem, 2.4vw, 1.7rem);
    font-weight: 700;
    color: var(--mt-heading-color);
    letter-spacing: -.02em;
    line-height: 1.2;
}

.rep-subtitle[b-8xutnn95o6] {
    margin: 4px 0 0;
    font-size: .86rem;
    color: var(--mt-body-color);
    font-weight: 500;
    line-height: 1.45;
    max-width: 680px;
}

.rep-count-pill[b-8xutnn95o6] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    background: var(--mt-primary-subtle);
    color: var(--mt-primary);
    border: 1px solid rgba(var(--mt-primary-rgb), 0.35);
    border-radius: 6px;
    font-size: .78rem;
    font-weight: 700;
    white-space: nowrap;
    letter-spacing: .01em;
    align-self: flex-start;
    margin-top: 4px;
}

    .rep-count-pill svg[b-8xutnn95o6] {
        width: 14px;
        height: 14px;
    }

/* ══════════════════════════════════════════════
   TOOLBAR
   ══════════════════════════════════════════════ */
.rep-toolbar[b-8xutnn95o6] {
    max-width: 1500px;
    margin: 0 auto 1rem;
    padding: 14px 16px;
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: 6px;
    box-shadow: var(--mt-shadow-xs);
    display: grid;
    grid-template-columns: 180px 180px 1fr auto;
    gap: 10px 14px;
    align-items: end;
}

.rep-field[b-8xutnn95o6] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.rep-field--search[b-8xutnn95o6] {
    min-width: 0;
}

.rep-label[b-8xutnn95o6] {
    font-size: .66rem;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
    color: var(--mt-muted-color);
}

.rep-date-wrap[b-8xutnn95o6],
.rep-search-wrap[b-8xutnn95o6] {
    position: relative;
    width: 100%;
}

.rep-field-icon[b-8xutnn95o6] {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    color: var(--mt-muted-color);
    pointer-events: none;
}

.rep-input[b-8xutnn95o6] {
    width: 100%;
    height: 38px;
    padding: 0 12px 0 32px;
    border: 1px solid var(--mt-border-color);
    border-radius: 6px;
    background: var(--mt-paper-bg);
    color: var(--mt-heading-color);
    font-size: .85rem;
    font-weight: 500;
    font-family: var(--mt-font);
    outline: none;
    transition: border-color .15s, box-shadow .15s, background .15s;
}

    .rep-input:hover[b-8xutnn95o6] {
        border-color: rgba(var(--mt-primary-rgb), .45);
    }

    .rep-input:focus[b-8xutnn95o6] {
        border-color: var(--mt-primary);
        box-shadow: 0 0 0 3px rgba(var(--mt-primary-rgb), .15);
    }

    .rep-input[b-8xutnn95o6]::placeholder {
        color: var(--mt-muted-color);
        font-weight: 500;
    }

.rep-input--date[b-8xutnn95o6] {
    font-variant-numeric: tabular-nums;
    color-scheme: dark;
    padding-left: 12px;
    padding-right: 8px;
}

/* Hide redundant left icon — native date input already has a calendar
   picker indicator on the right edge */
.rep-date-wrap .rep-field-icon[b-8xutnn95o6] {
    display: none;
}

html[data-theme="light"] .rep-input--date[b-8xutnn95o6] {
    color-scheme: light;
}

/* Each date segment (DD / MM / YYYY) */
.rep-input--date[b-8xutnn95o6]::-webkit-datetime-edit {
    color: var(--mt-heading-color);
    font-family: var(--mt-font);
    padding: 0;
}

.rep-input--date[b-8xutnn95o6]::-webkit-datetime-edit-fields-wrapper {
    color: var(--mt-heading-color);
}

.rep-input--date[b-8xutnn95o6]::-webkit-datetime-edit-day-field,
.rep-input--date[b-8xutnn95o6]::-webkit-datetime-edit-month-field,
.rep-input--date[b-8xutnn95o6]::-webkit-datetime-edit-year-field {
    color: var(--mt-heading-color);
    padding: 1px 2px;
    border-radius: 3px;
}

.rep-input--date[b-8xutnn95o6]::-webkit-datetime-edit-text {
    color: var(--mt-muted-color);
    padding: 0 2px;
}

.rep-input--date[b-8xutnn95o6]::-webkit-datetime-edit-day-field:focus,
.rep-input--date[b-8xutnn95o6]::-webkit-datetime-edit-month-field:focus,
.rep-input--date[b-8xutnn95o6]::-webkit-datetime-edit-year-field:focus {
    background: rgba(var(--mt-primary-rgb), 0.20);
    color: var(--mt-primary);
    outline: none;
}

/* Calendar picker icon */
.rep-input--date[b-8xutnn95o6]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    opacity: 0.55;
    filter: invert(0.78) brightness(1.05);
    transition: opacity 0.15s, filter 0.15s;
}

.rep-input--date[b-8xutnn95o6]::-webkit-calendar-picker-indicator:hover {
    opacity: 1;
}

html[data-theme="light"] .rep-input--date[b-8xutnn95o6]::-webkit-calendar-picker-indicator {
    filter: none;
    opacity: 0.55;
}

/* ── ACTIONS ── */
.rep-actions[b-8xutnn95o6] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.rep-btn[b-8xutnn95o6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 38px;
    padding: 0 14px;
    border-radius: 6px;
    font-size: .82rem;
    font-weight: 600;
    font-family: var(--mt-font);
    border: 1px solid transparent;
    cursor: pointer;
    white-space: nowrap;
    transition: background .15s, border-color .15s, color .15s, box-shadow .15s, transform .15s;
}

    .rep-btn svg[b-8xutnn95o6] {
        width: 15px;
        height: 15px;
    }

    .rep-btn:disabled[b-8xutnn95o6] {
        opacity: .55;
        cursor: not-allowed;
    }

    .rep-btn:not(:disabled):hover[b-8xutnn95o6] {
        transform: translateY(-1px);
    }

.rep-btn-ghost[b-8xutnn95o6] {
    background: var(--mt-paper-bg);
    border-color: var(--mt-border-color);
    color: var(--mt-body-color);
}

    .rep-btn-ghost:not(:disabled):hover[b-8xutnn95o6] {
        background: var(--mt-primary-subtle);
        color: var(--mt-primary);
        border-color: rgba(var(--mt-primary-rgb), .35);
    }

.rep-btn-primary[b-8xutnn95o6] {
    background: var(--mt-primary);
    color: #FFFFFF;
    box-shadow: 0 2px 6px rgba(var(--mt-primary-rgb), .3);
}

    .rep-btn-primary:not(:disabled):hover[b-8xutnn95o6] {
        background: var(--mt-primary-hover, #5f62e6);
        box-shadow: 0 4px 12px rgba(var(--mt-primary-rgb), .4);
    }

.rep-btn-success[b-8xutnn95o6] {
    background: var(--mt-success);
    color: #FFFFFF;
    box-shadow: 0 2px 6px rgba(var(--mt-success-rgb), .3);
}

    .rep-btn-success:not(:disabled):hover[b-8xutnn95o6] {
        background: var(--mt-success-hover, #4BB500);
        box-shadow: 0 4px 12px rgba(var(--mt-success-rgb), .4);
    }

.rep-btn-spinner[b-8xutnn95o6] {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, .4);
    border-top-color: #FFF;
    animation: rep-spin-b-8xutnn95o6 .7s linear infinite;
}

@keyframes rep-spin-b-8xutnn95o6 {
    to { transform: rotate(360deg); }
}

/* ── HINT ── */
.rep-hint[b-8xutnn95o6] {
    grid-column: 1 / -1;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: .76rem;
    color: var(--mt-muted-color);
    font-weight: 500;
    margin-top: 2px;
    padding-top: 8px;
    border-top: 1px dashed var(--mt-border-color);
}

    .rep-hint svg[b-8xutnn95o6] {
        width: 13px;
        height: 13px;
        color: var(--mt-primary);
    }

/* ══════════════════════════════════════════════
   STATES (loading, empty)
   ══════════════════════════════════════════════ */
.rep-state[b-8xutnn95o6] {
    max-width: 1500px;
    margin: 0 auto;
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: 6px;
    padding: 3.5rem 1.25rem;
    text-align: center;
    box-shadow: var(--mt-shadow-xs);
}

.rep-state-ring[b-8xutnn95o6] {
    width: 42px;
    height: 42px;
    margin: 0 auto 1rem;
    border-radius: 50%;
    border: 3px solid var(--mt-primary-subtle);
    border-top-color: var(--mt-primary);
    animation: rep-spin-b-8xutnn95o6 .7s linear infinite;
}

.rep-state-icon[b-8xutnn95o6] {
    width: 72px;
    height: 72px;
    margin: 0 auto 1rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--mt-primary-subtle);
    color: var(--mt-primary);
}

    .rep-state-icon svg[b-8xutnn95o6] {
        width: 32px;
        height: 32px;
    }

.rep-state-title[b-8xutnn95o6] {
    margin: 0 0 .35rem;
    font-size: 1rem;
    font-weight: 700;
    color: var(--mt-heading-color);
}

.rep-state-sub[b-8xutnn95o6] {
    margin: 0;
    font-size: .85rem;
    color: var(--mt-body-color);
    line-height: 1.5;
}

/* ══════════════════════════════════════════════
   DESKTOP/MOBILE TOGGLE
   ══════════════════════════════════════════════ */
.rep-detail--mobile[b-8xutnn95o6] {
    display: none;
}

.rep-detail--desktop[b-8xutnn95o6] {
    display: block;
}

/* ══════════════════════════════════════════════
   TABLE CARD
   ══════════════════════════════════════════════ */
.rep-table-card[b-8xutnn95o6] {
    max-width: 1500px;
    margin: 0 auto;
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: 6px;
    box-shadow: var(--mt-shadow-xs);
    overflow: hidden;
}

.rep-table-scroll[b-8xutnn95o6] {
    overflow-x: auto;
}

    .rep-table-scroll[b-8xutnn95o6]::-webkit-scrollbar {
        height: 8px;
    }

    .rep-table-scroll[b-8xutnn95o6]::-webkit-scrollbar-thumb {
        background: var(--mt-border-color);
        border-radius: 4px;
    }

.rep-table[b-8xutnn95o6] {
    width: 100%;
    border-collapse: collapse;
    font-size: .84rem;
}

    .rep-table thead th[b-8xutnn95o6] {
        padding: 12px 16px;
        text-align: left;
        font-size: .66rem;
        font-weight: 700;
        letter-spacing: .1em;
        text-transform: uppercase;
        color: var(--mt-muted-color);
        background: var(--mt-gray-50);
        border-bottom: 1px solid var(--mt-border-color);
        white-space: nowrap;
    }

        .rep-table thead th.rep-th-actions[b-8xutnn95o6] {
            width: 50px;
            padding: 12px 8px;
        }

    .rep-table tbody td[b-8xutnn95o6] {
        padding: 12px 16px;
        border-bottom: 1px solid var(--mt-border-color);
        vertical-align: middle;
        color: var(--mt-heading-color);
    }

    .rep-table tbody tr[b-8xutnn95o6] {
        transition: background .12s;
    }

        .rep-table tbody tr:hover[b-8xutnn95o6] {
            background: rgba(var(--mt-primary-rgb), .04);
        }

        .rep-table tbody tr:last-child td[b-8xutnn95o6] {
            border-bottom: none;
        }

/* ── DOCUMENT CELL ── */
.rep-doc-cell[b-8xutnn95o6] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.rep-doc-code[b-8xutnn95o6] {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 4px;
    background: var(--mt-gray-50);
    border: 1px solid var(--mt-border-color);
    color: var(--mt-heading-color);
    font-family: var(--mt-font);
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .02em;
    width: fit-content;
    font-variant-numeric: tabular-nums;
}

.rep-cell-sub[b-8xutnn95o6] {
    font-size: .7rem;
    color: var(--mt-muted-color);
    font-weight: 500;
}

/* ── EMPLOYEE CELL ── */
.rep-emp-cell[b-8xutnn95o6] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.rep-emp-avatar[b-8xutnn95o6] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--mt-primary-subtle);
    color: var(--mt-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 11px;
    letter-spacing: .02em;
    flex-shrink: 0;
    border: 1.5px solid rgba(var(--mt-primary-rgb), .2);
}

.rep-emp-info[b-8xutnn95o6] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}

.rep-emp-name[b-8xutnn95o6] {
    font-size: .85rem;
    font-weight: 600;
    color: var(--mt-heading-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.25;
    max-width: 240px;
}

/* ── TIME CELL ── */
.rep-time-cell[b-8xutnn95o6] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: .82rem;
    font-weight: 600;
    color: var(--mt-heading-color);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.rep-time-dot[b-8xutnn95o6] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    flex-shrink: 0;
}

.rep-time-dot--in[b-8xutnn95o6] {
    background: var(--mt-primary);
    box-shadow: 0 0 0 3px rgba(var(--mt-primary-rgb), .18);
}

.rep-time-dot--out[b-8xutnn95o6] {
    background: var(--mt-success);
    box-shadow: 0 0 0 3px rgba(var(--mt-success-rgb), .18);
}

.rep-time-val[b-8xutnn95o6] {
    color: var(--mt-heading-color);
}

.rep-time-muted[b-8xutnn95o6] {
    font-size: .8rem;
    color: var(--mt-muted-color);
    font-weight: 500;
    font-style: italic;
}

/* ── CHIPS (Estado / Ubicación) ── */
.rep-chip[b-8xutnn95o6] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .01em;
    white-space: nowrap;
    border: 1px solid transparent;
}

    .rep-chip svg[b-8xutnn95o6] {
        width: 12px;
        height: 12px;
        flex-shrink: 0;
    }

.rep-chip--success[b-8xutnn95o6] {
    background: rgba(var(--mt-success-rgb), .12);
    color: var(--mt-success);
    border-color: rgba(var(--mt-success-rgb), .28);
}

.rep-chip--warn[b-8xutnn95o6] {
    background: var(--mt-warning-light);
    color: var(--mt-warning-hover, #cc9000);
    border-color: rgba(var(--mt-warning-rgb), .35);
}

.rep-chip--danger[b-8xutnn95o6] {
    background: rgba(var(--mt-danger-rgb), .12);
    color: var(--mt-danger);
    border-color: rgba(var(--mt-danger-rgb), .3);
}

.rep-chip--muted[b-8xutnn95o6] {
    background: var(--mt-gray-50);
    color: var(--mt-muted-color);
    border-color: var(--mt-border-color);
    font-weight: 600;
}

/* ── KEBAB ── */
.rep-kebab[b-8xutnn95o6] {
    width: 30px;
    height: 30px;
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 6px;
    color: var(--mt-muted-color);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .15s, color .15s;
}

    .rep-kebab svg[b-8xutnn95o6] {
        width: 18px;
        height: 18px;
    }

    .rep-kebab:hover[b-8xutnn95o6] {
        background: var(--mt-primary-subtle);
        color: var(--mt-primary);
    }

/* ══════════════════════════════════════════════
   MOBILE CARDS
   ══════════════════════════════════════════════ */
.rep-card-list[b-8xutnn95o6] {
    max-width: 1500px;
    margin: 0 auto;
    flex-direction: column;
    gap: .65rem;
}

.rep-mcard[b-8xutnn95o6] {
    display: flex;
    flex-direction: column;
    gap: .65rem;
    padding: .85rem .9rem;
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-left: 4px solid var(--mt-primary);
    border-radius: 6px;
    box-shadow: var(--mt-shadow-xs);
}

.rep-mcard--complete[b-8xutnn95o6] {
    border-left-color: var(--mt-success);
}

.rep-mcard--incomplete[b-8xutnn95o6] {
    border-left-color: var(--mt-warning);
}

.rep-mcard__head[b-8xutnn95o6] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .5rem;
}

.rep-mcard__emp[b-8xutnn95o6] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    flex: 1;
}

.rep-mcard__emp-info[b-8xutnn95o6] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}

.rep-mcard__name[b-8xutnn95o6] {
    font-size: .92rem;
    font-weight: 700;
    color: var(--mt-heading-color);
    line-height: 1.25;
    word-break: break-word;
}

.rep-mcard__doc[b-8xutnn95o6] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.rep-mcard__times[b-8xutnn95o6] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    padding: .5rem .65rem;
    background: var(--mt-gray-50);
    border-radius: 6px;
}

.rep-mcard__row[b-8xutnn95o6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    min-width: 0;
}

.rep-mcard__lbl[b-8xutnn95o6] {
    font-size: .66rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--mt-muted-color);
    flex-shrink: 0;
}

.rep-mcard__chips[b-8xutnn95o6] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

/* ══════════════════════════════════════════════
   PAGER
   ══════════════════════════════════════════════ */
.rep-pager-card[b-8xutnn95o6] {
    max-width: 1500px;
    margin: 0 auto;
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-top: none;
    border-radius: 0 0 6px 6px;
    box-shadow: var(--mt-shadow-xs);
}

.rep-pager[b-8xutnn95o6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 16px;
    background: var(--mt-paper-bg);
    flex-wrap: wrap;
}

.rep-pager-info[b-8xutnn95o6] {
    font-size: .78rem;
    color: var(--mt-body-color);
    font-weight: 500;
}

.rep-pager-controls[b-8xutnn95o6] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.rep-pager-btn[b-8xutnn95o6] {
    min-width: 30px;
    height: 30px;
    padding: 0 8px;
    border: 1px solid var(--mt-border-color);
    border-radius: 6px;
    background: var(--mt-paper-bg);
    color: var(--mt-body-color);
    font-size: .8rem;
    font-weight: 600;
    font-family: var(--mt-font);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background .15s, border-color .15s, color .15s;
}

    .rep-pager-btn svg[b-8xutnn95o6] {
        width: 14px;
        height: 14px;
    }

    .rep-pager-btn:hover:not(:disabled):not(.rep-pager-btn--active)[b-8xutnn95o6] {
        background: var(--mt-primary-subtle);
        color: var(--mt-primary);
        border-color: rgba(var(--mt-primary-rgb), .35);
    }

    .rep-pager-btn:disabled[b-8xutnn95o6] {
        opacity: .45;
        cursor: not-allowed;
    }

.rep-pager-btn--active[b-8xutnn95o6] {
    background: var(--mt-primary);
    color: #FFFFFF;
    border-color: var(--mt-primary);
    box-shadow: 0 2px 6px rgba(var(--mt-primary-rgb), .3);
}

.rep-pager-ellipsis[b-8xutnn95o6] {
    padding: 0 4px;
    color: var(--mt-muted-color);
    font-weight: 700;
}

.rep-pager-size[b-8xutnn95o6] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: .78rem;
    color: var(--mt-body-color);
    font-weight: 500;
}

    .rep-pager-size select[b-8xutnn95o6] {
        height: 30px;
        padding: 0 28px 0 10px;
        border: 1px solid var(--mt-border-color);
        border-radius: 6px;
        background: var(--mt-paper-bg);
        color: var(--mt-heading-color);
        font-size: .8rem;
        font-weight: 600;
        font-family: var(--mt-font);
        cursor: pointer;
        outline: none;
        appearance: none;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a3a7be' stroke-width='2'><polyline points='6 9 12 15 18 9'/></svg>");
        background-repeat: no-repeat;
        background-position: right 8px center;
        background-size: 14px;
    }

        .rep-pager-size select:focus[b-8xutnn95o6] {
            border-color: var(--mt-primary);
            box-shadow: 0 0 0 3px rgba(var(--mt-primary-rgb), .15);
        }

/* ══════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════ */
@media (max-width: 1100px) {
    .rep-toolbar[b-8xutnn95o6] {
        grid-template-columns: 1fr 1fr;
    }

    .rep-field--search[b-8xutnn95o6] {
        grid-column: 1 / -1;
    }

    .rep-actions[b-8xutnn95o6] {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }
}

@media (max-width: 767px) {
    .rep-wrapper[b-8xutnn95o6] {
        padding: 1rem .75rem 2rem;
    }

    .rep-header-inner[b-8xutnn95o6] {
        flex-direction: column;
        align-items: flex-start;
    }

    .rep-count-pill[b-8xutnn95o6] {
        align-self: flex-start;
    }

    .rep-toolbar[b-8xutnn95o6] {
        grid-template-columns: 1fr 1fr;
        padding: 12px;
    }

    .rep-actions[b-8xutnn95o6] {
        grid-column: 1 / -1;
        flex-wrap: wrap;
    }

        .rep-actions .rep-btn[b-8xutnn95o6] {
            flex: 1 1 auto;
            min-width: 0;
        }

    .rep-detail--desktop[b-8xutnn95o6] {
        display: none;
    }

    .rep-detail--mobile[b-8xutnn95o6] {
        display: flex;
    }

    .rep-pager-card[b-8xutnn95o6] {
        border-top: 1px solid var(--mt-border-color);
        border-radius: 6px;
        margin-top: .75rem;
    }

    .rep-pager[b-8xutnn95o6] {
        justify-content: center;
        gap: 10px;
    }

    .rep-pager-info[b-8xutnn95o6] {
        width: 100%;
        text-align: center;
    }

    .rep-pager-size[b-8xutnn95o6] {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .rep-toolbar[b-8xutnn95o6] {
        grid-template-columns: 1fr;
    }

    .rep-field--search[b-8xutnn95o6] {
        grid-column: 1;
    }

    .rep-title[b-8xutnn95o6] {
        font-size: 1.25rem;
    }
}
/* /Components/Pages/Asistencias/CalendarioEliminarDialog.razor.rz.scp.css */
.cedlg-body[b-vvs9wsqapm] { display: flex; flex-direction: column; gap: 14px; padding: 4px 0; }
.cedlg-msg[b-vvs9wsqapm] { color: var(--mt-body-color); font-size: 0.9rem; line-height: 1.5; }
.cedlg-actions[b-vvs9wsqapm] { display: flex; justify-content: flex-end; gap: 8px; padding-top: 4px; }
.cedlg-btn-cancel[b-vvs9wsqapm] { background: transparent; border: 1px solid var(--mt-border-color); border-radius: var(--mt-radius); color: var(--mt-body-color); padding: 7px 18px; font-size: 0.875rem; cursor: pointer; }
.cedlg-btn-del[b-vvs9wsqapm] { background: #EF4444; border: none; border-radius: var(--mt-radius); color: #fff; padding: 7px 18px; font-size: 0.875rem; font-weight: 600; cursor: pointer; display: flex; align-items: center; gap: 6px; }
/* /Components/Pages/Asistencias/CalendarioFeriadoDialog.razor.rz.scp.css */
.cfdlg-form[b-780ltgqnol] { display: flex; flex-direction: column; gap: 16px; padding: 4px 0; }
.cfdlg-row2[b-780ltgqnol] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.cfdlg-field[b-780ltgqnol] { display: flex; flex-direction: column; gap: 5px; }
.cfdlg-label[b-780ltgqnol] { font-size: 0.75rem; font-weight: 600; color: var(--mt-muted-color); text-transform: uppercase; letter-spacing: 0.05em; }
.cfdlg-input[b-780ltgqnol] { background: var(--mt-gray-50); border: 1px solid var(--mt-border-color); border-radius: var(--mt-radius); color: var(--mt-heading-color); padding: 7px 10px; font-size: 0.875rem; width: 100%; }
.cfdlg-input:focus[b-780ltgqnol] { outline: none; border-color: var(--mt-primary); }
.cfdlg-error[b-780ltgqnol] { color: #EF4444; font-size: 0.82rem; padding: 6px 10px; background: rgba(239,68,68,0.1); border-radius: var(--mt-radius); }
.cfdlg-actions[b-780ltgqnol] { display: flex; justify-content: flex-end; gap: 8px; padding-top: 4px; }
.cfdlg-btn-cancel[b-780ltgqnol] { background: transparent; border: 1px solid var(--mt-border-color); border-radius: var(--mt-radius); color: var(--mt-body-color); padding: 7px 18px; font-size: 0.875rem; cursor: pointer; }
.cfdlg-btn-save[b-780ltgqnol] { background: var(--mt-primary); border: none; border-radius: var(--mt-radius); color: #fff; padding: 7px 18px; font-size: 0.875rem; font-weight: 600; cursor: pointer; display: flex; align-items: center; gap: 6px; }
.cfdlg-btn-save:disabled[b-780ltgqnol], .cfdlg-btn-cancel:disabled[b-780ltgqnol] { opacity: 0.6; cursor: not-allowed; }
.cfdlg-spinner[b-780ltgqnol] { width: 14px; height: 14px; border: 2px solid rgba(255,255,255,0.3); border-top-color: #fff; border-radius: 50%; animation: spin-b-780ltgqnol 0.6s linear infinite; display: inline-block; }
@keyframes spin-b-780ltgqnol { to { transform: rotate(360deg); } }
/* /Components/Pages/Asistencias/CalendarioLaboralPage.razor.rz.scp.css */
.cal-header-actions[b-o10a9r4n1d] { display: flex; align-items: center; gap: 12px; }
.cal-btn-new[b-o10a9r4n1d] { display: flex; align-items: center; gap: 6px; background: var(--mt-primary); color: #fff; border: none; border-radius: var(--mt-radius); padding: 8px 16px; font-size: 0.85rem; font-weight: 600; cursor: pointer; transition: opacity 0.15s; }
.cal-btn-new:hover[b-o10a9r4n1d] { opacity: 0.85; }

/* ── Filters ── */
.cal-filters[b-o10a9r4n1d] { padding: 14px 20px; }
.cal-filter-row[b-o10a9r4n1d] { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; }
.cal-field[b-o10a9r4n1d] { display: flex; flex-direction: column; gap: 4px; }
.cal-label[b-o10a9r4n1d] { font-size: 0.75rem; font-weight: 600; color: var(--mt-muted-color); text-transform: uppercase; letter-spacing: 0.05em; }
.cal-input[b-o10a9r4n1d] { background: var(--mt-gray-50); border: 1px solid var(--mt-border-color); border-radius: var(--mt-radius); color: var(--mt-heading-color); padding: 6px 10px; font-size: 0.85rem; min-width: 100px; }
.cal-input:focus[b-o10a9r4n1d] { outline: none; border-color: var(--mt-primary); }

.cal-filter-tipos[b-o10a9r4n1d] { display: flex; gap: 6px; flex-wrap: wrap; }
.cal-tipo-btn[b-o10a9r4n1d] { background: var(--mt-gray-50); border: 1px solid var(--mt-border-color); border-radius: 20px; color: var(--mt-body-color); padding: 5px 12px; font-size: 0.8rem; cursor: pointer; display: flex; align-items: center; gap: 6px; transition: all 0.15s; }
.cal-tipo-btn.active[b-o10a9r4n1d] { background: rgba(105,108,255,0.15); border-color: var(--mt-primary); color: var(--mt-primary); }
.cal-tipo-btn:hover[b-o10a9r4n1d] { border-color: var(--mt-primary); }

/* ── Color dots ── */
.cal-dot[b-o10a9r4n1d] { display: inline-block; width: 8px; height: 8px; border-radius: 50%; }
.cal-dot-nacional[b-o10a9r4n1d]    { background: #EF4444; }
.cal-dot-empresa[b-o10a9r4n1d]     { background: #8B5CF6; }
.cal-dot-no-laboral[b-o10a9r4n1d]  { background: #F97316; }

/* ── Loading ── */
.cal-loading[b-o10a9r4n1d] { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 40px; color: var(--mt-muted-color); }
.cal-spinner[b-o10a9r4n1d] { width: 18px; height: 18px; border: 2px solid var(--mt-border-color); border-top-color: var(--mt-primary); border-radius: 50%; animation: spin-b-o10a9r4n1d 0.6s linear infinite; display: inline-block; }
@keyframes spin-b-o10a9r4n1d { to { transform: rotate(360deg); } }

/* ── Layout ── */
.cal-layout[b-o10a9r4n1d] { display: grid; grid-template-columns: 1fr 320px; gap: 20px; padding: 0 20px 20px; }

/* ── Monthly mini-calendars ── */
.cal-meses-grid[b-o10a9r4n1d] { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px; }
.cal-mes-card[b-o10a9r4n1d] { background: var(--mt-paper-bg); border: 1px solid var(--mt-border-color); border-radius: var(--mt-radius); overflow: hidden; }
.cal-mes-header[b-o10a9r4n1d] { background: var(--mt-gray-50); padding: 8px 12px; font-weight: 700; font-size: 0.85rem; color: var(--mt-heading-color); text-align: center; border-bottom: 1px solid var(--mt-border-color); }
.cal-mes-dias-header[b-o10a9r4n1d] { display: grid; grid-template-columns: repeat(7, 1fr); text-align: center; padding: 4px 6px 2px; font-size: 0.7rem; font-weight: 600; color: var(--mt-muted-color); gap: 1px; }
.cal-mes-grid[b-o10a9r4n1d] { display: grid; grid-template-columns: repeat(7, 1fr); gap: 1px; padding: 2px 4px 6px; }
.cal-dia[b-o10a9r4n1d] { text-align: center; font-size: 0.75rem; padding: 3px 1px; border-radius: 4px; cursor: default; transition: background 0.1s; line-height: 1.6; color: var(--mt-body-color); }
.cal-dia-fuera[b-o10a9r4n1d] { opacity: 0.3; }
.cal-dia-fin-semana[b-o10a9r4n1d] { color: var(--mt-muted-color); }
.cal-dia-hoy[b-o10a9r4n1d] { font-weight: 800; color: var(--mt-primary); }

/* Colored days */
.cal-dia-nacional[b-o10a9r4n1d]   { background: rgba(239,68,68,0.2);   color: #EF4444 !important; font-weight: 700; border-radius: 50%; }
.cal-dia-empresa[b-o10a9r4n1d]    { background: rgba(139,92,246,0.2);  color: #8B5CF6 !important; font-weight: 700; border-radius: 50%; }
.cal-dia-no-laboral[b-o10a9r4n1d] { background: rgba(249,115,22,0.2);  color: #F97316 !important; font-weight: 700; border-radius: 50%; }

/* ── Entry list ── */
.cal-lista[b-o10a9r4n1d] { background: var(--mt-paper-bg); border: 1px solid var(--mt-border-color); border-radius: var(--mt-radius); overflow: hidden; height: fit-content; position: sticky; top: 80px; }
.cal-lista-header[b-o10a9r4n1d] { padding: 12px 16px; font-weight: 700; font-size: 0.85rem; color: var(--mt-heading-color); border-bottom: 1px solid var(--mt-border-color); background: var(--mt-gray-50); }
.cal-entrada[b-o10a9r4n1d] { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-bottom: 1px solid var(--mt-border-color); transition: background 0.1s; }
.cal-entrada:last-child[b-o10a9r4n1d] { border-bottom: none; }
.cal-entrada:hover[b-o10a9r4n1d] { background: rgba(255,255,255,0.03); }
.cal-entrada-dot[b-o10a9r4n1d] { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }
.cal-entrada-info[b-o10a9r4n1d] { flex: 1; min-width: 0; }
.cal-entrada-nombre[b-o10a9r4n1d] { font-size: 0.85rem; font-weight: 600; color: var(--mt-heading-color); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cal-entrada-meta[b-o10a9r4n1d] { display: flex; gap: 8px; margin-top: 2px; }
.cal-entrada-fecha[b-o10a9r4n1d] { font-size: 0.75rem; font-family: var(--mt-font-mono); color: var(--mt-muted-color); }
.cal-entrada-tipo[b-o10a9r4n1d] { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--mt-muted-color); }
.cal-btn-del[b-o10a9r4n1d] { background: transparent; border: none; color: var(--mt-muted-color); cursor: pointer; padding: 4px; border-radius: var(--mt-radius); font-size: 0.8rem; transition: color 0.15s; }
.cal-btn-del:hover[b-o10a9r4n1d] { color: #EF4444; }
.cal-lista-vacia[b-o10a9r4n1d] { padding: 24px 16px; text-align: center; color: var(--mt-muted-color); font-size: 0.85rem; display: flex; flex-direction: column; gap: 8px; align-items: center; }
.cal-lista-vacia i[b-o10a9r4n1d] { font-size: 1.5rem; opacity: 0.5; }

@media (max-width: 900px) {
    .cal-layout[b-o10a9r4n1d] { grid-template-columns: 1fr; }
    .cal-lista[b-o10a9r4n1d] { position: static; }
}
/* /Components/Pages/Asistencias/ConsultaAsistenciasAdminPage.razor.rz.scp.css */
/* ──────────────────────────────────────────────
   DASHBOARD DE ASISTENCIA — Materio theme
   ────────────────────────────────────────────── */

.dash-wrapper[b-96hm7wjl7f] {
    background: var(--mt-body-bg);
    font-family: var(--mt-font);
    min-height: 100%;
    margin: -8px -10px 0;
    color: var(--mt-heading-color);
}

/* ── HEADER ── */
.dash-header-bar[b-96hm7wjl7f] {
    padding: 1rem 1rem .5rem;
    margin-bottom: .75rem;
}

.dash-header-inner[b-96hm7wjl7f] {
    max-width: 1500px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.dash-title-block[b-96hm7wjl7f] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.dash-title-eyebrow[b-96hm7wjl7f] {
    display: block;
    font-size: .68rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--mt-primary);
    margin-bottom: .2rem;
    font-weight: 600;
}

.dash-title[b-96hm7wjl7f] {
    margin: 0;
    font-size: clamp(1.25rem, 2.2vw, 1.55rem);
    font-weight: 700;
    color: var(--mt-heading-color);
    letter-spacing: -.02em;
    line-height: 1.2;
}

.dash-subtitle[b-96hm7wjl7f] {
    display: block;
    font-size: .8rem;
    color: var(--mt-muted-color);
    font-weight: 500;
    margin-top: 3px;
}

.dash-header-controls[b-96hm7wjl7f] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

/* ── FILTROS PILL ── */
.filtros-pill[b-96hm7wjl7f] {
    display: inline-flex;
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: 6px;
    padding: 4px;
    gap: 2px;
    box-shadow: var(--mt-shadow-xs);
}

    .filtros-pill button[b-96hm7wjl7f] {
        padding: 7px 18px;
        border-radius: 4px;
        border: none;
        background: transparent;
        color: var(--mt-body-color);
        font-size: .8rem;
        font-weight: 600;
        cursor: pointer;
        font-family: var(--mt-font);
        transition: background .15s, color .15s;
        white-space: nowrap;
    }

        .filtros-pill button:hover[b-96hm7wjl7f] {
            background: var(--mt-primary-subtle);
            color: var(--mt-primary);
        }

.btn-activo[b-96hm7wjl7f] {
    background: var(--mt-primary) !important;
    color: #FFFFFF !important;
    box-shadow: 0 2px 6px rgba(var(--mt-primary-rgb), .35);
}

.rango-pill[b-96hm7wjl7f] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 14px;
    border-radius: 6px;
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    color: var(--mt-heading-color);
    font-size: .82rem;
    font-weight: 600;
    box-shadow: var(--mt-shadow-xs);
    min-height: 36px;
}

    .rango-pill svg[b-96hm7wjl7f] {
        width: 15px;
        height: 15px;
        color: var(--mt-body-color);
        flex-shrink: 0;
    }

/* ── CONTENT ── */
.dash-content[b-96hm7wjl7f] {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 1rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* ── LOADING ── */
.loading-state[b-96hm7wjl7f] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 4rem 1rem;
    color: var(--mt-muted-color);
    font-size: .875rem;
}

.loading-ring[b-96hm7wjl7f] {
    width: 36px;
    height: 36px;
    border: 3px solid var(--mt-border-color);
    border-top-color: var(--mt-primary);
    border-radius: 50%;
    animation: loadSpin-b-96hm7wjl7f .7s linear infinite;
}

@keyframes loadSpin-b-96hm7wjl7f {
    to { transform: rotate(360deg); }
}

/* ══════════════════════════════════════════════
   STAT CARDS (5)
   ══════════════════════════════════════════════ */
.resumen-grid[b-96hm7wjl7f] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.stat-card[b-96hm7wjl7f] {
    display: flex;
    align-items: center;
    gap: 14px;
    border-radius: 6px;
    padding: 14px 16px;
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    box-shadow: var(--mt-shadow-xs);
    transition: transform .2s, box-shadow .2s;
}

    .stat-card:hover[b-96hm7wjl7f] {
        transform: translateY(-2px);
        box-shadow: 0 4px 16px rgba(var(--mt-dark-rgb), .12);
    }

.stat-icon[b-96hm7wjl7f] {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    flex-shrink: 0;
}

    .stat-icon svg[b-96hm7wjl7f] {
        width: 22px;
        height: 22px;
    }

.stat-body[b-96hm7wjl7f] {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-width: 0;
    flex: 1;
}

.stat-num[b-96hm7wjl7f] {
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.15;
    color: var(--mt-heading-color);
    letter-spacing: -.015em;
}

.stat-lbl[b-96hm7wjl7f] {
    font-size: .8rem;
    font-weight: 600;
    color: var(--mt-heading-color);
    line-height: 1.25;
}

.stat-sub[b-96hm7wjl7f] {
    font-size: .68rem;
    color: var(--mt-muted-color);
    font-weight: 500;
    margin-top: 2px;
}

.stat-primary .stat-icon[b-96hm7wjl7f] {
    background: var(--mt-primary-subtle);
    color: var(--mt-primary);
}

.stat-warning .stat-icon[b-96hm7wjl7f] {
    background: var(--mt-warning-subtle);
    color: var(--mt-warning);
}

.stat-success .stat-icon[b-96hm7wjl7f] {
    background: rgba(var(--mt-success-rgb), 0.12);
    color: var(--mt-success);
}

.stat-danger .stat-icon[b-96hm7wjl7f] {
    background: rgba(var(--mt-danger-rgb), 0.12);
    color: var(--mt-danger);
}

.stat-info .stat-icon[b-96hm7wjl7f] {
    background: var(--mt-info-subtle);
    color: var(--mt-info);
}

/* ══════════════════════════════════════════════
   LAYOUT: charts + panel
   ══════════════════════════════════════════════ */
.dash-layout[b-96hm7wjl7f] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    align-items: start;
}

/* ── CHARTS COLUMN ── */
.dash-charts[b-96hm7wjl7f] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    min-width: 0;
}

.chart-card[b-96hm7wjl7f] {
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: 6px;
    padding: 16px 18px;
    box-shadow: var(--mt-shadow-xs);
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.chart-card-title[b-96hm7wjl7f] {
    margin: 0 0 14px;
    font-size: .92rem;
    font-weight: 600;
    color: var(--mt-heading-color);
    letter-spacing: -.01em;
}

/* ── DONUT: chart + leyenda ── */
.chart-donut-body[b-96hm7wjl7f] {
    display: flex;
    align-items: center;
    gap: 18px;
    min-height: 180px;
}

.chart-donut-wrap[b-96hm7wjl7f] {
    position: relative;
    width: 170px;
    height: 170px;
    flex-shrink: 0;
}

    .chart-donut-wrap canvas[b-96hm7wjl7f] {
        width: 100% !important;
        height: 100% !important;
    }

.chart-donut-center[b-96hm7wjl7f] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    text-align: center;
}

.donut-val[b-96hm7wjl7f] {
    font-size: 1.65rem;
    font-weight: 700;
    color: var(--mt-heading-color);
    line-height: 1;
    letter-spacing: -.02em;
}

.donut-lbl[b-96hm7wjl7f] {
    font-size: .72rem;
    color: var(--mt-muted-color);
    font-weight: 500;
    margin-top: 3px;
    text-transform: uppercase;
    letter-spacing: .08em;
}

/* leyenda lateral de las donuts */
.chart-legend[b-96hm7wjl7f] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
    min-width: 0;
}

    .chart-legend li[b-96hm7wjl7f] {
        display: grid;
        grid-template-columns: 10px 1fr auto auto;
        align-items: center;
        gap: 8px;
        font-size: .8rem;
        color: var(--mt-body-color);
        padding: 3px 0;
    }

.leg-dot[b-96hm7wjl7f] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

.leg-lbl[b-96hm7wjl7f] {
    font-weight: 500;
    color: var(--mt-body-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.leg-val[b-96hm7wjl7f] {
    font-weight: 700;
    color: var(--mt-heading-color);
    font-variant-numeric: tabular-nums;
    min-width: 26px;
    text-align: right;
}

.leg-pct[b-96hm7wjl7f] {
    font-size: .72rem;
    color: var(--mt-muted-color);
    font-variant-numeric: tabular-nums;
    min-width: 52px;
    text-align: right;
}

/* ── chart-canvas (line / bar) ── */
.chart-canvas[b-96hm7wjl7f] {
    position: relative;
    width: 100%;
    min-height: 210px;
    height: 210px;
}

    .chart-canvas canvas[b-96hm7wjl7f] {
        width: 100% !important;
        height: 100% !important;
    }

.chart-canvas--tall[b-96hm7wjl7f] {
    min-height: 300px;
    height: 300px;
}

.chart-card--wide[b-96hm7wjl7f] {
    /* spans full width in desktop grid */
}

/* ══════════════════════════════════════════════
   RIGHT PANEL: ASISTENCIA POR EMPLEADO
   ══════════════════════════════════════════════ */
.emp-panel[b-96hm7wjl7f] {
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: 6px;
    box-shadow: var(--mt-shadow-xs);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-width: 0;
}

.emp-panel-head[b-96hm7wjl7f] {
    padding: 16px 18px 10px;
    border-bottom: 1px solid var(--mt-border-color);
}

.emp-panel-title[b-96hm7wjl7f] {
    margin: 0;
    font-size: .92rem;
    font-weight: 600;
    color: var(--mt-heading-color);
    letter-spacing: -.01em;
}

.emp-panel-subhead[b-96hm7wjl7f] {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 8px;
    padding: 8px 18px;
    background: var(--mt-gray-50);
    border-bottom: 1px solid var(--mt-border-color);
    font-size: .62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--mt-muted-color);
}

.emp-subhead-period[b-96hm7wjl7f] {
    min-width: 80px;
}

.emp-subhead-estado[b-96hm7wjl7f] {
    min-width: 70px;
    text-align: right;
}

.emp-list[b-96hm7wjl7f] {
    display: flex;
    flex-direction: column;
    max-height: 640px;
    overflow-y: auto;
}

    .emp-list[b-96hm7wjl7f]::-webkit-scrollbar {
        width: 6px;
    }

    .emp-list[b-96hm7wjl7f]::-webkit-scrollbar-thumb {
        background: var(--mt-border-color);
        border-radius: 3px;
    }

        .emp-list[b-96hm7wjl7f]::-webkit-scrollbar-thumb:hover {
            background: var(--mt-muted-color);
        }

.emp-item[b-96hm7wjl7f] {
    border-bottom: 1px solid var(--mt-border-color);
}

    .emp-item:last-child[b-96hm7wjl7f] {
        border-bottom: none;
    }

    .emp-item--open[b-96hm7wjl7f] {
        background: rgba(var(--mt-primary-rgb), .03);
    }

.emp-row[b-96hm7wjl7f] {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) auto auto 28px;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    cursor: pointer;
    transition: background .15s;
}

    .emp-row:hover[b-96hm7wjl7f] {
        background: rgba(var(--mt-primary-rgb), .05);
    }

.emp-chevron[b-96hm7wjl7f] {
    width: 16px;
    height: 16px;
    transition: transform .2s ease;
}

.emp-chevron--open[b-96hm7wjl7f] {
    transform: rotate(180deg);
}

/* ── SUB-LISTA DE JORNADAS (semana / mes) ── */
.emp-jornadas[b-96hm7wjl7f] {
    background: var(--mt-gray-50);
    border-top: 1px solid var(--mt-border-color);
    padding: 4px 4px 6px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.emp-jornadas-empty[b-96hm7wjl7f] {
    padding: 12px 14px;
    font-size: .75rem;
    color: var(--mt-muted-color);
    text-align: center;
    font-style: italic;
}

.emp-jornada[b-96hm7wjl7f] {
    display: grid;
    grid-template-columns: 52px 1fr auto auto 16px;
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    border-radius: 4px;
    cursor: pointer;
    transition: background .12s;
    font-size: .76rem;
}

    .emp-jornada:hover[b-96hm7wjl7f] {
        background: rgba(var(--mt-primary-rgb), .08);
    }

.emp-jornada-fecha[b-96hm7wjl7f] {
    font-weight: 700;
    color: var(--mt-heading-color);
    text-transform: capitalize;
    font-variant-numeric: tabular-nums;
}

.emp-jornada-horario[b-96hm7wjl7f] {
    color: var(--mt-body-color);
    font-weight: 500;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.emp-jornada-arrow[b-96hm7wjl7f] {
    color: var(--mt-muted-color);
    margin: 0 4px;
}

.emp-jornada-horas[b-96hm7wjl7f] {
    font-weight: 700;
    color: var(--mt-heading-color);
    font-variant-numeric: tabular-nums;
    text-align: right;
    min-width: 42px;
}

.emp-jornada-pill[b-96hm7wjl7f] {
    font-size: .62rem;
    font-weight: 700;
    padding: 1px 6px;
    border-radius: 20px;
    letter-spacing: .02em;
    white-space: nowrap;
    border: 1px solid transparent;
    min-width: 22px;
    text-align: center;
}

.emp-jornada-pill--activo[b-96hm7wjl7f] {
    background: var(--mt-warning-light);
    color: var(--mt-warning-hover, #cc9000);
    border-color: rgba(var(--mt-warning-rgb), .35);
}

.emp-jornada-pill--cerrado[b-96hm7wjl7f] {
    background: rgba(var(--mt-success-rgb), .14);
    color: var(--mt-success);
    border-color: rgba(var(--mt-success-rgb), .3);
}

.emp-jornada-alerta[b-96hm7wjl7f] {
    color: var(--mt-danger);
    font-size: .85rem;
    text-align: center;
    line-height: 1;
}

.emp-jornada-alerta-spacer[b-96hm7wjl7f] {
    display: inline-block;
    width: 16px;
    height: 1px;
}

.emp-avatar[b-96hm7wjl7f] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--mt-primary-subtle);
    color: var(--mt-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 11px;
    letter-spacing: .02em;
    flex-shrink: 0;
    object-fit: cover;
    border: 1.5px solid var(--mt-border-color);
}

.emp-avatar--img[b-96hm7wjl7f] {
    padding: 0;
    border: none;
}

.emp-info[b-96hm7wjl7f] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}

.emp-name[b-96hm7wjl7f] {
    font-size: .82rem;
    font-weight: 600;
    color: var(--mt-heading-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.25;
}

.emp-code[b-96hm7wjl7f] {
    font-size: .66rem;
    font-weight: 500;
    color: var(--mt-muted-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: .02em;
}

.emp-hours[b-96hm7wjl7f] {
    font-size: .82rem;
    font-weight: 700;
    color: var(--mt-heading-color);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.emp-pills[b-96hm7wjl7f] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 3px;
    flex-shrink: 0;
}

.emp-pill[b-96hm7wjl7f] {
    display: inline-flex;
    align-items: center;
    font-size: .66rem;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 20px;
    white-space: nowrap;
    letter-spacing: .01em;
}

.pill-turnos[b-96hm7wjl7f] {
    background: rgba(var(--mt-success-rgb), .12);
    color: var(--mt-success);
    border: 1px solid rgba(var(--mt-success-rgb), .25);
}

.pill-inc[b-96hm7wjl7f] {
    background: rgba(var(--mt-danger-rgb), .12);
    color: var(--mt-danger);
    border: 1px solid rgba(var(--mt-danger-rgb), .25);
}

.emp-kebab[b-96hm7wjl7f] {
    width: 28px;
    height: 28px;
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 6px;
    color: var(--mt-muted-color);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .15s, color .15s;
    flex-shrink: 0;
}

    .emp-kebab svg[b-96hm7wjl7f] {
        width: 18px;
        height: 18px;
    }

    .emp-kebab:hover[b-96hm7wjl7f] {
        background: var(--mt-primary-subtle);
        color: var(--mt-primary);
    }

.emp-empty[b-96hm7wjl7f] {
    padding: 2.5rem 1.25rem;
    text-align: center;
    color: var(--mt-body-color);
}

    .emp-empty p[b-96hm7wjl7f] {
        margin: 0;
        font-size: .82rem;
        line-height: 1.45;
    }

.empty-state-icon[b-96hm7wjl7f] {
    width: 48px;
    height: 48px;
    margin: 0 auto .8rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    background: var(--mt-primary-subtle);
    color: var(--mt-primary);
}

/* ══════════════════════════════════════════════
   FOOTER
   ══════════════════════════════════════════════ */
.dash-footer[b-96hm7wjl7f] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 4px 6px;
    font-size: .74rem;
    color: var(--mt-muted-color);
    flex-wrap: wrap;
    gap: 8px;
}

.dash-footer-item[b-96hm7wjl7f] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

    .dash-footer-item svg[b-96hm7wjl7f] {
        width: 13px;
        height: 13px;
    }

/* ══════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════ */
@media (min-width: 560px) {
    .resumen-grid[b-96hm7wjl7f] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 768px) {
    .dash-header-bar[b-96hm7wjl7f] {
        padding: 1.1rem 1.25rem .5rem;
    }

    .dash-content[b-96hm7wjl7f] {
        padding: 0 1.25rem 1.5rem;
        gap: 18px;
    }

    .resumen-grid[b-96hm7wjl7f] {
        grid-template-columns: repeat(5, 1fr);
        gap: 12px;
    }

    .dash-charts[b-96hm7wjl7f] {
        grid-template-columns: 1fr 1fr;
    }

    .chart-card--wide[b-96hm7wjl7f] {
        grid-column: 1 / -1;
    }
}

@media (min-width: 1200px) {
    .dash-layout[b-96hm7wjl7f] {
        grid-template-columns: minmax(0, 1fr) 360px;
        gap: 16px;
    }

    .dash-content[b-96hm7wjl7f] {
        padding: 0 1.5rem 1.75rem;
        gap: 20px;
    }

    .chart-canvas[b-96hm7wjl7f] {
        min-height: 220px;
        height: 220px;
    }
}

@media (max-width: 560px) {
    .dash-header-controls[b-96hm7wjl7f] {
        width: 100%;
        justify-content: space-between;
    }

    .filtros-pill[b-96hm7wjl7f] {
        flex: 1;
    }

        .filtros-pill button[b-96hm7wjl7f] {
            flex: 1;
            padding: 7px 12px;
        }

    .rango-pill[b-96hm7wjl7f] {
        font-size: .75rem;
        padding: 7px 10px;
    }

    .chart-donut-body[b-96hm7wjl7f] {
        flex-direction: column;
        gap: 14px;
    }

    .chart-donut-wrap[b-96hm7wjl7f] {
        width: 150px;
        height: 150px;
    }

    .chart-legend li[b-96hm7wjl7f] {
        grid-template-columns: 10px 1fr auto auto;
    }

    .emp-panel-subhead[b-96hm7wjl7f] {
        display: none;
    }

    .emp-row[b-96hm7wjl7f] {
        grid-template-columns: 34px 1fr auto 28px;
    }

    .emp-pills[b-96hm7wjl7f] {
        display: none;
    }
}
/* /Components/Pages/Asistencias/DescansoAprobacionDialog.razor.rz.scp.css */
.dapd-body[b-yb5n4azyk4] { display: flex; flex-direction: column; gap: 14px; padding: 4px 0; }
.dapd-msg[b-yb5n4azyk4] { color: var(--mt-body-color); font-size: 0.9rem; line-height: 1.5; }
.dapd-field[b-yb5n4azyk4] { display: flex; flex-direction: column; gap: 5px; }
.dapd-label[b-yb5n4azyk4] { font-size: 0.75rem; font-weight: 600; color: var(--mt-muted-color); text-transform: uppercase; letter-spacing: 0.05em; }
.dapd-textarea[b-yb5n4azyk4] { background: var(--mt-gray-50); border: 1px solid var(--mt-border-color); border-radius: var(--mt-radius); color: var(--mt-heading-color); padding: 7px 10px; font-size: 0.875rem; resize: vertical; min-height: 70px; width: 100%; }
.dapd-textarea:focus[b-yb5n4azyk4] { outline: none; border-color: var(--mt-primary); }
.dapd-actions[b-yb5n4azyk4] { display: flex; justify-content: flex-end; gap: 8px; padding-top: 4px; }
.dapd-btn-cancel[b-yb5n4azyk4] { background: transparent; border: 1px solid var(--mt-border-color); border-radius: var(--mt-radius); color: var(--mt-body-color); padding: 7px 18px; font-size: 0.875rem; cursor: pointer; }
.dapd-btn-aprobar[b-yb5n4azyk4] { background: #22C55E; border: none; border-radius: var(--mt-radius); color: #fff; padding: 7px 18px; font-size: 0.875rem; font-weight: 600; cursor: pointer; }
.dapd-btn-rechazar[b-yb5n4azyk4] { background: #EF4444; border: none; border-radius: var(--mt-radius); color: #fff; padding: 7px 18px; font-size: 0.875rem; font-weight: 600; cursor: pointer; }
/* /Components/Pages/Asistencias/DescansoMedicoDialog.razor.rz.scp.css */
.dmdlg-form[b-2e9c3iuxor] { display: flex; flex-direction: column; gap: 16px; padding: 4px 0; }
.dmdlg-row2[b-2e9c3iuxor] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.dmdlg-field[b-2e9c3iuxor] { display: flex; flex-direction: column; gap: 5px; }
.dmdlg-label[b-2e9c3iuxor] { font-size: 0.75rem; font-weight: 600; color: var(--mt-muted-color); text-transform: uppercase; letter-spacing: 0.05em; }
.dmdlg-input[b-2e9c3iuxor] { background: var(--mt-gray-50); border: 1px solid var(--mt-border-color); border-radius: var(--mt-radius); color: var(--mt-heading-color); padding: 7px 10px; font-size: 0.875rem; width: 100%; }
.dmdlg-input:focus[b-2e9c3iuxor] { outline: none; border-color: var(--mt-primary); }
.dmdlg-textarea[b-2e9c3iuxor] { resize: vertical; min-height: 70px; }
.dmdlg-dias-preview[b-2e9c3iuxor] { display: inline-flex; align-items: center; gap: 8px; background: rgba(105,108,255,0.1); color: var(--mt-primary); padding: 8px 14px; border-radius: var(--mt-radius); font-size: 0.9rem; font-weight: 700; }
.dmdlg-error[b-2e9c3iuxor] { color: #EF4444; font-size: 0.82rem; padding: 6px 10px; background: rgba(239,68,68,0.1); border-radius: var(--mt-radius); }
.dmdlg-actions[b-2e9c3iuxor] { display: flex; justify-content: flex-end; gap: 8px; padding-top: 4px; }
.dmdlg-btn-cancel[b-2e9c3iuxor] { background: transparent; border: 1px solid var(--mt-border-color); border-radius: var(--mt-radius); color: var(--mt-body-color); padding: 7px 18px; font-size: 0.875rem; cursor: pointer; }
.dmdlg-btn-save[b-2e9c3iuxor] { background: var(--mt-primary); border: none; border-radius: var(--mt-radius); color: #fff; padding: 7px 18px; font-size: 0.875rem; font-weight: 600; cursor: pointer; display: flex; align-items: center; gap: 6px; }
.dmdlg-btn-save:disabled[b-2e9c3iuxor], .dmdlg-btn-cancel:disabled[b-2e9c3iuxor] { opacity: 0.6; cursor: not-allowed; }
.dmdlg-spinner[b-2e9c3iuxor] { width: 14px; height: 14px; border: 2px solid rgba(255,255,255,0.3); border-top-color: #fff; border-radius: 50%; animation: spin-b-2e9c3iuxor 0.6s linear infinite; display: inline-block; }
@keyframes spin-b-2e9c3iuxor { to { transform: rotate(360deg); } }
/* /Components/Pages/Asistencias/DescansosMedicosPage.razor.rz.scp.css */
.dm-header-actions[b-h2od13degh] { display: flex; align-items: center; gap: 12px; }
.dm-btn-new[b-h2od13degh] { display: flex; align-items: center; gap: 6px; background: var(--mt-primary); color: #fff; border: none; border-radius: var(--mt-radius); padding: 8px 16px; font-size: 0.85rem; font-weight: 600; cursor: pointer; transition: opacity 0.15s; }
.dm-btn-new:hover[b-h2od13degh] { opacity: 0.85; }
.dm-filters[b-h2od13degh] { padding: 14px 20px; }
.dm-filter-row[b-h2od13degh] { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end; }
.dm-field[b-h2od13degh] { display: flex; flex-direction: column; gap: 4px; }
.dm-label[b-h2od13degh] { font-size: 0.75rem; font-weight: 600; color: var(--mt-muted-color); text-transform: uppercase; letter-spacing: 0.05em; }
.dm-input[b-h2od13degh] { background: var(--mt-gray-50); border: 1px solid var(--mt-border-color); border-radius: var(--mt-radius); color: var(--mt-heading-color); padding: 6px 10px; font-size: 0.85rem; min-width: 140px; }
.dm-input:focus[b-h2od13degh] { outline: none; border-color: var(--mt-primary); }
.dm-btn-buscar[b-h2od13degh] { display: flex; align-items: center; gap: 6px; background: var(--mt-gray-50); border: 1px solid var(--mt-border-color); border-radius: var(--mt-radius); color: var(--mt-body-color); padding: 6px 14px; font-size: 0.85rem; cursor: pointer; align-self: flex-end; transition: border-color 0.15s, color 0.15s; }
.dm-btn-buscar:hover[b-h2od13degh] { border-color: var(--mt-primary); color: var(--mt-primary); }
.dm-spinner[b-h2od13degh] { width: 14px; height: 14px; border: 2px solid var(--mt-border-color); border-top-color: var(--mt-primary); border-radius: 50%; animation: spin-b-h2od13degh 0.6s linear infinite; display: inline-block; }
@keyframes spin-b-h2od13degh { to { transform: rotate(360deg); } }

.dm-cell-empleado[b-h2od13degh] { font-weight: 600; color: var(--mt-heading-color); min-width: 140px; }
.dm-cell-fecha[b-h2od13degh] { font-family: var(--mt-font-mono); font-size: 0.82rem; white-space: nowrap; }
.dm-cell-dias[b-h2od13degh] { font-family: var(--mt-font-mono); font-size: 0.85rem; font-weight: 700; color: var(--mt-heading-color); text-align: center; }
.dm-cell-cert[b-h2od13degh] { font-size: 0.8rem; }
.dm-cert-badge[b-h2od13degh] { display: inline-flex; align-items: center; gap: 5px; background: rgba(105,108,255,0.1); color: var(--mt-primary); padding: 2px 8px; border-radius: 20px; font-size: 0.75rem; }
.dm-cell-aprobador[b-h2od13degh] { font-size: 0.82rem; color: var(--mt-muted-color); }
.dm-cell-motivo[b-h2od13degh] { font-size: 0.82rem; color: var(--mt-body-color); max-width: 200px; }
.dm-row-rechazado[b-h2od13degh] { opacity: 0.65; }

.dm-badge[b-h2od13degh] { display: inline-block; padding: 2px 8px; border-radius: 20px; font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; white-space: nowrap; }
.dm-estado-pendiente[b-h2od13degh]  { background: rgba(255,193,7,0.15);  color: #FFC107; }
.dm-estado-aprobado[b-h2od13degh]   { background: rgba(34,197,94,0.15);  color: #22C55E; }
.dm-estado-rechazado[b-h2od13degh]  { background: rgba(239,68,68,0.15);  color: #EF4444; }

.dm-cell-actions[b-h2od13degh] { display: flex; gap: 6px; align-items: center; white-space: nowrap; }
.dm-btn-aprobar[b-h2od13degh], .dm-btn-rechazar[b-h2od13degh] { width: 28px; height: 28px; border: none; border-radius: var(--mt-radius); cursor: pointer; font-size: 0.85rem; display: flex; align-items: center; justify-content: center; transition: opacity 0.15s; }
.dm-btn-aprobar[b-h2od13degh] { background: rgba(34,197,94,0.15); color: #22C55E; }
.dm-btn-aprobar:hover[b-h2od13degh] { background: rgba(34,197,94,0.3); }
.dm-btn-rechazar[b-h2od13degh] { background: rgba(239,68,68,0.15); color: #EF4444; }
.dm-btn-rechazar:hover[b-h2od13degh] { background: rgba(239,68,68,0.3); }
.dm-obs-icon[b-h2od13degh] { color: var(--mt-muted-color); cursor: help; }
/* /Components/Pages/Asistencias/IncidenciaAprobacionDialog.razor.rz.scp.css */
.iapd-body[b-7t5p6hlezt] { display: flex; flex-direction: column; gap: 14px; padding: 4px 0; }
.iapd-msg[b-7t5p6hlezt] { color: var(--mt-body-color); font-size: 0.9rem; line-height: 1.5; }
.iapd-field[b-7t5p6hlezt] { display: flex; flex-direction: column; gap: 5px; }
.iapd-label[b-7t5p6hlezt] { font-size: 0.75rem; font-weight: 600; color: var(--mt-muted-color); text-transform: uppercase; letter-spacing: 0.05em; }
.iapd-textarea[b-7t5p6hlezt] { background: var(--mt-gray-50); border: 1px solid var(--mt-border-color); border-radius: var(--mt-radius); color: var(--mt-heading-color); padding: 7px 10px; font-size: 0.875rem; resize: vertical; min-height: 70px; width: 100%; }
.iapd-textarea:focus[b-7t5p6hlezt] { outline: none; border-color: var(--mt-primary); }
.iapd-actions[b-7t5p6hlezt] { display: flex; justify-content: flex-end; gap: 8px; padding-top: 4px; }
.iapd-btn-cancel[b-7t5p6hlezt] { background: transparent; border: 1px solid var(--mt-border-color); border-radius: var(--mt-radius); color: var(--mt-body-color); padding: 7px 18px; font-size: 0.875rem; cursor: pointer; }
.iapd-btn-aprobar[b-7t5p6hlezt] { background: #22C55E; border: none; border-radius: var(--mt-radius); color: #fff; padding: 7px 18px; font-size: 0.875rem; font-weight: 600; cursor: pointer; }
.iapd-btn-rechazar[b-7t5p6hlezt] { background: #EF4444; border: none; border-radius: var(--mt-radius); color: #fff; padding: 7px 18px; font-size: 0.875rem; font-weight: 600; cursor: pointer; }
/* /Components/Pages/Asistencias/IncidenciaDialog.razor.rz.scp.css */
.idlg-form[b-8yzoid8d2y] { display: flex; flex-direction: column; gap: 16px; padding: 4px 0; }
.idlg-row2[b-8yzoid8d2y] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.idlg-field[b-8yzoid8d2y] { display: flex; flex-direction: column; gap: 5px; }
.idlg-label[b-8yzoid8d2y] { font-size: 0.75rem; font-weight: 600; color: var(--mt-muted-color); text-transform: uppercase; letter-spacing: 0.05em; }
.idlg-input[b-8yzoid8d2y] {
    background: var(--mt-gray-50);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    color: var(--mt-heading-color);
    padding: 7px 10px;
    font-size: 0.875rem;
    width: 100%;
}
.idlg-input:focus[b-8yzoid8d2y] { outline: none; border-color: var(--mt-primary); }
.idlg-textarea[b-8yzoid8d2y] { resize: vertical; min-height: 70px; }
.idlg-error[b-8yzoid8d2y] { color: #EF4444; font-size: 0.82rem; padding: 6px 10px; background: rgba(239,68,68,0.1); border-radius: var(--mt-radius); }
.idlg-actions[b-8yzoid8d2y] { display: flex; justify-content: flex-end; gap: 8px; padding-top: 4px; }
.idlg-btn-cancel[b-8yzoid8d2y] { background: transparent; border: 1px solid var(--mt-border-color); border-radius: var(--mt-radius); color: var(--mt-body-color); padding: 7px 18px; font-size: 0.875rem; cursor: pointer; }
.idlg-btn-save[b-8yzoid8d2y] { background: var(--mt-primary); border: none; border-radius: var(--mt-radius); color: #fff; padding: 7px 18px; font-size: 0.875rem; font-weight: 600; cursor: pointer; display: flex; align-items: center; gap: 6px; }
.idlg-btn-save:disabled[b-8yzoid8d2y], .idlg-btn-cancel:disabled[b-8yzoid8d2y] { opacity: 0.6; cursor: not-allowed; }
.idlg-spinner[b-8yzoid8d2y] { width: 14px; height: 14px; border: 2px solid rgba(255,255,255,0.3); border-top-color: #fff; border-radius: 50%; animation: spin-b-8yzoid8d2y 0.6s linear infinite; display: inline-block; }
@keyframes spin-b-8yzoid8d2y { to { transform: rotate(360deg); } }
/* /Components/Pages/Asistencias/IncidenciasPage.razor.rz.scp.css */
.inc-header-actions[b-17inn8r3fv] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.inc-btn-new[b-17inn8r3fv] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--mt-primary);
    color: #fff;
    border: none;
    border-radius: var(--mt-radius);
    padding: 8px 16px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 0.15s;
}
.inc-btn-new:hover[b-17inn8r3fv] { opacity: 0.85; }

/* ── Filters ── */
.inc-filters[b-17inn8r3fv] {
    padding: 14px 20px;
}
.inc-filter-row[b-17inn8r3fv] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: flex-end;
}
.inc-field[b-17inn8r3fv] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.inc-label[b-17inn8r3fv] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--mt-muted-color);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.inc-input[b-17inn8r3fv] {
    background: var(--mt-gray-50);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    color: var(--mt-heading-color);
    padding: 6px 10px;
    font-size: 0.85rem;
    min-width: 140px;
}
.inc-input:focus[b-17inn8r3fv] { outline: none; border-color: var(--mt-primary); }

.inc-btn-buscar[b-17inn8r3fv] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--mt-gray-50);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    color: var(--mt-body-color);
    padding: 6px 14px;
    font-size: 0.85rem;
    cursor: pointer;
    transition: border-color 0.15s, color 0.15s;
    align-self: flex-end;
}
.inc-btn-buscar:hover[b-17inn8r3fv] { border-color: var(--mt-primary); color: var(--mt-primary); }
.inc-spinner[b-17inn8r3fv] {
    width: 14px; height: 14px;
    border: 2px solid var(--mt-border-color);
    border-top-color: var(--mt-primary);
    border-radius: 50%;
    animation: spin-b-17inn8r3fv 0.6s linear infinite;
    display: inline-block;
}
@keyframes spin-b-17inn8r3fv { to { transform: rotate(360deg); } }

/* ── Table cells ── */
.inc-cell-empleado[b-17inn8r3fv] { font-weight: 600; color: var(--mt-heading-color); min-width: 140px; }
.inc-cell-fecha[b-17inn8r3fv] { font-family: var(--mt-font-mono); font-size: 0.82rem; white-space: nowrap; }
.inc-cell-center[b-17inn8r3fv] { text-align: center; }
.inc-cell-aprobador[b-17inn8r3fv] { font-size: 0.82rem; color: var(--mt-muted-color); }
.inc-cell-desc[b-17inn8r3fv] { font-size: 0.82rem; color: var(--mt-body-color); max-width: 220px; }

.inc-row-rechazada[b-17inn8r3fv] { opacity: 0.65; }

/* ── Badges ── */
.inc-badge[b-17inn8r3fv] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 20px;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    white-space: nowrap;
}
/* Tipo */
.inc-tipo-tardanza[b-17inn8r3fv]          { background: rgba(255,193,7,0.15);   color: #FFC107; }
.inc-tipo-inasistencia[b-17inn8r3fv]      { background: rgba(239,68,68,0.15);   color: #EF4444; }
.inc-tipo-omision_marcacion[b-17inn8r3fv] { background: rgba(139,92,246,0.15);  color: #8B5CF6; }
/* Estado */
.inc-estado-pendiente[b-17inn8r3fv]  { background: rgba(255,193,7,0.15);   color: #FFC107; }
.inc-estado-aprobada[b-17inn8r3fv]   { background: rgba(34,197,94,0.15);   color: #22C55E; }
.inc-estado-rechazada[b-17inn8r3fv]  { background: rgba(239,68,68,0.15);   color: #EF4444; }

.inc-badge-auto[b-17inn8r3fv] {
    color: var(--mt-muted-color);
    font-size: 0.9rem;
}

/* ── Row actions ── */
.inc-cell-actions[b-17inn8r3fv] {
    display: flex;
    gap: 6px;
    align-items: center;
    white-space: nowrap;
}
.inc-btn-aprobar[b-17inn8r3fv],
.inc-btn-rechazar[b-17inn8r3fv] {
    width: 28px; height: 28px;
    border: none;
    border-radius: var(--mt-radius);
    cursor: pointer;
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.15s;
}
.inc-btn-aprobar[b-17inn8r3fv] { background: rgba(34,197,94,0.15); color: #22C55E; }
.inc-btn-aprobar:hover[b-17inn8r3fv] { background: rgba(34,197,94,0.3); }
.inc-btn-rechazar[b-17inn8r3fv] { background: rgba(239,68,68,0.15); color: #EF4444; }
.inc-btn-rechazar:hover[b-17inn8r3fv] { background: rgba(239,68,68,0.3); }

.inc-obs-icon[b-17inn8r3fv] { color: var(--mt-muted-color); cursor: help; }
/* /Components/Pages/Asistencias/VistaMarcacionDialog.razor.rz.scp.css */
/* =========================================================
   VistaMarcacionDialog — Dark/Light theme aware
   Todo en var(--mt-*); cero hex hardcodeado.
   ========================================================= */

.marcacion-container[b-8sw7oa4ceb] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 4px 2px 8px;
    font-family: var(--mt-font);
    color: var(--mt-heading-color);
}

/* ── HEADER EMPLEADO ─────────────────────────────────────── */
.header-empleado[b-8sw7oa4ceb] {
    display: flex;
    align-items: center;
    gap: 14px;
    background: var(--mt-primary-light);
    border: 1px solid rgba(var(--mt-primary-rgb), 0.28);
    border-radius: var(--mt-radius);
    padding: 16px;
    color: var(--mt-heading-color);
}

.avatar-wrap[b-8sw7oa4ceb] {
    flex-shrink: 0;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid rgba(var(--mt-primary-rgb), 0.45);
    background: rgba(var(--mt-primary-rgb), 0.18);
}

.avatar-img[b-8sw7oa4ceb] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.avatar-iniciales[b-8sw7oa4ceb] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 700;
    color: var(--mt-primary);
    background: rgba(var(--mt-primary-rgb), 0.18);
}

.empleado-info[b-8sw7oa4ceb] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.empleado-nombre[b-8sw7oa4ceb] {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--mt-heading-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.empleado-doc[b-8sw7oa4ceb] {
    font-size: 12px;
    color: var(--mt-body-color);
}

.doc-tipo[b-8sw7oa4ceb] {
    font-weight: 600;
    margin-right: 4px;
    color: var(--mt-heading-color);
}

.badge-fuera-zona[b-8sw7oa4ceb] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-top: 4px;
    background: var(--mt-warning-light);
    border: 1px solid rgba(var(--mt-warning-rgb), 0.55);
    color: var(--mt-warning);
    border-radius: 20px;
    padding: 2px 10px;
    font-size: 11px;
    font-weight: 700;
    width: fit-content;
}

.badge-icon[b-8sw7oa4ceb] {
    font-size: 13px;
}

/* ── STATS ROW ───────────────────────────────────────────── */
.stats-row[b-8sw7oa4ceb] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.stat-chip[b-8sw7oa4ceb] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    border-radius: var(--mt-radius);
    padding: 12px 6px;
    text-align: center;
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
}

.stat-ingreso[b-8sw7oa4ceb] {
    background: var(--mt-success-subtle);
    border: 1px solid rgba(var(--mt-success-rgb), 0.35);
}

.stat-salida[b-8sw7oa4ceb] {
    background: var(--mt-warning-subtle);
    border: 1px solid rgba(var(--mt-warning-rgb), 0.35);
}

.stat-horas[b-8sw7oa4ceb] {
    background: var(--mt-info-subtle);
    border: 1px solid rgba(var(--mt-info-rgb), 0.35);
}

.stat-chip-label[b-8sw7oa4ceb] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--mt-body-color);
}

.stat-chip-value[b-8sw7oa4ceb] {
    font-size: 22px;
    font-weight: 700;
    color: var(--mt-gray-900);
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
}

.stat-ingreso .stat-chip-value[b-8sw7oa4ceb] { color: var(--mt-success); }
.stat-salida  .stat-chip-value[b-8sw7oa4ceb] { color: var(--mt-warning); }
.stat-horas   .stat-chip-value[b-8sw7oa4ceb],
.horas-value[b-8sw7oa4ceb]                    { color: var(--mt-info); }

.stat-chip-sub[b-8sw7oa4ceb] {
    font-size: 11px;
    color: var(--mt-body-color);
    font-weight: 500;
}

.stat-divider[b-8sw7oa4ceb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    flex-shrink: 0;
}

.divider-line[b-8sw7oa4ceb] {
    width: 1px;
    height: 14px;
    background: var(--mt-border-color);
}

.divider-icon[b-8sw7oa4ceb] {
    font-size: 12px;
    color: var(--mt-muted-color);
    transform: rotate(90deg);
}

/* ── ZONA ────────────────────────────────────────────────── */
.zona-row[b-8sw7oa4ceb] {
    display: flex;
    align-items: center;
    gap: 10px;
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    padding: 12px 14px;
}

.zona-icon[b-8sw7oa4ceb] {
    font-size: 20px;
    flex-shrink: 0;
}

.zona-info[b-8sw7oa4ceb] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.zona-label[b-8sw7oa4ceb] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--mt-body-color);
}

.zona-valor[b-8sw7oa4ceb] {
    font-size: 14px;
    font-weight: 700;
    color: var(--mt-heading-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: 0.02em;
}

.zona-badge[b-8sw7oa4ceb] {
    font-size: 10px;
    font-weight: 700;
    border-radius: 20px;
    padding: 4px 10px;
    white-space: nowrap;
    flex-shrink: 0;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.zona-badge-ambos[b-8sw7oa4ceb] {
    background: var(--mt-danger-subtle);
    border: 1px solid rgba(var(--mt-danger-rgb), 0.45);
    color: var(--mt-danger);
}

.zona-badge-ingreso[b-8sw7oa4ceb] {
    background: var(--mt-warning-subtle);
    border: 1px solid rgba(var(--mt-warning-rgb), 0.45);
    color: var(--mt-warning);
}

.zona-badge-salida[b-8sw7oa4ceb] {
    background: var(--mt-warning-subtle);
    border: 1px solid rgba(var(--mt-warning-rgb), 0.35);
    color: var(--mt-warning);
}

/* ── ALERTA DISTANCIA ────────────────────────────────────── */
.dist-alert[b-8sw7oa4ceb] {
    display: flex;
    align-items: center;
    gap: 10px;
    background: var(--mt-danger-subtle);
    border: 1px solid rgba(var(--mt-danger-rgb), 0.45);
    border-radius: var(--mt-radius);
    padding: 12px 14px;
}

.dist-alert-icon[b-8sw7oa4ceb] {
    font-size: 22px;
    flex-shrink: 0;
}

.dist-alert-body[b-8sw7oa4ceb] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.dist-alert-title[b-8sw7oa4ceb] {
    font-size: 13px;
    font-weight: 700;
    color: var(--mt-danger);
    line-height: 1.3;
}

.dist-alert-detail[b-8sw7oa4ceb] {
    font-size: 11px;
    font-weight: 600;
    color: var(--mt-body-color);
}

/* ── MAPAS DUAL ──────────────────────────────────────────── */
.mapas-dual[b-8sw7oa4ceb] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.mapa-col[b-8sw7oa4ceb] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    flex: 1;
    min-width: 0;
}

.mapa-label[b-8sw7oa4ceb] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    display: flex;
    align-items: center;
    gap: 5px;
}

.mapa-label--ingreso[b-8sw7oa4ceb] { color: var(--mt-success); }
.mapa-label--salida[b-8sw7oa4ceb]  { color: var(--mt-warning); }

/* ── MAPA ────────────────────────────────────────────────── */
.mapa-wrap[b-8sw7oa4ceb] {
    border-radius: var(--mt-radius);
    overflow: hidden;
    border: 1px solid var(--mt-border-color);
    line-height: 0;
    background: var(--mt-paper-bg);
}

/* ── OBSERVACIÓN ─────────────────────────────────────────── */
.observacion-wrap[b-8sw7oa4ceb] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.obs-label[b-8sw7oa4ceb] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--mt-body-color);
}

.obs-box[b-8sw7oa4ceb] {
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    padding: 10px 12px;
    font-size: 13px;
    color: var(--mt-heading-color);
    line-height: 1.5;
    min-height: 40px;
}

/* ── DESKTOP ─────────────────────────────────────────────── */
@media (min-width: 480px) {
    .mapas-dual[b-8sw7oa4ceb] {
        flex-direction: row;
        gap: 12px;
    }
}

@media (min-width: 560px) {
    .marcacion-container[b-8sw7oa4ceb] {
        gap: 14px;
        padding: 6px 4px 10px;
    }

    .header-empleado[b-8sw7oa4ceb] {
        padding: 18px 20px;
    }

    .avatar-wrap[b-8sw7oa4ceb] {
        width: 72px;
        height: 72px;
    }

    .empleado-nombre[b-8sw7oa4ceb] {
        font-size: 18px;
    }

    .stat-chip[b-8sw7oa4ceb] {
        padding: 14px 10px;
    }

    .stat-chip-value[b-8sw7oa4ceb] {
        font-size: 24px;
    }

    .mapa-wrap iframe[b-8sw7oa4ceb] {
        height: 280px !important;
    }
}

@media (min-width: 768px) {
    .mapa-wrap iframe[b-8sw7oa4ceb] {
        height: 300px !important;
    }
}
/* /Components/Pages/Comercial/ContactoDialog.razor.rz.scp.css */
.cnd-shell[b-sgq4c1ocyz] {
    padding: 1rem 1.25rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: .9rem;
    min-width: 480px;
}
@media (max-width: 540px) { .cnd-shell[b-sgq4c1ocyz] { min-width: unset; } }

.cnd-row[b-sgq4c1ocyz] { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; }
@media (max-width: 540px) { .cnd-row[b-sgq4c1ocyz] { grid-template-columns: 1fr; } }

.cnd-field[b-sgq4c1ocyz] { display: flex; flex-direction: column; gap: .3rem; }
.cnd-field--inline[b-sgq4c1ocyz] { flex-direction: row; align-items: center; gap: .75rem; }

.cnd-label[b-sgq4c1ocyz] {
    font-size: .72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: var(--mt-muted-color);
}
.cnd-req[b-sgq4c1ocyz] { color: #FF6B6B; }

.cnd-input[b-sgq4c1ocyz], .cnd-select[b-sgq4c1ocyz], .cnd-textarea[b-sgq4c1ocyz] {
    padding: .4rem .7rem;
    border-radius: var(--mt-radius);
    border: 1px solid var(--mt-border-color);
    background: var(--mt-gray-50);
    color: var(--mt-heading-color);
    font-size: .82rem;
    transition: border-color .15s;
    font-family: inherit;
}
.cnd-input:focus[b-sgq4c1ocyz], .cnd-select:focus[b-sgq4c1ocyz], .cnd-textarea:focus[b-sgq4c1ocyz] {
    outline: none;
    border-color: var(--mt-primary);
}
.cnd-input--mt[b-sgq4c1ocyz] { margin-top: .3rem; }
.cnd-select--sm[b-sgq4c1ocyz] { max-width: 160px; }
.cnd-textarea[b-sgq4c1ocyz] { resize: vertical; }

.cnd-actions[b-sgq4c1ocyz] {
    display: flex;
    justify-content: flex-end;
    gap: .6rem;
    padding-top: .4rem;
    border-top: 1px solid var(--mt-border-color);
}
.cnd-btn[b-sgq4c1ocyz] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .42rem 1rem;
    border-radius: var(--mt-radius);
    border: 1px solid transparent;
    font-size: .82rem;
    font-weight: 500;
    cursor: pointer;
    transition: background .15s, color .15s;
}
.cnd-btn--primary[b-sgq4c1ocyz] { background: var(--mt-primary); color: #fff; }
.cnd-btn--primary:hover[b-sgq4c1ocyz] { background: var(--mt-primary-dark, #5a5de8); }
.cnd-btn--primary:disabled[b-sgq4c1ocyz] { opacity: .6; cursor: default; }
.cnd-btn--ghost[b-sgq4c1ocyz] { background: transparent; border-color: var(--mt-border-color); color: var(--mt-body-color); }
.cnd-btn--ghost:hover[b-sgq4c1ocyz] { background: var(--mt-gray-50); }

.cnd-spin[b-sgq4c1ocyz] {
    display: inline-block;
    width: 13px; height: 13px;
    border: 2px solid rgba(255,255,255,.4);
    border-top-color: #fff;
    border-radius: 50%;
    animation: cnd-spin-b-sgq4c1ocyz .6s linear infinite;
}
@keyframes cnd-spin-b-sgq4c1ocyz { to { transform: rotate(360deg); } }
/* /Components/Pages/Comercial/ContactosPage.razor.rz.scp.css */
/* ── Shell / Header / Filters (shared com-* pattern) ─────── */
.com-shell[b-ddj91km2wo] {
    padding: 1.5rem;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}
.com-header[b-ddj91km2wo] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .75rem;
}
.com-label[b-ddj91km2wo] {
    font-size: .65rem;
    font-weight: 700;
    letter-spacing: .1em;
    color: var(--mt-primary);
    margin: 0 0 .2rem;
    text-transform: uppercase;
}
.com-title[b-ddj91km2wo] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--mt-heading-color);
    margin: 0;
}
.com-filters[b-ddj91km2wo] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .75rem;
}
.com-count[b-ddj91km2wo] {
    font-size: .78rem;
    color: var(--mt-muted-color);
    margin-left: auto;
}
.com-check-label[b-ddj91km2wo] {
    display: flex;
    align-items: center;
    gap: .4rem;
    font-size: .8rem;
    color: var(--mt-body-color);
    cursor: pointer;
}
.com-select[b-ddj91km2wo] {
    padding: .35rem .7rem;
    border-radius: var(--mt-radius);
    border: 1px solid var(--mt-border-color);
    background: var(--mt-gray-50);
    color: var(--mt-body-color);
    font-size: .8rem;
    cursor: pointer;
}
.com-loading[b-ddj91km2wo] {
    display: flex;
    align-items: center;
    gap: .75rem;
    color: var(--mt-muted-color);
    font-size: .875rem;
    padding: 2rem 0;
}
.com-spinner[b-ddj91km2wo] {
    width: 20px; height: 20px;
    border: 2px solid var(--mt-border-color);
    border-top-color: var(--mt-primary);
    border-radius: 50%;
    animation: com-spin-b-ddj91km2wo .7s linear infinite;
}
@keyframes com-spin-b-ddj91km2wo { to { transform: rotate(360deg); } }

/* ── Buttons ─────────────────────────────────────────────── */
.com-btn[b-ddj91km2wo] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .4rem .9rem;
    border-radius: var(--mt-radius);
    border: 1px solid transparent;
    font-size: .8rem;
    font-weight: 500;
    cursor: pointer;
    transition: background .15s, color .15s, border-color .15s, transform .1s;
}
.com-btn--primary[b-ddj91km2wo] {
    background: var(--mt-primary);
    color: #fff;
}
.com-btn--primary:hover[b-ddj91km2wo] { background: var(--mt-primary-dark, #5a5de8); }
.com-btn--ghost[b-ddj91km2wo] {
    background: transparent;
    border-color: var(--mt-border-color);
    color: var(--mt-body-color);
}
.com-btn--ghost:hover[b-ddj91km2wo] { background: var(--mt-gray-50); }
.com-btn--danger[b-ddj91km2wo] {
    background: transparent;
    border-color: transparent;
    color: var(--mt-muted-color);
}
.com-btn--danger:hover[b-ddj91km2wo] { color: #FF6B6B; }
.com-btn--xs[b-ddj91km2wo] { padding: .25rem .55rem; font-size: .75rem; }

/* ── Table ───────────────────────────────────────────────── */
.com-table-wrap[b-ddj91km2wo] {
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    overflow-x: auto;
    box-shadow: var(--mt-shadow-xs);
}
.com-table[b-ddj91km2wo] {
    width: 100%;
    border-collapse: collapse;
    font-size: .8rem;
}
.com-table thead th[b-ddj91km2wo] {
    padding: .65rem .85rem;
    text-align: left;
    font-size: .68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: var(--mt-muted-color);
    border-bottom: 1px solid var(--mt-border-color);
    background: var(--mt-gray-50);
    white-space: nowrap;
}
.com-tr[b-ddj91km2wo] {
    border-bottom: 1px solid var(--mt-border-color);
    transition: background .12s;
}
.com-tr:last-child[b-ddj91km2wo] { border-bottom: none; }
.com-tr:hover[b-ddj91km2wo] { background: var(--mt-gray-50); }
.com-table td[b-ddj91km2wo] { padding: .6rem .85rem; color: var(--mt-body-color); vertical-align: middle; }
.com-td--name[b-ddj91km2wo] { color: var(--mt-heading-color); font-weight: 500; }
.com-td--dim[b-ddj91km2wo] { color: var(--mt-muted-color); }
.com-td--mono[b-ddj91km2wo] { font-family: var(--mt-font-mono); font-size: .77rem; }
.com-td--actions[b-ddj91km2wo] { text-align: right; white-space: nowrap; }
.com-td--empty[b-ddj91km2wo] { text-align: center; padding: 2rem; color: var(--mt-muted-color); }

/* ── Avatar Row ──────────────────────────────────────────── */
.com-avatar-row[b-ddj91km2wo] {
    display: flex;
    align-items: center;
    gap: .6rem;
}
.com-avatar[b-ddj91km2wo] {
    width: 28px; height: 28px;
    border-radius: 50%;
    background: var(--mt-primary);
    color: #fff;
    font-size: .7rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* ── Badges ──────────────────────────────────────────────── */
.com-badge[b-ddj91km2wo] {
    display: inline-block;
    padding: .15rem .55rem;
    border-radius: 3px;
    font-size: .68rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
    white-space: nowrap;
}
.com-badge--ok[b-ddj91km2wo]  { background: rgba(40,208,148,.15); color: #28D094; }
.com-badge--off[b-ddj91km2wo] { background: rgba(107,111,132,.12); color: var(--mt-muted-color); }
.com-badge--tipo-lead[b-ddj91km2wo]             { background: rgba(105,108,255,.15); color: var(--mt-primary); }
.com-badge--tipo-prospecto[b-ddj91km2wo]        { background: rgba(255,193,7,.15); color: #FFC107; }
.com-badge--tipo-cliente_contacto[b-ddj91km2wo] { background: rgba(40,208,148,.15); color: #28D094; }

/* ── Desktop / Mobile toggle ─────────────────────────────── */
.com-detail--desktop[b-ddj91km2wo] { display: block; }
.com-detail--mobile[b-ddj91km2wo]  { display: none; }

@media (max-width: 768px) {
    .com-detail--desktop[b-ddj91km2wo] { display: none; }
    .com-detail--mobile[b-ddj91km2wo]  { display: flex; flex-direction: column; gap: .6rem; }
}

/* ── Mobile Cards ────────────────────────────────────────── */
.com-mcard[b-ddj91km2wo] {
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    padding: .85rem 1rem;
    box-shadow: var(--mt-shadow-xs);
}
.com-mcard__top[b-ddj91km2wo] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: .4rem;
}
.com-mcard__badges[b-ddj91km2wo] { display: flex; gap: .35rem; flex-wrap: wrap; }
.com-mcard__actions[b-ddj91km2wo] { display: flex; gap: .3rem; }
.com-mcard__name[b-ddj91km2wo] {
    font-size: .9rem;
    font-weight: 600;
    color: var(--mt-heading-color);
    margin: 0 0 .4rem;
}
.com-mcard__meta[b-ddj91km2wo] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
}
.com-mcard__detail[b-ddj91km2wo] {
    font-size: .78rem;
    color: var(--mt-body-color);
}
.com-mcard__detail--dim[b-ddj91km2wo] { color: var(--mt-muted-color); }
/* /Components/Pages/Comercial/DashboardComercialPage.razor.rz.scp.css */
/* ── Shell ──────────────────────────────────────────────── */
.com-shell[b-5gcfoj60n5] {
    padding: 1.5rem;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* ── Header ─────────────────────────────────────────────── */
.com-header[b-5gcfoj60n5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
}
.com-label[b-5gcfoj60n5] {
    font-size: .65rem;
    font-weight: 700;
    letter-spacing: .1em;
    color: var(--mt-primary);
    margin: 0 0 .2rem;
    text-transform: uppercase;
}
.com-title[b-5gcfoj60n5] {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--mt-heading-color);
    margin: 0;
}
.com-nav[b-5gcfoj60n5] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    align-items: center;
}
.com-nav__link[b-5gcfoj60n5] {
    padding: .35rem .85rem;
    border-radius: var(--mt-radius);
    border: 1px solid var(--mt-border-color);
    color: var(--mt-body-color);
    font-size: .78rem;
    font-weight: 500;
    text-decoration: none;
    transition: background .15s, color .15s, border-color .15s;
}
.com-nav__link:hover[b-5gcfoj60n5] {
    background: var(--mt-primary);
    color: #fff;
    border-color: var(--mt-primary);
}

/* ── Loading / Empty ─────────────────────────────────────── */
.com-loading[b-5gcfoj60n5] {
    display: flex;
    align-items: center;
    gap: .75rem;
    color: var(--mt-muted-color);
    font-size: .875rem;
    padding: 2rem 0;
}
.com-spinner[b-5gcfoj60n5] {
    width: 20px; height: 20px;
    border: 2px solid var(--mt-border-color);
    border-top-color: var(--mt-primary);
    border-radius: 50%;
    animation: com-spin-b-5gcfoj60n5 .7s linear infinite;
}
@keyframes com-spin-b-5gcfoj60n5 { to { transform: rotate(360deg); } }
.com-empty[b-5gcfoj60n5] {
    padding: 2rem;
    text-align: center;
    color: var(--mt-muted-color);
}

/* ── KPI Strip ───────────────────────────────────────────── */
.com-kpi-strip[b-5gcfoj60n5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
}
.com-kpi[b-5gcfoj60n5] {
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    padding: 1.1rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: .3rem;
    border-left: 3px solid var(--mt-border-color);
    box-shadow: var(--mt-shadow-xs);
}
.com-kpi--pipeline[b-5gcfoj60n5] { border-left-color: var(--mt-primary); }
.com-kpi--propuestas[b-5gcfoj60n5] { border-left-color: #FFC107; }
.com-kpi--facturado[b-5gcfoj60n5] { border-left-color: #28D094; }
.com-kpi--ok[b-5gcfoj60n5] { border-left-color: #28D094; }
.com-kpi--warn[b-5gcfoj60n5] { border-left-color: #FF6B6B; }

.com-kpi__label[b-5gcfoj60n5] {
    font-size: .68rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--mt-muted-color);
}
.com-kpi__value[b-5gcfoj60n5] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--mt-heading-color);
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
}
.com-kpi__sub[b-5gcfoj60n5] {
    font-size: .73rem;
    color: var(--mt-body-color);
}

/* ── Section Grid ────────────────────────────────────────── */
.com-section-grid[b-5gcfoj60n5] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}
@media (max-width: 768px) {
    .com-section-grid[b-5gcfoj60n5] { grid-template-columns: 1fr; }
}

/* ── Card ────────────────────────────────────────────────── */
.com-card[b-5gcfoj60n5] {
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    padding: 1.25rem;
    box-shadow: var(--mt-shadow-xs);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.com-card__title[b-5gcfoj60n5] {
    font-size: .875rem;
    font-weight: 600;
    color: var(--mt-heading-color);
    margin: 0;
}
.com-card__rate[b-5gcfoj60n5] {
    font-size: .8rem;
    color: var(--mt-body-color);
    margin: 0;
}

/* ── Funnel ──────────────────────────────────────────────── */
.com-funnel[b-5gcfoj60n5] {
    display: flex;
    flex-direction: column;
    gap: .65rem;
}
.com-funnel__row[b-5gcfoj60n5] {
    display: grid;
    grid-template-columns: 70px 1fr 30px;
    align-items: center;
    gap: .5rem;
}
.com-funnel__label[b-5gcfoj60n5] {
    font-size: .75rem;
    color: var(--mt-body-color);
    text-align: right;
}
.com-funnel__bar-wrap[b-5gcfoj60n5] {
    background: var(--mt-gray-50);
    border-radius: 3px;
    height: 12px;
    overflow: hidden;
}
.com-funnel__bar[b-5gcfoj60n5] {
    height: 100%;
    border-radius: 3px;
    transition: width .4s ease;
}
.com-funnel__bar--total[b-5gcfoj60n5]   { background: var(--mt-border-color); width: 100%; }
.com-funnel__bar--active[b-5gcfoj60n5]  { background: var(--mt-primary); }
.com-funnel__bar--won[b-5gcfoj60n5]     { background: #28D094; }
.com-funnel__bar--lost[b-5gcfoj60n5]    { background: #FF6B6B; }
.com-funnel__count[b-5gcfoj60n5] {
    font-size: .78rem;
    font-weight: 600;
    color: var(--mt-heading-color);
    font-variant-numeric: tabular-nums;
}

/* ── Prop Stats ──────────────────────────────────────────── */
.com-prop-stats[b-5gcfoj60n5] {
    display: flex;
    gap: 1.5rem;
}
.com-prop-stat[b-5gcfoj60n5] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
}
.com-prop-stat__num[b-5gcfoj60n5] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--mt-heading-color);
    font-variant-numeric: tabular-nums;
}
.com-prop-stat--pending .com-prop-stat__num[b-5gcfoj60n5] { color: #FFC107; }
.com-prop-stat--won .com-prop-stat__num[b-5gcfoj60n5] { color: #28D094; }
.com-prop-stat__lbl[b-5gcfoj60n5] {
    font-size: .7rem;
    color: var(--mt-muted-color);
    text-transform: uppercase;
    letter-spacing: .06em;
}

/* ── Billing Summary ─────────────────────────────────────── */
.com-billing-summary[b-5gcfoj60n5] {
    display: flex;
    flex-direction: column;
    gap: .4rem;
    border-top: 1px solid var(--mt-border-color);
    padding-top: .75rem;
}
.com-billing-row[b-5gcfoj60n5] {
    display: flex;
    justify-content: space-between;
    font-size: .8rem;
    color: var(--mt-body-color);
}
.com-billing-row strong[b-5gcfoj60n5] {
    color: var(--mt-heading-color);
    font-variant-numeric: tabular-nums;
}
.com-billing-row--highlight strong[b-5gcfoj60n5] {
    color: #28D094;
    font-size: .9rem;
}

/* ── Quick Links ─────────────────────────────────────────── */
.com-section-title[b-5gcfoj60n5] {
    font-size: .875rem;
    font-weight: 600;
    color: var(--mt-heading-color);
    margin: 0 0 .75rem;
}
.com-ql-grid[b-5gcfoj60n5] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
}
.com-ql-card[b-5gcfoj60n5] {
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    padding: .65rem 1.1rem;
    text-decoration: none;
    transition: background .15s, border-color .15s, transform .15s;
    box-shadow: var(--mt-shadow-xs);
}
.com-ql-card:hover[b-5gcfoj60n5] {
    background: var(--mt-primary);
    border-color: var(--mt-primary);
    transform: translateY(-2px);
}
.com-ql-card__label[b-5gcfoj60n5] {
    font-size: .8rem;
    font-weight: 500;
    color: var(--mt-heading-color);
}
.com-ql-card:hover .com-ql-card__label[b-5gcfoj60n5] { color: #fff; }
/* /Components/Pages/Comercial/FacturaDialog.razor.rz.scp.css */
.fad-shell[b-x0db8lrnp5] { padding: 1rem 1.25rem 1.25rem; display: flex; flex-direction: column; gap: .9rem; min-width: 480px; }
@media (max-width: 540px) { .fad-shell[b-x0db8lrnp5] { min-width: unset; } }

.fad-row[b-x0db8lrnp5] { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; }
@media (max-width: 540px) { .fad-row[b-x0db8lrnp5] { grid-template-columns: 1fr; } }

.fad-field[b-x0db8lrnp5] { display: flex; flex-direction: column; gap: .3rem; }
.fad-label[b-x0db8lrnp5] { font-size: .72rem; font-weight: 600; text-transform: uppercase; letter-spacing: .07em; color: var(--mt-muted-color); }
.fad-req[b-x0db8lrnp5] { color: #FF6B6B; }

.fad-input[b-x0db8lrnp5], .fad-select[b-x0db8lrnp5], .fad-textarea[b-x0db8lrnp5] {
    padding: .4rem .7rem; border-radius: var(--mt-radius);
    border: 1px solid var(--mt-border-color); background: var(--mt-gray-50);
    color: var(--mt-heading-color); font-size: .82rem; font-family: inherit;
    transition: border-color .15s;
}
.fad-input:focus[b-x0db8lrnp5], .fad-select:focus[b-x0db8lrnp5], .fad-textarea:focus[b-x0db8lrnp5] { outline: none; border-color: var(--mt-primary); }
.fad-input--mono[b-x0db8lrnp5] { font-family: var(--mt-font-mono); }
.fad-textarea[b-x0db8lrnp5] { resize: vertical; }

.fad-actions[b-x0db8lrnp5] { display: flex; justify-content: flex-end; gap: .6rem; padding-top: .4rem; border-top: 1px solid var(--mt-border-color); }
.fad-btn[b-x0db8lrnp5] { display: inline-flex; align-items: center; gap: .35rem; padding: .42rem 1rem; border-radius: var(--mt-radius); border: 1px solid transparent; font-size: .82rem; font-weight: 500; cursor: pointer; }
.fad-btn--primary[b-x0db8lrnp5] { background: var(--mt-primary); color: #fff; }
.fad-btn--primary:hover[b-x0db8lrnp5] { background: var(--mt-primary-dark, #5a5de8); }
.fad-btn--primary:disabled[b-x0db8lrnp5] { opacity: .6; cursor: default; }
.fad-btn--ghost[b-x0db8lrnp5] { background: transparent; border-color: var(--mt-border-color); color: var(--mt-body-color); }
.fad-btn--ghost:hover[b-x0db8lrnp5] { background: var(--mt-gray-50); }

.fad-spin[b-x0db8lrnp5] { display: inline-block; width: 13px; height: 13px; border: 2px solid rgba(255,255,255,.4); border-top-color: #fff; border-radius: 50%; animation: fad-spin-b-x0db8lrnp5 .6s linear infinite; }
@keyframes fad-spin-b-x0db8lrnp5 { to { transform: rotate(360deg); } }
/* /Components/Pages/Comercial/FacturasPage.razor.rz.scp.css */
.com-shell[b-6zt4jkh9o3] { padding: 1.5rem; max-width: 1200px; margin: 0 auto; display: flex; flex-direction: column; gap: 1.25rem; }
.com-header[b-6zt4jkh9o3] { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: .75rem; }
.com-label[b-6zt4jkh9o3] { font-size: .65rem; font-weight: 700; letter-spacing: .1em; color: var(--mt-primary); margin: 0 0 .2rem; text-transform: uppercase; }
.com-title[b-6zt4jkh9o3] { font-size: 1.5rem; font-weight: 700; color: var(--mt-heading-color); margin: 0; }
.com-filters[b-6zt4jkh9o3] { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; }
.com-count[b-6zt4jkh9o3] { font-size: .78rem; color: var(--mt-muted-color); margin-left: auto; }
.com-select[b-6zt4jkh9o3] { padding: .35rem .7rem; border-radius: var(--mt-radius); border: 1px solid var(--mt-border-color); background: var(--mt-gray-50); color: var(--mt-body-color); font-size: .8rem; }
.com-loading[b-6zt4jkh9o3] { display: flex; align-items: center; gap: .75rem; color: var(--mt-muted-color); font-size: .875rem; padding: 2rem 0; }
.com-spinner[b-6zt4jkh9o3] { width: 20px; height: 20px; border: 2px solid var(--mt-border-color); border-top-color: var(--mt-primary); border-radius: 50%; animation: com-spin-b-6zt4jkh9o3 .7s linear infinite; }
@keyframes com-spin-b-6zt4jkh9o3 { to { transform: rotate(360deg); } }

.com-btn[b-6zt4jkh9o3] { display: inline-flex; align-items: center; gap: .35rem; padding: .4rem .9rem; border-radius: var(--mt-radius); border: 1px solid transparent; font-size: .8rem; font-weight: 500; cursor: pointer; transition: background .15s; }
.com-btn--primary[b-6zt4jkh9o3] { background: var(--mt-primary); color: #fff; }
.com-btn--primary:hover[b-6zt4jkh9o3] { background: var(--mt-primary-dark, #5a5de8); }
.com-btn--ghost[b-6zt4jkh9o3] { background: transparent; border-color: var(--mt-border-color); color: var(--mt-body-color); }
.com-btn--ghost:hover[b-6zt4jkh9o3] { background: var(--mt-gray-50); }
.com-btn--danger[b-6zt4jkh9o3] { background: transparent; color: var(--mt-muted-color); border-color: var(--mt-border-color); }
.com-btn--danger:hover[b-6zt4jkh9o3] { color: #FF6B6B; border-color: #FF6B6B; }
.com-btn--info[b-6zt4jkh9o3] { background: rgba(0,183,217,.12); color: #00B7D9; border-color: rgba(0,183,217,.3); }
.com-btn--info:hover[b-6zt4jkh9o3] { background: rgba(0,183,217,.2); }
.com-btn--success[b-6zt4jkh9o3] { background: rgba(40,208,148,.12); color: #28D094; border-color: rgba(40,208,148,.3); }
.com-btn--success:hover[b-6zt4jkh9o3] { background: rgba(40,208,148,.2); }
.com-btn--xs[b-6zt4jkh9o3] { padding: .25rem .55rem; font-size: .72rem; }

.com-table-wrap[b-6zt4jkh9o3] { background: var(--mt-paper-bg); border: 1px solid var(--mt-border-color); border-radius: var(--mt-radius); overflow-x: auto; box-shadow: var(--mt-shadow-xs); }
.com-table[b-6zt4jkh9o3] { width: 100%; border-collapse: collapse; font-size: .8rem; }
.com-table thead th[b-6zt4jkh9o3] { padding: .65rem .85rem; text-align: left; font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; color: var(--mt-muted-color); border-bottom: 1px solid var(--mt-border-color); background: var(--mt-gray-50); }
.com-tr[b-6zt4jkh9o3] { border-bottom: 1px solid var(--mt-border-color); transition: background .12s; }
.com-tr:last-child[b-6zt4jkh9o3] { border-bottom: none; }
.com-tr:hover[b-6zt4jkh9o3] { background: var(--mt-gray-50); }
.com-table td[b-6zt4jkh9o3] { padding: .6rem .85rem; color: var(--mt-body-color); vertical-align: middle; }
.com-td--name[b-6zt4jkh9o3] { color: var(--mt-heading-color); font-weight: 500; }
.com-td--dim[b-6zt4jkh9o3] { color: var(--mt-muted-color); }
.com-td--mono[b-6zt4jkh9o3] { font-family: var(--mt-font-mono); font-size: .77rem; }
.com-td--warn[b-6zt4jkh9o3] { color: #FF6B6B; font-family: var(--mt-font-mono); font-size: .77rem; }
.com-td--actions[b-6zt4jkh9o3] { white-space: nowrap; }
.com-td--empty[b-6zt4jkh9o3] { text-align: center; padding: 2rem; color: var(--mt-muted-color); }

.com-badge[b-6zt4jkh9o3] { display: inline-block; padding: .15rem .55rem; border-radius: 3px; font-size: .68rem; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; white-space: nowrap; }
.com-badge--fac-pendiente[b-6zt4jkh9o3] { background: rgba(255,193,7,.15);   color: #FFC107; }
.com-badge--fac-emitida[b-6zt4jkh9o3]   { background: rgba(105,108,255,.15); color: var(--mt-primary); }
.com-badge--fac-pagada[b-6zt4jkh9o3]    { background: rgba(40,208,148,.15);  color: #28D094; }
.com-badge--fac-vencida[b-6zt4jkh9o3]   { background: rgba(255,107,107,.15); color: #FF6B6B; }
.com-badge--fac-anulada[b-6zt4jkh9o3]   { background: rgba(107,111,132,.12); color: var(--mt-muted-color); }

.com-detail--desktop[b-6zt4jkh9o3] { display: block; }
.com-detail--mobile[b-6zt4jkh9o3]  { display: none; }
@media (max-width: 768px) {
    .com-detail--desktop[b-6zt4jkh9o3] { display: none; }
    .com-detail--mobile[b-6zt4jkh9o3]  { display: flex; flex-direction: column; gap: .6rem; }
}
.com-mcard[b-6zt4jkh9o3] { background: var(--mt-paper-bg); border: 1px solid var(--mt-border-color); border-radius: var(--mt-radius); padding: .85rem 1rem; box-shadow: var(--mt-shadow-xs); }
.com-mcard__top[b-6zt4jkh9o3] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: .4rem; }
.com-mcard__name[b-6zt4jkh9o3] { font-size: .9rem; font-weight: 600; color: var(--mt-heading-color); margin: 0 0 .4rem; }
.com-mcard__meta[b-6zt4jkh9o3] { display: flex; flex-direction: column; gap: .2rem; }
.com-mcard__detail[b-6zt4jkh9o3] { font-size: .78rem; color: var(--mt-body-color); }
.com-mcard__detail--dim[b-6zt4jkh9o3] { color: var(--mt-muted-color); }
.com-mcard__detail--mono[b-6zt4jkh9o3] { font-family: var(--mt-font-mono); }
/* /Components/Pages/Comercial/OportunidadDialog.razor.rz.scp.css */
.opd-shell[b-7567dyb4jt] {
    padding: 1rem 1.25rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: .9rem;
    min-width: 500px;
}
@media (max-width: 560px) { .opd-shell[b-7567dyb4jt] { min-width: unset; } }

.opd-row[b-7567dyb4jt] { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; }
@media (max-width: 560px) { .opd-row[b-7567dyb4jt] { grid-template-columns: 1fr; } }

.opd-field[b-7567dyb4jt] { display: flex; flex-direction: column; gap: .3rem; }
.opd-label[b-7567dyb4jt] {
    font-size: .72rem; font-weight: 600; text-transform: uppercase;
    letter-spacing: .07em; color: var(--mt-muted-color);
}
.opd-req[b-7567dyb4jt] { color: #FF6B6B; }

.opd-input[b-7567dyb4jt], .opd-select[b-7567dyb4jt], .opd-textarea[b-7567dyb4jt] {
    padding: .4rem .7rem; border-radius: var(--mt-radius);
    border: 1px solid var(--mt-border-color); background: var(--mt-gray-50);
    color: var(--mt-heading-color); font-size: .82rem; font-family: inherit;
    transition: border-color .15s;
}
.opd-input:focus[b-7567dyb4jt], .opd-select:focus[b-7567dyb4jt], .opd-textarea:focus[b-7567dyb4jt] { outline: none; border-color: var(--mt-primary); }
.opd-input--mono[b-7567dyb4jt] { font-family: var(--mt-font-mono); }
.opd-textarea[b-7567dyb4jt] { resize: vertical; }

.opd-actions[b-7567dyb4jt] {
    display: flex; justify-content: flex-end; gap: .6rem;
    padding-top: .4rem; border-top: 1px solid var(--mt-border-color);
}
.opd-btn[b-7567dyb4jt] {
    display: inline-flex; align-items: center; gap: .35rem;
    padding: .42rem 1rem; border-radius: var(--mt-radius);
    border: 1px solid transparent; font-size: .82rem; font-weight: 500; cursor: pointer;
}
.opd-btn--primary[b-7567dyb4jt] { background: var(--mt-primary); color: #fff; }
.opd-btn--primary:hover[b-7567dyb4jt] { background: var(--mt-primary-dark, #5a5de8); }
.opd-btn--primary:disabled[b-7567dyb4jt] { opacity: .6; cursor: default; }
.opd-btn--ghost[b-7567dyb4jt] { background: transparent; border-color: var(--mt-border-color); color: var(--mt-body-color); }
.opd-btn--ghost:hover[b-7567dyb4jt] { background: var(--mt-gray-50); }

.opd-spin[b-7567dyb4jt] {
    display: inline-block; width: 13px; height: 13px;
    border: 2px solid rgba(255,255,255,.4); border-top-color: #fff;
    border-radius: 50%; animation: opd-spin-b-7567dyb4jt .6s linear infinite;
}
@keyframes opd-spin-b-7567dyb4jt { to { transform: rotate(360deg); } }
/* /Components/Pages/Comercial/OportunidadesPage.razor.rz.scp.css */
/* Reuse shared com-* layout; add estado badges for oportunidades */
.com-shell[b-080taxtq56] {
    padding: 1.5rem;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}
.com-header[b-080taxtq56] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .75rem;
}
.com-label[b-080taxtq56] {
    font-size: .65rem;
    font-weight: 700;
    letter-spacing: .1em;
    color: var(--mt-primary);
    margin: 0 0 .2rem;
    text-transform: uppercase;
}
.com-title[b-080taxtq56] { font-size: 1.5rem; font-weight: 700; color: var(--mt-heading-color); margin: 0; }
.com-filters[b-080taxtq56] { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; }
.com-count[b-080taxtq56] { font-size: .78rem; color: var(--mt-muted-color); margin-left: auto; }
.com-select[b-080taxtq56] {
    padding: .35rem .7rem;
    border-radius: var(--mt-radius);
    border: 1px solid var(--mt-border-color);
    background: var(--mt-gray-50);
    color: var(--mt-body-color);
    font-size: .8rem;
}
.com-loading[b-080taxtq56] { display: flex; align-items: center; gap: .75rem; color: var(--mt-muted-color); font-size: .875rem; padding: 2rem 0; }
.com-spinner[b-080taxtq56] {
    width: 20px; height: 20px;
    border: 2px solid var(--mt-border-color);
    border-top-color: var(--mt-primary);
    border-radius: 50%;
    animation: com-spin-b-080taxtq56 .7s linear infinite;
}
@keyframes com-spin-b-080taxtq56 { to { transform: rotate(360deg); } }

.com-btn[b-080taxtq56] {
    display: inline-flex; align-items: center; gap: .35rem;
    padding: .4rem .9rem; border-radius: var(--mt-radius);
    border: 1px solid transparent; font-size: .8rem; font-weight: 500;
    cursor: pointer; transition: background .15s, color .15s;
}
.com-btn--primary[b-080taxtq56] { background: var(--mt-primary); color: #fff; }
.com-btn--primary:hover[b-080taxtq56] { background: var(--mt-primary-dark, #5a5de8); }
.com-btn--ghost[b-080taxtq56] { background: transparent; border-color: var(--mt-border-color); color: var(--mt-body-color); }
.com-btn--ghost:hover[b-080taxtq56] { background: var(--mt-gray-50); }
.com-btn--danger[b-080taxtq56] { background: transparent; color: var(--mt-muted-color); }
.com-btn--danger:hover[b-080taxtq56] { color: #FF6B6B; }
.com-btn--xs[b-080taxtq56] { padding: .25rem .55rem; font-size: .75rem; }

.com-table-wrap[b-080taxtq56] {
    background: var(--mt-paper-bg); border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius); overflow-x: auto; box-shadow: var(--mt-shadow-xs);
}
.com-table[b-080taxtq56] { width: 100%; border-collapse: collapse; font-size: .8rem; }
.com-table thead th[b-080taxtq56] {
    padding: .65rem .85rem; text-align: left; font-size: .68rem; font-weight: 700;
    text-transform: uppercase; letter-spacing: .07em; color: var(--mt-muted-color);
    border-bottom: 1px solid var(--mt-border-color); background: var(--mt-gray-50);
}
.com-tr[b-080taxtq56] { border-bottom: 1px solid var(--mt-border-color); transition: background .12s; }
.com-tr:last-child[b-080taxtq56] { border-bottom: none; }
.com-tr:hover[b-080taxtq56] { background: var(--mt-gray-50); }
.com-table td[b-080taxtq56] { padding: .6rem .85rem; color: var(--mt-body-color); vertical-align: middle; }
.com-td--name[b-080taxtq56] { color: var(--mt-heading-color); font-weight: 500; }
.com-td--dim[b-080taxtq56] { color: var(--mt-muted-color); }
.com-td--mono[b-080taxtq56] { font-family: var(--mt-font-mono); font-size: .77rem; }
.com-td--actions[b-080taxtq56] { text-align: right; white-space: nowrap; }
.com-td--empty[b-080taxtq56] { text-align: center; padding: 2rem; color: var(--mt-muted-color); }

.com-badge[b-080taxtq56] {
    display: inline-block; padding: .15rem .55rem; border-radius: 3px;
    font-size: .68rem; font-weight: 600; text-transform: uppercase;
    letter-spacing: .06em; white-space: nowrap;
}
/* Oportunidad estados */
.com-badge--op-nueva[b-080taxtq56]             { background: rgba(105,108,255,.15); color: var(--mt-primary); }
.com-badge--op-en_progreso[b-080taxtq56]       { background: rgba(255,193,7,.15);   color: #FFC107; }
.com-badge--op-propuesta_enviada[b-080taxtq56] { background: rgba(0,183,217,.15);   color: #00B7D9; }
.com-badge--op-ganada[b-080taxtq56]            { background: rgba(40,208,148,.15);  color: #28D094; }
.com-badge--op-perdida[b-080taxtq56]           { background: rgba(255,107,107,.15); color: #FF6B6B; }

.com-detail--desktop[b-080taxtq56] { display: block; }
.com-detail--mobile[b-080taxtq56]  { display: none; }
@media (max-width: 768px) {
    .com-detail--desktop[b-080taxtq56] { display: none; }
    .com-detail--mobile[b-080taxtq56]  { display: flex; flex-direction: column; gap: .6rem; }
}

.com-mcard[b-080taxtq56] {
    background: var(--mt-paper-bg); border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius); padding: .85rem 1rem; box-shadow: var(--mt-shadow-xs);
}
.com-mcard__top[b-080taxtq56] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: .4rem; }
.com-mcard__actions[b-080taxtq56] { display: flex; gap: .3rem; }
.com-mcard__name[b-080taxtq56] { font-size: .9rem; font-weight: 600; color: var(--mt-heading-color); margin: 0 0 .4rem; }
.com-mcard__meta[b-080taxtq56] { display: flex; flex-direction: column; gap: .2rem; }
.com-mcard__detail[b-080taxtq56] { font-size: .78rem; color: var(--mt-body-color); }
.com-mcard__detail--dim[b-080taxtq56] { color: var(--mt-muted-color); }
.com-mcard__detail--mono[b-080taxtq56] { font-family: var(--mt-font-mono); }
/* /Components/Pages/Comercial/PropuestaDialog.razor.rz.scp.css */
/* ── Shell ───────────────────────────────────────────────────── */
.ppd-shell[b-g0k9gmml06] {
    display: flex;
    flex-direction: column;
    width: 780px;
    max-width: 100%;
    max-height: 88vh;
    overflow: hidden;
    position: relative;
}
/* accent line at top */
.ppd-shell[b-g0k9gmml06]::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--mt-primary) 0%, #a78bfa 60%, transparent 100%);
    z-index: 1;
}
@media (max-width: 820px) { .ppd-shell[b-g0k9gmml06] { width: 100%; } }

/* ── Tabs ────────────────────────────────────────────────────── */
.ppd-tabs[b-g0k9gmml06] {
    display: flex;
    gap: 0;
    padding: 0 1.25rem;
    border-bottom: 1px solid var(--mt-border-color);
    background: var(--mt-paper-bg);
    flex-shrink: 0;
}
.ppd-tab[b-g0k9gmml06] {
    position: relative;
    padding: .75rem 1.1rem;
    font-size: .8rem;
    font-weight: 600;
    letter-spacing: .02em;
    color: var(--mt-muted-color);
    background: transparent;
    border: none;
    cursor: pointer;
    transition: color .15s;
}
.ppd-tab[b-g0k9gmml06]::after {
    content: '';
    position: absolute;
    bottom: -1px; left: 0; right: 0;
    height: 2px;
    background: var(--mt-primary);
    border-radius: 2px 2px 0 0;
    transform: scaleX(0);
    transition: transform .18s ease;
}
.ppd-tab:hover[b-g0k9gmml06] { color: var(--mt-heading-color); }
.ppd-tab--active[b-g0k9gmml06] { color: var(--mt-primary); }
.ppd-tab--active[b-g0k9gmml06]::after { transform: scaleX(1); }

.ppd-tab-badge[b-g0k9gmml06] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    margin-left: 5px;
    border-radius: 9px;
    background: var(--mt-primary);
    color: #fff;
    font-size: .63rem;
    font-weight: 700;
    line-height: 1;
}

/* ── Content scroll area ─────────────────────────────────────── */
.ppd-content[b-g0k9gmml06] { overflow-y: auto; flex: 1; }

.ppd-pane[b-g0k9gmml06] {
    padding: 1.25rem 1.5rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.ppd-pane--lineas[b-g0k9gmml06] { padding-bottom: 0; }

/* ── Form section groups ─────────────────────────────────────── */
.ppd-section[b-g0k9gmml06] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

/* ── Grid rows ───────────────────────────────────────────────── */
.ppd-row[b-g0k9gmml06] { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.ppd-row--3[b-g0k9gmml06] { grid-template-columns: 1fr 1fr 1fr; }
@media (max-width: 600px) {
    .ppd-row[b-g0k9gmml06], .ppd-row--3[b-g0k9gmml06] { grid-template-columns: 1fr; }
}

/* ── Field ───────────────────────────────────────────────────── */
.ppd-field[b-g0k9gmml06] { display: flex; flex-direction: column; gap: .3rem; }
.ppd-label[b-g0k9gmml06] {
    font-size: .7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--mt-muted-color);
    user-select: none;
}
.ppd-req[b-g0k9gmml06] { color: #FF6B6B; }

/* ── Inputs ──────────────────────────────────────────────────── */
.ppd-input[b-g0k9gmml06], .ppd-select[b-g0k9gmml06], .ppd-textarea[b-g0k9gmml06] {
    padding: .5rem .75rem;
    border-radius: var(--mt-radius);
    border: 1px solid var(--mt-border-color);
    background: rgba(255,255,255,.03);
    color: var(--mt-heading-color);
    font-size: .84rem;
    font-family: inherit;
    transition: border-color .15s, box-shadow .15s, background .15s;
    appearance: auto;
}
.ppd-input[b-g0k9gmml06]::placeholder, .ppd-textarea[b-g0k9gmml06]::placeholder { color: var(--mt-muted-color); opacity: .7; }
.ppd-input:hover[b-g0k9gmml06], .ppd-select:hover[b-g0k9gmml06] { border-color: rgba(105,108,255,.4); }
.ppd-input:focus[b-g0k9gmml06], .ppd-select:focus[b-g0k9gmml06], .ppd-textarea:focus[b-g0k9gmml06] {
    outline: none;
    border-color: var(--mt-primary);
    background: rgba(105,108,255,.04);
    box-shadow: 0 0 0 3px rgba(105,108,255,.12);
}
.ppd-input--mono[b-g0k9gmml06] { font-family: var(--mt-font-mono); }
.ppd-textarea[b-g0k9gmml06] { resize: vertical; min-height: 72px; line-height: 1.5; }

html[data-theme="light"] .ppd-input[b-g0k9gmml06],
html[data-theme="light"] .ppd-select[b-g0k9gmml06],
html[data-theme="light"] .ppd-textarea[b-g0k9gmml06] {
    background: #fff;
}
html[data-theme="light"] .ppd-input:focus[b-g0k9gmml06],
html[data-theme="light"] .ppd-select:focus[b-g0k9gmml06],
html[data-theme="light"] .ppd-textarea:focus[b-g0k9gmml06] {
    background: #fafaff;
}

/* ── Info / status row (edit mode) ───────────────────────────── */
.ppd-info-row[b-g0k9gmml06] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem 1.5rem;
    background: rgba(105,108,255,.06);
    border: 1px solid rgba(105,108,255,.18);
    border-radius: var(--mt-radius);
    padding: .7rem 1rem;
    align-items: center;
}
.ppd-info-item[b-g0k9gmml06] { font-size: .8rem; color: var(--mt-body-color); display: flex; align-items: center; gap: .35rem; }
.ppd-info-item strong[b-g0k9gmml06] { color: var(--mt-heading-color); font-weight: 600; }
.ppd-info-divider[b-g0k9gmml06] { width: 1px; height: 16px; background: var(--mt-border-color); flex-shrink: 0; }

/* ── Badges ──────────────────────────────────────────────────── */
.ppd-badge[b-g0k9gmml06] {
    display: inline-flex; align-items: center;
    padding: .15rem .55rem; border-radius: 20px;
    font-size: .66rem; font-weight: 700; text-transform: uppercase; letter-spacing: .07em;
    line-height: 1.4;
}
.ppd-badge--borrador[b-g0k9gmml06]           { background: rgba(107,111,132,.15); color: var(--mt-muted-color); }
.ppd-badge--en-revision[b-g0k9gmml06]        { background: rgba(255,193,7,.15);   color: #FFC107; }
.ppd-badge--aprobada-interna[b-g0k9gmml06]   { background: rgba(0,183,217,.12);   color: #00B7D9; }
.ppd-badge--enviada-cliente[b-g0k9gmml06]    { background: rgba(105,108,255,.15); color: var(--mt-primary); }
.ppd-badge--aceptada[b-g0k9gmml06]           { background: rgba(40,208,148,.12);  color: #28D094; }
.ppd-badge--rechazada-cliente[b-g0k9gmml06]  { background: rgba(255,107,107,.15); color: #FF6B6B; }

/* ── Lines table ─────────────────────────────────────────────── */
.ppd-lines-wrap[b-g0k9gmml06] {
    overflow-x: auto;
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    background: var(--mt-paper-bg);
}
.ppd-lines-table[b-g0k9gmml06] {
    width: 100%;
    border-collapse: collapse;
    font-size: .78rem;
}
.ppd-lines-table thead th[b-g0k9gmml06] {
    padding: .5rem .65rem;
    text-align: left;
    font-size: .65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--mt-muted-color);
    border-bottom: 1px solid var(--mt-border-color);
    background: var(--mt-gray-50);
    white-space: nowrap;
}
.ppd-line-row[b-g0k9gmml06] { border-bottom: 1px solid var(--mt-border-color); transition: background .1s; }
.ppd-line-row:last-child[b-g0k9gmml06] { border-bottom: none; }
.ppd-line-row:hover[b-g0k9gmml06] { background: rgba(105,108,255,.04); }
.ppd-lines-table td[b-g0k9gmml06] { padding: .4rem .55rem; color: var(--mt-body-color); vertical-align: middle; }
.ppd-line-total[b-g0k9gmml06] {
    font-family: var(--mt-font-mono);
    font-weight: 600;
    color: var(--mt-heading-color);
    white-space: nowrap;
}
.ppd-mono[b-g0k9gmml06] { font-family: var(--mt-font-mono); }

.ppd-line-input[b-g0k9gmml06] {
    width: 100%;
    min-width: 60px;
    padding: .28rem .45rem;
    border-radius: 4px;
    border: 1px solid transparent;
    background: transparent;
    color: var(--mt-heading-color);
    font-size: .78rem;
    font-family: inherit;
    transition: border-color .12s, background .12s;
}
.ppd-line-input:hover[b-g0k9gmml06]  { border-color: var(--mt-border-color); background: var(--mt-gray-50); }
.ppd-line-input:focus[b-g0k9gmml06]  { outline: none; border-color: var(--mt-primary); background: rgba(105,108,255,.05); box-shadow: 0 0 0 2px rgba(105,108,255,.1); }
.ppd-line-input--sm[b-g0k9gmml06]    { min-width: 80px; max-width: 110px; }
.ppd-line-input--num[b-g0k9gmml06]   { min-width: 55px; max-width: 85px; font-family: var(--mt-font-mono); text-align: right; }

.ppd-total-row[b-g0k9gmml06] { background: rgba(105,108,255,.06); }
.ppd-total-label[b-g0k9gmml06] { padding: .55rem .65rem; text-align: right; font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--mt-muted-color); }
.ppd-total-val[b-g0k9gmml06] { padding: .55rem .65rem; font-family: var(--mt-font-mono); font-weight: 700; font-size: .95rem; color: var(--mt-heading-color); white-space: nowrap; }

.ppd-del-btn[b-g0k9gmml06] {
    display: inline-flex; align-items: center; justify-content: center;
    width: 26px; height: 26px; border-radius: 4px;
    background: none; border: none; color: var(--mt-muted-color);
    cursor: pointer; font-size: .78rem;
    transition: background .12s, color .12s;
}
.ppd-del-btn:hover[b-g0k9gmml06] { background: rgba(255,76,81,.12); color: #FF4C51; }

/* ── Add line section ────────────────────────────────────────── */
.ppd-add-line[b-g0k9gmml06] {
    border: 1px dashed var(--mt-border-color);
    border-radius: var(--mt-radius);
    padding: .85rem 1rem;
    display: flex;
    flex-direction: column;
    gap: .65rem;
    transition: border-color .15s;
}
.ppd-add-line:hover[b-g0k9gmml06] { border-color: rgba(105,108,255,.4); }
.ppd-add-line__title[b-g0k9gmml06] {
    font-size: .7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--mt-muted-color);
    margin: 0;
}
.ppd-add-line__quick[b-g0k9gmml06], .ppd-add-line__manual[b-g0k9gmml06] { display: flex; gap: .5rem; align-items: center; flex-wrap: wrap; }
.ppd-add-line__quick .ppd-select[b-g0k9gmml06] { flex: 1; min-width: 200px; }
.ppd-add-line__manual .ppd-input[b-g0k9gmml06] { flex: 1; min-width: 180px; }

/* ── Empty state ─────────────────────────────────────────────── */
.ppd-empty[b-g0k9gmml06] {
    padding: 2.5rem 1rem;
    text-align: center;
    color: var(--mt-muted-color);
    font-size: .82rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .5rem;
}
.ppd-empty-icon[b-g0k9gmml06] { font-size: 1.8rem; opacity: .35; }

/* ── Actions bar ─────────────────────────────────────────────── */
.ppd-actions[b-g0k9gmml06] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .6rem;
    padding: .85rem 1.5rem;
    border-top: 1px solid var(--mt-border-color);
    background: var(--mt-paper-bg);
    flex-shrink: 0;
    position: sticky;
    bottom: 0;
}

/* ── Buttons ─────────────────────────────────────────────────── */
.ppd-btn[b-g0k9gmml06] {
    display: inline-flex; align-items: center; gap: .35rem;
    padding: .48rem 1.1rem; border-radius: var(--mt-radius);
    border: 1px solid transparent;
    font-size: .82rem; font-weight: 600;
    cursor: pointer; transition: background .15s, box-shadow .15s, transform .1s;
    user-select: none;
}
.ppd-btn:active[b-g0k9gmml06] { transform: translateY(1px); }

.ppd-btn--primary[b-g0k9gmml06] {
    background: var(--mt-primary); color: #fff;
    box-shadow: 0 2px 8px rgba(105,108,255,.3);
}
.ppd-btn--primary:hover[b-g0k9gmml06] {
    background: var(--mt-primary-dark, #5a5de8);
    box-shadow: 0 4px 14px rgba(105,108,255,.45);
}
.ppd-btn--primary:disabled[b-g0k9gmml06] { opacity: .55; cursor: default; box-shadow: none; }

.ppd-btn--ghost[b-g0k9gmml06] {
    background: transparent;
    border-color: var(--mt-border-color);
    color: var(--mt-body-color);
}
.ppd-btn--ghost:hover[b-g0k9gmml06] { background: var(--mt-gray-50); color: var(--mt-heading-color); }
.ppd-btn--ghost:disabled[b-g0k9gmml06] { opacity: .5; cursor: default; }

.ppd-btn--sm[b-g0k9gmml06] { padding: .32rem .8rem; font-size: .78rem; }

/* ── Spinner ─────────────────────────────────────────────────── */
.ppd-spin[b-g0k9gmml06] {
    display: inline-block; width: 13px; height: 13px;
    border: 2px solid rgba(255,255,255,.35);
    border-top-color: #fff;
    border-radius: 50%;
    animation: ppd-spin-b-g0k9gmml06 .55s linear infinite;
}
@keyframes ppd-spin-b-g0k9gmml06 { to { transform: rotate(360deg); } }
/* /Components/Pages/Comercial/PropuestasPage.razor.rz.scp.css */
.com-shell[b-et6naidl92] {
    padding: 1.5rem; max-width: 1200px; margin: 0 auto;
    display: flex; flex-direction: column; gap: 1.25rem;
}
.com-header[b-et6naidl92] { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: .75rem; }
.com-label[b-et6naidl92] { font-size: .65rem; font-weight: 700; letter-spacing: .1em; color: var(--mt-primary); margin: 0 0 .2rem; text-transform: uppercase; }
.com-title[b-et6naidl92] { font-size: 1.5rem; font-weight: 700; color: var(--mt-heading-color); margin: 0; }
.com-filters[b-et6naidl92] { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; }
.com-count[b-et6naidl92] { font-size: .78rem; color: var(--mt-muted-color); margin-left: auto; }
.com-select[b-et6naidl92] {
    padding: .35rem .7rem; border-radius: var(--mt-radius);
    border: 1px solid var(--mt-border-color); background: var(--mt-gray-50);
    color: var(--mt-body-color); font-size: .8rem;
}
.com-loading[b-et6naidl92] { display: flex; align-items: center; gap: .75rem; color: var(--mt-muted-color); font-size: .875rem; padding: 2rem 0; }
.com-spinner[b-et6naidl92] {
    width: 20px; height: 20px;
    border: 2px solid var(--mt-border-color); border-top-color: var(--mt-primary);
    border-radius: 50%; animation: com-spin-b-et6naidl92 .7s linear infinite;
}
@keyframes com-spin-b-et6naidl92 { to { transform: rotate(360deg); } }

.com-btn[b-et6naidl92] {
    display: inline-flex; align-items: center; gap: .35rem;
    padding: .4rem .9rem; border-radius: var(--mt-radius);
    border: 1px solid transparent; font-size: .8rem; font-weight: 500;
    cursor: pointer; transition: background .15s, color .15s;
}
.com-btn--primary[b-et6naidl92] { background: var(--mt-primary); color: #fff; }
.com-btn--primary:hover[b-et6naidl92] { background: var(--mt-primary-dark, #5a5de8); }
.com-btn--ghost[b-et6naidl92] { background: transparent; border-color: var(--mt-border-color); color: var(--mt-body-color); }
.com-btn--ghost:hover[b-et6naidl92] { background: var(--mt-gray-50); }
.com-btn--danger[b-et6naidl92] { background: transparent; color: var(--mt-muted-color); border-color: var(--mt-border-color); }
.com-btn--danger:hover[b-et6naidl92] { color: #FF6B6B; border-color: #FF6B6B; }
.com-btn--info[b-et6naidl92] { background: rgba(0,183,217,.12); color: #00B7D9; border-color: rgba(0,183,217,.3); }
.com-btn--info:hover[b-et6naidl92] { background: rgba(0,183,217,.2); }
.com-btn--success[b-et6naidl92] { background: rgba(40,208,148,.12); color: #28D094; border-color: rgba(40,208,148,.3); }
.com-btn--success:hover[b-et6naidl92] { background: rgba(40,208,148,.2); }
.com-btn--xs[b-et6naidl92] { padding: .25rem .55rem; font-size: .72rem; }

.com-table-wrap[b-et6naidl92] {
    background: var(--mt-paper-bg); border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius); overflow-x: auto; box-shadow: var(--mt-shadow-xs);
}
.com-table[b-et6naidl92] { width: 100%; border-collapse: collapse; font-size: .8rem; }
.com-table thead th[b-et6naidl92] {
    padding: .65rem .85rem; text-align: left; font-size: .68rem; font-weight: 700;
    text-transform: uppercase; letter-spacing: .07em; color: var(--mt-muted-color);
    border-bottom: 1px solid var(--mt-border-color); background: var(--mt-gray-50);
}
.com-tr[b-et6naidl92] { border-bottom: 1px solid var(--mt-border-color); transition: background .12s; }
.com-tr:last-child[b-et6naidl92] { border-bottom: none; }
.com-tr:hover[b-et6naidl92] { background: var(--mt-gray-50); }
.com-table td[b-et6naidl92] { padding: .6rem .85rem; color: var(--mt-body-color); vertical-align: middle; }
.com-td--name[b-et6naidl92] { color: var(--mt-heading-color); font-weight: 500; }
.com-td--dim[b-et6naidl92] { color: var(--mt-muted-color); }
.com-td--mono[b-et6naidl92] { font-family: var(--mt-font-mono); font-size: .77rem; }
.com-td--actions[b-et6naidl92] { white-space: nowrap; }
.com-td--empty[b-et6naidl92] { text-align: center; padding: 2rem; color: var(--mt-muted-color); }

.com-badge[b-et6naidl92] {
    display: inline-block; padding: .15rem .55rem; border-radius: 3px;
    font-size: .67rem; font-weight: 600; text-transform: uppercase;
    letter-spacing: .06em; white-space: nowrap;
}
/* Propuesta estados */
.com-badge--pr-borrador[b-et6naidl92]           { background: rgba(107,111,132,.12); color: var(--mt-muted-color); }
.com-badge--pr-en-revision[b-et6naidl92]        { background: rgba(255,193,7,.15);   color: #FFC107; }
.com-badge--pr-aprobada-interna[b-et6naidl92]   { background: rgba(0,183,217,.15);   color: #00B7D9; }
.com-badge--pr-enviada-cliente[b-et6naidl92]    { background: rgba(105,108,255,.15); color: var(--mt-primary); }
.com-badge--pr-aceptada[b-et6naidl92]           { background: rgba(40,208,148,.15);  color: #28D094; }
.com-badge--pr-rechazada-cliente[b-et6naidl92]  { background: rgba(255,107,107,.15); color: #FF6B6B; }

.com-detail--desktop[b-et6naidl92] { display: block; }
.com-detail--mobile[b-et6naidl92]  { display: none; }
@media (max-width: 768px) {
    .com-detail--desktop[b-et6naidl92] { display: none; }
    .com-detail--mobile[b-et6naidl92]  { display: flex; flex-direction: column; gap: .6rem; }
}

.com-mcard[b-et6naidl92] {
    background: var(--mt-paper-bg); border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius); padding: .85rem 1rem; box-shadow: var(--mt-shadow-xs);
}
.com-mcard__top[b-et6naidl92] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: .4rem; }
.com-mcard__badges[b-et6naidl92] { display: flex; gap: .35rem; align-items: center; }
.com-mcard__ver[b-et6naidl92] { font-family: var(--mt-font-mono); font-size: .72rem; color: var(--mt-muted-color); }
.com-mcard__name[b-et6naidl92] { font-size: .9rem; font-weight: 600; color: var(--mt-heading-color); margin: 0 0 .4rem; }
.com-mcard__meta[b-et6naidl92] { display: flex; flex-direction: column; gap: .2rem; }
.com-mcard__detail[b-et6naidl92] { font-size: .78rem; color: var(--mt-body-color); }
.com-mcard__detail--mono[b-et6naidl92] { font-family: var(--mt-font-mono); }
/* /Components/Pages/Comercial/TarifaDialog.razor.rz.scp.css */
.trd-shell[b-adycqsuuw7] { padding: 1rem 1.25rem 1.25rem; display: flex; flex-direction: column; gap: .9rem; min-width: 420px; }
@media (max-width: 480px) { .trd-shell[b-adycqsuuw7] { min-width: unset; } }

.trd-row[b-adycqsuuw7] { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; }
@media (max-width: 480px) { .trd-row[b-adycqsuuw7] { grid-template-columns: 1fr; } }

.trd-field[b-adycqsuuw7] { display: flex; flex-direction: column; gap: .3rem; }
.trd-field--inline[b-adycqsuuw7] { flex-direction: row; align-items: center; gap: .75rem; }
.trd-label[b-adycqsuuw7] { font-size: .72rem; font-weight: 600; text-transform: uppercase; letter-spacing: .07em; color: var(--mt-muted-color); }
.trd-req[b-adycqsuuw7] { color: #FF6B6B; }

.trd-input[b-adycqsuuw7], .trd-select[b-adycqsuuw7] {
    padding: .4rem .7rem; border-radius: var(--mt-radius);
    border: 1px solid var(--mt-border-color); background: var(--mt-gray-50);
    color: var(--mt-heading-color); font-size: .82rem; font-family: inherit;
    transition: border-color .15s;
}
.trd-input:focus[b-adycqsuuw7], .trd-select:focus[b-adycqsuuw7] { outline: none; border-color: var(--mt-primary); }
.trd-input--mono[b-adycqsuuw7] { font-family: var(--mt-font-mono); }
.trd-select--sm[b-adycqsuuw7] { max-width: 150px; }

.trd-actions[b-adycqsuuw7] { display: flex; justify-content: flex-end; gap: .6rem; padding-top: .4rem; border-top: 1px solid var(--mt-border-color); }
.trd-btn[b-adycqsuuw7] { display: inline-flex; align-items: center; gap: .35rem; padding: .42rem 1rem; border-radius: var(--mt-radius); border: 1px solid transparent; font-size: .82rem; font-weight: 500; cursor: pointer; }
.trd-btn--primary[b-adycqsuuw7] { background: var(--mt-primary); color: #fff; }
.trd-btn--primary:hover[b-adycqsuuw7] { background: var(--mt-primary-dark, #5a5de8); }
.trd-btn--primary:disabled[b-adycqsuuw7] { opacity: .6; cursor: default; }
.trd-btn--ghost[b-adycqsuuw7] { background: transparent; border-color: var(--mt-border-color); color: var(--mt-body-color); }
.trd-btn--ghost:hover[b-adycqsuuw7] { background: var(--mt-gray-50); }

.trd-spin[b-adycqsuuw7] { display: inline-block; width: 13px; height: 13px; border: 2px solid rgba(255,255,255,.4); border-top-color: #fff; border-radius: 50%; animation: trd-spin-b-adycqsuuw7 .6s linear infinite; }
@keyframes trd-spin-b-adycqsuuw7 { to { transform: rotate(360deg); } }
/* /Components/Pages/Comercial/TarifasPage.razor.rz.scp.css */
.com-shell[b-2eplzp24ud] { padding: 1.5rem; max-width: 1200px; margin: 0 auto; display: flex; flex-direction: column; gap: 1.25rem; }
.com-header[b-2eplzp24ud] { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: .75rem; }
.com-label[b-2eplzp24ud] { font-size: .65rem; font-weight: 700; letter-spacing: .1em; color: var(--mt-primary); margin: 0 0 .2rem; text-transform: uppercase; }
.com-title[b-2eplzp24ud] { font-size: 1.5rem; font-weight: 700; color: var(--mt-heading-color); margin: 0; }
.com-filters[b-2eplzp24ud] { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; }
.com-count[b-2eplzp24ud] { font-size: .78rem; color: var(--mt-muted-color); margin-left: auto; }
.com-check-label[b-2eplzp24ud] { display: flex; align-items: center; gap: .4rem; font-size: .8rem; color: var(--mt-body-color); cursor: pointer; }
.com-loading[b-2eplzp24ud] { display: flex; align-items: center; gap: .75rem; color: var(--mt-muted-color); font-size: .875rem; padding: 2rem 0; }
.com-spinner[b-2eplzp24ud] { width: 20px; height: 20px; border: 2px solid var(--mt-border-color); border-top-color: var(--mt-primary); border-radius: 50%; animation: com-spin-b-2eplzp24ud .7s linear infinite; }
@keyframes com-spin-b-2eplzp24ud { to { transform: rotate(360deg); } }

.com-btn[b-2eplzp24ud] { display: inline-flex; align-items: center; gap: .35rem; padding: .4rem .9rem; border-radius: var(--mt-radius); border: 1px solid transparent; font-size: .8rem; font-weight: 500; cursor: pointer; transition: background .15s; }
.com-btn--primary[b-2eplzp24ud] { background: var(--mt-primary); color: #fff; }
.com-btn--primary:hover[b-2eplzp24ud] { background: var(--mt-primary-dark, #5a5de8); }
.com-btn--ghost[b-2eplzp24ud] { background: transparent; border-color: var(--mt-border-color); color: var(--mt-body-color); }
.com-btn--ghost:hover[b-2eplzp24ud] { background: var(--mt-gray-50); }
.com-btn--danger[b-2eplzp24ud] { background: transparent; color: var(--mt-muted-color); }
.com-btn--danger:hover[b-2eplzp24ud] { color: #FF6B6B; }
.com-btn--xs[b-2eplzp24ud] { padding: .25rem .55rem; font-size: .72rem; }

/* Tarifa group */
.trf-group[b-2eplzp24ud] { display: flex; flex-direction: column; gap: .6rem; }
.trf-group__head[b-2eplzp24ud] { display: flex; align-items: baseline; gap: .75rem; }
.trf-group__name[b-2eplzp24ud] { font-size: .95rem; font-weight: 600; color: var(--mt-heading-color); margin: 0; }
.trf-group__count[b-2eplzp24ud] { font-size: .73rem; color: var(--mt-muted-color); }
.trf-tarifa[b-2eplzp24ud] { font-weight: 600; color: var(--mt-heading-color); }

.com-table-wrap[b-2eplzp24ud] { background: var(--mt-paper-bg); border: 1px solid var(--mt-border-color); border-radius: var(--mt-radius); overflow-x: auto; box-shadow: var(--mt-shadow-xs); }
.com-table[b-2eplzp24ud] { width: 100%; border-collapse: collapse; font-size: .8rem; }
.com-table thead th[b-2eplzp24ud] { padding: .65rem .85rem; text-align: left; font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; color: var(--mt-muted-color); border-bottom: 1px solid var(--mt-border-color); background: var(--mt-gray-50); }
.com-tr[b-2eplzp24ud] { border-bottom: 1px solid var(--mt-border-color); transition: background .12s; }
.com-tr:last-child[b-2eplzp24ud] { border-bottom: none; }
.com-tr:hover[b-2eplzp24ud] { background: var(--mt-gray-50); }
.com-table td[b-2eplzp24ud] { padding: .6rem .85rem; color: var(--mt-body-color); vertical-align: middle; }
.com-td--name[b-2eplzp24ud] { color: var(--mt-heading-color); font-weight: 500; }
.com-td--dim[b-2eplzp24ud] { color: var(--mt-muted-color); }
.com-td--mono[b-2eplzp24ud] { font-family: var(--mt-font-mono); font-size: .77rem; }
.com-td--actions[b-2eplzp24ud] { text-align: right; white-space: nowrap; }

.com-badge[b-2eplzp24ud] { display: inline-block; padding: .15rem .55rem; border-radius: 3px; font-size: .68rem; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; white-space: nowrap; }
.com-badge--ok[b-2eplzp24ud]  { background: rgba(40,208,148,.15); color: #28D094; }
.com-badge--off[b-2eplzp24ud] { background: rgba(107,111,132,.12); color: var(--mt-muted-color); }

.com-detail--desktop[b-2eplzp24ud] { display: block; }
.com-detail--mobile[b-2eplzp24ud]  { display: none; }
@media (max-width: 768px) {
    .com-detail--desktop[b-2eplzp24ud] { display: none; }
    .com-detail--mobile[b-2eplzp24ud]  { display: flex; flex-direction: column; gap: .6rem; }
}

.com-mcard[b-2eplzp24ud] { background: var(--mt-paper-bg); border: 1px solid var(--mt-border-color); border-radius: var(--mt-radius); padding: .85rem 1rem; box-shadow: var(--mt-shadow-xs); }
.com-mcard__top[b-2eplzp24ud] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: .4rem; }
.com-mcard__name[b-2eplzp24ud] { font-size: .9rem; font-weight: 600; color: var(--mt-heading-color); margin: 0 0 .4rem; }
.com-mcard__meta[b-2eplzp24ud] { display: flex; flex-direction: column; gap: .2rem; }
.com-mcard__detail[b-2eplzp24ud] { font-size: .78rem; color: var(--mt-body-color); }
.com-mcard__detail--dim[b-2eplzp24ud] { color: var(--mt-muted-color); }
.com-mcard__detail--mono[b-2eplzp24ud] { font-family: var(--mt-font-mono); }

.com-empty-state[b-2eplzp24ud] { text-align: center; padding: 2rem; color: var(--mt-muted-color); font-size: .875rem; }
/* /Components/Pages/Configuracion/DataHierarchyDialog.razor.rz.scp.css */
.dh-dlg[b-c2iufa6mkp] {
    display: flex;
    flex-direction: column;
    background: var(--mt-paper-bg);
    color: var(--mt-heading-color);
}

.dh-dlg-body[b-c2iufa6mkp] {
    padding: 1.25rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.dh-field[b-c2iufa6mkp] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    flex: 1;
}

.dh-field label[b-c2iufa6mkp] {
    font-size: .78rem;
    font-weight: 600;
    color: var(--mt-body-color);
    text-transform: lowercase;
    letter-spacing: .2px;
}

.dh-req[b-c2iufa6mkp] {
    color: var(--mt-error, #e53935);
}

.dh-field input[type="text"][b-c2iufa6mkp],
.dh-field input[type="number"][b-c2iufa6mkp] {
    padding: .5rem .7rem;
    background: var(--mt-gray-50);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    color: var(--mt-heading-color);
    font-family: var(--mt-font-mono);
    font-size: .85rem;
    outline: none;
    transition: border-color .12s, background .12s;
}

.dh-field input:focus[b-c2iufa6mkp] {
    border-color: var(--mt-primary);
    background: var(--mt-paper-bg);
}

.dh-field input:disabled[b-c2iufa6mkp] {
    background: var(--mt-gray-50);
    color: var(--mt-muted-color);
    cursor: not-allowed;
}

.dh-field small[b-c2iufa6mkp] {
    color: var(--mt-muted-color);
    font-size: .72rem;
}

.dh-field-row[b-c2iufa6mkp] {
    display: flex;
    gap: 1rem;
}

.dh-field-mini[b-c2iufa6mkp] {
    max-width: 120px;
}

.dh-field-check[b-c2iufa6mkp] {
    flex: 0 0 auto;
}

.dh-check[b-c2iufa6mkp] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem .7rem;
    background: var(--mt-gray-50);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    cursor: pointer;
    user-select: none;
}

.dh-check input[type="checkbox"][b-c2iufa6mkp] {
    width: 16px;
    height: 16px;
    cursor: pointer;
    accent-color: var(--mt-primary);
}

.dh-check span[b-c2iufa6mkp] {
    font-family: var(--mt-font-mono);
    font-size: .85rem;
    color: var(--mt-body-color);
}

.dh-dlg-footer[b-c2iufa6mkp] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--mt-border-color);
    background: var(--mt-gray-50);
}

.dh-dlg-btn[b-c2iufa6mkp] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .4806rem 1.125rem;
    font-size: var(--mt-font-size-base, .9rem);
    font-weight: 500;
    border-radius: var(--mt-radius);
    cursor: pointer;
    transition: all .15s;
    white-space: nowrap;
    font-family: var(--mt-font);
    border: 1px solid transparent;
}

.dh-dlg-btn--primary[b-c2iufa6mkp] {
    color: #fff;
    background: var(--mt-primary);
    box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--mt-primary-rgb), 0.3);
}

.dh-dlg-btn--primary:hover:not(:disabled)[b-c2iufa6mkp] {
    background: var(--mt-primary-hover);
    transform: translateY(-1px);
    box-shadow: 0 0.25rem 0.625rem 0 rgba(var(--mt-primary-rgb), 0.4);
}

.dh-dlg-btn--primary:disabled[b-c2iufa6mkp] {
    opacity: .65;
    cursor: not-allowed;
}

.dh-dlg-btn--ghost[b-c2iufa6mkp] {
    color: var(--mt-body-color);
    background: transparent;
    border-color: var(--mt-border-color);
}

.dh-dlg-btn--ghost:hover[b-c2iufa6mkp] {
    border-color: var(--mt-primary);
    color: var(--mt-primary);
}

.prm-spinner[b-c2iufa6mkp] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid var(--mt-border-color);
    border-top-color: #fff;
    border-radius: 50%;
    animation: prm-spin-b-c2iufa6mkp .8s linear infinite;
    vertical-align: middle;
    margin-right: .35rem;
}

@keyframes prm-spin-b-c2iufa6mkp {
    to { transform: rotate(360deg); }
}
/* /Components/Pages/Configuracion/ParametrosPage.razor.rz.scp.css */
/* ── Header actions ──────────────────────────────────────────── */
.dh-header-actions[b-02zdvafcgz] {
    display: flex;
    gap: .5rem;
    align-items: center;
}

.dh-btn-ghost[b-02zdvafcgz] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .4806rem 1.125rem;
    font-size: var(--mt-font-size-base, .9rem);
    font-weight: 500;
    color: var(--mt-body-color);
    background: transparent;
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    cursor: pointer;
    transition: all .15s;
    white-space: nowrap;
    font-family: var(--mt-font);
}

.dh-btn-ghost:hover[b-02zdvafcgz] {
    border-color: var(--mt-primary);
    color: var(--mt-primary);
}

.dh-btn-ghost:disabled[b-02zdvafcgz] {
    opacity: .55;
    cursor: not-allowed;
}

/* ── Layout 2 paneles ────────────────────────────────────────── */
.dh-layout[b-02zdvafcgz] {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 1rem;
    padding: 0 1.5rem 1.5rem;
}

@media (max-width: 900px) {
    .dh-layout[b-02zdvafcgz] {
        grid-template-columns: 1fr;
    }
}

/* ── Panel grupos ────────────────────────────────────────────── */
.dh-grupos[b-02zdvafcgz] {
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    box-shadow: var(--mt-shadow-xs);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 200px);
}

.dh-grupos-head[b-02zdvafcgz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .75rem 1rem;
    background: var(--mt-gray-50);
    border-bottom: 1px solid var(--mt-border-color);
    color: var(--mt-heading-color);
    font-size: .82rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.dh-count[b-02zdvafcgz] {
    background: var(--mt-primary);
    color: #fff;
    border-radius: 999px;
    padding: .1rem .5rem;
    font-size: .72rem;
    font-weight: 700;
}

.dh-grupos-list[b-02zdvafcgz] {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow-y: auto;
}

.dh-grupo[b-02zdvafcgz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .65rem .9rem;
    border-bottom: 1px solid var(--mt-border-color);
    cursor: pointer;
    transition: background .12s;
}

.dh-grupo:hover[b-02zdvafcgz] {
    background: var(--mt-gray-50);
}

.dh-grupo.active[b-02zdvafcgz] {
    background: var(--mt-primary);
    color: #fff;
}

.dh-grupo.active .dh-grupo-codigo[b-02zdvafcgz] {
    color: #fff;
    background: rgba(255, 255, 255, .15);
}

.dh-grupo-info[b-02zdvafcgz] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    min-width: 0;
    flex: 1;
}

.dh-grupo-codigo[b-02zdvafcgz] {
    font-family: var(--mt-font-mono);
    font-size: .72rem;
    background: var(--mt-gray-50);
    padding: .1rem .4rem;
    border-radius: 4px;
    color: var(--mt-body-color);
    align-self: flex-start;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.dh-grupo-nombre[b-02zdvafcgz] {
    font-size: .85rem;
    color: var(--mt-heading-color);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dh-grupo.active .dh-grupo-nombre[b-02zdvafcgz] {
    color: #fff;
}

.dh-grupo-del[b-02zdvafcgz] {
    background: transparent;
    border: none;
    color: var(--mt-muted-color);
    cursor: pointer;
    padding: .25rem .4rem;
    border-radius: 4px;
    font-size: .8rem;
    opacity: 0;
    transition: opacity .12s, color .12s;
}

.dh-grupo:hover .dh-grupo-del[b-02zdvafcgz] {
    opacity: 1;
}

.dh-grupo-del:hover[b-02zdvafcgz] {
    color: var(--mt-error, #e53935);
    background: rgba(229, 57, 53, .08);
}

.dh-grupo.active .dh-grupo-del[b-02zdvafcgz] {
    opacity: 1;
    color: rgba(255, 255, 255, .7);
}

.dh-grupo.active .dh-grupo-del:hover[b-02zdvafcgz] {
    color: #fff;
    background: rgba(255, 255, 255, .15);
}

/* ── Panel items ─────────────────────────────────────────────── */
.dh-items[b-02zdvafcgz] {
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    box-shadow: var(--mt-shadow-xs);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 400px;
}

.dh-items-head[b-02zdvafcgz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: .75rem 1rem;
    background: var(--mt-gray-50);
    border-bottom: 1px solid var(--mt-border-color);
}

.dh-items-titulo[b-02zdvafcgz] {
    color: var(--mt-body-color);
    font-size: .82rem;
    margin-right: .4rem;
}

.dh-items-codigo[b-02zdvafcgz] {
    font-family: var(--mt-font-mono);
    font-size: .82rem;
    background: var(--mt-paper-bg);
    padding: .15rem .5rem;
    border-radius: 4px;
    color: var(--mt-heading-color);
    border: 1px solid var(--mt-border-color);
}

.dh-search-wrap[b-02zdvafcgz] {
    position: relative;
    width: 280px;
}

.dh-search-icon[b-02zdvafcgz] {
    position: absolute;
    top: 50%;
    left: .65rem;
    transform: translateY(-50%);
    color: var(--mt-muted-color);
    font-size: .8rem;
}

.dh-search-input[b-02zdvafcgz] {
    width: 100%;
    padding: .4rem .7rem .4rem 2rem;
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    color: var(--mt-heading-color);
    font-size: .82rem;
    outline: none;
    transition: border-color .12s;
}

.dh-search-input:focus[b-02zdvafcgz] {
    border-color: var(--mt-primary);
}

/* ── Tabla items ─────────────────────────────────────────────── */
.dh-table[b-02zdvafcgz] {
    width: 100%;
    border-collapse: collapse;
    font-size: .85rem;
}

.dh-table thead th[b-02zdvafcgz] {
    text-align: left;
    padding: .5rem .75rem;
    background: var(--mt-paper-bg);
    color: var(--mt-body-color);
    font-weight: 600;
    text-transform: uppercase;
    font-size: .72rem;
    letter-spacing: .5px;
    border-bottom: 2px solid var(--mt-border-color);
    position: sticky;
    top: 0;
}

.dh-table tbody td[b-02zdvafcgz] {
    padding: .55rem .75rem;
    border-bottom: 1px solid var(--mt-border-color);
    color: var(--mt-heading-color);
}

.dh-table tbody tr:hover[b-02zdvafcgz] {
    background: var(--mt-gray-50);
}

.dh-table code[b-02zdvafcgz] {
    font-family: var(--mt-font-mono);
    font-size: .78rem;
    color: var(--mt-body-color);
}

.dh-c-num[b-02zdvafcgz] { width: 70px; text-align: right; font-variant-numeric: tabular-nums; }
.dh-c-codigo[b-02zdvafcgz] { width: 150px; }
.dh-c-bool[b-02zdvafcgz] { width: 60px; text-align: center; }
.dh-c-acc[b-02zdvafcgz] { width: 90px; text-align: right; }

.dh-bool-icon[b-02zdvafcgz] {
    color: var(--mt-primary);
    font-size: .9rem;
}

.dh-btn-edit[b-02zdvafcgz], .dh-btn-del[b-02zdvafcgz] {
    background: transparent;
    border: none;
    color: var(--mt-muted-color);
    cursor: pointer;
    padding: .3rem .45rem;
    border-radius: 4px;
    margin-left: .15rem;
    font-size: .8rem;
    transition: color .12s, background .12s;
}

.dh-btn-edit:hover[b-02zdvafcgz] {
    color: var(--mt-primary);
    background: rgba(105, 108, 255, .08);
}

.dh-btn-del:hover[b-02zdvafcgz] {
    color: var(--mt-error, #e53935);
    background: rgba(229, 57, 53, .08);
}

/* ── Estados ─────────────────────────────────────────────────── */
.dh-loading[b-02zdvafcgz], .dh-empty[b-02zdvafcgz], .dh-placeholder[b-02zdvafcgz] {
    padding: 2rem;
    text-align: center;
    color: var(--mt-muted-color);
    font-size: .9rem;
}

.dh-placeholder i[b-02zdvafcgz] {
    margin-right: .5rem;
    color: var(--mt-primary);
}

.prm-spinner[b-02zdvafcgz] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid var(--mt-border-color);
    border-top-color: var(--mt-primary);
    border-radius: 50%;
    animation: prm-spin-b-02zdvafcgz .8s linear infinite;
    vertical-align: middle;
    margin-right: .4rem;
}

@keyframes prm-spin-b-02zdvafcgz {
    to { transform: rotate(360deg); }
}
/* /Components/Pages/Costeo/CosteoGeneralPage.razor.rz.scp.css */
.ct-empty[b-06wejlhint] {
    padding: 2rem 1rem;
    text-align: center;
    color: var(--mt-muted-color);
    background: var(--mt-paper-bg);
    border: 1px dashed var(--mt-border-color);
    border-radius: var(--mt-radius);
}

.ct-empty-title[b-06wejlhint] {
    margin: 0 0 .25rem;
    font-weight: 700;
    color: var(--mt-heading-color);
}

.ct-empty-subtitle[b-06wejlhint] { margin: 0; font-size: .85rem; }

.ct-toolbar[b-06wejlhint] {
    display: flex;
    gap: .55rem;
    align-items: center;
    margin: 1rem 0;
    flex-wrap: wrap;
}

.ct-input[b-06wejlhint] {
    height: 38px;
    padding: 0 .75rem;
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    background: var(--mt-gray-50);
    color: var(--mt-heading-color);
    font-family: var(--mt-font);
    font-size: .85rem;
}

.ct-btn-recalc[b-06wejlhint] {
    height: 38px;
    padding: 0 1rem;
    border-radius: var(--mt-radius);
    background: var(--mt-primary-subtle);
    color: var(--mt-primary);
    border: 1px solid rgba(var(--mt-primary-rgb), .3);
    font-weight: 600;
    cursor: pointer;
    font-family: var(--mt-font);
}

.ct-area-card[b-06wejlhint] {
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    padding: 1rem;
    margin-bottom: .85rem;
}

.ct-area-head[b-06wejlhint] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px dashed var(--mt-border-color);
    padding-bottom: .55rem;
    margin-bottom: .65rem;
}

.ct-area-name[b-06wejlhint] {
    margin: 0;
    font-size: 1rem;
    color: var(--mt-heading-color);
}

.ct-area-total[b-06wejlhint] {
    font-family: var(--mt-font-mono);
    font-weight: 700;
    color: var(--mt-primary);
}

.ct-table-wrap[b-06wejlhint] { overflow-x: auto; }

.ct-table[b-06wejlhint] {
    width: 100%;
    border-collapse: collapse;
    font-size: .82rem;
}

.ct-table th[b-06wejlhint], .ct-table td[b-06wejlhint] {
    padding: .55rem .65rem;
    border-bottom: 1px solid var(--mt-border-color);
    text-align: left;
}

.ct-table th[b-06wejlhint] {
    color: var(--mt-muted-color);
    font-weight: 700;
    font-size: .68rem;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.ct-table .text-right[b-06wejlhint] { text-align: right; }
.ct-table .text-danger[b-06wejlhint] { color: var(--mt-danger); }

.ct-emp[b-06wejlhint] { color: var(--mt-heading-color); font-weight: 600; }
.ct-emp-meta[b-06wejlhint] { color: var(--mt-muted-color); font-size: .72rem; }
.ct-cell-neto[b-06wejlhint] { color: var(--mt-primary); font-weight: 700; font-family: var(--mt-font-mono); }
/* /Components/Pages/Dev/Logs/CompartirLogsDialog.razor.rz.scp.css */
.cl-dialog[b-b76kg62f1a] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: .25rem 0;
    font-family: var(--mt-font);
    color: var(--mt-heading-color);
}

.cl-hero[b-b76kg62f1a] {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: 1rem 1.1rem;
    border-radius: var(--mt-radius);
    background: linear-gradient(135deg,
        rgba(var(--mt-primary-rgb), .14) 0%,
        rgba(var(--mt-primary-rgb), .06) 100%);
    border: 1px solid rgba(var(--mt-primary-rgb), .28);
}

.cl-hero__icon[b-b76kg62f1a] {
    font-size: 2rem;
    flex-shrink: 0;
}

.cl-hero__kicker[b-b76kg62f1a] {
    font-size: .65rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: var(--mt-primary);
    display: block;
    margin-bottom: .1rem;
}

.cl-hero__title[b-b76kg62f1a] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--mt-heading-color);
}

.cl-stats[b-b76kg62f1a] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .55rem;
}

.cl-stat[b-b76kg62f1a] {
    background: var(--mt-gray-50);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    padding: .55rem .7rem;
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.cl-stat__label[b-b76kg62f1a] {
    font-size: .65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--mt-muted-color);
}

.cl-stat__value[b-b76kg62f1a] {
    font-family: var(--mt-font-mono);
    font-weight: 700;
    color: var(--mt-heading-color);
    font-size: 1.05rem;
}

.cl-field[b-b76kg62f1a] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.cl-label[b-b76kg62f1a] {
    font-size: .68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--mt-muted-color);
}

.cl-url-wrap[b-b76kg62f1a] {
    display: flex;
    gap: .4rem;
}

.cl-url-input[b-b76kg62f1a] {
    flex: 1;
    min-width: 0;
    min-height: 42px;
    padding: .62rem .78rem;
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    background: var(--mt-gray-50);
    color: var(--mt-heading-color);
    font-family: var(--mt-font-mono);
    font-size: .78rem;
    outline: none;
    box-sizing: border-box;
}

.cl-url-input:focus[b-b76kg62f1a] {
    border-color: var(--mt-primary);
    box-shadow: 0 0 0 3px rgba(var(--mt-primary-rgb), .18);
}

.cl-btn-copy[b-b76kg62f1a] {
    padding: 0 .9rem;
    min-height: 42px;
    background: var(--mt-primary-subtle);
    color: var(--mt-primary);
    border: 1px solid rgba(var(--mt-primary-rgb), .3);
    border-radius: var(--mt-radius);
    font-weight: 600;
    font-size: .82rem;
    cursor: pointer;
    font-family: var(--mt-font);
    white-space: nowrap;
    flex-shrink: 0;
    transition: background .15s;
}

.cl-btn-copy:hover[b-b76kg62f1a] {
    background: rgba(var(--mt-primary-rgb), .18);
}

.cl-hint[b-b76kg62f1a] {
    font-size: .72rem;
    color: var(--mt-warning);
    font-style: italic;
}

.cl-actions[b-b76kg62f1a] {
    display: flex;
    justify-content: flex-end;
    gap: .55rem;
    padding-top: .35rem;
    border-top: 1px dashed var(--mt-border-color);
    flex-wrap: wrap;
}

.cl-btn-primary[b-b76kg62f1a], .cl-btn-ghost[b-b76kg62f1a] {
    min-height: 42px;
    padding: .55rem 1.1rem;
    border-radius: var(--mt-radius);
    font-size: .85rem;
    font-weight: 600;
    font-family: var(--mt-font);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 1px solid transparent;
}

.cl-btn-primary[b-b76kg62f1a] {
    background: var(--mt-primary);
    color: #fff;
    border-color: var(--mt-primary);
}

.cl-btn-primary:hover[b-b76kg62f1a] {
    background: var(--mt-primary-hover);
}

.cl-btn-ghost[b-b76kg62f1a] {
    background: transparent;
    color: var(--mt-body-color);
    border-color: var(--mt-border-color);
}

.cl-btn-ghost:hover[b-b76kg62f1a] {
    border-color: var(--mt-primary);
    color: var(--mt-primary);
}

@media (max-width: 640px) {
    .cl-stats[b-b76kg62f1a] { grid-template-columns: 1fr; }
    .cl-url-wrap[b-b76kg62f1a] { flex-direction: column; }
    .cl-btn-copy[b-b76kg62f1a] { width: 100%; }
    .cl-actions[b-b76kg62f1a] { flex-direction: column-reverse; }
    .cl-btn-primary[b-b76kg62f1a], .cl-btn-ghost[b-b76kg62f1a] { width: 100%; }
}
/* /Components/Pages/Dev/MaestroMenus/MantenimientoMenusPage.razor.rz.scp.css */
/* ── Header sticky glassmorphic ─────────────────────────────────────
   Full-bleed: los márgenes negativos extienden el fondo más allá del
   padding del .bj-wrapper; el padding interno compensa para alinear
   con el contenido. Blur + fondo translúcido = estética sleek sin
   tapar completamente el contenido que pasa debajo. */
[b-wtjcafo07j] .bj-header {
    position: sticky;
    top: 0;
    z-index: 20;

    /* Extender más allá del padding del wrapper */
    margin: -1.5rem -1.5rem 1.25rem;
    padding: 1rem 1.5rem;

    /* Glassmorphism */
    background: color-mix(in srgb, var(--mt-body-bg) 82%, transparent);
    -webkit-backdrop-filter: saturate(140%) blur(14px);
    backdrop-filter: saturate(140%) blur(14px);

    /* Borde sutil + sombra para elevar cuando hay scroll */
    border-bottom: 1px solid rgba(var(--mt-primary-rgb), .14);
    box-shadow: 0 6px 18px -10px rgba(15, 17, 26, .55),
                0 1px 0 0 rgba(var(--mt-primary-rgb), .08) inset;

    transition: box-shadow .18s ease, border-color .18s ease;
}

/* Responsive: en móvil el wrapper usa padding .75rem */
@media (max-width: 560px) {
    [b-wtjcafo07j] .bj-header {
        margin: -.75rem -.75rem 1rem;
        padding: .85rem .75rem;
    }
}

/* Barra de selección masiva también pegajosa, debajo del header */
.mm-bulk-bar[b-wtjcafo07j] {
    position: sticky;
    top: 78px;
    z-index: 19;
    background: color-mix(in srgb, var(--mt-primary-subtle) 92%, var(--mt-body-bg));
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow: 0 6px 14px -12px rgba(var(--mt-primary-rgb), .4);
}

.mm-header-actions[b-wtjcafo07j] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}

.mm-btn-select[b-wtjcafo07j] {
    height: 38px;
    padding: 0 .95rem;
    border-radius: var(--mt-radius);
    background: transparent;
    color: var(--mt-body-color);
    border: 1px solid var(--mt-border-color);
    font-weight: 600;
    font-size: .85rem;
    cursor: pointer;
    font-family: var(--mt-font);
    transition: background .15s, border-color .15s, color .15s;
}

.mm-btn-select:hover[b-wtjcafo07j] {
    background: var(--mt-primary-subtle);
    border-color: var(--mt-primary);
    color: var(--mt-primary);
}

.mm-bulk-bar[b-wtjcafo07j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .65rem .9rem;
    margin: .85rem 0;
    background: var(--mt-primary-subtle);
    border: 1px solid rgba(var(--mt-primary-rgb), .3);
    border-radius: var(--mt-radius);
    flex-wrap: wrap;
}

.mm-bulk-count[b-wtjcafo07j] {
    font-weight: 700;
    color: var(--mt-primary);
    font-size: .9rem;
}

.mm-bulk-actions[b-wtjcafo07j] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
}

.mm-btn-ghost[b-wtjcafo07j], .mm-btn-primary[b-wtjcafo07j] {
    height: 38px;
    padding: 0 1rem;
    border-radius: var(--mt-radius);
    font-weight: 600;
    font-size: .85rem;
    cursor: pointer;
    font-family: var(--mt-font);
    border: 1px solid transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.mm-btn-primary[b-wtjcafo07j] {
    background: var(--mt-primary);
    color: #fff;
}

.mm-btn-primary:hover:not(:disabled)[b-wtjcafo07j] { background: var(--mt-primary-hover); }
.mm-btn-primary:disabled[b-wtjcafo07j] { opacity: .55; cursor: not-allowed; }

.mm-btn-ghost[b-wtjcafo07j] {
    background: transparent;
    color: var(--mt-body-color);
    border-color: var(--mt-border-color);
}

.mm-btn-ghost:hover[b-wtjcafo07j] {
    border-color: var(--mt-primary);
    color: var(--mt-primary);
}

@media (max-width: 640px) {
    .mm-bulk-bar[b-wtjcafo07j] { flex-direction: column; align-items: stretch; }
    .mm-btn-ghost[b-wtjcafo07j], .mm-btn-primary[b-wtjcafo07j] { width: 100%; }
}
/* /Components/Pages/Dev/MaestroMenus/MoverMenusDialog.razor.rz.scp.css */
.mm-dialog[b-1oesjrwxyn] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: .25rem 0;
    font-family: var(--mt-font);
    color: var(--mt-heading-color);
    max-height: calc(100dvh - 8rem);
    overflow: hidden;
}

.mm-dialog > *[b-1oesjrwxyn] { flex-shrink: 0; }

.mm-info[b-1oesjrwxyn] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    padding: .75rem;
    background: var(--mt-primary-subtle);
    border: 1px solid rgba(var(--mt-primary-rgb), .3);
    border-radius: var(--mt-radius);
}

.mm-info__count[b-1oesjrwxyn] {
    font-weight: 700;
    color: var(--mt-primary);
    font-size: .88rem;
}

.mm-info__hint[b-1oesjrwxyn] {
    font-size: .78rem;
    color: var(--mt-body-color);
}

.mm-picker[b-1oesjrwxyn] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    padding: .5rem;
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    background: var(--mt-paper-bg);
    max-height: 400px;
    overflow-y: auto;
    flex-shrink: 1;
}

.mm-tree[b-1oesjrwxyn] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    padding-top: .3rem;
    margin-top: .3rem;
    border-top: 1px dashed var(--mt-border-color);
}

.mm-opt[b-1oesjrwxyn] {
    display: flex;
    align-items: center;
    gap: .45rem;
    padding: .35rem .55rem;
    border-radius: var(--mt-radius);
    cursor: pointer;
    transition: background .12s;
    font-size: .85rem;
    color: var(--mt-heading-color);
}

.mm-opt:hover:not(.is-disabled)[b-1oesjrwxyn] {
    background: var(--mt-gray-100);
}

.mm-opt.is-active[b-1oesjrwxyn] {
    background: rgba(var(--mt-primary-rgb), .12);
    color: var(--mt-primary);
    font-weight: 600;
}

.mm-opt.is-disabled[b-1oesjrwxyn] {
    opacity: .45;
    cursor: not-allowed;
}

.mm-opt input[type=radio][b-1oesjrwxyn] {
    accent-color: var(--mt-primary);
    flex-shrink: 0;
}

.mm-opt__label[b-1oesjrwxyn] {
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mm-opt__tag[b-1oesjrwxyn] {
    margin-left: .4rem;
    font-size: .68rem;
    padding: .1rem .4rem;
    border-radius: 999px;
    background: var(--mt-warning-subtle);
    color: var(--mt-warning);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.mm-opt__tag--muted[b-1oesjrwxyn] {
    background: var(--mt-gray-100);
    color: var(--mt-muted-color);
}

.mm-actions[b-1oesjrwxyn] {
    display: flex;
    justify-content: flex-end;
    gap: .55rem;
}

.mm-btn[b-1oesjrwxyn] {
    min-height: 42px;
    padding: .55rem 1.1rem;
    border-radius: var(--mt-radius);
    font-size: .85rem;
    font-weight: 600;
    font-family: var(--mt-font);
    cursor: pointer;
    border: 1px solid transparent;
}

.mm-btn--primary[b-1oesjrwxyn] {
    background: var(--mt-primary);
    color: #fff;
}

.mm-btn--primary:hover:not(:disabled)[b-1oesjrwxyn] { background: var(--mt-primary-hover); }

.mm-btn--primary:disabled[b-1oesjrwxyn] { opacity: .55; cursor: not-allowed; }

.mm-btn--ghost[b-1oesjrwxyn] {
    background: transparent;
    color: var(--mt-body-color);
    border-color: var(--mt-border-color);
}

.mm-btn--ghost:hover[b-1oesjrwxyn] {
    border-color: var(--mt-primary);
    color: var(--mt-primary);
}
/* /Components/Pages/Disponibilidad/DisponibilidadEquipoPage.razor.rz.scp.css */
.dp-toolbar[b-8gsqdb7xt6] {
    display: flex;
    align-items: center;
    gap: .65rem;
    margin: 1rem 0;
    flex-wrap: wrap;
}

.dp-date[b-8gsqdb7xt6], .dp-scope[b-8gsqdb7xt6] {
    height: 38px;
    padding: 0 .75rem;
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    background: var(--mt-gray-50);
    color: var(--mt-heading-color);
    font-family: var(--mt-font);
    font-size: .85rem;
}

.dp-btn-hoy[b-8gsqdb7xt6] {
    height: 38px;
    padding: 0 1rem;
    border-radius: var(--mt-radius);
    background: var(--mt-primary-subtle);
    color: var(--mt-primary);
    border: 1px solid rgba(var(--mt-primary-rgb), .3);
    font-weight: 600;
    cursor: pointer;
    font-family: var(--mt-font);
}

.dp-empty[b-8gsqdb7xt6] {
    padding: 2rem 1rem;
    text-align: center;
    color: var(--mt-muted-color);
    background: var(--mt-paper-bg);
    border: 1px dashed var(--mt-border-color);
    border-radius: var(--mt-radius);
}

.dp-grid[b-8gsqdb7xt6] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: .65rem;
}

.dp-row[b-8gsqdb7xt6] {
    display: flex;
    align-items: center;
    gap: .8rem;
    padding: .85rem 1rem;
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
}

.dp-row--vacaciones[b-8gsqdb7xt6] {
    border-color: rgba(var(--mt-info-rgb), .35);
    background: linear-gradient(180deg, var(--mt-info-subtle) 0%, var(--mt-paper-bg) 60%);
}

.dp-row--permiso[b-8gsqdb7xt6] {
    border-color: rgba(var(--mt-warning-rgb), .35);
    background: linear-gradient(180deg, var(--mt-warning-subtle) 0%, var(--mt-paper-bg) 60%);
}

.dp-row__avatar[b-8gsqdb7xt6] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(var(--mt-primary-rgb), .18);
    border: 1.5px solid rgba(var(--mt-primary-rgb), .35);
    color: var(--mt-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    flex-shrink: 0;
}

.dp-row__info[b-8gsqdb7xt6] {
    flex: 1;
    min-width: 0;
}

.dp-row__name[b-8gsqdb7xt6] {
    font-weight: 700;
    color: var(--mt-heading-color);
    font-size: .9rem;
    line-height: 1.2;
}

.dp-row__meta[b-8gsqdb7xt6] {
    font-size: .76rem;
    color: var(--mt-body-color);
    margin-top: .15rem;
}

.dp-row__detalle[b-8gsqdb7xt6] {
    font-size: .78rem;
    color: var(--mt-muted-color);
    margin-top: .25rem;
    font-style: italic;
}

.dp-estado[b-8gsqdb7xt6] {
    font-size: .68rem;
    font-weight: 700;
    padding: .25rem .65rem;
    border-radius: 999px;
    text-transform: uppercase;
    letter-spacing: .04em;
    flex-shrink: 0;
    white-space: nowrap;
}

.dp-estado--disponible[b-8gsqdb7xt6] {
    background: var(--mt-success-subtle);
    color: var(--mt-success);
    border: 1px solid rgba(var(--mt-success-rgb), .35);
}

.dp-estado--permiso[b-8gsqdb7xt6] {
    background: var(--mt-warning-subtle);
    color: var(--mt-warning);
    border: 1px solid rgba(var(--mt-warning-rgb), .35);
}

.dp-estado--vacaciones[b-8gsqdb7xt6] {
    background: var(--mt-info-subtle);
    color: var(--mt-info);
    border: 1px solid rgba(var(--mt-info-rgb), .35);
}
/* /Components/Pages/Empleado/EditarDataEmpleado.razor.rz.scp.css */
/* ── Widget de gamificación: franja compacta expandible ──────── */

.ep-points-strip[b-fdyse4ovmn] {
    margin: 1.25rem 0 1.5rem;
    border: 1px solid rgba(var(--mt-success-rgb), .35);
    border-radius: var(--mt-radius);
    background:
        radial-gradient(120% 140% at 100% 0%, rgba(var(--mt-success-rgb), .14), transparent 55%),
        radial-gradient(140% 140% at 0% 100%, rgba(var(--mt-primary-rgb), .08), transparent 55%),
        var(--mt-paper-bg);
    overflow: hidden;
    transition: box-shadow .2s ease;
}

.ep-points-strip.is-expanded[b-fdyse4ovmn] { box-shadow: 0 10px 28px rgba(0, 0, 0, .22); }

/* Botón-franja */
.ep-strip[b-fdyse4ovmn] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 1.1rem;
    width: 100%;
    padding: .85rem 1.15rem;
    border: 0;
    background: transparent;
    cursor: pointer;
    text-align: left;
    color: var(--mt-heading-color);
    font-family: var(--mt-font);
    transition: background .15s ease;
}

.ep-strip:hover[b-fdyse4ovmn] { background: rgba(var(--mt-success-rgb), .04); }

/* Bloque izquierdo: puntos */
.ep-strip__left[b-fdyse4ovmn] { display: flex; flex-direction: column; gap: .05rem; min-width: 120px; }

.ep-strip__num[b-fdyse4ovmn] {
    font-family: var(--mt-font-mono), var(--mt-font);
    font-size: clamp(1.6rem, 3.2vw, 2.2rem);
    font-weight: 900;
    letter-spacing: -.02em;
    line-height: 1;
    color: var(--mt-success);
    text-shadow: 0 0 18px rgba(var(--mt-success-rgb), .35);
    white-space: nowrap;
}

.ep-strip__unit[b-fdyse4ovmn] {
    font-size: .48em;
    font-weight: 700;
    color: var(--mt-body-color);
    margin-left: .2rem;
    text-shadow: none;
}

.ep-strip__lbl[b-fdyse4ovmn] {
    font-size: .64rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--mt-muted-color);
}

/* Bloque central: ranking */
.ep-strip__mid[b-fdyse4ovmn] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.ep-strip__rank-me[b-fdyse4ovmn] {
    display: inline-flex;
    align-items: baseline;
    gap: .35rem;
    padding: .3rem .65rem;
    border-radius: 999px;
    background: rgba(var(--mt-primary-rgb), .12);
    border: 1px solid rgba(var(--mt-primary-rgb), .35);
}

.ep-strip__pos[b-fdyse4ovmn] {
    font-family: var(--mt-font-mono), var(--mt-font);
    font-weight: 900;
    font-size: 1.05rem;
    color: var(--mt-primary);
}

.ep-strip__you[b-fdyse4ovmn] {
    font-size: .58rem;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
    background: var(--mt-primary);
    color: #fff;
    padding: .1rem .4rem;
    border-radius: 999px;
}

.ep-strip__of[b-fdyse4ovmn] {
    font-size: .72rem;
    color: var(--mt-muted-color);
    font-weight: 600;
}

.ep-strip__top3[b-fdyse4ovmn] {
    display: inline-flex;
    gap: .35rem;
}

.ep-strip__mini[b-fdyse4ovmn] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .18rem .45rem .18rem .2rem;
    border-radius: 999px;
    background: var(--mt-gray-50);
    border: 1px solid var(--mt-border-color);
    font-size: .72rem;
    font-family: var(--mt-font-mono), var(--mt-font);
    color: var(--mt-body-color);
    font-weight: 800;
}

.ep-strip__mini.is-me[b-fdyse4ovmn] {
    border-color: var(--mt-primary);
    background: rgba(var(--mt-primary-rgb), .08);
}

.ep-strip__mini-avatar[b-fdyse4ovmn] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    overflow: hidden;
    background: var(--mt-primary);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .62rem;
    font-weight: 800;
}
.ep-strip__mini-avatar img[b-fdyse4ovmn] { width: 100%; height: 100%; object-fit: cover; }

.ep-strip__mini-pts[b-fdyse4ovmn] { color: var(--mt-success); }

/* Bloque derecho: caret */
.ep-strip__caret[b-fdyse4ovmn] {
    display: inline-flex;
    width: 28px;
    height: 28px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--mt-muted-color);
    transition: transform .2s ease, color .2s ease;
}
.ep-strip__caret svg[b-fdyse4ovmn] { width: 16px; height: 16px; }
.ep-strip__caret.is-up[b-fdyse4ovmn] { transform: rotate(180deg); color: var(--mt-primary); }

/* Panel expandido */
.ep-strip__panel[b-fdyse4ovmn] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    padding: 0 1.15rem 1.1rem;
    border-top: 1px solid var(--mt-border-color);
    margin-top: -.25rem;
    padding-top: 1rem;
    animation: ep-strip-slide-b-fdyse4ovmn .22s ease;
}

@keyframes ep-strip-slide-b-fdyse4ovmn {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}

@media (max-width: 860px) {
    .ep-strip__panel[b-fdyse4ovmn] { grid-template-columns: 1fr; }
    .ep-strip[b-fdyse4ovmn] { gap: .7rem; padding: .75rem .85rem; }
    .ep-strip__top3[b-fdyse4ovmn] { display: none; }
}

.ep-strip__col[b-fdyse4ovmn] { display: flex; flex-direction: column; gap: .5rem; }

.ep-strip__col-title[b-fdyse4ovmn] {
    font-size: .66rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--mt-muted-color);
}

.ep-strip__empty[b-fdyse4ovmn] {
    padding: .9rem;
    font-size: .8rem;
    color: var(--mt-muted-color);
    text-align: center;
    background: var(--mt-gray-50);
    border: 1px dashed var(--mt-border-color);
    border-radius: calc(var(--mt-radius) - 2px);
}

.ep-strip__list[b-fdyse4ovmn] { display: flex; flex-direction: column; gap: .35rem; }

.ep-strip__item[b-fdyse4ovmn] {
    display: flex;
    flex-direction: column;
    gap: .1rem;
    padding: .4rem .55rem;
    border-radius: calc(var(--mt-radius) - 2px);
    background: rgba(var(--mt-success-rgb), .05);
    border: 1px solid rgba(var(--mt-success-rgb), .15);
}

.ep-strip__item-title[b-fdyse4ovmn] {
    font-size: .84rem;
    font-weight: 700;
    color: var(--mt-heading-color);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ep-strip__item-meta[b-fdyse4ovmn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .72rem;
    color: var(--mt-muted-color);
    font-family: var(--mt-font-mono), var(--mt-font);
}

.ep-strip__chip[b-fdyse4ovmn] {
    color: var(--mt-success);
    font-weight: 800;
    padding: .1rem .45rem;
    background: var(--mt-success-subtle);
    border: 1px solid rgba(var(--mt-success-rgb), .35);
    border-radius: 999px;
}

.ep-rank-list[b-fdyse4ovmn] {
    list-style: none;
    margin: .7rem 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.ep-rank-row[b-fdyse4ovmn] {
    display: grid;
    grid-template-columns: 40px 32px 1fr auto;
    align-items: center;
    gap: .65rem;
    padding: .45rem .55rem;
    border: 1px solid transparent;
    border-radius: calc(var(--mt-radius) - 2px);
    background: var(--mt-gray-50);
    transition: border-color .15s ease, transform .15s ease;
}

.ep-rank-row:hover[b-fdyse4ovmn] {
    transform: translateX(2px);
}

.ep-rank-row.is-me[b-fdyse4ovmn] {
    border-color: var(--mt-primary);
    background: rgba(var(--mt-primary-rgb), .08);
    box-shadow: 0 0 0 2px rgba(var(--mt-primary-rgb), .14);
}

.ep-rank-pos[b-fdyse4ovmn] {
    font-family: var(--mt-font-mono), var(--mt-font);
    font-weight: 800;
    font-size: .85rem;
    color: var(--mt-muted-color);
}

.ep-rank-row.is-me .ep-rank-pos[b-fdyse4ovmn] { color: var(--mt-primary); }

.ep-rank-avatar[b-fdyse4ovmn] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
    background: var(--mt-primary);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: .78rem;
}
.ep-rank-avatar img[b-fdyse4ovmn] { width: 100%; height: 100%; object-fit: cover; }

.ep-rank-name[b-fdyse4ovmn] {
    font-size: .88rem;
    font-weight: 700;
    color: var(--mt-heading-color);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: .4rem;
}

.ep-rank-you[b-fdyse4ovmn] {
    font-size: .6rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-weight: 900;
    color: #fff;
    background: var(--mt-primary);
    padding: .1rem .4rem;
    border-radius: 999px;
}

.ep-rank-points[b-fdyse4ovmn] {
    font-family: var(--mt-font-mono), var(--mt-font);
    font-weight: 800;
    color: var(--mt-success);
    font-size: .95rem;
    white-space: nowrap;
}
.ep-rank-points span[b-fdyse4ovmn] { font-size: .65em; color: var(--mt-body-color); font-weight: 700; margin-left: .15rem; }


/* ================================================================
   TAB FAMILIAR — Flujo condicional (pareja, hijos, derechohabientes)
   ================================================================ */

/* Subsecciones dentro del card Familiar */
.ep-subhead[b-fdyse4ovmn] {
    display: flex;
    align-items: center;
    gap: .6rem;
    margin: 1.25rem 0 .75rem;
    padding-bottom: .5rem;
    border-bottom: 1px dashed var(--mt-border-color);
}
.ep-subhead:first-of-type[b-fdyse4ovmn] { margin-top: .5rem; }
.ep-subhead h3[b-fdyse4ovmn] {
    margin: 0;
    font-size: .9rem;
    font-weight: 700;
    color: var(--mt-heading-color);
    letter-spacing: -.01em;
}
.ep-subhead__ico[b-fdyse4ovmn] {
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: var(--mt-primary-light);
    font-size: .9rem;
}

/* ── Teléfono con código de país ── */
.ep-phone[b-fdyse4ovmn] {
    display: flex;
    gap: 6px;
    align-items: stretch;
}
.ep-phone__cc[b-fdyse4ovmn] {
    flex: 0 0 auto;
    min-width: 108px;
    padding: 0 .6rem;
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius, 6px);
    background: var(--mt-paper-bg);
    color: var(--mt-heading-color);
    font-family: var(--mt-font-mono), var(--mt-font);
    font-size: .82rem;
    font-weight: 600;
    cursor: pointer;
    transition: border-color .15s ease, box-shadow .15s ease;
}
.ep-phone__cc:focus[b-fdyse4ovmn] {
    outline: none;
    border-color: var(--mt-primary);
    box-shadow: 0 0 0 3px var(--mt-primary-light);
}
.ep-phone__num[b-fdyse4ovmn] { flex: 1 1 auto; min-width: 0; }

/* ── Bloque condicional (estado civil con pareja, tiene hijos, etc.) ── */
.ep-cond[b-fdyse4ovmn] {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: max-height .28s cubic-bezier(.4,0,.2,1), opacity .22s ease;
}
.ep-cond.is-open[b-fdyse4ovmn] {
    max-height: 6000px;
    opacity: 1;
}
.ep-cond__inner[b-fdyse4ovmn] {
    padding: 1rem 1.05rem;
    margin-top: .6rem;
    border-radius: var(--mt-radius-lg, 8px);
    background: linear-gradient(180deg,
        color-mix(in srgb, var(--mt-primary) 6%, transparent) 0%,
        transparent 100%);
    border: 1px solid var(--mt-border-color);
    border-left: 3px solid var(--mt-primary);
}

/* ── Banner de nota (Essalud, derechohabiente, etc.) ── */
.ep-note[b-fdyse4ovmn] {
    display: flex;
    align-items: flex-start;
    gap: .6rem;
    padding: .7rem .9rem;
    margin: .6rem 0 .85rem;
    border-radius: var(--mt-radius, 6px);
    background: var(--mt-primary-subtle);
    border: 1px solid color-mix(in srgb, var(--mt-primary) 20%, transparent);
    color: var(--mt-heading-color);
    font-size: .82rem;
    line-height: 1.45;
}
.ep-note b[b-fdyse4ovmn] { color: var(--mt-primary); font-weight: 700; }
.ep-note__ico[b-fdyse4ovmn] {
    flex: 0 0 auto;
    font-size: 1rem;
    line-height: 1;
    margin-top: 1px;
}
.ep-note--ok[b-fdyse4ovmn] {
    background: var(--mt-success-subtle);
    border-color: color-mix(in srgb, var(--mt-success) 25%, transparent);
}
.ep-note--ok b[b-fdyse4ovmn] { color: var(--mt-success); }
.ep-note--info[b-fdyse4ovmn] {
    background: var(--mt-info-subtle);
    border-color: color-mix(in srgb, var(--mt-info) 25%, transparent);
}
.ep-note--info b[b-fdyse4ovmn] { color: var(--mt-info); }

/* ── Toggle Sí/No ── */
.ep-toggle[b-fdyse4ovmn] {
    display: inline-flex;
    gap: 0;
    border: 1px solid var(--mt-border-color);
    border-radius: 999px;
    padding: 3px;
    background: var(--mt-paper-bg);
    width: fit-content;
}
.ep-toggle__btn[b-fdyse4ovmn] {
    border: none;
    background: transparent;
    padding: .45rem 1.4rem;
    font-family: var(--mt-font);
    font-weight: 600;
    font-size: .82rem;
    color: var(--mt-body-color);
    border-radius: 999px;
    cursor: pointer;
    transition: all .18s ease;
    min-width: 76px;
}
.ep-toggle__btn:hover[b-fdyse4ovmn] { color: var(--mt-heading-color); }
.ep-toggle__btn.is-on[b-fdyse4ovmn] {
    background: var(--mt-primary);
    color: #fff;
    box-shadow: 0 2px 8px color-mix(in srgb, var(--mt-primary) 35%, transparent);
}

/* ── Quantity stepper (cantidad de hijos) ── */
.ep-qty[b-fdyse4ovmn] {
    margin-bottom: 1rem;
    max-width: 260px;
}
.ep-qty__row[b-fdyse4ovmn] {
    display: flex;
    align-items: stretch;
    gap: 0;
    margin-top: .35rem;
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius, 6px);
    overflow: hidden;
    background: var(--mt-paper-bg);
}
.ep-qty__btn[b-fdyse4ovmn] {
    flex: 0 0 auto;
    width: 42px;
    border: none;
    background: var(--mt-gray-50);
    color: var(--mt-heading-color);
    font-size: 1.1rem;
    font-weight: 700;
    cursor: pointer;
    transition: background .15s ease, color .15s ease;
}
.ep-qty__btn:hover:not(:disabled)[b-fdyse4ovmn] {
    background: var(--mt-primary-light);
    color: var(--mt-primary);
}
.ep-qty__btn:disabled[b-fdyse4ovmn] { opacity: .4; cursor: not-allowed; }
.ep-qty__inp[b-fdyse4ovmn] {
    flex: 1 1 auto;
    min-width: 0;
    border: none;
    border-left: 1px solid var(--mt-border-color);
    border-right: 1px solid var(--mt-border-color);
    padding: .45rem .6rem;
    text-align: center;
    font-family: var(--mt-font-mono), var(--mt-font);
    font-weight: 700;
    font-size: .95rem;
    color: var(--mt-heading-color);
    background: transparent;
    cursor: default;
    user-select: none;
}
.ep-qty__inp:focus[b-fdyse4ovmn] { outline: none; }
.ep-qty__inp[b-fdyse4ovmn]::-webkit-outer-spin-button,
.ep-qty__inp[b-fdyse4ovmn]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.ep-qty__inp[type="number"][b-fdyse4ovmn] { -moz-appearance: textfield; }

/* ── Card individual de hijo ── */
.ep-hijo[b-fdyse4ovmn] {
    position: relative;
    padding: 1rem 1.1rem;
    margin: .9rem 0;
    border-radius: var(--mt-radius-lg, 10px);
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    box-shadow: var(--mt-shadow-xs);
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.ep-hijo:hover[b-fdyse4ovmn] {
    border-color: color-mix(in srgb, var(--mt-primary) 40%, var(--mt-border-color));
    box-shadow: var(--mt-shadow-sm);
    transform: translateY(-1px);
}
.ep-hijo__head[b-fdyse4ovmn] {
    display: flex;
    align-items: center;
    gap: .7rem;
    padding-bottom: .75rem;
    margin-bottom: .85rem;
    border-bottom: 1px dashed var(--mt-border-color);
}
.ep-hijo__badge[b-fdyse4ovmn] {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--mt-font-mono), var(--mt-font);
    font-weight: 800;
    font-size: .85rem;
    color: #fff;
    background: linear-gradient(135deg, var(--mt-primary), var(--mt-primary-hover));
    box-shadow: 0 3px 10px color-mix(in srgb, var(--mt-primary) 35%, transparent);
    letter-spacing: -.02em;
}
.ep-hijo__title[b-fdyse4ovmn] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .55rem;
    flex-wrap: wrap;
}
.ep-hijo__title strong[b-fdyse4ovmn] {
    font-size: .92rem;
    font-weight: 700;
    color: var(--mt-heading-color);
    line-height: 1.2;
}
.ep-hijo__chip[b-fdyse4ovmn] {
    display: inline-flex;
    align-items: center;
    padding: .18rem .55rem;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
    font-family: var(--mt-font-mono), var(--mt-font);
}
.ep-hijo__chip.is-adult[b-fdyse4ovmn] {
    background: var(--mt-primary-light);
    color: var(--mt-primary);
    border: 1px solid color-mix(in srgb, var(--mt-primary) 30%, transparent);
}
.ep-hijo__chip.is-minor[b-fdyse4ovmn] {
    background: var(--mt-info-light);
    color: var(--mt-info);
    border: 1px solid color-mix(in srgb, var(--mt-info) 30%, transparent);
}
.ep-hijo__del[b-fdyse4ovmn] {
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    border: 1px solid var(--mt-border-color);
    border-radius: 8px;
    background: transparent;
    color: var(--mt-muted-color);
    font-size: .95rem;
    font-weight: 700;
    cursor: pointer;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.ep-hijo__del:hover[b-fdyse4ovmn] {
    border-color: var(--mt-danger);
    color: var(--mt-danger);
    background: var(--mt-danger-subtle);
}

.ep-hijo__adult[b-fdyse4ovmn] {
    margin-top: .95rem;
    padding-top: .85rem;
    border-top: 1px dashed var(--mt-border-color);
}

/* Checkbox "Estudia" */
.ep-check[b-fdyse4ovmn] {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    padding: .55rem .8rem;
    margin: .5rem 0 .7rem;
    border-radius: var(--mt-radius, 6px);
    background: var(--mt-gray-50);
    border: 1px solid var(--mt-border-color);
    cursor: pointer;
    font-size: .85rem;
    color: var(--mt-heading-color);
    font-weight: 500;
    transition: all .15s ease;
    user-select: none;
}
.ep-check:hover[b-fdyse4ovmn] {
    border-color: color-mix(in srgb, var(--mt-primary) 40%, var(--mt-border-color));
    background: var(--mt-primary-subtle);
}
.ep-check input[type="checkbox"][b-fdyse4ovmn] {
    width: 16px;
    height: 16px;
    accent-color: var(--mt-primary);
    cursor: pointer;
}

/* Mobile adjustments */
@media (max-width: 600px) {
    .ep-phone__cc[b-fdyse4ovmn] { min-width: 92px; font-size: .76rem; }
    .ep-hijo[b-fdyse4ovmn] { padding: .85rem .8rem; }
    .ep-hijo__head[b-fdyse4ovmn] { gap: .5rem; }
    .ep-hijo__badge[b-fdyse4ovmn] { width: 30px; height: 30px; font-size: .78rem; }
    .ep-hijo__title[b-fdyse4ovmn] { gap: .4rem; }
    .ep-hijo__title strong[b-fdyse4ovmn] { font-size: .85rem; }
    .ep-qty[b-fdyse4ovmn] { max-width: 100%; }
}
/* /Components/Pages/Empleado/HorarioSvg.razor.rz.scp.css */
.horario-svg-wrap[b-2roc7pgbet] {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: var(--mt-paper-bg);
    box-shadow: 0 1px 3px rgba(0,0,0,.04), 0 4px 12px rgba(0,0,0,.03);
}

.horario-svg[b-2roc7pgbet] {
    display: block;
    min-width: 680px;
    width: 100%;
    height: auto;
}
/* /Components/Pages/HomeEjecutivo/AmyAsistentePanel.razor.rz.scp.css */
.amy-panel[b-zyqomgbtyu] {
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius, 6px);
    padding: 1.1rem;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    box-shadow: var(--mt-shadow-xs);
    position: sticky;
    top: 1rem;
    align-self: start;
}

.amy-head[b-zyqomgbtyu] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding-bottom: 0.7rem;
    border-bottom: 1px solid var(--mt-border-color);
}

.amy-avatar[b-zyqomgbtyu] {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--mt-primary);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.78rem;
    font-weight: 800;
    flex-shrink: 0;
    position: relative;
}

.amy-avatar.is-thinking[b-zyqomgbtyu]::before,
.amy-avatar.is-thinking[b-zyqomgbtyu]::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 2px solid var(--mt-primary);
    opacity: 0;
    animation: amy-avatar-pulse-b-zyqomgbtyu 1.6s ease-out infinite;
    pointer-events: none;
}

.amy-avatar.is-thinking[b-zyqomgbtyu]::after {
    animation-delay: 0.8s;
}

@keyframes amy-avatar-pulse-b-zyqomgbtyu {
    0%   { transform: scale(1);   opacity: 0.55; }
    80%  { transform: scale(1.55); opacity: 0; }
    100% { transform: scale(1.55); opacity: 0; }
}

.amy-title[b-zyqomgbtyu] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
}

.amy-title h3[b-zyqomgbtyu] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--mt-heading-color);
}

.amy-subtitle[b-zyqomgbtyu] {
    font-size: 0.72rem;
    color: var(--mt-muted-color);
}

.amy-saludo[b-zyqomgbtyu] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    background: var(--mt-gray-50);
    border-radius: var(--mt-radius, 6px);
    padding: 0.6rem 0.75rem;
}

.amy-saludo-text[b-zyqomgbtyu] {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--mt-heading-color);
}

.amy-saludo-sub[b-zyqomgbtyu] {
    font-size: 0.72rem;
    color: var(--mt-muted-color);
}

.amy-loading[b-zyqomgbtyu],
.amy-empty[b-zyqomgbtyu] {
    text-align: center;
    padding: 1rem 0.5rem;
    color: var(--mt-muted-color);
    font-size: 0.78rem;
}

.amy-loading[b-zyqomgbtyu] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
}

.amy-loading-text[b-zyqomgbtyu] {
    color: var(--mt-muted-color);
}

.amy-loading-dots[b-zyqomgbtyu] {
    display: inline-flex;
    align-items: flex-end;
    gap: 3px;
    height: 0.78rem;
}

.amy-loading-dots span[b-zyqomgbtyu] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--mt-primary);
    animation: amy-dot-bounce-b-zyqomgbtyu 1.1s ease-in-out infinite;
}

.amy-loading-dots span:nth-child(2)[b-zyqomgbtyu] {
    animation-delay: 0.18s;
}

.amy-loading-dots span:nth-child(3)[b-zyqomgbtyu] {
    animation-delay: 0.36s;
}

@keyframes amy-dot-bounce-b-zyqomgbtyu {
    0%, 80%, 100% { transform: translateY(0);    opacity: 0.45; }
    40%           { transform: translateY(-4px); opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .amy-avatar.is-thinking[b-zyqomgbtyu]::before,
    .amy-avatar.is-thinking[b-zyqomgbtyu]::after,
    .amy-loading-dots span[b-zyqomgbtyu] {
        animation: none;
    }
}

.amy-suggestions[b-zyqomgbtyu] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.amy-suggestion[b-zyqomgbtyu] {
    display: flex;
    gap: 0.55rem;
    align-items: flex-start;
    padding: 0.55rem 0.7rem;
    background: var(--mt-gray-50);
    border-radius: var(--mt-radius, 6px);
    border-left: 3px solid var(--mt-primary);
}

.amy-suggestion--ok[b-zyqomgbtyu] {
    border-left-color: var(--mt-success);
}

.amy-suggestion--warn[b-zyqomgbtyu] {
    border-left-color: var(--mt-warning);
}

.amy-suggestion--up[b-zyqomgbtyu] {
    border-left-color: var(--mt-primary);
}

.amy-suggestion--info[b-zyqomgbtyu] {
    border-left-color: var(--mt-info, var(--mt-primary));
}

.amy-icon[b-zyqomgbtyu] {
    flex-shrink: 0;
    font-size: 0.95rem;
    line-height: 1.2;
}

.amy-text[b-zyqomgbtyu] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    font-size: 0.78rem;
    color: var(--mt-body-color);
    min-width: 0;
}

.amy-text strong[b-zyqomgbtyu] {
    font-weight: 700;
    font-size: 0.8rem;
    color: var(--mt-heading-color);
}

.amy-cache-pill[b-zyqomgbtyu] {
    font-size: 0.68rem;
    color: var(--mt-muted-color);
    text-align: center;
    font-style: italic;
}

.amy-cta[b-zyqomgbtyu] {
    height: 38px;
    padding: 0 1rem;
    border: none;
    border-radius: var(--mt-radius, 6px);
    background: var(--mt-primary);
    color: #fff;
    font-size: 0.85rem;
    font-weight: 700;
    cursor: pointer;
    font-family: inherit;
    transition: background 0.15s;
}

.amy-cta:hover[b-zyqomgbtyu] {
    background: var(--mt-primary-hover, var(--mt-primary));
}

@media (max-width: 1024px) {
    .amy-panel[b-zyqomgbtyu] {
        position: static;
    }
}
/* /Components/Pages/HomeEjecutivo/DashboardEjecutivoHome.razor.rz.scp.css */
.dej-wrap[b-lxjxr5douo] {
    padding: 1.25rem 1.5rem 2rem;
    max-width: 1600px;
    margin: 0 auto;
    font-family: var(--mt-font, 'Inter', system-ui, sans-serif);
    color: var(--mt-heading-color);
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
}

.dej-header[b-lxjxr5douo] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--mt-border-color);
}

.dej-eyebrow[b-lxjxr5douo] {
    display: block;
    font-size: 0.7rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--mt-muted-color);
    margin-bottom: 0.25rem;
}

.dej-title[b-lxjxr5douo] {
    margin: 0;
    font-size: clamp(1.4rem, 3.2vw, 1.85rem);
    font-weight: 800;
    color: var(--mt-heading-color);
    letter-spacing: -0.01em;
}

.dej-subtitle[b-lxjxr5douo] {
    margin: 0.25rem 0 0;
    font-size: 0.85rem;
    color: var(--mt-body-color);
}

.dej-status-pill[b-lxjxr5douo] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.3rem 0.75rem;
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--mt-body-color);
}

.dej-status-dot[b-lxjxr5douo] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--mt-success);
    flex-shrink: 0;
}

.dej-placeholder[b-lxjxr5douo] {
    background: var(--mt-paper-bg);
    border: 1px dashed var(--mt-border-color);
    border-radius: var(--mt-radius, 6px);
    padding: 1.25rem;
    color: var(--mt-body-color);
    font-size: 0.85rem;
}

.dej-placeholder p[b-lxjxr5douo] {
    margin: 0;
}

.dej-loading[b-lxjxr5douo] {
    text-align: center;
    padding: 2.5rem 1rem;
    color: var(--mt-body-color);
    font-size: 0.9rem;
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius, 6px);
}

.dej-kpis-grid[b-lxjxr5douo] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.85rem;
}

.dej-kpi-card[b-lxjxr5douo] {
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius, 6px);
    padding: 0.95rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    box-shadow: var(--mt-shadow-xs);
    min-width: 0;
}

.dej-kpi-head[b-lxjxr5douo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.dej-kpi-label[b-lxjxr5douo] {
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: var(--mt-muted-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dej-kpi-icon[b-lxjxr5douo] {
    width: 28px;
    height: 28px;
    border-radius: var(--mt-radius, 6px);
    background: var(--mt-primary-light);
    flex-shrink: 0;
}

.dej-kpi-value[b-lxjxr5douo] {
    font-size: 1.55rem;
    font-weight: 800;
    color: var(--mt-heading-color);
    letter-spacing: -0.02em;
    line-height: 1.1;
}

.dej-kpi-meta[b-lxjxr5douo] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    font-size: 0.7rem;
    color: var(--mt-muted-color);
}

.dej-kpi-meta-item[b-lxjxr5douo] {
    line-height: 1.3;
}

.dej-kpi-delta[b-lxjxr5douo] {
    font-weight: 700;
    font-size: 0.7rem;
}

.dej-kpi-delta--up[b-lxjxr5douo] {
    color: var(--mt-success);
}

.dej-kpi-delta--down[b-lxjxr5douo] {
    color: var(--mt-danger);
}

/* Acentos por KPI — usan variantes Materio sin colores hardcoded */
.dej-kpi-asistencia .dej-kpi-icon[b-lxjxr5douo]     { background: var(--mt-success-light); }
.dej-kpi-horas_utiles .dej-kpi-icon[b-lxjxr5douo]   { background: var(--mt-info-light, var(--mt-primary-light)); }
.dej-kpi-tareas_cerradas .dej-kpi-icon[b-lxjxr5douo]{ background: var(--mt-warning-light); }
.dej-kpi-sla .dej-kpi-icon[b-lxjxr5douo]            { background: var(--mt-success-light); }
.dej-kpi-sobrecargados .dej-kpi-icon[b-lxjxr5douo]  { background: var(--mt-danger-light, var(--mt-warning-light)); }
.dej-kpi-rentabilidad .dej-kpi-icon[b-lxjxr5douo]   { background: var(--mt-primary-light); }

/* ── 2-col layout (main + AMY lateral) ──────────────────────── */
.dej-main-cols[b-lxjxr5douo] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 1.1rem;
    align-items: start;
}

.dej-main[b-lxjxr5douo] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

.dej-aside[b-lxjxr5douo] {
    min-width: 0;
}

/* ── Panels grid ─────────────────────────────────────────────── */
.dej-panels-grid[b-lxjxr5douo] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.95rem;
}

.dej-panel[b-lxjxr5douo] {
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius, 6px);
    padding: 1rem 1.1rem;
    box-shadow: var(--mt-shadow-xs);
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    min-width: 0;
}

.dej-panel-head h3[b-lxjxr5douo] {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--mt-heading-color);
}

.dej-empty[b-lxjxr5douo] {
    text-align: center;
    padding: 1.2rem 0.5rem;
    color: var(--mt-muted-color);
    font-size: 0.78rem;
}

/* ── Tendencia (mini bar chart) ──────────────────────────────── */
.dej-trend[b-lxjxr5douo] {
    display: flex;
    gap: 0.35rem;
    align-items: flex-end;
    height: 130px;
    padding-top: 1.1rem;
}

.dej-trend-col[b-lxjxr5douo] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    min-width: 0;
    gap: 0.2rem;
}

.dej-trend-val[b-lxjxr5douo] {
    font-size: 0.62rem;
    font-weight: 700;
    color: var(--mt-body-color);
}

.dej-trend-bar[b-lxjxr5douo] {
    width: 100%;
    background: var(--mt-primary);
    border-radius: 3px 3px 0 0;
    min-height: 8px;
    transition: opacity 0.2s;
}

.dej-trend-col:hover .dej-trend-bar[b-lxjxr5douo] {
    opacity: 0.85;
}

.dej-trend-label[b-lxjxr5douo] {
    font-size: 0.6rem;
    color: var(--mt-muted-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.dej-trend-label--hidden[b-lxjxr5douo] {
    visibility: hidden;
}

.dej-trend-meta[b-lxjxr5douo] {
    font-size: 0.7rem;
    color: var(--mt-muted-color);
    text-align: right;
}

/* ── Bars (Horas vs Meta) ────────────────────────────────────── */
.dej-bars[b-lxjxr5douo] {
    display: flex;
    gap: 0.45rem;
    align-items: flex-end;
    height: 160px;
    padding-top: 0.5rem;
}

.dej-bar-group[b-lxjxr5douo] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    gap: 0.2rem;
    min-width: 0;
}

.dej-bar-val[b-lxjxr5douo] {
    font-size: 0.7rem;
    font-weight: 700;
    color: var(--mt-body-color);
}

.dej-bar-stack[b-lxjxr5douo] {
    width: 100%;
    flex: 1;
    position: relative;
    display: flex;
    align-items: flex-end;
}

.dej-bar-meta[b-lxjxr5douo] {
    position: absolute;
    bottom: 0;
    left: 10%;
    right: 10%;
    background: var(--mt-border-color);
    border-radius: 3px 3px 0 0;
    opacity: 0.6;
}

.dej-bar-real[b-lxjxr5douo] {
    position: relative;
    z-index: 1;
    width: 70%;
    margin: 0 auto;
    background: var(--mt-primary);
    border-radius: 3px 3px 0 0;
    min-height: 4px;
}

.dej-bar-label[b-lxjxr5douo] {
    font-size: 0.65rem;
    color: var(--mt-muted-color);
    white-space: nowrap;
}

/* ── Horizontal bars (Productividad por Área, Líder) ─────────── */
.dej-hbar-list[b-lxjxr5douo] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.dej-hbar[b-lxjxr5douo] {
    display: grid;
    grid-template-columns: 100px 1fr auto;
    gap: 0.6rem;
    align-items: center;
    font-size: 0.78rem;
}

.dej-hbar-label[b-lxjxr5douo] {
    color: var(--mt-body-color);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dej-hbar-track[b-lxjxr5douo] {
    height: 8px;
    background: var(--mt-gray-50);
    border-radius: 999px;
    overflow: hidden;
}

.dej-hbar-track--thin[b-lxjxr5douo] {
    height: 5px;
}

.dej-hbar-fill[b-lxjxr5douo] {
    height: 100%;
    background: var(--mt-primary);
    border-radius: 999px;
}

.dej-hbar-value[b-lxjxr5douo] {
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--mt-body-color);
    white-space: nowrap;
}

/* ── Donut placeholder (CSS conic gradient) ──────────────────── */
.dej-donut-row[b-lxjxr5douo] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.dej-donut[b-lxjxr5douo] {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: conic-gradient(var(--mt-primary) 0% 100%);
    -webkit-mask: radial-gradient(circle, transparent 55%, black 56%);
            mask: radial-gradient(circle, transparent 55%, black 56%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.dej-donut[b-lxjxr5douo]::after {
    content: attr(data-num);
    position: absolute;
}

.dej-donut-num[b-lxjxr5douo] {
    font-size: 1.15rem;
    font-weight: 800;
    color: var(--mt-heading-color);
}

.dej-donut-sub[b-lxjxr5douo] {
    font-size: 0.65rem;
    color: var(--mt-muted-color);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.dej-donut-sla[b-lxjxr5douo] {
    background: conic-gradient(var(--mt-success) 0% 87%, var(--mt-warning) 87% 96%, var(--mt-danger) 96% 100%);
}

.dej-donut-carga[b-lxjxr5douo] {
    background: conic-gradient(var(--mt-success) 0% 60%, var(--mt-warning) 60% 80%, var(--mt-danger) 80% 100%);
}

.dej-legend[b-lxjxr5douo] {
    list-style: none;
    margin: 0;
    padding: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    font-size: 0.78rem;
    color: var(--mt-body-color);
}

.dej-legend strong[b-lxjxr5douo] {
    margin-left: auto;
    color: var(--mt-heading-color);
}

.dej-legend li[b-lxjxr5douo] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.dej-legend-total[b-lxjxr5douo] {
    margin-top: 0.35rem;
    color: var(--mt-muted-color);
    font-size: 0.72rem;
}

.dej-dot[b-lxjxr5douo] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    flex-shrink: 0;
}

.dej-dot--ok[b-lxjxr5douo] { background: var(--mt-success); }
.dej-dot--warn[b-lxjxr5douo] { background: var(--mt-warning); }
.dej-dot--err[b-lxjxr5douo] { background: var(--mt-danger); }

/* ── Líder list ──────────────────────────────────────────────── */
.dej-leader-list[b-lxjxr5douo] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.dej-leader[b-lxjxr5douo] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.dej-leader-avatar[b-lxjxr5douo] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--mt-primary-light);
    color: var(--mt-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    font-weight: 700;
    flex-shrink: 0;
}

.dej-leader-body[b-lxjxr5douo] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.dej-leader-name[b-lxjxr5douo] {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--mt-heading-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dej-leader-h[b-lxjxr5douo] {
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--mt-body-color);
}

/* ── Pendientes críticos ─────────────────────────────────────── */
.dej-criticos[b-lxjxr5douo] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.dej-critico[b-lxjxr5douo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.55rem 0.7rem;
    background: var(--mt-gray-50);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius, 6px);
}

.dej-critico-info[b-lxjxr5douo] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.dej-critico-titulo[b-lxjxr5douo] {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--mt-heading-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dej-critico-venc[b-lxjxr5douo] {
    font-size: 0.7rem;
    color: var(--mt-muted-color);
}

.dej-critico-pill[b-lxjxr5douo] {
    flex-shrink: 0;
    background: var(--mt-warning-light);
    color: var(--mt-warning);
    font-size: 0.7rem;
    font-weight: 700;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
}

/* ── Responsive ──────────────────────────────────────────────── */
@media (max-width: 1280px) {
    .dej-main-cols[b-lxjxr5douo] {
        grid-template-columns: 1fr;
    }

    .dej-kpis-grid[b-lxjxr5douo] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .dej-panels-grid[b-lxjxr5douo] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .dej-wrap[b-lxjxr5douo] {
        padding: 1rem;
    }

    .dej-kpis-grid[b-lxjxr5douo] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.6rem;
    }

    .dej-kpi-value[b-lxjxr5douo] {
        font-size: 1.3rem;
    }

    .dej-panels-grid[b-lxjxr5douo] {
        grid-template-columns: 1fr;
    }

    .dej-hbar[b-lxjxr5douo] {
        grid-template-columns: 80px 1fr auto;
    }
}
/* /Components/Pages/HomeEjecutivo/FiltrosBarra.razor.rz.scp.css */
.fb-wrap[b-ehe6nesvcu] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius, 6px);
    padding: 1rem 1.1rem;
    box-shadow: var(--mt-shadow-xs);
}

.fb-row[b-ehe6nesvcu] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem;
    align-items: flex-end;
}

.fb-row-ops[b-ehe6nesvcu] {
    border-top: 1px solid var(--mt-border-color);
    padding-top: 0.85rem;
}

.fb-col[b-ehe6nesvcu] {
    flex: 1 1 160px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.fb-col-grow[b-ehe6nesvcu] {
    flex: 2 1 360px;
}

.fb-col-actualizacion[b-ehe6nesvcu] {
    flex: 1 1 220px;
}

.fb-col-action[b-ehe6nesvcu] {
    flex: 0 0 auto;
}

.fb-label[b-ehe6nesvcu] {
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--mt-muted-color);
}

.fb-period-chips[b-ehe6nesvcu] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.fb-chip[b-ehe6nesvcu] {
    padding: 0.45rem 0.9rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--mt-body-color);
    background: var(--mt-gray-50);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius, 6px);
    cursor: pointer;
    font-family: inherit;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
}

.fb-chip:hover[b-ehe6nesvcu] {
    background: var(--mt-gray-100);
    color: var(--mt-heading-color);
}

.fb-chip--active[b-ehe6nesvcu] {
    background: var(--mt-primary-light);
    border-color: var(--mt-primary);
    color: var(--mt-primary);
}

.fb-select[b-ehe6nesvcu],
.fb-input[b-ehe6nesvcu] {
    height: 38px;
    padding: 0 0.75rem;
    font-size: 0.85rem;
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius, 6px);
    background: var(--mt-gray-50);
    color: var(--mt-heading-color);
    outline: none;
    font-family: inherit;
    transition: border-color 0.15s, box-shadow 0.15s;
    width: 100%;
    box-sizing: border-box;
}

.fb-select:focus[b-ehe6nesvcu],
.fb-input:focus[b-ehe6nesvcu] {
    border-color: var(--mt-primary);
    box-shadow: 0 0 0 3px rgba(var(--mt-primary-rgb, 105, 108, 255), 0.12);
}

.fb-select:disabled[b-ehe6nesvcu] {
    opacity: 0.6;
    cursor: not-allowed;
}

.fb-status[b-ehe6nesvcu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    height: 38px;
    padding: 0 0.75rem;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--mt-body-color);
    background: var(--mt-gray-50);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius, 6px);
}

.fb-status-dot[b-ehe6nesvcu] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--mt-success);
    flex-shrink: 0;
}

.fb-refresh-btn[b-ehe6nesvcu] {
    margin-left: auto;
    background: transparent;
    border: none;
    color: var(--mt-body-color);
    cursor: pointer;
    font-size: 1.05rem;
    line-height: 1;
    padding: 0.15rem 0.35rem;
    border-radius: 4px;
    transition: background 0.15s, color 0.15s;
}

.fb-refresh-btn:hover[b-ehe6nesvcu] {
    background: var(--mt-gray-100);
    color: var(--mt-primary);
}

.fb-more-btn[b-ehe6nesvcu] {
    height: 38px;
    padding: 0 0.95rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--mt-body-color);
    background: var(--mt-gray-50);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius, 6px);
    cursor: pointer;
    font-family: inherit;
    transition: background 0.15s, color 0.15s;
    white-space: nowrap;
}

.fb-more-btn:hover[b-ehe6nesvcu] {
    background: var(--mt-gray-100);
    color: var(--mt-heading-color);
}

.fb-aviso[b-ehe6nesvcu] {
    background: var(--mt-warning-subtle, var(--mt-paper-bg));
    border: 1px solid var(--mt-warning-light, var(--mt-border-color));
    border-radius: var(--mt-radius, 6px);
    padding: 0.5rem 0.75rem;
    font-size: 0.75rem;
    color: var(--mt-warning, var(--mt-body-color));
}

@media (max-width: 768px) {
    .fb-wrap[b-ehe6nesvcu] {
        padding: 0.85rem;
    }

    .fb-period-chips[b-ehe6nesvcu] {
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 0.25rem;
    }

    .fb-chip[b-ehe6nesvcu] {
        flex-shrink: 0;
    }

    .fb-col[b-ehe6nesvcu] {
        flex: 1 1 100%;
    }

    .fb-col-actualizacion[b-ehe6nesvcu] {
        flex: 1 1 100%;
    }
}
/* /Components/Pages/Login/SeleccionarEmpresaPage.razor.rz.scp.css */
/* Panel derecho: centrado vertical + scroll si el contenido desborda */
.emp-panel[b-gtyy05q18w] {
    overflow-y: auto;
    max-height: 100vh;
    padding-top: 52px;
    padding-bottom: 52px;
}

/* ── Loading state ── */
.emp-loading[b-gtyy05q18w] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 24px 0;
    color: var(--mt-body-color);
    font-size: 0.85rem;
}

/* ── Estado vacío ── */
.emp-empty[b-gtyy05q18w] {
    text-align: center;
    padding: 28px 0 8px;
}

.emp-empty-icon[b-gtyy05q18w] {
    width: 56px;
    height: 56px;
    border-radius: 14px;
    background: var(--mt-primary-subtle);
    border: 1.5px solid var(--mt-primary-light);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
    color: var(--mt-primary);
}

.emp-empty-icon svg[b-gtyy05q18w] {
    width: 24px;
    height: 24px;
}

.emp-empty-title[b-gtyy05q18w] {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--mt-heading-color);
    margin: 0 0 6px;
}

.emp-empty-sub[b-gtyy05q18w] {
    font-size: 0.82rem;
    color: var(--mt-muted-color);
    line-height: 1.6;
    margin: 0 0 4px;
}

/* ── Lista de empresas ── */
.emp-list[b-gtyy05q18w] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 18px;
}

/* ── Card de empresa ── */
.emp-card[b-gtyy05q18w] {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 13px 14px;
    border: 1.5px solid var(--mt-border-color);
    border-radius: 8px;
    background: var(--mt-paper-bg);
    cursor: pointer;
    text-align: left;
    width: 100%;
    transition: border-color 0.15s, background 0.15s, box-shadow 0.15s, transform 0.12s;
    box-shadow: 0 1px 3px rgba(var(--mt-dark-rgb),0.06);
    font-family: inherit;
}

.emp-card:hover[b-gtyy05q18w] {
    border-color: rgba(var(--mt-primary-rgb), 0.6);
    background: var(--mt-gray-100, #363a50);
    box-shadow: 0 2px 8px rgba(var(--mt-primary-rgb),0.1);
    transform: translateY(-1px);
}

.emp-card--selected[b-gtyy05q18w] {
    border-color: var(--mt-primary) !important;
    background: var(--mt-primary-subtle) !important;
    box-shadow: 0 0 0 3px rgba(var(--mt-primary-rgb),0.1), 0 2px 8px rgba(var(--mt-primary-rgb),0.12) !important;
}

.emp-card-icon[b-gtyy05q18w] {
    width: 38px;
    height: 38px;
    border-radius: 9px;
    background: var(--mt-primary-subtle);
    border: 1px solid var(--mt-primary-light);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background 0.15s;
}

.emp-card--selected .emp-card-icon[b-gtyy05q18w] {
    background: var(--mt-primary-light);
    border-color: rgba(var(--mt-primary-rgb), 0.6);
}

.emp-card-icon svg[b-gtyy05q18w] {
    width: 17px;
    height: 17px;
    stroke: var(--mt-primary);
}

.emp-card-info[b-gtyy05q18w] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.emp-card-nombre[b-gtyy05q18w] {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--mt-heading-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.emp-card-ruc[b-gtyy05q18w] {
    font-size: 0.73rem;
    color: var(--mt-muted-color);
    font-weight: 500;
    letter-spacing: 0.03em;
}

.emp-card-check[b-gtyy05q18w] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: transparent;
    border: 2px solid var(--mt-border-color);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background 0.15s, border-color 0.15s;
}

.emp-card-check svg[b-gtyy05q18w] {
    width: 11px;
    height: 11px;
    stroke: transparent;
    transition: stroke 0.15s;
}

.emp-card-check--visible[b-gtyy05q18w] {
    background: var(--mt-primary);
    border-color: var(--mt-primary);
}

.emp-card-check--visible svg[b-gtyy05q18w] {
    stroke: #ffffff;
}

/* ── Botones del panel ── */
.emp-btn-ingresar[b-gtyy05q18w] {
    width: 100%;
    margin-bottom: 0;
}

.emp-btn-solicitar[b-gtyy05q18w] {
    width: 100%;
}

/* ── Back button ── */
.emp-back-btn[b-gtyy05q18w] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: transparent;
    border: none;
    color: var(--mt-body-color);
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
    padding: 0;
    transition: color 0.15s;
    font-family: inherit;
    letter-spacing: 0.02em;
}

.emp-back-btn:hover[b-gtyy05q18w] {
    color: var(--mt-primary);
}

/* ── Empresa encontrada (resultado de búsqueda) ── */
.emp-found-card[b-gtyy05q18w] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 14px;
    border: 1.5px solid var(--mt-primary-light);
    border-radius: 8px;
    background: var(--mt-primary-subtle);
    margin-bottom: 4px;
}

.emp-found-icon[b-gtyy05q18w] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: var(--mt-primary-light);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--mt-primary);
}

.emp-found-icon svg[b-gtyy05q18w] {
    width: 17px;
    height: 17px;
}

.emp-found-nombre[b-gtyy05q18w] {
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--mt-heading-color);
}

.emp-found-ruc[b-gtyy05q18w] {
    font-size: 0.72rem;
    color: rgba(var(--mt-primary-rgb), 0.5);
    font-weight: 500;
    margin-top: 2px;
}

.emp-found-clear[b-gtyy05q18w] {
    margin-left: auto;
    background: none;
    border: none;
    color: var(--mt-muted-color);
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    transition: color 0.15s;
    flex-shrink: 0;
}

.emp-found-clear:hover[b-gtyy05q18w] {
    color: var(--mt-danger);
}

/* ── Textarea de motivo ── */
.emp-textarea[b-gtyy05q18w] {
    width: 100%;
    background: var(--mt-paper-bg);
    border: 1.5px solid var(--mt-border-color);
    border-radius: 5px;
    color: var(--mt-heading-color);
    font-size: 0.88rem;
    padding: 11px 13px;
    outline: none;
    resize: vertical;
    min-height: 80px;
    font-family: inherit;
    transition: border-color 0.2s, box-shadow 0.2s;
    box-sizing: border-box;
    margin-top: 6px;
}

.emp-textarea[b-gtyy05q18w]::placeholder {
    color: var(--mt-muted-color);
}

.emp-textarea:focus[b-gtyy05q18w] {
    border-color: var(--mt-primary);
    box-shadow: 0 0 0 3px rgba(var(--mt-primary-rgb),0.09);
}
/* /Components/Pages/Minijuego/MinijuegoPalabraDelDia.razor.rz.scp.css */
.mpd-container[b-e8oxojzs5q] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 24px 16px 40px;
    min-height: 100vh;
    outline: none;
}

.mpd-header[b-e8oxojzs5q] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.mpd-title[b-e8oxojzs5q] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--mt-heading-color);
    margin: 0;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.mpd-info-btn[b-e8oxojzs5q] {
    background: none;
    border: none;
    color: var(--mt-muted-color);
    font-size: 1.2rem;
    cursor: pointer;
    padding: 4px;
    transition: color 0.2s;
}

.mpd-info-btn:hover[b-e8oxojzs5q] {
    color: var(--mt-primary);
}

.mpd-instrucciones[b-e8oxojzs5q] {
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    padding: 16px 20px;
    max-width: 360px;
    width: 100%;
    font-size: 0.875rem;
    color: var(--mt-body-color);
}

.mpd-instrucciones p[b-e8oxojzs5q] {
    margin: 0 0 10px;
}

.mpd-leyenda[b-e8oxojzs5q] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 6px;
}

/* ── Resultado banner ── */
.mpd-resultado[b-e8oxojzs5q] {
    padding: 12px 24px;
    border-radius: var(--mt-radius);
    font-size: 1rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
}

.mpd-ganado[b-e8oxojzs5q] {
    background: rgba(83, 141, 78, 0.15);
    color: #538d4e;
    border: 1px solid #538d4e;
}

.mpd-perdido[b-e8oxojzs5q] {
    background: rgba(220, 60, 60, 0.1);
    color: #e05555;
    border: 1px solid rgba(220, 60, 60, 0.3);
}

/* ── Grid ── */
.mpd-grid[b-e8oxojzs5q] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.mpd-row[b-e8oxojzs5q] {
    display: flex;
    gap: 6px;
}

.tile[b-e8oxojzs5q] {
    width: 62px;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    font-weight: 700;
    border-radius: var(--mt-radius);
    text-transform: uppercase;
    color: #fff;
    user-select: none;
    transition: background 0.2s;
}

.tile-empty[b-e8oxojzs5q] {
    border: 2px solid var(--mt-border-color);
    background: transparent;
    color: var(--mt-heading-color);
}

.tile-current[b-e8oxojzs5q] {
    border: 2px solid var(--mt-primary);
    background: transparent;
    color: var(--mt-heading-color);
}

.tile-correct[b-e8oxojzs5q] {
    background: #538d4e;
    border: 2px solid #538d4e;
}

.tile-present[b-e8oxojzs5q] {
    background: #b59f3b;
    border: 2px solid #b59f3b;
}

.tile-absent[b-e8oxojzs5q] {
    background: var(--mt-muted-color);
    border: 2px solid var(--mt-muted-color);
    color: var(--mt-paper-bg);
}

/* ── Keyboard ── */
.mpd-keyboard[b-e8oxojzs5q] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 8px;
}

.mpd-key-row[b-e8oxojzs5q] {
    display: flex;
    gap: 5px;
    justify-content: center;
}

.key-btn[b-e8oxojzs5q] {
    height: 58px;
    min-width: 42px;
    padding: 0 6px;
    border: none;
    border-radius: var(--mt-radius);
    background: var(--mt-gray-50);
    color: var(--mt-heading-color);
    font-size: 0.9rem;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
    text-transform: uppercase;
}

.key-btn:hover:not(:disabled)[b-e8oxojzs5q] {
    background: var(--mt-border-color);
}

.key-btn:disabled[b-e8oxojzs5q] {
    opacity: 0.45;
    cursor: default;
}

.key-wide[b-e8oxojzs5q] {
    min-width: 60px;
    font-size: 0.8rem;
}

.key-correct[b-e8oxojzs5q] {
    background: #538d4e;
    color: #fff;
}

.key-present[b-e8oxojzs5q] {
    background: #b59f3b;
    color: #fff;
}

.key-absent[b-e8oxojzs5q] {
    background: var(--mt-muted-color);
    color: var(--mt-paper-bg);
}

/* ── Misc ── */
.mpd-error[b-e8oxojzs5q] {
    color: #e05555;
    font-size: 0.85rem;
    text-align: center;
}

.mpd-loading[b-e8oxojzs5q] {
    color: var(--mt-muted-color);
    font-size: 1rem;
    margin-top: 40px;
}

/* ── Responsive ── */
@media (max-width: 480px) {
    .tile[b-e8oxojzs5q] {
        width: 48px;
        height: 48px;
        font-size: 1.25rem;
    }

    .key-btn[b-e8oxojzs5q] {
        height: 46px;
        min-width: 32px;
        padding: 0 4px;
        font-size: 0.78rem;
    }

    .key-wide[b-e8oxojzs5q] {
        min-width: 44px;
    }
}
/* /Components/Pages/Personal/ActivoDialog.razor.rz.scp.css */
.cdlg-form[b-be8eyfh88o] { display: flex; flex-direction: column; gap: .875rem; padding: .25rem 0; }

.cdlg-row[b-be8eyfh88o] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .875rem;
}

.cdlg-row:has(>.cdlg-field:nth-child(3))[b-be8eyfh88o] { grid-template-columns: 1fr 1fr 1fr; }

.cdlg-field[b-be8eyfh88o] { display: flex; flex-direction: column; gap: .35rem; }

.cdlg-field label[b-be8eyfh88o] { font-size: .78rem; color: var(--mt-muted-color); font-weight: 500; }

.cdlg-input[b-be8eyfh88o], .cdlg-select[b-be8eyfh88o], .cdlg-textarea[b-be8eyfh88o] {
    padding: .45rem .65rem;
    background: var(--mt-gray-50);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    color: var(--mt-heading-color);
    font-size: .875rem;
    outline: none;
    width: 100%;
    box-sizing: border-box;
    font-family: inherit;
}

.cdlg-input:focus[b-be8eyfh88o], .cdlg-select:focus[b-be8eyfh88o], .cdlg-textarea:focus[b-be8eyfh88o] { border-color: var(--mt-primary); }
.cdlg-textarea[b-be8eyfh88o] { resize: vertical; }
.cdlg-error[b-be8eyfh88o] { font-size: .73rem; color: #ff4c51; }

.cdlg-footer[b-be8eyfh88o] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
    padding-top: .5rem;
    border-top: 1px solid var(--mt-border-color);
}

.cdlg-btn-cancel[b-be8eyfh88o] {
    padding: .45rem 1rem;
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    background: transparent;
    color: var(--mt-body-color);
    font-size: .875rem;
    cursor: pointer;
}

.cdlg-btn-cancel:hover[b-be8eyfh88o] { border-color: var(--mt-primary); color: var(--mt-primary); }

.cdlg-btn-save[b-be8eyfh88o] {
    padding: .45rem 1.25rem;
    border: none;
    border-radius: var(--mt-radius);
    background: var(--mt-primary);
    color: #fff;
    font-size: .875rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: .4rem;
}

.cdlg-btn-save:disabled[b-be8eyfh88o] { opacity: .6; cursor: not-allowed; }

.cdlg-spinner[b-be8eyfh88o] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255,255,255,.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: adlg-spin-b-be8eyfh88o .7s linear infinite;
}

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

@media (max-width: 480px) {
    .cdlg-row[b-be8eyfh88o], .cdlg-row:has(>.cdlg-field:nth-child(3))[b-be8eyfh88o] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Personal/AlertasRrhhPage.razor.rz.scp.css */
/* ── Range selector ──────────────────────────────────────── */
.ar-range[b-g7mtob5lnh] {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .8rem;
    color: var(--mt-body-color);
}

.ar-select[b-g7mtob5lnh] {
    padding: .35rem .6rem;
    background: var(--mt-gray-50);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    color: var(--mt-heading-color);
    font-size: .8rem;
    outline: none;
    cursor: pointer;
}

/* ── Loading ─────────────────────────────────────────────── */
.ar-loading[b-g7mtob5lnh] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: 3rem 1.5rem;
    color: var(--mt-muted-color);
}

.ar-spinner[b-g7mtob5lnh] {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid var(--mt-border-color);
    border-top-color: var(--mt-primary);
    border-radius: 50%;
    animation: ar-spin-b-g7mtob5lnh .7s linear infinite;
}

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

/* ── Summary strip ───────────────────────────────────────── */
.ar-summary[b-g7mtob5lnh] {
    display: flex;
    gap: 1rem;
    padding: 0 1.5rem 1rem;
    flex-wrap: wrap;
}

.ar-summary-kpi[b-g7mtob5lnh] {
    flex: 1;
    min-width: 200px;
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    padding: .875rem 1rem;
    display: flex;
    align-items: center;
    gap: .875rem;
}

.ar-kpi-danger[b-g7mtob5lnh] { border-left: 4px solid #ff4c51; }

.ar-kpi-icon[b-g7mtob5lnh] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: var(--mt-gray-50);
    color: var(--mt-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
}

.ar-kpi-danger .ar-kpi-icon[b-g7mtob5lnh] { background: rgba(255, 76, 81, .12); color: #ff4c51; }

.ar-kpi-val[b-g7mtob5lnh] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--mt-heading-color);
    line-height: 1;
}

.ar-kpi-label[b-g7mtob5lnh] {
    font-size: .75rem;
    color: var(--mt-muted-color);
    margin-top: .25rem;
}

/* ── Grid of sections ────────────────────────────────────── */
.ar-grid[b-g7mtob5lnh] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
    gap: 1rem;
    padding: 0 1.5rem 1.5rem;
}

.ar-section[b-g7mtob5lnh] {
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.ar-section-wide[b-g7mtob5lnh] { grid-column: 1 / -1; }

.ar-section-header[b-g7mtob5lnh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .75rem 1rem;
    border-bottom: 1px solid var(--mt-border-color);
    background: var(--mt-gray-50);
}

.ar-section-title[b-g7mtob5lnh] {
    margin: 0;
    font-size: .9rem;
    font-weight: 600;
    color: var(--mt-heading-color);
    display: flex;
    align-items: center;
    gap: .5rem;
}

.ar-icon-bday[b-g7mtob5lnh]      { color: #ff9128; }
.ar-icon-anniv[b-g7mtob5lnh]     { color: #ffb400; }
.ar-icon-contract[b-g7mtob5lnh]  { color: var(--mt-primary); }
.ar-icon-probation[b-g7mtob5lnh] { color: #9c27b0; }
.ar-icon-absent[b-g7mtob5lnh]    { color: #ff4c51; }
.ar-icon-docs[b-g7mtob5lnh]      { color: #03c3ec; }

.ar-section-count[b-g7mtob5lnh] {
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    color: var(--mt-heading-color);
    padding: .15rem .55rem;
    border-radius: 10px;
    font-size: .72rem;
    font-weight: 600;
    min-width: 24px;
    text-align: center;
}

/* ── Item list ───────────────────────────────────────────── */
.ar-list[b-g7mtob5lnh] {
    display: flex;
    flex-direction: column;
    gap: 0;
    max-height: 360px;
    overflow-y: auto;
}

.ar-empty-inline[b-g7mtob5lnh] {
    padding: 1.5rem 1rem;
    text-align: center;
    color: var(--mt-muted-color);
    font-size: .78rem;
    font-style: italic;
}

.ar-item[b-g7mtob5lnh] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .625rem .875rem;
    border-bottom: 1px solid var(--mt-border-color);
    cursor: pointer;
    transition: background .15s;
}

.ar-item:last-child[b-g7mtob5lnh] { border-bottom: none; }
.ar-item:hover[b-g7mtob5lnh] { background: var(--mt-gray-50); }

.ar-item-today[b-g7mtob5lnh] {
    background: linear-gradient(90deg, rgba(255, 145, 40, .08), transparent);
    border-left: 3px solid #ff9128;
}

/* Criticality accents */
.ar-crit-critico[b-g7mtob5lnh]      { border-left: 3px solid #ff4c51; }
.ar-crit-urgente[b-g7mtob5lnh]      { border-left: 3px solid #ffb400; }
.ar-crit-advertencia[b-g7mtob5lnh]  { border-left: 3px solid #03c3ec; }
.ar-crit-informativo[b-g7mtob5lnh]  { border-left: 3px solid transparent; }

/* Avatar */
.ar-avatar[b-g7mtob5lnh] {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.ar-avatar-initials[b-g7mtob5lnh] {
    background: var(--mt-primary);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .78rem;
    font-weight: 600;
}

.ar-doc-badge[b-g7mtob5lnh] {
    width: 38px;
    height: 38px;
    border-radius: 6px;
    background: rgba(3, 195, 236, .12);
    color: #03c3ec;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .7rem;
    font-weight: 700;
    flex-shrink: 0;
    letter-spacing: .04em;
}

/* Item content */
.ar-item-info[b-g7mtob5lnh] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .1rem;
}

.ar-item-nombre[b-g7mtob5lnh] {
    font-size: .85rem;
    font-weight: 600;
    color: var(--mt-heading-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ar-item-sub[b-g7mtob5lnh] {
    font-size: .72rem;
    color: var(--mt-muted-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ar-tipo-contrato[b-g7mtob5lnh] {
    color: var(--mt-primary);
    font-weight: 500;
}

.ar-item-meta[b-g7mtob5lnh] {
    text-align: right;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: .15rem;
    align-items: flex-end;
}

.ar-item-titulo[b-g7mtob5lnh] {
    font-size: .78rem;
    font-weight: 600;
    color: var(--mt-heading-color);
}

.ar-item-submeta[b-g7mtob5lnh] {
    font-size: .68rem;
    color: var(--mt-muted-color);
}

.ar-hoy[b-g7mtob5lnh] {
    color: #ff9128;
    font-weight: 700;
}

/* Criticality badges */
.ar-crit-badge[b-g7mtob5lnh] {
    padding: .15rem .45rem;
    border-radius: 4px;
    font-size: .65rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.ar-badge-critico[b-g7mtob5lnh]     { background: rgba(255, 76, 81, .15);  color: #ff4c51; }
.ar-badge-urgente[b-g7mtob5lnh]     { background: rgba(255, 180, 0, .15);  color: #ffb400; }
.ar-badge-advertencia[b-g7mtob5lnh] { background: rgba(3, 195, 236, .12);  color: #03c3ec; }
.ar-badge-informativo[b-g7mtob5lnh] { background: var(--mt-gray-50);       color: var(--mt-muted-color); }

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 600px) {
    .ar-summary[b-g7mtob5lnh], .ar-grid[b-g7mtob5lnh] { padding-left: 1rem; padding-right: 1rem; }
    .ar-grid[b-g7mtob5lnh] { grid-template-columns: 1fr; }
    .ar-item-sub[b-g7mtob5lnh] { white-space: normal; }
}
/* /Components/Pages/Personal/AsignarActivoDialog.razor.rz.scp.css */
.aa-form[b-3cua3f5zzm] { display: flex; flex-direction: column; gap: .875rem; padding: .25rem 0; }

/* Activo info card */
.aa-activo-info[b-3cua3f5zzm] {
    background: var(--mt-gray-50);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    padding: .75rem 1rem;
}

.aa-activo-codigo[b-3cua3f5zzm] {
    font-size: .7rem;
    color: var(--mt-primary);
    font-family: var(--mt-font-mono);
    font-weight: 600;
    margin-bottom: .15rem;
}

.aa-activo-nombre[b-3cua3f5zzm] {
    font-size: .95rem;
    font-weight: 600;
    color: var(--mt-heading-color);
}

.aa-activo-sub[b-3cua3f5zzm] {
    font-size: .75rem;
    color: var(--mt-muted-color);
    margin-top: .15rem;
}

/* Fields */
.cdlg-field[b-3cua3f5zzm] { display: flex; flex-direction: column; gap: .35rem; }
.cdlg-field label[b-3cua3f5zzm] { font-size: .78rem; color: var(--mt-muted-color); font-weight: 500; }

.cdlg-input[b-3cua3f5zzm], .cdlg-textarea[b-3cua3f5zzm] {
    padding: .45rem .65rem;
    background: var(--mt-gray-50);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    color: var(--mt-heading-color);
    font-size: .875rem;
    outline: none;
    width: 100%;
    box-sizing: border-box;
    font-family: inherit;
}

.cdlg-input:focus[b-3cua3f5zzm], .cdlg-textarea:focus[b-3cua3f5zzm] { border-color: var(--mt-primary); }
.cdlg-textarea[b-3cua3f5zzm] { resize: vertical; }
.cdlg-error[b-3cua3f5zzm] { font-size: .73rem; color: #ff4c51; }

/* Employee list */
.aa-emp-loading[b-3cua3f5zzm] {
    padding: .75rem;
    color: var(--mt-muted-color);
    font-size: .8rem;
    text-align: center;
}

.aa-emp-list[b-3cua3f5zzm] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    max-height: 260px;
    overflow-y: auto;
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    padding: .35rem;
}

.aa-emp-card[b-3cua3f5zzm] {
    display: flex;
    align-items: center;
    gap: .625rem;
    padding: .45rem .55rem;
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    cursor: pointer;
    transition: all .15s;
}

.aa-emp-card:hover[b-3cua3f5zzm] {
    border-color: var(--mt-primary);
    background: var(--mt-gray-50);
}

.aa-emp-card.selected[b-3cua3f5zzm] {
    border-color: var(--mt-primary);
    background: rgba(105, 108, 255, .08);
}

.aa-emp-avatar[b-3cua3f5zzm] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--mt-primary);
    color: #fff;
    font-size: .7rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    object-fit: cover;
}

.aa-emp-info[b-3cua3f5zzm] {
    flex: 1;
    min-width: 0;
}

.aa-emp-name[b-3cua3f5zzm] {
    font-size: .82rem;
    font-weight: 600;
    color: var(--mt-heading-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.aa-emp-sub[b-3cua3f5zzm] {
    font-size: .7rem;
    color: var(--mt-muted-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.aa-check[b-3cua3f5zzm] {
    color: var(--mt-primary);
    font-size: .9rem;
}

/* Footer */
.cdlg-footer[b-3cua3f5zzm] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
    padding-top: .5rem;
    border-top: 1px solid var(--mt-border-color);
}

.cdlg-btn-cancel[b-3cua3f5zzm] {
    padding: .45rem 1rem;
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    background: transparent;
    color: var(--mt-body-color);
    font-size: .875rem;
    cursor: pointer;
}

.cdlg-btn-cancel:hover[b-3cua3f5zzm] { border-color: var(--mt-primary); color: var(--mt-primary); }

.cdlg-btn-save[b-3cua3f5zzm] {
    padding: .45rem 1.25rem;
    border: none;
    border-radius: var(--mt-radius);
    background: var(--mt-primary);
    color: #fff;
    font-size: .875rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: .4rem;
}

.cdlg-btn-save:disabled[b-3cua3f5zzm] { opacity: .6; cursor: not-allowed; }

.cdlg-spinner[b-3cua3f5zzm] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255,255,255,.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: aa-spin-b-3cua3f5zzm .7s linear infinite;
}

@keyframes aa-spin-b-3cua3f5zzm { to { transform: rotate(360deg); } }
/* /Components/Pages/Personal/BandejaActivosPage.razor.rz.scp.css */
/* ── KPIs ────────────────────────────────────────────────── */
.act-kpis[b-nus34mlfe3] {
    display: flex;
    gap: .75rem;
    padding: 0 1.5rem 1rem;
    flex-wrap: wrap;
}

.act-kpi[b-nus34mlfe3] {
    flex: 1;
    min-width: 130px;
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    padding: .65rem .9rem;
}

.act-kpi-val[b-nus34mlfe3] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--mt-heading-color);
    line-height: 1;
}

.act-kpi-primary .act-kpi-val[b-nus34mlfe3] { color: var(--mt-primary); }
.act-kpi-ok      .act-kpi-val[b-nus34mlfe3] { color: #71dd37; }
.act-kpi-warn    .act-kpi-val[b-nus34mlfe3] { color: #ffb400; }
.act-kpi-muted   .act-kpi-val[b-nus34mlfe3] { color: var(--mt-muted-color); }

.act-kpi-label[b-nus34mlfe3] {
    font-size: .72rem;
    color: var(--mt-muted-color);
    margin-top: .25rem;
}

/* ── Toolbar ─────────────────────────────────────────────── */
.act-toolbar[b-nus34mlfe3] { padding: 0 1.5rem 1rem; display: flex; gap: 1rem; flex-wrap: wrap; align-items: center; }

.act-search-wrap[b-nus34mlfe3] { position: relative; flex: 1; min-width: 200px; }

.act-search-icon[b-nus34mlfe3] {
    position: absolute;
    left: .75rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--mt-muted-color);
    font-size: .85rem;
    pointer-events: none;
}

.act-search-input[b-nus34mlfe3] {
    width: 100%;
    padding: .5rem .75rem .5rem 2.2rem;
    background: var(--mt-gray-50);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    color: var(--mt-heading-color);
    font-size: .875rem;
    outline: none;
    box-sizing: border-box;
}

.act-search-input:focus[b-nus34mlfe3] { border-color: var(--mt-primary); }

.act-filters[b-nus34mlfe3] { display: flex; gap: .5rem; flex-wrap: wrap; }

.act-select[b-nus34mlfe3] {
    padding: .45rem .75rem;
    background: var(--mt-gray-50);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    color: var(--mt-heading-color);
    font-size: .8rem;
    outline: none;
    cursor: pointer;
}

/* ── Loading ─────────────────────────────────────────────── */
.act-loading[b-nus34mlfe3] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: 3rem 1.5rem;
    color: var(--mt-muted-color);
}

.act-spinner[b-nus34mlfe3] {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid var(--mt-border-color);
    border-top-color: var(--mt-primary);
    border-radius: 50%;
    animation: act-spin-b-nus34mlfe3 .7s linear infinite;
}

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

/* ── Table ───────────────────────────────────────────────── */
.act-table-wrap[b-nus34mlfe3] {
    margin: 0 1.5rem 1.5rem;
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    overflow-x: auto;
}

.act-table[b-nus34mlfe3] {
    width: 100%;
    border-collapse: collapse;
    font-size: .84rem;
}

.act-table thead th[b-nus34mlfe3] {
    font-size: .7rem;
    font-weight: 600;
    color: var(--mt-muted-color);
    text-transform: uppercase;
    letter-spacing: .04em;
    text-align: left;
    padding: .65rem .85rem;
    border-bottom: 1px solid var(--mt-border-color);
    white-space: nowrap;
}

.act-table tbody td[b-nus34mlfe3] {
    padding: .65rem .85rem;
    border-bottom: 1px solid var(--mt-border-color);
    color: var(--mt-body-color);
    vertical-align: middle;
}

.act-table tbody tr:last-child td[b-nus34mlfe3] { border-bottom: none; }
.act-table tbody tr:hover td[b-nus34mlfe3] { background: var(--mt-gray-50); }

.act-col-codigo[b-nus34mlfe3] { width: 110px; }

.act-codigo-badge[b-nus34mlfe3] {
    background: var(--mt-gray-50);
    border: 1px solid var(--mt-border-color);
    border-radius: 4px;
    padding: .2rem .5rem;
    font-size: .72rem;
    font-family: var(--mt-font-mono);
    color: var(--mt-heading-color);
    font-weight: 600;
}

.act-nombre-cell[b-nus34mlfe3] {
    display: flex;
    align-items: center;
    gap: .625rem;
}

.act-tipo-icon[b-nus34mlfe3] {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(105, 108, 255, .12);
    color: var(--mt-primary);
    font-size: .9rem;
    flex-shrink: 0;
}

.act-icon-laptop[b-nus34mlfe3], .act-icon-desktop[b-nus34mlfe3] { background: rgba(105, 108, 255, .12); color: var(--mt-primary); }
.act-icon-monitor[b-nus34mlfe3]                   { background: rgba(3, 195, 236, .12);  color: #03c3ec; }
.act-icon-celular[b-nus34mlfe3], .act-icon-tablet[b-nus34mlfe3] { background: rgba(156, 39, 176, .12); color: #9c27b0; }
.act-icon-impresora[b-nus34mlfe3]                 { background: rgba(255, 145, 40, .12); color: #ff9128; }
.act-icon-licencia_sw[b-nus34mlfe3]               { background: rgba(113, 221, 55, .12); color: #71dd37; }

.act-nombre[b-nus34mlfe3] {
    font-weight: 600;
    color: var(--mt-heading-color);
    font-size: .86rem;
}

.act-sub[b-nus34mlfe3] {
    font-size: .72rem;
    color: var(--mt-muted-color);
    margin-top: .1rem;
}

.act-mono[b-nus34mlfe3] { font-family: var(--mt-font-mono); font-size: .78rem; color: var(--mt-body-color); }
.act-muted[b-nus34mlfe3] { color: var(--mt-muted-color); }

.act-col-valor[b-nus34mlfe3] { font-variant-numeric: tabular-nums; color: var(--mt-heading-color); }

/* Estado badge */
.act-estado-badge[b-nus34mlfe3] {
    padding: .22rem .55rem;
    border-radius: 4px;
    font-size: .7rem;
    font-weight: 600;
    letter-spacing: .02em;
}

.act-est-disponible[b-nus34mlfe3]    { background: rgba(113, 221, 55, .15); color: #71dd37; }
.act-est-asignado[b-nus34mlfe3]      { background: rgba(105, 108, 255, .12); color: var(--mt-primary); }
.act-est-mantenimiento[b-nus34mlfe3] { background: rgba(255, 180, 0, .15);  color: #ffb400; }
.act-est-baja[b-nus34mlfe3]          { background: rgba(160, 160, 160, .1); color: var(--mt-muted-color); }
.act-est-extraviado[b-nus34mlfe3]    { background: rgba(255, 76, 81, .12);  color: #ff4c51; }

.act-asignado[b-nus34mlfe3] {
    display: flex;
    align-items: center;
    gap: .35rem;
    font-size: .82rem;
    color: var(--mt-heading-color);
}

.act-asignado i[b-nus34mlfe3] { color: var(--mt-primary); font-size: .72rem; }

.act-asignado-fecha[b-nus34mlfe3] {
    font-size: .7rem;
    color: var(--mt-muted-color);
    margin-top: .1rem;
}

/* Actions */
.act-col-actions[b-nus34mlfe3] { width: 140px; text-align: right; white-space: nowrap; }

.act-btn-edit[b-nus34mlfe3] {
    width: 28px;
    height: 28px;
    border-radius: 4px;
    border: 1px solid var(--mt-border-color);
    background: transparent;
    color: var(--mt-muted-color);
    cursor: pointer;
    font-size: .75rem;
    transition: all .15s;
    margin-right: .35rem;
}

.act-btn-edit:hover[b-nus34mlfe3] { border-color: var(--mt-primary); color: var(--mt-primary); }

.act-btn-primary[b-nus34mlfe3] {
    padding: .35rem .75rem;
    background: var(--mt-primary);
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: .75rem;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    transition: opacity .15s;
}

.act-btn-primary:hover[b-nus34mlfe3] { opacity: .9; }

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 900px) {
    .act-kpis[b-nus34mlfe3], .act-toolbar[b-nus34mlfe3], .act-table-wrap[b-nus34mlfe3] {
        margin-left: 1rem;
        margin-right: 1rem;
        padding-left: 0;
        padding-right: 0;
    }
    .act-toolbar[b-nus34mlfe3] { padding: 0 1rem 1rem; }
    .act-kpis[b-nus34mlfe3] { padding: 0 1rem 1rem; }
}

@media (max-width: 600px) {
    .act-table thead[b-nus34mlfe3] { display: none; }
    .act-table[b-nus34mlfe3], .act-table tbody[b-nus34mlfe3], .act-table tr[b-nus34mlfe3] { display: block; width: 100%; }
    .act-table tr[b-nus34mlfe3] {
        border-bottom: 1px solid var(--mt-border-color);
        padding: .75rem;
        display: grid;
        grid-template-columns: auto 1fr;
        gap: .25rem .75rem;
    }
    .act-table td[b-nus34mlfe3] {
        padding: 0;
        border: none;
        display: flex;
        align-items: center;
        font-size: .85rem;
    }
    .act-col-codigo[b-nus34mlfe3] { grid-column: 1; grid-row: 1; }
    .act-nombre-cell[b-nus34mlfe3] { grid-column: 2; grid-row: 1; }
    .act-col-actions[b-nus34mlfe3] { grid-column: 2; justify-self: end; }
}
/* /Components/Pages/Personal/BandejaPersonalPage.razor.rz.scp.css */
/* ── KPI strip ───────────────────────────────────────────── */
.per-kpis[b-8bg2i4o6gk] {
    display: flex;
    gap: 1rem;
    padding: 0 1.5rem 1rem;
}

.per-kpi[b-8bg2i4o6gk] {
    flex: 1;
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    padding: .75rem 1rem;
    min-width: 0;
}

.per-kpi-val[b-8bg2i4o6gk] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--mt-primary);
    line-height: 1;
}

.per-kpi-warn .per-kpi-val[b-8bg2i4o6gk] { color: var(--mt-warning, #ffb400); }
.per-kpi-muted .per-kpi-val[b-8bg2i4o6gk] { color: var(--mt-muted-color); }

.per-kpi-label[b-8bg2i4o6gk] {
    font-size: .75rem;
    color: var(--mt-muted-color);
    margin-top: .25rem;
}

/* ── Toolbar ─────────────────────────────────────────────── */
.per-toolbar[b-8bg2i4o6gk] { padding: 0 1.5rem 1rem; }

.per-search-row[b-8bg2i4o6gk] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.per-search-wrap[b-8bg2i4o6gk] {
    position: relative;
    flex: 1;
    min-width: 200px;
}

.per-search-icon[b-8bg2i4o6gk] {
    position: absolute;
    left: .75rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--mt-muted-color);
    font-size: .85rem;
    pointer-events: none;
}

.per-search-input[b-8bg2i4o6gk] {
    width: 100%;
    padding: .5rem .75rem .5rem 2.2rem;
    background: var(--mt-gray-50);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    color: var(--mt-heading-color);
    font-size: .875rem;
    outline: none;
    transition: border-color .15s;
    box-sizing: border-box;
}

.per-search-input:focus[b-8bg2i4o6gk] { border-color: var(--mt-primary); }
.per-search-input[b-8bg2i4o6gk]::placeholder { color: var(--mt-muted-color); }

.per-filtros[b-8bg2i4o6gk] {
    display: flex;
    gap: .375rem;
}

.per-filtro-btn[b-8bg2i4o6gk] {
    padding: .4rem .9rem;
    background: transparent;
    border: 1px solid var(--mt-border-color);
    border-radius: 20px;
    color: var(--mt-body-color);
    font-size: .8rem;
    cursor: pointer;
    transition: all .15s;
    white-space: nowrap;
}

.per-filtro-btn:hover[b-8bg2i4o6gk] { border-color: var(--mt-primary); color: var(--mt-primary); }
.per-filtro-btn.active[b-8bg2i4o6gk] { background: var(--mt-primary); border-color: var(--mt-primary); color: #fff; }

/* ── Loading ─────────────────────────────────────────────── */
.per-loading[b-8bg2i4o6gk] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: 3rem 1.5rem;
    color: var(--mt-muted-color);
    font-size: .9rem;
}

.per-spinner[b-8bg2i4o6gk] {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid var(--mt-border-color);
    border-top-color: var(--mt-primary);
    border-radius: 50%;
    animation: per-spin-b-8bg2i4o6gk .7s linear infinite;
    flex-shrink: 0;
}

@keyframes per-spin-b-8bg2i4o6gk { to { transform: rotate(360deg); } }

/* ── Employee grid ───────────────────────────────────────── */
.per-grid[b-8bg2i4o6gk] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
    padding: 0 1.5rem 1.5rem;
}

.per-card[b-8bg2i4o6gk] {
    display: flex;
    align-items: center;
    gap: .875rem;
    padding: .875rem 1rem;
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    cursor: pointer;
    transition: border-color .15s, box-shadow .15s, transform .15s;
}

.per-card:hover[b-8bg2i4o6gk] {
    border-color: var(--mt-primary);
    box-shadow: 0 4px 16px rgba(105, 108, 255, .12);
    transform: translateY(-1px);
}

.per-card-suspendido[b-8bg2i4o6gk] {
    opacity: .6;
    border-color: var(--mt-muted-color);
}

.per-card-suspendido:hover[b-8bg2i4o6gk] {
    border-color: var(--mt-muted-color);
    box-shadow: none;
    transform: none;
}

/* Avatar */
.per-card-avatar[b-8bg2i4o6gk] {
    position: relative;
    flex-shrink: 0;
}

.per-avatar-img[b-8bg2i4o6gk],
.per-avatar-initials[b-8bg2i4o6gk] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
}

.per-avatar-img[b-8bg2i4o6gk] { object-fit: cover; }

.per-avatar-initials[b-8bg2i4o6gk] {
    background: var(--mt-primary);
    color: #fff;
    font-size: .9rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}

.per-suspendido-badge[b-8bg2i4o6gk] {
    position: absolute;
    bottom: -2px;
    right: -2px;
    width: 18px;
    height: 18px;
    background: var(--mt-muted-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .6rem;
    color: #fff;
    border: 2px solid var(--mt-paper-bg);
}

/* Card info */
.per-card-info[b-8bg2i4o6gk] {
    flex: 1;
    min-width: 0;
}

.per-card-nombre[b-8bg2i4o6gk] {
    font-size: .9rem;
    font-weight: 600;
    color: var(--mt-heading-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.per-card-cargo[b-8bg2i4o6gk] {
    font-size: .78rem;
    color: var(--mt-primary);
    margin-top: .125rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.per-card-doc[b-8bg2i4o6gk] {
    font-size: .75rem;
    color: var(--mt-muted-color);
    margin-top: .25rem;
    display: flex;
    align-items: center;
    gap: .375rem;
}

/* Arrow button */
.per-card-actions[b-8bg2i4o6gk] { flex-shrink: 0; }

.per-card-btn[b-8bg2i4o6gk] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--mt-border-color);
    background: transparent;
    color: var(--mt-muted-color);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .8rem;
    transition: all .15s;
}

.per-card:hover .per-card-btn[b-8bg2i4o6gk] {
    background: var(--mt-primary);
    border-color: var(--mt-primary);
    color: #fff;
}

/* ── Alert panel — contracts near expiry ─────────────────── */
.per-alerta-contratos[b-8bg2i4o6gk] {
    margin: 0 1.5rem 1.5rem;
    background: color-mix(in srgb, var(--mt-warning, #ffb400) 8%, var(--mt-paper-bg));
    border: 1px solid color-mix(in srgb, var(--mt-warning, #ffb400) 40%, transparent);
    border-radius: var(--mt-radius);
    overflow: hidden;
}

.per-alerta-header[b-8bg2i4o6gk] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .625rem 1rem;
    font-size: .8rem;
    font-weight: 600;
    color: var(--mt-warning, #ffb400);
    border-bottom: 1px solid color-mix(in srgb, var(--mt-warning, #ffb400) 20%, transparent);
}

.per-alerta-item[b-8bg2i4o6gk] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: .5rem 1rem;
    border-bottom: 1px solid color-mix(in srgb, var(--mt-warning, #ffb400) 10%, transparent);
    font-size: .8rem;
}

.per-alerta-item:last-child[b-8bg2i4o6gk] { border-bottom: none; }

.per-alerta-nombre[b-8bg2i4o6gk] {
    flex: 1;
    color: var(--mt-heading-color);
    font-weight: 500;
}

.per-alerta-dias[b-8bg2i4o6gk] { color: var(--mt-warning, #ffb400); }

.per-alerta-link[b-8bg2i4o6gk] {
    background: transparent;
    border: 1px solid color-mix(in srgb, var(--mt-warning, #ffb400) 50%, transparent);
    border-radius: 4px;
    padding: .2rem .6rem;
    font-size: .75rem;
    color: var(--mt-warning, #ffb400);
    cursor: pointer;
    transition: all .15s;
}

.per-alerta-link:hover[b-8bg2i4o6gk] {
    background: var(--mt-warning, #ffb400);
    color: #000;
}

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 600px) {
    .per-kpis[b-8bg2i4o6gk] { padding: 0 1rem .75rem; }
    .per-toolbar[b-8bg2i4o6gk] { padding: 0 1rem .75rem; }
    .per-grid[b-8bg2i4o6gk] { padding: 0 1rem 1.5rem; grid-template-columns: 1fr; }
    .per-alerta-contratos[b-8bg2i4o6gk] { margin: 0 1rem 1.5rem; }

    .per-kpi-val[b-8bg2i4o6gk] { font-size: 1.4rem; }

    .per-search-row[b-8bg2i4o6gk] { flex-direction: column; align-items: stretch; }
    .per-filtros[b-8bg2i4o6gk] { overflow-x: auto; padding-bottom: .25rem; }
}
/* /Components/Pages/Personal/BandejaVacantesPage.razor.rz.scp.css */
/* ── KPIs ────────────────────────────────────────────────── */
.vac-kpis[b-o3zyx93c57] {
    display: flex;
    gap: 1rem;
    padding: 0 1.5rem 1rem;
    flex-wrap: wrap;
}

.vac-kpi[b-o3zyx93c57] {
    flex: 1;
    min-width: 140px;
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    padding: .75rem 1rem;
}

.vac-kpi-val[b-o3zyx93c57] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--mt-primary);
    line-height: 1;
}

.vac-kpi-warn  .vac-kpi-val[b-o3zyx93c57] { color: #ffb400; }
.vac-kpi-muted .vac-kpi-val[b-o3zyx93c57] { color: var(--mt-muted-color); }

.vac-kpi-label[b-o3zyx93c57] {
    font-size: .75rem;
    color: var(--mt-muted-color);
    margin-top: .25rem;
}

/* ── Toolbar ─────────────────────────────────────────────── */
.vac-toolbar[b-o3zyx93c57] { padding: 0 1.5rem 1rem; display: flex; gap: 1rem; flex-wrap: wrap; align-items: center; }

.vac-search-wrap[b-o3zyx93c57] { position: relative; flex: 1; min-width: 200px; }

.vac-search-icon[b-o3zyx93c57] {
    position: absolute;
    left: .75rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--mt-muted-color);
    font-size: .85rem;
    pointer-events: none;
}

.vac-search-input[b-o3zyx93c57] {
    width: 100%;
    padding: .5rem .75rem .5rem 2.2rem;
    background: var(--mt-gray-50);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    color: var(--mt-heading-color);
    font-size: .875rem;
    outline: none;
    transition: border-color .15s;
    box-sizing: border-box;
}

.vac-search-input:focus[b-o3zyx93c57] { border-color: var(--mt-primary); }

.vac-filtros[b-o3zyx93c57] { display: flex; gap: .375rem; flex-wrap: wrap; }

.vac-filtro-btn[b-o3zyx93c57] {
    padding: .4rem .9rem;
    background: transparent;
    border: 1px solid var(--mt-border-color);
    border-radius: 20px;
    color: var(--mt-body-color);
    font-size: .8rem;
    cursor: pointer;
    transition: all .15s;
    white-space: nowrap;
}

.vac-filtro-btn:hover[b-o3zyx93c57] { border-color: var(--mt-primary); color: var(--mt-primary); }
.vac-filtro-btn.active[b-o3zyx93c57] { background: var(--mt-primary); border-color: var(--mt-primary); color: #fff; }

/* ── Loading ─────────────────────────────────────────────── */
.vac-loading[b-o3zyx93c57] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: 3rem 1.5rem;
    color: var(--mt-muted-color);
}

.vac-spinner[b-o3zyx93c57] {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid var(--mt-border-color);
    border-top-color: var(--mt-primary);
    border-radius: 50%;
    animation: vac-spin-b-o3zyx93c57 .7s linear infinite;
}

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

/* ── Grid ────────────────────────────────────────────────── */
.vac-grid[b-o3zyx93c57] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1rem;
    padding: 0 1.5rem 1.5rem;
}

.vac-card[b-o3zyx93c57] {
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    padding: .875rem 1rem;
    cursor: pointer;
    transition: border-color .15s, transform .15s, box-shadow .15s;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.vac-card:hover[b-o3zyx93c57] {
    border-color: var(--mt-primary);
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(105, 108, 255, .12);
}

.vac-est-pausada[b-o3zyx93c57]  { opacity: .8; }
.vac-est-cerrada[b-o3zyx93c57]  { opacity: .65; }
.vac-est-cancelada[b-o3zyx93c57] { opacity: .55; }

/* Card top row */
.vac-card-top[b-o3zyx93c57] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}

.vac-tipo-badge[b-o3zyx93c57] {
    background: rgba(105, 108, 255, .12);
    color: var(--mt-primary);
    border-radius: 4px;
    padding: .18rem .5rem;
    font-size: .7rem;
    font-weight: 600;
}

.vac-estado-badge[b-o3zyx93c57] {
    padding: .18rem .55rem;
    border-radius: 4px;
    font-size: .7rem;
    font-weight: 600;
    letter-spacing: .03em;
}

.vac-badge-abierta[b-o3zyx93c57]   { background: rgba(113, 221, 55, .15); color: #71dd37; }
.vac-badge-pausada[b-o3zyx93c57]   { background: rgba(255, 180, 0, .15); color: #ffb400; }
.vac-badge-cerrada[b-o3zyx93c57]   { background: var(--mt-gray-50); color: var(--mt-muted-color); }
.vac-badge-cancelada[b-o3zyx93c57] { background: rgba(255, 76, 81, .12); color: #ff4c51; }

/* Card body */
.vac-card-titulo[b-o3zyx93c57] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--mt-heading-color);
    line-height: 1.3;
}

.vac-card-area[b-o3zyx93c57] {
    font-size: .78rem;
    color: var(--mt-primary);
    display: flex;
    align-items: center;
    gap: .35rem;
}

.vac-card-meta[b-o3zyx93c57] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    font-size: .78rem;
    color: var(--mt-body-color);
}

.vac-card-meta-item[b-o3zyx93c57] {
    display: flex;
    align-items: center;
    gap: .4rem;
}

.vac-card-meta-item i[b-o3zyx93c57] { width: 14px; color: var(--mt-muted-color); }

.vac-card-meta-sub[b-o3zyx93c57] { color: var(--mt-muted-color); font-size: .72rem; }

.vac-card-salario[b-o3zyx93c57] {
    font-size: .8rem;
    color: var(--mt-heading-color);
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: .4rem;
    padding: .35rem .5rem;
    background: var(--mt-gray-50);
    border-radius: 4px;
}

.vac-card-salario i[b-o3zyx93c57] { color: #71dd37; }

.vac-card-foot[b-o3zyx93c57] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: .35rem;
    border-top: 1px solid var(--mt-border-color);
    font-size: .7rem;
    color: var(--mt-muted-color);
    gap: .5rem;
}

.vac-card-fecha[b-o3zyx93c57], .vac-card-resp[b-o3zyx93c57] {
    display: flex;
    align-items: center;
    gap: .3rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vac-card-resp[b-o3zyx93c57] { max-width: 140px; }

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 600px) {
    .vac-kpis[b-o3zyx93c57], .vac-toolbar[b-o3zyx93c57], .vac-grid[b-o3zyx93c57] { padding-left: 1rem; padding-right: 1rem; }
    .vac-grid[b-o3zyx93c57] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Personal/ContratoDialog.razor.rz.scp.css */
.cdlg-form[b-5k5ua9hawu] { display: flex; flex-direction: column; gap: .875rem; padding: .25rem 0; }

.cdlg-row[b-5k5ua9hawu] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .875rem;
}

.cdlg-field[b-5k5ua9hawu] { display: flex; flex-direction: column; gap: .35rem; }

.cdlg-field label[b-5k5ua9hawu] {
    font-size: .78rem;
    color: var(--mt-muted-color);
    font-weight: 500;
}

.cdlg-input[b-5k5ua9hawu],
.cdlg-select[b-5k5ua9hawu],
.cdlg-textarea[b-5k5ua9hawu] {
    padding: .45rem .65rem;
    background: var(--mt-gray-50);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    color: var(--mt-heading-color);
    font-size: .875rem;
    outline: none;
    transition: border-color .15s;
    width: 100%;
    box-sizing: border-box;
    font-family: inherit;
}

.cdlg-input:focus[b-5k5ua9hawu],
.cdlg-select:focus[b-5k5ua9hawu],
.cdlg-textarea:focus[b-5k5ua9hawu] { border-color: var(--mt-primary); }

.cdlg-textarea[b-5k5ua9hawu] { resize: vertical; }

.cdlg-error[b-5k5ua9hawu] { font-size: .73rem; color: #ff4c51; }

.cdlg-footer[b-5k5ua9hawu] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
    padding-top: .5rem;
    border-top: 1px solid var(--mt-border-color);
}

.cdlg-btn-cancel[b-5k5ua9hawu] {
    padding: .45rem 1rem;
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    background: transparent;
    color: var(--mt-body-color);
    font-size: .875rem;
    cursor: pointer;
    transition: all .15s;
}

.cdlg-btn-cancel:hover[b-5k5ua9hawu] { border-color: var(--mt-primary); color: var(--mt-primary); }

.cdlg-btn-save[b-5k5ua9hawu] {
    padding: .45rem 1.25rem;
    border: none;
    border-radius: var(--mt-radius);
    background: var(--mt-primary);
    color: #fff;
    font-size: .875rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: .4rem;
    transition: opacity .15s;
}

.cdlg-btn-save:disabled[b-5k5ua9hawu] { opacity: .6; cursor: not-allowed; }

.cdlg-spinner[b-5k5ua9hawu] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255,255,255,.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: cdlg-spin-b-5k5ua9hawu .7s linear infinite;
}

@keyframes cdlg-spin-b-5k5ua9hawu { to { transform: rotate(360deg); } }

@media (max-width: 480px) {
    .cdlg-row[b-5k5ua9hawu] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Personal/DetalleVacantePage.razor.rz.scp.css */
/* ── Header back button ──────────────────────────────────── */
.dvac-back-btn[b-ajecuo6jsm] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid var(--mt-border-color);
    background: transparent;
    color: var(--mt-body-color);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .85rem;
    transition: all .15s;
}

.dvac-back-btn:hover[b-ajecuo6jsm] { background: var(--mt-primary); border-color: var(--mt-primary); color: #fff; }

/* ── Estado badge shared (from bandeja) ──────────────────── */
.vac-estado-badge[b-ajecuo6jsm] {
    padding: .25rem .6rem;
    border-radius: 4px;
    font-size: .72rem;
    font-weight: 600;
}

.vac-badge-abierta[b-ajecuo6jsm]   { background: rgba(113, 221, 55, .15); color: #71dd37; }
.vac-badge-pausada[b-ajecuo6jsm]   { background: rgba(255, 180, 0, .15); color: #ffb400; }
.vac-badge-cerrada[b-ajecuo6jsm]   { background: var(--mt-gray-50); color: var(--mt-muted-color); }
.vac-badge-cancelada[b-ajecuo6jsm] { background: rgba(255, 76, 81, .12); color: #ff4c51; }

/* ── Summary card ────────────────────────────────────────── */
.dvac-summary[b-ajecuo6jsm] {
    margin: 0 1.5rem 1.5rem;
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    padding: 1rem 1.25rem;
}

.dvac-summary-grid[b-ajecuo6jsm] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: .875rem 1.5rem;
    margin-bottom: .75rem;
}

.dvac-sum-item[b-ajecuo6jsm] { display: flex; flex-direction: column; gap: .15rem; }

.dvac-sum-label[b-ajecuo6jsm] {
    font-size: .68rem;
    color: var(--mt-muted-color);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.dvac-sum-val[b-ajecuo6jsm] {
    font-size: .85rem;
    color: var(--mt-heading-color);
    font-weight: 500;
}

.dvac-desc[b-ajecuo6jsm] {
    border-top: 1px solid var(--mt-border-color);
    padding-top: .75rem;
    font-size: .82rem;
    color: var(--mt-body-color);
    line-height: 1.5;
    white-space: pre-wrap;
}

.dvac-actions[b-ajecuo6jsm] {
    display: flex;
    gap: .5rem;
    padding-top: .75rem;
    border-top: 1px solid var(--mt-border-color);
    margin-top: .75rem;
}

.dvac-action[b-ajecuo6jsm] {
    padding: .4rem .9rem;
    border-radius: var(--mt-radius);
    font-size: .8rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: .4rem;
    border: 1px solid transparent;
    transition: all .15s;
}

.dvac-action-warn[b-ajecuo6jsm] {
    background: rgba(255, 180, 0, .08);
    border-color: rgba(255, 180, 0, .3);
    color: #ffb400;
}
.dvac-action-warn:hover[b-ajecuo6jsm] { background: #ffb400; color: #000; }

.dvac-action-ok[b-ajecuo6jsm] {
    background: rgba(113, 221, 55, .08);
    border-color: rgba(113, 221, 55, .3);
    color: #71dd37;
}
.dvac-action-ok:hover[b-ajecuo6jsm] { background: #71dd37; color: #000; }

/* ── Kanban ──────────────────────────────────────────────── */
.dvac-kanban-title[b-ajecuo6jsm] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--mt-heading-color);
    margin: 0 1.5rem .75rem;
}

.dvac-kanban[b-ajecuo6jsm] {
    display: grid;
    grid-template-columns: repeat(7, minmax(220px, 1fr));
    gap: .75rem;
    padding: 0 1.5rem 1.5rem;
    overflow-x: auto;
}

.dvac-col[b-ajecuo6jsm] {
    background: var(--mt-gray-50);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    display: flex;
    flex-direction: column;
    min-height: 200px;
    overflow: hidden;
}

.dvac-col-header[b-ajecuo6jsm] {
    padding: .55rem .75rem;
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--mt-border-color);
}

.dvac-col-postulado[b-ajecuo6jsm]       { background: rgba(105, 108, 255, .1); color: var(--mt-primary); }
.dvac-col-preseleccionado[b-ajecuo6jsm] { background: rgba(3, 195, 236, .1);  color: #03c3ec; }
.dvac-col-entrevista[b-ajecuo6jsm]      { background: rgba(255, 180, 0, .1);  color: #ffb400; }
.dvac-col-evaluacion[b-ajecuo6jsm]      { background: rgba(156, 39, 176, .1); color: #9c27b0; }
.dvac-col-propuesta[b-ajecuo6jsm]       { background: rgba(255, 145, 40, .1); color: #ff9128; }
.dvac-col-contratado[b-ajecuo6jsm]      { background: rgba(113, 221, 55, .12); color: #71dd37; }
.dvac-col-descartado[b-ajecuo6jsm]      { background: rgba(255, 76, 81, .08); color: #ff4c51; }

.dvac-col-nombre[b-ajecuo6jsm] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.dvac-col-badge[b-ajecuo6jsm] {
    background: rgba(0,0,0,.15);
    border-radius: 10px;
    padding: 0 .45rem;
    min-width: 20px;
    text-align: center;
    font-size: .68rem;
}

.dvac-col-body[b-ajecuo6jsm] {
    padding: .5rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    flex: 1;
}

.dvac-col-empty[b-ajecuo6jsm] {
    text-align: center;
    padding: 1rem;
    color: var(--mt-muted-color);
    font-size: .72rem;
    font-style: italic;
}

/* ── Postulante card ─────────────────────────────────────── */
.dvac-post-card[b-ajecuo6jsm] {
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    padding: .55rem .65rem;
    cursor: pointer;
    transition: border-color .15s, transform .15s;
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

.dvac-post-card:hover[b-ajecuo6jsm] {
    border-color: var(--mt-primary);
    transform: translateY(-1px);
}

.dvac-post-name[b-ajecuo6jsm] {
    font-size: .8rem;
    font-weight: 600;
    color: var(--mt-heading-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dvac-post-email[b-ajecuo6jsm] {
    font-size: .7rem;
    color: var(--mt-muted-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dvac-post-meta[b-ajecuo6jsm] {
    display: flex;
    align-items: center;
    gap: .3rem;
    font-size: .7rem;
    color: var(--mt-body-color);
}

.dvac-post-meta i[b-ajecuo6jsm] { width: 10px; color: var(--mt-muted-color); }

.dvac-meta-cv[b-ajecuo6jsm] { color: var(--mt-primary); }
.dvac-meta-cv i[b-ajecuo6jsm] { color: var(--mt-primary); }

.dvac-meta-sub[b-ajecuo6jsm] { color: var(--mt-muted-color); font-size: .65rem; }

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 900px) {
    .dvac-kanban[b-ajecuo6jsm] { grid-template-columns: repeat(7, 240px); }
    .dvac-summary-grid[b-ajecuo6jsm] { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 600px) {
    .dvac-summary[b-ajecuo6jsm], .dvac-kanban[b-ajecuo6jsm] { margin-left: 1rem; margin-right: 1rem; padding-left: 0; padding-right: 0; }
    .dvac-kanban[b-ajecuo6jsm] { padding: 0 1rem 1.5rem; }
    .dvac-summary-grid[b-ajecuo6jsm] { grid-template-columns: 1fr; gap: .6rem; }
}
/* /Components/Pages/Personal/DevolverActivoDialog.razor.rz.scp.css */
.cdlg-form[b-5oqol77zfy] { display: flex; flex-direction: column; gap: .875rem; padding: .25rem 0; }

/* Activo info */
.dva-activo-info[b-5oqol77zfy] {
    background: var(--mt-gray-50);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    padding: .65rem .9rem;
}

.dva-activo-codigo[b-5oqol77zfy] {
    font-size: .7rem;
    color: var(--mt-primary);
    font-family: var(--mt-font-mono);
    font-weight: 600;
}

.dva-activo-nombre[b-5oqol77zfy] {
    font-size: .9rem;
    font-weight: 600;
    color: var(--mt-heading-color);
    margin-top: .1rem;
}

.dva-activo-sub[b-5oqol77zfy] {
    font-size: .73rem;
    color: var(--mt-muted-color);
    margin-top: .15rem;
}

/* Estado buttons */
.dva-estado-grid[b-5oqol77zfy] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: .5rem;
}

.dva-estado[b-5oqol77zfy] {
    padding: .65rem .5rem;
    background: var(--mt-gray-50);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    color: var(--mt-body-color);
    font-size: .78rem;
    cursor: pointer;
    transition: all .15s;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .35rem;
}

.dva-estado i[b-5oqol77zfy] { font-size: 1rem; }

.dva-estado:hover[b-5oqol77zfy] { border-color: var(--mt-primary); color: var(--mt-primary); }

.dva-est-devuelto.active[b-5oqol77zfy]    { background: rgba(113, 221, 55, .12); border-color: #71dd37; color: #71dd37; }
.dva-est-extraviado.active[b-5oqol77zfy]  { background: rgba(255, 180, 0, .12);  border-color: #ffb400; color: #ffb400; }
.dva-est-baja.active[b-5oqol77zfy]        { background: rgba(255, 76, 81, .10);  border-color: #ff4c51; color: #ff4c51; }

/* Shared fields */
.cdlg-field[b-5oqol77zfy] { display: flex; flex-direction: column; gap: .35rem; }
.cdlg-field label[b-5oqol77zfy] { font-size: .78rem; color: var(--mt-muted-color); font-weight: 500; }

.cdlg-textarea[b-5oqol77zfy] {
    padding: .45rem .65rem;
    background: var(--mt-gray-50);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    color: var(--mt-heading-color);
    font-size: .875rem;
    outline: none;
    width: 100%;
    box-sizing: border-box;
    font-family: inherit;
    resize: vertical;
}

.cdlg-textarea:focus[b-5oqol77zfy] { border-color: var(--mt-primary); }

.cdlg-footer[b-5oqol77zfy] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
    padding-top: .5rem;
    border-top: 1px solid var(--mt-border-color);
}

.cdlg-btn-cancel[b-5oqol77zfy], .cdlg-btn-save[b-5oqol77zfy] {
    padding: .45rem 1rem;
    border-radius: var(--mt-radius);
    font-size: .875rem;
    cursor: pointer;
}

.cdlg-btn-cancel[b-5oqol77zfy] {
    border: 1px solid var(--mt-border-color);
    background: transparent;
    color: var(--mt-body-color);
}

.cdlg-btn-cancel:hover[b-5oqol77zfy] { border-color: var(--mt-primary); color: var(--mt-primary); }

.cdlg-btn-save[b-5oqol77zfy] {
    border: none;
    background: var(--mt-primary);
    color: #fff;
    padding-right: 1.25rem;
    display: flex;
    align-items: center;
    gap: .4rem;
}

.cdlg-btn-save:disabled[b-5oqol77zfy] { opacity: .6; cursor: not-allowed; }

.cdlg-spinner[b-5oqol77zfy] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255,255,255,.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: dva-spin-b-5oqol77zfy .7s linear infinite;
}

@keyframes dva-spin-b-5oqol77zfy { to { transform: rotate(360deg); } }

@media (max-width: 480px) {
    .dva-estado-grid[b-5oqol77zfy] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Personal/EvaluacionDesempenoDialog.razor.rz.scp.css */
.edd-form[b-3mzu0oynhs] { display: flex; flex-direction: column; gap: 1rem; padding: .25rem 0; max-height: 80vh; overflow-y: auto; }

.edd-row[b-3mzu0oynhs] { display: grid; gap: .875rem; }
.edd-row-2[b-3mzu0oynhs] { grid-template-columns: 1fr 1fr; }
.edd-row-3[b-3mzu0oynhs] { grid-template-columns: 2fr 1fr 1fr; }

.edd-field[b-3mzu0oynhs] { display: flex; flex-direction: column; gap: .35rem; }

.edd-field label[b-3mzu0oynhs] {
    font-size: .78rem;
    color: var(--mt-muted-color);
    font-weight: 500;
}

.edd-input[b-3mzu0oynhs] {
    padding: .45rem .65rem;
    background: var(--mt-gray-50);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    color: var(--mt-heading-color);
    font-size: .875rem;
    outline: none;
    width: 100%;
    box-sizing: border-box;
    font-family: inherit;
    resize: vertical;
}

.edd-input:focus[b-3mzu0oynhs] { border-color: var(--mt-primary); }
.edd-input:disabled[b-3mzu0oynhs] { opacity: .7; cursor: not-allowed; }
.edd-error[b-3mzu0oynhs] { font-size: .73rem; color: #ff4c51; }

/* Section */
.edd-section[b-3mzu0oynhs] {
    background: var(--mt-gray-50);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    padding: .75rem .875rem;
}

.edd-section-head[b-3mzu0oynhs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .5rem;
    flex-wrap: wrap;
    gap: .5rem;
}

.edd-section-head h4[b-3mzu0oynhs] {
    margin: 0;
    font-size: .85rem;
    color: var(--mt-heading-color);
}

.edd-quick-add[b-3mzu0oynhs] { display: flex; gap: .3rem; flex-wrap: wrap; }

.edd-chip-btn[b-3mzu0oynhs] {
    padding: .25rem .65rem;
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: 16px;
    color: var(--mt-body-color);
    font-size: .72rem;
    cursor: pointer;
    transition: all .15s;
}

.edd-chip-btn:hover[b-3mzu0oynhs] {
    border-color: var(--mt-primary);
    color: var(--mt-primary);
    background: rgba(105, 108, 255, .08);
}

.edd-empty[b-3mzu0oynhs] {
    text-align: center;
    padding: 1.25rem;
    color: var(--mt-muted-color);
    font-size: .8rem;
    font-style: italic;
}

/* Categoría groups */
.edd-criterios[b-3mzu0oynhs] { display: flex; flex-direction: column; gap: .75rem; }

.edd-cat-group[b-3mzu0oynhs] {
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    overflow: hidden;
}

.edd-cat-header[b-3mzu0oynhs] {
    padding: .35rem .75rem;
    font-size: .7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    border-bottom: 1px solid var(--mt-border-color);
}

.edd-cat-competencias[b-3mzu0oynhs] { background: rgba(105, 108, 255, .1); color: var(--mt-primary); }
.edd-cat-objetivos[b-3mzu0oynhs]    { background: rgba(113, 221, 55, .1); color: #71dd37; }
.edd-cat-valores[b-3mzu0oynhs]      { background: rgba(156, 39, 176, .1); color: #9c27b0; }
.edd-cat-tecnico[b-3mzu0oynhs]      { background: rgba(3, 195, 236, .1); color: #03c3ec; }
.edd-cat-liderazgo[b-3mzu0oynhs]    { background: rgba(255, 145, 40, .1); color: #ff9128; }

/* Criterio row */
.edd-crit[b-3mzu0oynhs] {
    display: grid;
    grid-template-columns: 2fr auto 2fr auto;
    gap: .5rem;
    align-items: start;
    padding: .5rem .75rem;
    border-bottom: 1px solid var(--mt-border-color);
}

.edd-crit:last-child[b-3mzu0oynhs] { border-bottom: none; }

.edd-crit-main[b-3mzu0oynhs], .edd-crit-obs[b-3mzu0oynhs] { min-width: 0; }

.edd-crit-nombre[b-3mzu0oynhs] {
    font-weight: 500;
}

.edd-crit-obs-input[b-3mzu0oynhs] {
    font-size: .78rem;
    min-height: 30px;
}

.edd-crit-score[b-3mzu0oynhs] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    min-width: 160px;
}

.edd-crit-score label[b-3mzu0oynhs] {
    font-size: .65rem;
    color: var(--mt-muted-color);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.edd-score-btns[b-3mzu0oynhs] { display: flex; gap: .2rem; }

.edd-score-btn[b-3mzu0oynhs] {
    width: 28px;
    height: 28px;
    border-radius: 4px;
    border: 1px solid var(--mt-border-color);
    background: var(--mt-gray-50);
    color: var(--mt-body-color);
    font-size: .78rem;
    cursor: pointer;
    transition: all .15s;
}

.edd-score-btn:hover:not(:disabled)[b-3mzu0oynhs] {
    border-color: var(--mt-primary);
    color: var(--mt-primary);
}

.edd-score-btn.active[b-3mzu0oynhs] {
    background: var(--mt-primary);
    border-color: var(--mt-primary);
    color: #fff;
    font-weight: 600;
}

.edd-score-btn:disabled[b-3mzu0oynhs] { opacity: .5; cursor: not-allowed; }

.edd-crit-del[b-3mzu0oynhs] {
    width: 28px;
    height: 28px;
    border: 1px solid var(--mt-border-color);
    border-radius: 4px;
    background: transparent;
    color: var(--mt-muted-color);
    cursor: pointer;
    font-size: .78rem;
    align-self: center;
}

.edd-crit-del:hover[b-3mzu0oynhs] { border-color: #ff4c51; color: #ff4c51; }

/* Promedio */
.edd-promedio[b-3mzu0oynhs] {
    margin-top: .75rem;
    padding: .6rem .875rem;
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-primary);
    border-radius: var(--mt-radius);
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
}

.edd-prom-label[b-3mzu0oynhs] {
    font-size: .75rem;
    color: var(--mt-muted-color);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.edd-prom-val[b-3mzu0oynhs] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--mt-primary);
    font-variant-numeric: tabular-nums;
}

.edd-calif-badge[b-3mzu0oynhs] {
    padding: .2rem .6rem;
    border-radius: 4px;
    font-size: .72rem;
    font-weight: 600;
    margin-left: auto;
}

.edd-calif-ok[b-3mzu0oynhs]       { background: rgba(113, 221, 55, .2); color: #71dd37; }
.edd-calif-good[b-3mzu0oynhs]     { background: rgba(3, 195, 236, .2); color: #03c3ec; }
.edd-calif-warn[b-3mzu0oynhs]     { background: rgba(255, 180, 0, .2); color: #ffb400; }
.edd-calif-bad[b-3mzu0oynhs]      { background: rgba(255, 145, 40, .2); color: #ff9128; }
.edd-calif-critical[b-3mzu0oynhs] { background: rgba(255, 76, 81, .2); color: #ff4c51; }

/* Footer */
.edd-footer[b-3mzu0oynhs] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
    padding-top: .5rem;
    border-top: 1px solid var(--mt-border-color);
}

.edd-btn-cancel[b-3mzu0oynhs], .edd-btn-save[b-3mzu0oynhs] {
    padding: .45rem 1rem;
    border-radius: var(--mt-radius);
    font-size: .875rem;
    cursor: pointer;
}

.edd-btn-cancel[b-3mzu0oynhs] {
    border: 1px solid var(--mt-border-color);
    background: transparent;
    color: var(--mt-body-color);
}

.edd-btn-cancel:hover[b-3mzu0oynhs] { border-color: var(--mt-primary); color: var(--mt-primary); }

.edd-btn-save[b-3mzu0oynhs] {
    border: none;
    background: var(--mt-primary);
    color: #fff;
    padding-right: 1.25rem;
    display: flex;
    align-items: center;
    gap: .4rem;
}

.edd-btn-save:disabled[b-3mzu0oynhs] { opacity: .5; cursor: not-allowed; }

.edd-spinner[b-3mzu0oynhs] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255,255,255,.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: edd-spin-b-3mzu0oynhs .7s linear infinite;
}

@keyframes edd-spin-b-3mzu0oynhs { to { transform: rotate(360deg); } }

@media (max-width: 700px) {
    .edd-row-2[b-3mzu0oynhs], .edd-row-3[b-3mzu0oynhs] { grid-template-columns: 1fr; }
    .edd-crit[b-3mzu0oynhs] { grid-template-columns: 1fr; gap: .3rem; }
    .edd-crit-score[b-3mzu0oynhs] { min-width: 0; }
}
/* /Components/Pages/Personal/FichaPersonalPage.razor.rz.scp.css */
/* ── Back button ─────────────────────────────────────────── */
.fpe-back-btn[b-h1tknts5fq] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid var(--mt-border-color);
    background: transparent;
    color: var(--mt-body-color);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .85rem;
    transition: all .15s;
    flex-shrink: 0;
}

.fpe-back-btn:hover[b-h1tknts5fq] {
    background: var(--mt-primary);
    border-color: var(--mt-primary);
    color: #fff;
}

/* ── Status badge in header ──────────────────────────────── */
.fpe-estado-badge[b-h1tknts5fq] {
    padding: .3rem .75rem;
    border-radius: 20px;
    font-size: .75rem;
    font-weight: 600;
}

.fpe-badge-activo[b-h1tknts5fq] { background: rgba(113, 221, 55, .15); color: #71dd37; }
.fpe-badge-suspendido[b-h1tknts5fq] { background: rgba(255, 76, 81, .12); color: #ff4c51; }

/* ── Profile hero ────────────────────────────────────────── */
.fpe-profile[b-h1tknts5fq] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    padding: 0 1.5rem 1.25rem;
}

.fpe-avatar-wrap[b-h1tknts5fq] { flex-shrink: 0; }

.fpe-avatar-img[b-h1tknts5fq],
.fpe-avatar-initials[b-h1tknts5fq] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
}

.fpe-avatar-img[b-h1tknts5fq] { object-fit: cover; }

.fpe-avatar-initials[b-h1tknts5fq] {
    background: var(--mt-primary);
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fpe-profile-info[b-h1tknts5fq] { flex: 1; min-width: 0; }

.fpe-profile-nombre[b-h1tknts5fq] {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--mt-heading-color);
}

.fpe-profile-cargo[b-h1tknts5fq] {
    font-size: .875rem;
    color: var(--mt-primary);
    margin-top: .2rem;
}

.fpe-profile-meta[b-h1tknts5fq] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: .35rem;
    font-size: .78rem;
    color: var(--mt-muted-color);
}

.fpe-profile-meta i[b-h1tknts5fq] { margin-right: .3rem; }

/* ── Tabs ────────────────────────────────────────────────── */
.fpe-tabs[b-h1tknts5fq] {
    display: flex;
    gap: 0;
    padding: 0 1.5rem;
    border-bottom: 1px solid var(--mt-border-color);
    margin-bottom: 0;
}

.fpe-tab[b-h1tknts5fq] {
    padding: .65rem 1.1rem;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    color: var(--mt-muted-color);
    font-size: .875rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: .45rem;
    transition: color .15s, border-color .15s;
    white-space: nowrap;
    margin-bottom: -1px;
}

.fpe-tab:hover[b-h1tknts5fq] { color: var(--mt-body-color); }
.fpe-tab.active[b-h1tknts5fq] { color: var(--mt-primary); border-bottom-color: var(--mt-primary); }

.fpe-tab-badge[b-h1tknts5fq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--mt-warning, #ffb400);
    color: #000;
    font-size: .65rem;
    font-weight: 700;
}

/* ── Tab content ─────────────────────────────────────────── */
.fpe-tab-content[b-h1tknts5fq] { padding: 1.25rem 1.5rem 1.5rem; }

.fpe-section-header[b-h1tknts5fq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.fpe-section-title[b-h1tknts5fq] {
    font-size: .9rem;
    font-weight: 600;
    color: var(--mt-heading-color);
}

.fpe-inner-loading[b-h1tknts5fq] {
    display: flex;
    justify-content: center;
    padding: 2rem;
}

.fpe-empty-tab[b-h1tknts5fq] {
    text-align: center;
    padding: 2.5rem 1rem;
    color: var(--mt-muted-color);
    font-size: .875rem;
}

.fpe-empty-tab i[b-h1tknts5fq] {
    font-size: 2rem;
    display: block;
    margin-bottom: .5rem;
    opacity: .4;
}

/* ── Contracts list ──────────────────────────────────────── */
.fpe-contratos-list[b-h1tknts5fq] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.fpe-contrato-card[b-h1tknts5fq] {
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    overflow: hidden;
}

.fpe-contrato-activo[b-h1tknts5fq] {
    border-color: rgba(105, 108, 255, .4);
}

.fpe-contrato-top[b-h1tknts5fq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .75rem 1rem;
    border-bottom: 1px solid var(--mt-border-color);
    gap: 1rem;
    flex-wrap: wrap;
}

.fpe-contrato-tipo[b-h1tknts5fq] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.fpe-tipo-badge[b-h1tknts5fq] {
    background: rgba(105, 108, 255, .12);
    color: var(--mt-primary);
    border-radius: 4px;
    padding: .2rem .55rem;
    font-size: .75rem;
    font-weight: 600;
}

.fpe-contrato-modalidad[b-h1tknts5fq] {
    font-size: .78rem;
    color: var(--mt-muted-color);
}

.fpe-contrato-estado-wrap[b-h1tknts5fq] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.fpe-est-badge[b-h1tknts5fq] {
    padding: .2rem .6rem;
    border-radius: 4px;
    font-size: .75rem;
    font-weight: 600;
}

.fpe-est-activo[b-h1tknts5fq] { background: rgba(113, 221, 55, .15); color: #71dd37; }
.fpe-est-vencido[b-h1tknts5fq] { background: rgba(255, 76, 81, .12); color: #ff4c51; }
.fpe-est-rescindido[b-h1tknts5fq] { background: rgba(255, 76, 81, .12); color: #ff4c51; }
.fpe-est-suspendido[b-h1tknts5fq] { background: rgba(255, 180, 0, .12); color: #ffb400; }

.fpe-vence-alerta[b-h1tknts5fq] {
    font-size: .75rem;
    color: var(--mt-warning, #ffb400);
    display: flex;
    align-items: center;
    gap: .3rem;
}

.fpe-contrato-body[b-h1tknts5fq] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .5rem 1.5rem;
    padding: .75rem 1rem;
}

.fpe-contrato-field[b-h1tknts5fq] { display: flex; flex-direction: column; gap: .15rem; }
.fpe-field-full[b-h1tknts5fq] { grid-column: 1 / -1; }

.fpe-field-label[b-h1tknts5fq] {
    font-size: .7rem;
    color: var(--mt-muted-color);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.fpe-field-val[b-h1tknts5fq] {
    font-size: .85rem;
    color: var(--mt-body-color);
}

.fpe-salario[b-h1tknts5fq] {
    color: var(--mt-heading-color);
    font-weight: 600;
}

.fpe-contrato-actions[b-h1tknts5fq] {
    display: flex;
    gap: .5rem;
    padding: .5rem 1rem;
    border-top: 1px solid var(--mt-border-color);
    background: rgba(0,0,0,.04);
}

.fpe-action-btn[b-h1tknts5fq] {
    padding: .35rem .75rem;
    border-radius: 4px;
    font-size: .78rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: .35rem;
    border: 1px solid transparent;
    transition: all .15s;
}

.fpe-action-rescind[b-h1tknts5fq] {
    background: rgba(255, 76, 81, .08);
    border-color: rgba(255, 76, 81, .3);
    color: #ff4c51;
}

.fpe-action-rescind:hover[b-h1tknts5fq] {
    background: #ff4c51;
    color: #fff;
}

.fpe-action-suspend[b-h1tknts5fq] {
    background: rgba(255, 180, 0, .08);
    border-color: rgba(255, 180, 0, .3);
    color: #ffb400;
}

.fpe-action-suspend:hover[b-h1tknts5fq] {
    background: #ffb400;
    color: #000;
}

.fpe-action-reactivate[b-h1tknts5fq] {
    background: rgba(113, 221, 55, .08);
    border-color: rgba(113, 221, 55, .3);
    color: #71dd37;
}

.fpe-action-reactivate:hover[b-h1tknts5fq] {
    background: #71dd37;
    color: #000;
}

/* ── Timeline ────────────────────────────────────────────── */
.fpe-timeline[b-h1tknts5fq] {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding-left: 1.5rem;
    border-left: 2px solid var(--mt-border-color);
}

.fpe-timeline-item[b-h1tknts5fq] {
    position: relative;
    padding: 0 0 1.25rem 1.5rem;
}

.fpe-timeline-dot[b-h1tknts5fq] {
    position: absolute;
    left: -7px;
    top: .35rem;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid var(--mt-body-bg);
}

.fpe-dot-ingreso[b-h1tknts5fq] { background: #71dd37; }
.fpe-dot-ascenso[b-h1tknts5fq] { background: var(--mt-primary); }
.fpe-dot-baja[b-h1tknts5fq] { background: #ff4c51; }
.fpe-dot-suspension[b-h1tknts5fq] { background: #ffb400; }
.fpe-dot-reactivacion[b-h1tknts5fq] { background: #71dd37; }
.fpe-dot-cambio[b-h1tknts5fq] { background: var(--mt-muted-color); }

.fpe-timeline-card[b-h1tknts5fq] {
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    overflow: hidden;
}

.fpe-tl-header[b-h1tknts5fq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .6rem .875rem;
    border-bottom: 1px solid var(--mt-border-color);
}

.fpe-tl-tipo[b-h1tknts5fq] {
    font-size: .8rem;
    font-weight: 600;
    color: var(--mt-heading-color);
}

.fpe-tl-fecha[b-h1tknts5fq] {
    font-size: .75rem;
    color: var(--mt-muted-color);
}

.fpe-tl-body[b-h1tknts5fq] { padding: .6rem .875rem; }

.fpe-tl-row[b-h1tknts5fq] {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .8rem;
    margin-bottom: .35rem;
}

.fpe-tl-label[b-h1tknts5fq] {
    min-width: 60px;
    color: var(--mt-muted-color);
    font-size: .73rem;
}

.fpe-tl-change[b-h1tknts5fq] { color: var(--mt-body-color); display: flex; align-items: center; gap: .35rem; }

.fpe-arrow[b-h1tknts5fq] { color: var(--mt-primary); font-size: .7rem; }

.fpe-tl-motivo[b-h1tknts5fq] {
    font-size: .78rem;
    color: var(--mt-muted-color);
    font-style: italic;
    margin-top: .25rem;
}

.fpe-tl-footer[b-h1tknts5fq] {
    padding: .4rem .875rem;
    border-top: 1px solid var(--mt-border-color);
    font-size: .73rem;
    color: var(--mt-muted-color);
    display: flex;
    align-items: center;
    gap: .35rem;
}

/* ── Seguros grid ────────────────────────────────────────── */
.fpe-seguros-grid[b-h1tknts5fq] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: .875rem;
}

.fpe-seguro-card[b-h1tknts5fq] {
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    padding: .875rem 1rem;
    border-top: 3px solid var(--mt-muted-color);
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.fpe-seg-afp[b-h1tknts5fq] { border-top-color: var(--mt-primary); }
.fpe-seg-onp[b-h1tknts5fq] { border-top-color: #03c3ec; }
.fpe-seg-essalud[b-h1tknts5fq] { border-top-color: #71dd37; }
.fpe-seg-sctr[b-h1tknts5fq] { border-top-color: #ffb400; }
.fpe-seg-vida_ley[b-h1tknts5fq] { border-top-color: #ff4c51; }

.fpe-seg-tipo[b-h1tknts5fq] {
    font-size: .7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--mt-muted-color);
}

.fpe-seg-entidad[b-h1tknts5fq] {
    font-size: .9rem;
    font-weight: 600;
    color: var(--mt-heading-color);
}

.fpe-seg-afiliacion[b-h1tknts5fq], .fpe-seg-porcentaje[b-h1tknts5fq] {
    font-size: .78rem;
    color: var(--mt-body-color);
}

.fpe-seg-periodo[b-h1tknts5fq] {
    font-size: .75rem;
    color: var(--mt-muted-color);
    margin-top: .2rem;
}

.fpe-seg-activo[b-h1tknts5fq] {
    display: inline-block;
    padding: .15rem .5rem;
    border-radius: 4px;
    font-size: .7rem;
    font-weight: 600;
    margin-top: .35rem;
    align-self: flex-start;
}

.fpe-seg-on[b-h1tknts5fq] { background: rgba(113, 221, 55, .15); color: #71dd37; }
.fpe-seg-off[b-h1tknts5fq] { background: rgba(160, 160, 160, .1); color: var(--mt-muted-color); }

/* ── Inducción (O3.1) ────────────────────────────────────── */
.fpe-ind-pct[b-h1tknts5fq] {
    font-size: .75rem;
    color: var(--mt-primary);
    font-weight: 500;
    margin-left: .5rem;
}

.fpe-ind-progress[b-h1tknts5fq] { margin-bottom: 1rem; }

.fpe-ind-bar[b-h1tknts5fq] {
    height: 6px;
    background: var(--mt-border-color);
    border-radius: 3px;
    overflow: hidden;
}

.fpe-ind-fill[b-h1tknts5fq] {
    height: 100%;
    background: linear-gradient(90deg, var(--mt-primary), #71dd37);
    border-radius: 3px;
    transition: width .3s;
}

.fpe-ind-list[b-h1tknts5fq] { display: flex; flex-direction: column; gap: .5rem; }

.fpe-ind-item[b-h1tknts5fq] {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    padding: .65rem .75rem;
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    transition: all .15s;
}

.fpe-ind-item:hover[b-h1tknts5fq] { border-color: var(--mt-primary); }

.fpe-ind-done[b-h1tknts5fq] {
    opacity: .75;
    background: rgba(113, 221, 55, .05);
    border-color: rgba(113, 221, 55, .3);
}

.fpe-ind-check[b-h1tknts5fq] {
    width: 28px;
    height: 28px;
    border: none;
    background: transparent;
    color: var(--mt-muted-color);
    cursor: pointer;
    font-size: 1.1rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color .15s;
}

.fpe-ind-check:hover[b-h1tknts5fq] { color: var(--mt-primary); }
.fpe-ind-done .fpe-ind-check[b-h1tknts5fq] { color: #71dd37; }

.fpe-ind-body[b-h1tknts5fq] { flex: 1; min-width: 0; }

.fpe-ind-titulo[b-h1tknts5fq] {
    font-size: .88rem;
    font-weight: 600;
    color: var(--mt-heading-color);
}

.fpe-ind-done .fpe-ind-titulo[b-h1tknts5fq] { text-decoration: line-through; opacity: .8; }

.fpe-ind-desc[b-h1tknts5fq] {
    font-size: .78rem;
    color: var(--mt-body-color);
    margin-top: .15rem;
    line-height: 1.4;
}

.fpe-ind-meta[b-h1tknts5fq] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    margin-top: .35rem;
}

.fpe-ind-responsable[b-h1tknts5fq] {
    font-size: .7rem;
    padding: .15rem .45rem;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: .25rem;
}

.fpe-ind-resp-rrhh[b-h1tknts5fq]     { background: rgba(105, 108, 255, .12); color: var(--mt-primary); }
.fpe-ind-resp-lider[b-h1tknts5fq]    { background: rgba(3, 195, 236, .12);  color: #03c3ec; }
.fpe-ind-resp-it[b-h1tknts5fq]       { background: rgba(156, 39, 176, .12); color: #9c27b0; }
.fpe-ind-resp-empleado[b-h1tknts5fq] { background: rgba(113, 221, 55, .12); color: #71dd37; }
.fpe-ind-resp-otro[b-h1tknts5fq]     { background: var(--mt-gray-50); color: var(--mt-muted-color); }

.fpe-ind-fecha[b-h1tknts5fq] {
    font-size: .7rem;
    color: var(--mt-muted-color);
    display: flex;
    align-items: center;
    gap: .25rem;
}

.fpe-ind-fecha i[b-h1tknts5fq] { color: #71dd37; }

.fpe-ind-del[b-h1tknts5fq] {
    width: 28px;
    height: 28px;
    border: 1px solid var(--mt-border-color);
    background: transparent;
    color: var(--mt-muted-color);
    border-radius: 4px;
    cursor: pointer;
    font-size: .75rem;
    flex-shrink: 0;
    transition: all .15s;
}

.fpe-ind-del:hover[b-h1tknts5fq] {
    border-color: #ff4c51;
    color: #ff4c51;
}

/* ── Activos asignados ───────────────────────────────────── */
.fpe-act-list[b-h1tknts5fq] { display: flex; flex-direction: column; gap: .65rem; }

.fpe-act-item[b-h1tknts5fq] {
    display: flex;
    gap: .75rem;
    padding: .75rem .85rem;
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
}

.fpe-act-activa[b-h1tknts5fq] { border-left: 3px solid #71dd37; }

.fpe-act-icon[b-h1tknts5fq] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: rgba(105, 108, 255, .12);
    color: var(--mt-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    flex-shrink: 0;
}

.fpe-act-info[b-h1tknts5fq] { flex: 1; min-width: 0; }

.fpe-act-nombre[b-h1tknts5fq] {
    font-size: .88rem;
    font-weight: 600;
    color: var(--mt-heading-color);
}

.fpe-act-codigo[b-h1tknts5fq] {
    font-size: .72rem;
    color: var(--mt-primary);
    font-family: var(--mt-font-mono);
    margin-top: .1rem;
}

.fpe-act-fechas[b-h1tknts5fq] {
    font-size: .73rem;
    color: var(--mt-muted-color);
    margin-top: .2rem;
}

.fpe-act-obs[b-h1tknts5fq] {
    font-size: .75rem;
    color: var(--mt-body-color);
    margin-top: .25rem;
    padding: .3rem .5rem;
    background: var(--mt-gray-50);
    border-radius: 4px;
    line-height: 1.4;
}

.fpe-act-side[b-h1tknts5fq] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: .4rem;
    flex-shrink: 0;
}

.fpe-act-estado[b-h1tknts5fq] {
    padding: .2rem .55rem;
    border-radius: 4px;
    font-size: .7rem;
    font-weight: 600;
}

.fpe-act-est-activa[b-h1tknts5fq]     { background: rgba(113, 221, 55, .15); color: #71dd37; }
.fpe-act-est-devuelto[b-h1tknts5fq]   { background: var(--mt-gray-50); color: var(--mt-muted-color); }
.fpe-act-est-extraviado[b-h1tknts5fq] { background: rgba(255, 180, 0, .15); color: #ffb400; }
.fpe-act-est-baja[b-h1tknts5fq]       { background: rgba(255, 76, 81, .12); color: #ff4c51; }

.fpe-act-devolver[b-h1tknts5fq] {
    padding: .3rem .6rem;
    background: transparent;
    border: 1px solid var(--mt-border-color);
    border-radius: 4px;
    color: var(--mt-body-color);
    font-size: .72rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: .3rem;
    transition: all .15s;
}

.fpe-act-devolver:hover[b-h1tknts5fq] {
    border-color: var(--mt-primary);
    color: var(--mt-primary);
}

/* ── Desempeño (O5.2) ────────────────────────────────────── */
.fpe-eval-list[b-h1tknts5fq] { display: flex; flex-direction: column; gap: .875rem; }

.fpe-eval-card[b-h1tknts5fq] {
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    padding: .875rem 1rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.fpe-eval-head[b-h1tknts5fq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.fpe-eval-periodo[b-h1tknts5fq] {
    font-size: .95rem;
    font-weight: 700;
    color: var(--mt-heading-color);
    margin-right: .5rem;
}

.fpe-eval-rango[b-h1tknts5fq] {
    font-size: .75rem;
    color: var(--mt-muted-color);
}

.fpe-eval-right[b-h1tknts5fq] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.fpe-eval-estado[b-h1tknts5fq] {
    padding: .2rem .55rem;
    border-radius: 4px;
    font-size: .7rem;
    font-weight: 600;
}

.fpe-eval-est-borrador[b-h1tknts5fq]    { background: var(--mt-gray-50); color: var(--mt-muted-color); }
.fpe-eval-est-enviada[b-h1tknts5fq]     { background: rgba(3, 195, 236, .12);  color: #03c3ec; }
.fpe-eval-est-revisada[b-h1tknts5fq]    { background: rgba(255, 180, 0, .15);  color: #ffb400; }
.fpe-eval-est-finalizada[b-h1tknts5fq]  { background: rgba(113, 221, 55, .15); color: #71dd37; }

.fpe-eval-score[b-h1tknts5fq] {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--mt-primary);
    font-variant-numeric: tabular-nums;
}

.fpe-eval-calif[b-h1tknts5fq] {
    display: inline-block;
    padding: .2rem .65rem;
    border-radius: 20px;
    font-size: .72rem;
    font-weight: 600;
    align-self: flex-start;
}

.fpe-calif-ok[b-h1tknts5fq]       { background: rgba(113, 221, 55, .2); color: #71dd37; }
.fpe-calif-good[b-h1tknts5fq]     { background: rgba(3, 195, 236, .2); color: #03c3ec; }
.fpe-calif-warn[b-h1tknts5fq]     { background: rgba(255, 180, 0, .2); color: #ffb400; }
.fpe-calif-bad[b-h1tknts5fq]      { background: rgba(255, 145, 40, .2); color: #ff9128; }
.fpe-calif-critical[b-h1tknts5fq] { background: rgba(255, 76, 81, .2); color: #ff4c51; }

.fpe-eval-meta[b-h1tknts5fq] {
    display: flex;
    gap: 1rem;
    font-size: .76rem;
    color: var(--mt-muted-color);
    flex-wrap: wrap;
}

.fpe-eval-meta i[b-h1tknts5fq] { margin-right: .25rem; }

.fpe-eval-planes[b-h1tknts5fq] { color: var(--mt-primary); }

/* Planes de mejora list */
.fpe-eval-planes-list[b-h1tknts5fq] {
    display: flex;
    flex-direction: column;
    gap: .4rem;
    padding: .5rem .65rem;
    background: var(--mt-gray-50);
    border-radius: var(--mt-radius);
    border-left: 3px solid var(--mt-primary);
}

.fpe-plan[b-h1tknts5fq] {
    padding: .4rem .5rem;
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: 4px;
    font-size: .78rem;
}

.fpe-plan-pendiente[b-h1tknts5fq]   { border-left: 3px solid var(--mt-muted-color); }
.fpe-plan-en_progreso[b-h1tknts5fq] { border-left: 3px solid #03c3ec; }
.fpe-plan-completado[b-h1tknts5fq]  { border-left: 3px solid #71dd37; opacity: .7; }
.fpe-plan-cancelado[b-h1tknts5fq]   { border-left: 3px solid #ff4c51; opacity: .55; }

.fpe-plan-obj[b-h1tknts5fq] {
    font-weight: 600;
    color: var(--mt-heading-color);
    margin-bottom: .25rem;
}

.fpe-plan-row[b-h1tknts5fq] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
    font-size: .72rem;
    color: var(--mt-muted-color);
}

.fpe-plan-estado[b-h1tknts5fq] {
    padding: .1rem .4rem;
    background: var(--mt-gray-50);
    border-radius: 3px;
    color: var(--mt-body-color);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.fpe-plan-fecha i[b-h1tknts5fq] { color: var(--mt-primary); }

.fpe-plan-actions[b-h1tknts5fq] {
    margin-left: auto;
    display: flex;
    gap: .3rem;
}

.fpe-plan-btn[b-h1tknts5fq] {
    padding: .2rem .55rem;
    font-size: .7rem;
    border: 1px solid var(--mt-border-color);
    border-radius: 4px;
    background: transparent;
    color: var(--mt-body-color);
    cursor: pointer;
    transition: all .15s;
}

.fpe-plan-btn:hover[b-h1tknts5fq] { border-color: var(--mt-primary); color: var(--mt-primary); }
.fpe-plan-btn-ok:hover[b-h1tknts5fq] { border-color: #71dd37; color: #71dd37; }
.fpe-plan-btn-cancel:hover[b-h1tknts5fq] { border-color: #ff4c51; color: #ff4c51; }

/* Actions */
.fpe-eval-actions[b-h1tknts5fq] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    padding-top: .4rem;
    border-top: 1px solid var(--mt-border-color);
}

.fpe-eval-link[b-h1tknts5fq] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .3rem .65rem;
    background: transparent;
    border: 1px solid var(--mt-border-color);
    border-radius: 4px;
    color: var(--mt-body-color);
    font-size: .76rem;
    cursor: pointer;
    transition: all .15s;
}

.fpe-eval-link:hover[b-h1tknts5fq] {
    border-color: var(--mt-primary);
    color: var(--mt-primary);
}

.fpe-eval-send:hover[b-h1tknts5fq]     { border-color: #03c3ec; color: #03c3ec; }
.fpe-eval-finalize:hover[b-h1tknts5fq] { border-color: #71dd37; color: #71dd37; }

/* ── Shared per-spinner (declared in bandeja css but needed here too) ── */
.per-loading[b-h1tknts5fq] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: 3rem 1.5rem;
    color: var(--mt-muted-color);
    font-size: .9rem;
}

.per-spinner[b-h1tknts5fq] {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid var(--mt-border-color);
    border-top-color: var(--mt-primary);
    border-radius: 50%;
    animation: per-spin-b-h1tknts5fq .7s linear infinite;
    flex-shrink: 0;
}

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

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 600px) {
    .fpe-profile[b-h1tknts5fq] { padding: 0 1rem 1rem; }
    .fpe-tabs[b-h1tknts5fq] { padding: 0 1rem; overflow-x: auto; }
    .fpe-tab-content[b-h1tknts5fq] { padding: 1rem; }
    .fpe-contrato-body[b-h1tknts5fq] { grid-template-columns: 1fr; }
    .fpe-seguros-grid[b-h1tknts5fq] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Personal/HistorialLaboralDialog.razor.rz.scp.css */
/* Reuses cdlg-* styles from ContratoDialog — scoped CSS is separate but patterns match */
.cdlg-form[b-xyg55nnhxl] { display: flex; flex-direction: column; gap: .875rem; padding: .25rem 0; }

.cdlg-row[b-xyg55nnhxl] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .875rem;
}

.cdlg-field[b-xyg55nnhxl] { display: flex; flex-direction: column; gap: .35rem; }

.cdlg-field label[b-xyg55nnhxl] {
    font-size: .78rem;
    color: var(--mt-muted-color);
    font-weight: 500;
}

.cdlg-input[b-xyg55nnhxl],
.cdlg-select[b-xyg55nnhxl],
.cdlg-textarea[b-xyg55nnhxl] {
    padding: .45rem .65rem;
    background: var(--mt-gray-50);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    color: var(--mt-heading-color);
    font-size: .875rem;
    outline: none;
    transition: border-color .15s;
    width: 100%;
    box-sizing: border-box;
    font-family: inherit;
}

.cdlg-input:focus[b-xyg55nnhxl],
.cdlg-select:focus[b-xyg55nnhxl],
.cdlg-textarea:focus[b-xyg55nnhxl] { border-color: var(--mt-primary); }

.cdlg-textarea[b-xyg55nnhxl] { resize: vertical; }

.cdlg-error[b-xyg55nnhxl] { font-size: .73rem; color: #ff4c51; }

.cdlg-footer[b-xyg55nnhxl] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
    padding-top: .5rem;
    border-top: 1px solid var(--mt-border-color);
}

.cdlg-btn-cancel[b-xyg55nnhxl] {
    padding: .45rem 1rem;
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    background: transparent;
    color: var(--mt-body-color);
    font-size: .875rem;
    cursor: pointer;
    transition: all .15s;
}

.cdlg-btn-cancel:hover[b-xyg55nnhxl] { border-color: var(--mt-primary); color: var(--mt-primary); }

.cdlg-btn-save[b-xyg55nnhxl] {
    padding: .45rem 1.25rem;
    border: none;
    border-radius: var(--mt-radius);
    background: var(--mt-primary);
    color: #fff;
    font-size: .875rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: .4rem;
    transition: opacity .15s;
}

.cdlg-btn-save:disabled[b-xyg55nnhxl] { opacity: .6; cursor: not-allowed; }

.cdlg-spinner[b-xyg55nnhxl] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255,255,255,.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: cdlg-spin-b-xyg55nnhxl .7s linear infinite;
}

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

@media (max-width: 480px) {
    .cdlg-row[b-xyg55nnhxl] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Personal/InduccionItemDialog.razor.rz.scp.css */
.cdlg-form[b-8l0oqwzdtl] { display: flex; flex-direction: column; gap: .875rem; padding: .25rem 0; }

.cdlg-row[b-8l0oqwzdtl] { display: grid; grid-template-columns: 1fr 1fr; gap: .875rem; }

.cdlg-field[b-8l0oqwzdtl] { display: flex; flex-direction: column; gap: .35rem; }

.cdlg-field label[b-8l0oqwzdtl] { font-size: .78rem; color: var(--mt-muted-color); font-weight: 500; }

.cdlg-input[b-8l0oqwzdtl], .cdlg-select[b-8l0oqwzdtl], .cdlg-textarea[b-8l0oqwzdtl] {
    padding: .45rem .65rem;
    background: var(--mt-gray-50);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    color: var(--mt-heading-color);
    font-size: .875rem;
    outline: none;
    width: 100%;
    box-sizing: border-box;
    font-family: inherit;
}

.cdlg-input:focus[b-8l0oqwzdtl], .cdlg-select:focus[b-8l0oqwzdtl], .cdlg-textarea:focus[b-8l0oqwzdtl] { border-color: var(--mt-primary); }
.cdlg-textarea[b-8l0oqwzdtl] { resize: vertical; }
.cdlg-error[b-8l0oqwzdtl] { font-size: .73rem; color: #ff4c51; }

.cdlg-footer[b-8l0oqwzdtl] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
    padding-top: .5rem;
    border-top: 1px solid var(--mt-border-color);
}

.cdlg-btn-cancel[b-8l0oqwzdtl], .cdlg-btn-save[b-8l0oqwzdtl] {
    padding: .45rem 1rem;
    border-radius: var(--mt-radius);
    font-size: .875rem;
    cursor: pointer;
}

.cdlg-btn-cancel[b-8l0oqwzdtl] {
    border: 1px solid var(--mt-border-color);
    background: transparent;
    color: var(--mt-body-color);
}

.cdlg-btn-cancel:hover[b-8l0oqwzdtl] { border-color: var(--mt-primary); color: var(--mt-primary); }

.cdlg-btn-save[b-8l0oqwzdtl] {
    border: none;
    background: var(--mt-primary);
    color: #fff;
    padding-right: 1.25rem;
    display: flex;
    align-items: center;
    gap: .4rem;
}

.cdlg-btn-save:disabled[b-8l0oqwzdtl] { opacity: .6; cursor: not-allowed; }

.cdlg-spinner[b-8l0oqwzdtl] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255,255,255,.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: idlg-spin-b-8l0oqwzdtl .7s linear infinite;
}

@keyframes idlg-spin-b-8l0oqwzdtl { to { transform: rotate(360deg); } }

@media (max-width: 480px) { .cdlg-row[b-8l0oqwzdtl] { grid-template-columns: 1fr; } }
/* /Components/Pages/Personal/PlanMejoraDialog.razor.rz.scp.css */
.edd-form[b-w0w7vej3ro] { display: flex; flex-direction: column; gap: .875rem; padding: .25rem 0; }

.edd-field[b-w0w7vej3ro] { display: flex; flex-direction: column; gap: .35rem; }

.edd-field label[b-w0w7vej3ro] {
    font-size: .78rem;
    color: var(--mt-muted-color);
    font-weight: 500;
}

.edd-input[b-w0w7vej3ro] {
    padding: .45rem .65rem;
    background: var(--mt-gray-50);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    color: var(--mt-heading-color);
    font-size: .875rem;
    outline: none;
    width: 100%;
    box-sizing: border-box;
    font-family: inherit;
    resize: vertical;
}

.edd-input:focus[b-w0w7vej3ro] { border-color: var(--mt-primary); }
.edd-error[b-w0w7vej3ro] { font-size: .73rem; color: #ff4c51; }

.edd-footer[b-w0w7vej3ro] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
    padding-top: .5rem;
    border-top: 1px solid var(--mt-border-color);
}

.edd-btn-cancel[b-w0w7vej3ro], .edd-btn-save[b-w0w7vej3ro] {
    padding: .45rem 1rem;
    border-radius: var(--mt-radius);
    font-size: .875rem;
    cursor: pointer;
}

.edd-btn-cancel[b-w0w7vej3ro] {
    border: 1px solid var(--mt-border-color);
    background: transparent;
    color: var(--mt-body-color);
}

.edd-btn-cancel:hover[b-w0w7vej3ro] { border-color: var(--mt-primary); color: var(--mt-primary); }

.edd-btn-save[b-w0w7vej3ro] {
    border: none;
    background: var(--mt-primary);
    color: #fff;
    padding-right: 1.25rem;
    display: flex;
    align-items: center;
    gap: .4rem;
}

.edd-btn-save:disabled[b-w0w7vej3ro] { opacity: .6; cursor: not-allowed; }

.edd-spinner[b-w0w7vej3ro] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255,255,255,.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: pmdlg-spin-b-w0w7vej3ro .7s linear infinite;
}

@keyframes pmdlg-spin-b-w0w7vej3ro { to { transform: rotate(360deg); } }
/* /Components/Pages/Personal/PostulanteDetalleDialog.razor.rz.scp.css */
.pdd-form[b-atjcl4l9gs] { display: flex; flex-direction: column; gap: .875rem; padding: .25rem 0; max-height: 75vh; overflow-y: auto; }

/* ── Header ──────────────────────────────────────────────── */
.pdd-header[b-atjcl4l9gs] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: .75rem 1rem;
    background: var(--mt-gray-50);
    border-radius: var(--mt-radius);
    flex-wrap: wrap;
}

.pdd-header-main[b-atjcl4l9gs] { display: flex; flex-direction: column; gap: .25rem; min-width: 0; }

.pdd-email a[b-atjcl4l9gs] {
    color: var(--mt-primary);
    text-decoration: none;
    font-size: .85rem;
}

.pdd-email a:hover[b-atjcl4l9gs] { text-decoration: underline; }

.pdd-email[b-atjcl4l9gs], .pdd-info-item[b-atjcl4l9gs] {
    display: flex;
    align-items: center;
    gap: .4rem;
    font-size: .8rem;
    color: var(--mt-body-color);
}

.pdd-email i[b-atjcl4l9gs], .pdd-info-item i[b-atjcl4l9gs] { color: var(--mt-muted-color); width: 14px; }

.pdd-links[b-atjcl4l9gs] { display: flex; gap: .5rem; flex-wrap: wrap; }

.pdd-link[b-atjcl4l9gs] {
    padding: .3rem .6rem;
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: 4px;
    color: var(--mt-body-color);
    text-decoration: none;
    font-size: .78rem;
    display: flex;
    align-items: center;
    gap: .3rem;
    transition: all .15s;
}

.pdd-link:hover[b-atjcl4l9gs] { border-color: var(--mt-primary); color: var(--mt-primary); }

/* ── Salario + Observaciones ─────────────────────────────── */
.pdd-salario[b-atjcl4l9gs] {
    font-size: .82rem;
    color: var(--mt-body-color);
    display: flex;
    align-items: center;
    gap: .4rem;
}

.pdd-salario i[b-atjcl4l9gs] { color: #71dd37; }

.pdd-obs[b-atjcl4l9gs] {
    background: var(--mt-gray-50);
    padding: .5rem .75rem;
    border-radius: var(--mt-radius);
    font-size: .82rem;
    color: var(--mt-body-color);
    line-height: 1.5;
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

/* ── Section ─────────────────────────────────────────────── */
.pdd-section[b-atjcl4l9gs] { display: flex; flex-direction: column; gap: .5rem; }

.pdd-section-header[b-atjcl4l9gs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pdd-label[b-atjcl4l9gs] {
    font-size: .75rem;
    color: var(--mt-muted-color);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.pdd-mini-btn[b-atjcl4l9gs] {
    padding: .3rem .7rem;
    background: var(--mt-primary);
    border: none;
    border-radius: 4px;
    color: #fff;
    font-size: .75rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: .3rem;
}

/* ── Estado grid ─────────────────────────────────────────── */
.pdd-estado-grid[b-atjcl4l9gs] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
    gap: .375rem;
}

.pdd-estado-btn[b-atjcl4l9gs] {
    padding: .45rem .5rem;
    border-radius: var(--mt-radius);
    border: 1px solid var(--mt-border-color);
    background: var(--mt-gray-50);
    color: var(--mt-body-color);
    font-size: .72rem;
    cursor: pointer;
    transition: all .15s;
    text-align: center;
}

.pdd-estado-btn:hover[b-atjcl4l9gs] { border-color: var(--mt-primary); color: var(--mt-primary); }

.pdd-estado-btn.active[b-atjcl4l9gs] {
    background: var(--mt-primary);
    border-color: var(--mt-primary);
    color: #fff;
    font-weight: 600;
}

.pdd-est-descartado.active[b-atjcl4l9gs] { background: #ff4c51; border-color: #ff4c51; }
.pdd-est-contratado.active[b-atjcl4l9gs] { background: #71dd37; border-color: #71dd37; color: #000; }

.pdd-motivo[b-atjcl4l9gs] {
    background: rgba(255, 76, 81, .08);
    border: 1px solid rgba(255, 76, 81, .3);
    border-radius: 4px;
    padding: .45rem .65rem;
    font-size: .78rem;
    color: #ff4c51;
}

/* ── Evaluations ─────────────────────────────────────────── */
.pdd-eval-loading[b-atjcl4l9gs], .pdd-eval-empty[b-atjcl4l9gs] {
    padding: 1rem;
    text-align: center;
    color: var(--mt-muted-color);
    font-size: .78rem;
    font-style: italic;
}

.pdd-eval-list[b-atjcl4l9gs] { display: flex; flex-direction: column; gap: .5rem; }

.pdd-eval[b-atjcl4l9gs] {
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    padding: .55rem .75rem;
}

.pdd-eval-top[b-atjcl4l9gs] {
    display: flex;
    align-items: center;
    gap: .45rem;
    flex-wrap: wrap;
    margin-bottom: .3rem;
}

.pdd-eval-tipo[b-atjcl4l9gs] {
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--mt-primary);
    letter-spacing: .04em;
}

.pdd-eval-score[b-atjcl4l9gs] {
    padding: .15rem .45rem;
    border-radius: 4px;
    font-size: .72rem;
    font-weight: 600;
}

.pdd-score-ok[b-atjcl4l9gs]   { background: rgba(113, 221, 55, .15); color: #71dd37; }
.pdd-score-warn[b-atjcl4l9gs] { background: rgba(255, 180, 0, .15);  color: #ffb400; }
.pdd-score-bad[b-atjcl4l9gs]  { background: rgba(255, 76, 81, .12);  color: #ff4c51; }

.pdd-eval-result[b-atjcl4l9gs] {
    padding: .15rem .45rem;
    border-radius: 4px;
    font-size: .68rem;
    font-weight: 600;
}

.pdd-res-aprobado[b-atjcl4l9gs]  { background: rgba(113, 221, 55, .15); color: #71dd37; }
.pdd-res-observado[b-atjcl4l9gs] { background: rgba(255, 180, 0, .15);  color: #ffb400; }
.pdd-res-rechazado[b-atjcl4l9gs] { background: rgba(255, 76, 81, .12);  color: #ff4c51; }

.pdd-eval-fecha[b-atjcl4l9gs] {
    margin-left: auto;
    font-size: .72rem;
    color: var(--mt-muted-color);
}

.pdd-eval-obs[b-atjcl4l9gs] {
    font-size: .8rem;
    color: var(--mt-body-color);
    margin-bottom: .3rem;
    line-height: 1.4;
}

.pdd-eval-foot[b-atjcl4l9gs] {
    font-size: .7rem;
    color: var(--mt-muted-color);
    display: flex;
    align-items: center;
    gap: .3rem;
    border-top: 1px solid var(--mt-border-color);
    padding-top: .3rem;
}

/* ── Footer ──────────────────────────────────────────────── */
.pdd-footer[b-atjcl4l9gs] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
    padding-top: .5rem;
    border-top: 1px solid var(--mt-border-color);
}

.cdlg-btn-cancel[b-atjcl4l9gs] {
    padding: .45rem 1rem;
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    background: transparent;
    color: var(--mt-body-color);
    font-size: .875rem;
    cursor: pointer;
}

.cdlg-btn-cancel:hover[b-atjcl4l9gs] { border-color: var(--mt-primary); color: var(--mt-primary); }

.cdlg-btn-save[b-atjcl4l9gs] {
    padding: .45rem 1.25rem;
    border: none;
    border-radius: var(--mt-radius);
    background: var(--mt-primary);
    color: #fff;
    font-size: .875rem;
    cursor: pointer;
}

.cdlg-btn-save:disabled[b-atjcl4l9gs] { opacity: .6; cursor: not-allowed; }

/* ── Inner modals ────────────────────────────────────────── */
.pdd-modal-backdrop[b-atjcl4l9gs] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .55);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1100;
}

.pdd-modal[b-atjcl4l9gs] {
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    padding: 1.25rem;
    max-width: 500px;
    width: 90%;
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.pdd-modal h3[b-atjcl4l9gs] {
    margin: 0;
    font-size: 1rem;
    color: var(--mt-heading-color);
}

.pdd-modal p[b-atjcl4l9gs] {
    margin: 0;
    font-size: .82rem;
    color: var(--mt-body-color);
}

.pdd-modal-actions[b-atjcl4l9gs] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
    margin-top: .5rem;
}

.cdlg-row[b-atjcl4l9gs] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .75rem;
}

.cdlg-field[b-atjcl4l9gs] { display: flex; flex-direction: column; gap: .35rem; }
.cdlg-field label[b-atjcl4l9gs] { font-size: .75rem; color: var(--mt-muted-color); font-weight: 500; }
.cdlg-input[b-atjcl4l9gs], .cdlg-select[b-atjcl4l9gs], .cdlg-textarea[b-atjcl4l9gs] {
    padding: .4rem .6rem;
    background: var(--mt-gray-50);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    color: var(--mt-heading-color);
    font-size: .85rem;
    outline: none;
    font-family: inherit;
    box-sizing: border-box;
    width: 100%;
}
.cdlg-input:focus[b-atjcl4l9gs], .cdlg-select:focus[b-atjcl4l9gs], .cdlg-textarea:focus[b-atjcl4l9gs] { border-color: var(--mt-primary); }
.cdlg-textarea[b-atjcl4l9gs] { resize: vertical; }

@media (max-width: 480px) {
    .pdd-estado-grid[b-atjcl4l9gs] { grid-template-columns: repeat(3, 1fr); }
    .cdlg-row[b-atjcl4l9gs] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Personal/PostulanteDialog.razor.rz.scp.css */
.cdlg-form[b-er169fx4nf] { display: flex; flex-direction: column; gap: .875rem; padding: .25rem 0; }

.cdlg-row[b-er169fx4nf] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .875rem;
}

.cdlg-field[b-er169fx4nf] { display: flex; flex-direction: column; gap: .35rem; }

.cdlg-field label[b-er169fx4nf] {
    font-size: .78rem;
    color: var(--mt-muted-color);
    font-weight: 500;
}

.cdlg-input[b-er169fx4nf], .cdlg-select[b-er169fx4nf], .cdlg-textarea[b-er169fx4nf] {
    padding: .45rem .65rem;
    background: var(--mt-gray-50);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    color: var(--mt-heading-color);
    font-size: .875rem;
    outline: none;
    transition: border-color .15s;
    width: 100%;
    box-sizing: border-box;
    font-family: inherit;
}

.cdlg-input:focus[b-er169fx4nf], .cdlg-select:focus[b-er169fx4nf], .cdlg-textarea:focus[b-er169fx4nf] { border-color: var(--mt-primary); }
.cdlg-textarea[b-er169fx4nf] { resize: vertical; }
.cdlg-error[b-er169fx4nf] { font-size: .73rem; color: #ff4c51; }

.cdlg-footer[b-er169fx4nf] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
    padding-top: .5rem;
    border-top: 1px solid var(--mt-border-color);
}

.cdlg-btn-cancel[b-er169fx4nf] {
    padding: .45rem 1rem;
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    background: transparent;
    color: var(--mt-body-color);
    font-size: .875rem;
    cursor: pointer;
}

.cdlg-btn-cancel:hover[b-er169fx4nf] { border-color: var(--mt-primary); color: var(--mt-primary); }

.cdlg-btn-save[b-er169fx4nf] {
    padding: .45rem 1.25rem;
    border: none;
    border-radius: var(--mt-radius);
    background: var(--mt-primary);
    color: #fff;
    font-size: .875rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: .4rem;
}

.cdlg-btn-save:disabled[b-er169fx4nf] { opacity: .6; cursor: not-allowed; }

.cdlg-spinner[b-er169fx4nf] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255,255,255,.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: pdlg-spin-b-er169fx4nf .7s linear infinite;
}

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

@media (max-width: 480px) {
    .cdlg-row[b-er169fx4nf] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Personal/SeguroDialog.razor.rz.scp.css */
.cdlg-form[b-egy9mb49mv] { display: flex; flex-direction: column; gap: .875rem; padding: .25rem 0; }

.cdlg-row[b-egy9mb49mv] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .875rem;
}

.cdlg-field[b-egy9mb49mv] { display: flex; flex-direction: column; gap: .35rem; }

.cdlg-field label[b-egy9mb49mv] {
    font-size: .78rem;
    color: var(--mt-muted-color);
    font-weight: 500;
}

.cdlg-input[b-egy9mb49mv],
.cdlg-select[b-egy9mb49mv] {
    padding: .45rem .65rem;
    background: var(--mt-gray-50);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    color: var(--mt-heading-color);
    font-size: .875rem;
    outline: none;
    transition: border-color .15s;
    width: 100%;
    box-sizing: border-box;
    font-family: inherit;
}

.cdlg-input:focus[b-egy9mb49mv],
.cdlg-select:focus[b-egy9mb49mv] { border-color: var(--mt-primary); }

.cdlg-error[b-egy9mb49mv] { font-size: .73rem; color: #ff4c51; }

.cdlg-info-note[b-egy9mb49mv] {
    background: rgba(3, 195, 236, .08);
    border: 1px solid rgba(3, 195, 236, .25);
    border-radius: var(--mt-radius);
    padding: .5rem .75rem;
    font-size: .78rem;
    color: #03c3ec;
    display: flex;
    align-items: flex-start;
    gap: .5rem;
}

.cdlg-info-note i[b-egy9mb49mv] { flex-shrink: 0; margin-top: .1rem; }

.cdlg-footer[b-egy9mb49mv] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
    padding-top: .5rem;
    border-top: 1px solid var(--mt-border-color);
}

.cdlg-btn-cancel[b-egy9mb49mv] {
    padding: .45rem 1rem;
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    background: transparent;
    color: var(--mt-body-color);
    font-size: .875rem;
    cursor: pointer;
    transition: all .15s;
}

.cdlg-btn-cancel:hover[b-egy9mb49mv] { border-color: var(--mt-primary); color: var(--mt-primary); }

.cdlg-btn-save[b-egy9mb49mv] {
    padding: .45rem 1.25rem;
    border: none;
    border-radius: var(--mt-radius);
    background: var(--mt-primary);
    color: #fff;
    font-size: .875rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: .4rem;
    transition: opacity .15s;
}

.cdlg-btn-save:disabled[b-egy9mb49mv] { opacity: .6; cursor: not-allowed; }

.cdlg-spinner[b-egy9mb49mv] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255,255,255,.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: cdlg-spin-b-egy9mb49mv .7s linear infinite;
}

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

@media (max-width: 480px) {
    .cdlg-row[b-egy9mb49mv] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Personal/VacanteDialog.razor.rz.scp.css */
.cdlg-form[b-i1tqret9z0] { display: flex; flex-direction: column; gap: .875rem; padding: .25rem 0; }

.cdlg-row[b-i1tqret9z0] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .875rem;
}

.cdlg-row:has(>.cdlg-field:nth-child(3))[b-i1tqret9z0] { grid-template-columns: 1fr 1fr 1fr; }

.cdlg-field[b-i1tqret9z0] { display: flex; flex-direction: column; gap: .35rem; }

.cdlg-field label[b-i1tqret9z0] {
    font-size: .78rem;
    color: var(--mt-muted-color);
    font-weight: 500;
}

.cdlg-input[b-i1tqret9z0],
.cdlg-select[b-i1tqret9z0],
.cdlg-textarea[b-i1tqret9z0] {
    padding: .45rem .65rem;
    background: var(--mt-gray-50);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    color: var(--mt-heading-color);
    font-size: .875rem;
    outline: none;
    transition: border-color .15s;
    width: 100%;
    box-sizing: border-box;
    font-family: inherit;
}

.cdlg-input:focus[b-i1tqret9z0], .cdlg-select:focus[b-i1tqret9z0], .cdlg-textarea:focus[b-i1tqret9z0] { border-color: var(--mt-primary); }

.cdlg-textarea[b-i1tqret9z0] { resize: vertical; }

.cdlg-error[b-i1tqret9z0] { font-size: .73rem; color: #ff4c51; }

.cdlg-footer[b-i1tqret9z0] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
    padding-top: .5rem;
    border-top: 1px solid var(--mt-border-color);
}

.cdlg-btn-cancel[b-i1tqret9z0] {
    padding: .45rem 1rem;
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    background: transparent;
    color: var(--mt-body-color);
    font-size: .875rem;
    cursor: pointer;
}

.cdlg-btn-cancel:hover[b-i1tqret9z0] { border-color: var(--mt-primary); color: var(--mt-primary); }

.cdlg-btn-save[b-i1tqret9z0] {
    padding: .45rem 1.25rem;
    border: none;
    border-radius: var(--mt-radius);
    background: var(--mt-primary);
    color: #fff;
    font-size: .875rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: .4rem;
}

.cdlg-btn-save:disabled[b-i1tqret9z0] { opacity: .6; cursor: not-allowed; }

.cdlg-spinner[b-i1tqret9z0] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255,255,255,.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: cdlg-spin-b-i1tqret9z0 .7s linear infinite;
}

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

@media (max-width: 480px) {
    .cdlg-row[b-i1tqret9z0] { grid-template-columns: 1fr; }
    .cdlg-row:has(>.cdlg-field:nth-child(3))[b-i1tqret9z0] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Portal/PortalDashboardPage.razor.rz.scp.css */
/* ── Loading/Empty ───────────────────────────────────────── */
.ptl-loading[b-3o0nyezxxn] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: 3rem 0;
    color: var(--mt-muted-color);
}

.ptl-spinner[b-3o0nyezxxn] {
    display: inline-block;
    width: 22px;
    height: 22px;
    border: 2px solid var(--mt-border-color);
    border-top-color: var(--mt-primary);
    border-radius: 50%;
    animation: ptl-spin-b-3o0nyezxxn .7s linear infinite;
}

@keyframes ptl-spin-b-3o0nyezxxn { to { transform: rotate(360deg); } }

.ptl-empty[b-3o0nyezxxn] {
    text-align: center;
    padding: 3rem 1rem;
    color: var(--mt-muted-color);
}

.ptl-empty i[b-3o0nyezxxn] { font-size: 2.5rem; display: block; margin-bottom: .75rem; }

/* ── Welcome ─────────────────────────────────────────────── */
.ptl-welcome[b-3o0nyezxxn] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 1.75rem;
    flex-wrap: wrap;
    gap: .5rem;
}

.ptl-welcome-title[b-3o0nyezxxn] {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--mt-heading-color);
    margin: 0 0 .25rem;
}

.ptl-welcome-title span[b-3o0nyezxxn] { color: var(--mt-primary); }

.ptl-welcome-sub[b-3o0nyezxxn] {
    font-size: .875rem;
    color: var(--mt-body-color);
    margin: 0;
}

.ptl-date[b-3o0nyezxxn] {
    font-size: .78rem;
    color: var(--mt-muted-color);
    text-transform: capitalize;
    white-space: nowrap;
}

/* ── KPIs ────────────────────────────────────────────────── */
.ptl-kpis[b-3o0nyezxxn] {
    display: flex;
    gap: 1rem;
    margin-bottom: 2rem;
    flex-wrap: wrap;
}

.ptl-kpi[b-3o0nyezxxn] {
    flex: 1;
    min-width: 160px;
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    padding: 1rem 1.25rem;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.ptl-kpi-icon[b-3o0nyezxxn] {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: rgba(105, 108, 255, .12);
    color: var(--mt-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
}

.ptl-kpi-warn[b-3o0nyezxxn] { background: rgba(255, 180, 0, .12); color: #ffb400; }
.ptl-kpi-ok[b-3o0nyezxxn]   { background: rgba(113, 221, 55, .12); color: #71dd37; }

.ptl-kpi-val[b-3o0nyezxxn] {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--mt-heading-color);
    line-height: 1;
}

.ptl-kpi-label[b-3o0nyezxxn] {
    font-size: .75rem;
    color: var(--mt-muted-color);
    margin-top: .2rem;
}

/* ── Section ─────────────────────────────────────────────── */
.ptl-section[b-3o0nyezxxn] { margin-bottom: 2.25rem; }

.ptl-section-header[b-3o0nyezxxn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .875rem;
}

.ptl-section-title[b-3o0nyezxxn] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--mt-heading-color);
    margin: 0 0 .875rem;
}

.ptl-section-header .ptl-section-title[b-3o0nyezxxn] { margin: 0; }

.ptl-link-btn[b-3o0nyezxxn] {
    font-size: .8rem;
    color: var(--mt-primary);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: .35rem;
    transition: opacity .15s;
}

.ptl-link-btn:hover[b-3o0nyezxxn] { opacity: .75; }

/* ── Projects grid ───────────────────────────────────────── */
.ptl-projects-grid[b-3o0nyezxxn] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
}

.ptl-project-card[b-3o0nyezxxn] {
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    overflow: hidden;
    cursor: pointer;
    transition: border-color .15s, transform .15s, box-shadow .15s;
}

.ptl-project-card:hover[b-3o0nyezxxn] {
    border-color: var(--mt-primary);
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(105, 108, 255, .12);
}

.ptl-proj-color-bar[b-3o0nyezxxn] {
    height: 4px;
    width: 100%;
}

.ptl-proj-body[b-3o0nyezxxn] { padding: .875rem 1rem; }

.ptl-proj-tipo[b-3o0nyezxxn] {
    font-size: .7rem;
    color: var(--mt-primary);
    text-transform: uppercase;
    letter-spacing: .06em;
    font-weight: 600;
    margin-bottom: .2rem;
}

.ptl-proj-nombre[b-3o0nyezxxn] {
    font-size: .95rem;
    font-weight: 600;
    color: var(--mt-heading-color);
    margin-bottom: .2rem;
}

.ptl-proj-codigo[b-3o0nyezxxn] {
    font-size: .73rem;
    color: var(--mt-muted-color);
    font-family: var(--mt-font-mono);
    margin-bottom: .3rem;
}

.ptl-proj-desc[b-3o0nyezxxn] {
    font-size: .78rem;
    color: var(--mt-body-color);
    margin-bottom: .625rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Progress */
.ptl-proj-progress[b-3o0nyezxxn] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: .5rem;
}

.ptl-prog-bar[b-3o0nyezxxn] {
    flex: 1;
    height: 5px;
    background: var(--mt-border-color);
    border-radius: 3px;
    overflow: hidden;
}

.ptl-prog-fill[b-3o0nyezxxn] {
    height: 100%;
    background: var(--mt-primary);
    border-radius: 3px;
    transition: width .3s;
}

.ptl-prog-pct[b-3o0nyezxxn] {
    font-size: .72rem;
    color: var(--mt-muted-color);
    min-width: 30px;
    text-align: right;
}

.ptl-proj-meta[b-3o0nyezxxn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .73rem;
    color: var(--mt-muted-color);
}

.ptl-proj-estado[b-3o0nyezxxn] {
    padding: .15rem .45rem;
    border-radius: 4px;
    font-weight: 600;
}

.ptl-activo[b-3o0nyezxxn] { background: rgba(113, 221, 55, .12); color: #71dd37; }
.ptl-inactivo[b-3o0nyezxxn] { background: rgba(160, 160, 160, .1); color: var(--mt-muted-color); }

/* ── Activity list ───────────────────────────────────────── */
.ptl-activity-list[b-3o0nyezxxn] {
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    overflow: hidden;
}

.ptl-activity-item[b-3o0nyezxxn] {
    display: flex;
    align-items: center;
    gap: .875rem;
    padding: .625rem 1rem;
    border-bottom: 1px solid var(--mt-border-color);
    font-size: .8rem;
}

.ptl-activity-item:last-child[b-3o0nyezxxn] { border-bottom: none; }

.ptl-act-dot[b-3o0nyezxxn] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--mt-primary);
    flex-shrink: 0;
}

.ptl-act-info[b-3o0nyezxxn] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .1rem;
}

.ptl-act-desc[b-3o0nyezxxn] {
    color: var(--mt-body-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ptl-act-proj[b-3o0nyezxxn] {
    font-size: .72rem;
    color: var(--mt-muted-color);
}

.ptl-act-fecha[b-3o0nyezxxn] {
    color: var(--mt-muted-color);
    white-space: nowrap;
    font-size: .73rem;
}

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 600px) {
    .ptl-kpis[b-3o0nyezxxn] { flex-direction: column; }
    .ptl-projects-grid[b-3o0nyezxxn] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Portal/PortalProyectosPage.razor.rz.scp.css */
/* Shared spinner/empty from dashboard */
.ptl-loading[b-2pl2437zhp] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: 3rem 0;
    color: var(--mt-muted-color);
}

.ptl-spinner[b-2pl2437zhp] {
    display: inline-block;
    width: 22px;
    height: 22px;
    border: 2px solid var(--mt-border-color);
    border-top-color: var(--mt-primary);
    border-radius: 50%;
    animation: ptlp-spin-b-2pl2437zhp .7s linear infinite;
}

@keyframes ptlp-spin-b-2pl2437zhp { to { transform: rotate(360deg); } }

.ptl-empty[b-2pl2437zhp] {
    text-align: center;
    padding: 3rem 1rem;
    color: var(--mt-muted-color);
}

.ptl-empty i[b-2pl2437zhp] { font-size: 2.5rem; display: block; margin-bottom: .75rem; }

/* ── Page header ─────────────────────────────────────────── */
.ptlp-header[b-2pl2437zhp] {
    margin-bottom: 1.5rem;
}

.ptlp-title[b-2pl2437zhp] {
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--mt-heading-color);
    margin: 0 0 .25rem;
}

.ptlp-sub[b-2pl2437zhp] {
    font-size: .875rem;
    color: var(--mt-body-color);
    margin: 0;
}

/* ── Filter tabs ─────────────────────────────────────────── */
.ptlp-filtros[b-2pl2437zhp] {
    display: flex;
    gap: .375rem;
    margin-bottom: 1.25rem;
    flex-wrap: wrap;
}

.ptlp-filtro[b-2pl2437zhp] {
    padding: .4rem .9rem;
    background: transparent;
    border: 1px solid var(--mt-border-color);
    border-radius: 20px;
    color: var(--mt-body-color);
    font-size: .8rem;
    cursor: pointer;
    transition: all .15s;
}

.ptlp-filtro:hover[b-2pl2437zhp] { border-color: var(--mt-primary); color: var(--mt-primary); }
.ptlp-filtro.active[b-2pl2437zhp] { background: var(--mt-primary); border-color: var(--mt-primary); color: #fff; }

/* ── Projects list ───────────────────────────────────────── */
.ptlp-list[b-2pl2437zhp] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.ptlp-card[b-2pl2437zhp] {
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    display: flex;
    overflow: hidden;
}

.ptlp-card-color[b-2pl2437zhp] {
    width: 6px;
    flex-shrink: 0;
}

.ptlp-card-body[b-2pl2437zhp] { flex: 1; padding: 1rem 1.25rem; }

.ptlp-card-top[b-2pl2437zhp] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .5rem;
}

.ptlp-card-tipo[b-2pl2437zhp] {
    font-size: .7rem;
    font-weight: 700;
    color: var(--mt-primary);
    text-transform: uppercase;
    letter-spacing: .06em;
    margin-bottom: .2rem;
}

.ptlp-card-nombre[b-2pl2437zhp] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--mt-heading-color);
}

.ptlp-card-codigo[b-2pl2437zhp] {
    font-size: .73rem;
    color: var(--mt-muted-color);
    font-family: var(--mt-font-mono);
    margin-top: .15rem;
}

.ptlp-estado[b-2pl2437zhp] {
    padding: .25rem .6rem;
    border-radius: 4px;
    font-size: .72rem;
    font-weight: 600;
    white-space: nowrap;
    flex-shrink: 0;
}

.ptlp-activo[b-2pl2437zhp] { background: rgba(113, 221, 55, .12); color: #71dd37; }
.ptlp-inactivo[b-2pl2437zhp] { background: rgba(160, 160, 160, .1); color: var(--mt-muted-color); }

.ptlp-desc[b-2pl2437zhp] {
    font-size: .825rem;
    color: var(--mt-body-color);
    margin: 0 0 .75rem;
    line-height: 1.5;
}

.ptlp-progress-row[b-2pl2437zhp] {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-bottom: .75rem;
}

.ptlp-prog-bar[b-2pl2437zhp] {
    flex: 1;
    height: 6px;
    background: var(--mt-border-color);
    border-radius: 3px;
    overflow: hidden;
}

.ptlp-prog-fill[b-2pl2437zhp] {
    height: 100%;
    background: var(--mt-primary);
    border-radius: 3px;
    transition: width .3s;
}

.ptlp-prog-text[b-2pl2437zhp] {
    font-size: .75rem;
    color: var(--mt-muted-color);
    white-space: nowrap;
    min-width: 120px;
}

.ptlp-card-meta[b-2pl2437zhp] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 1.5rem;
}

.ptlp-meta-item[b-2pl2437zhp] {
    font-size: .775rem;
    color: var(--mt-muted-color);
    display: flex;
    align-items: center;
    gap: .35rem;
}

@media (max-width: 600px) {
    .ptlp-card-top[b-2pl2437zhp] { flex-direction: column; align-items: flex-start; }
}
/* /Components/Pages/Registro/RevisarSolicitudDialog.razor.rz.scp.css */
/* =========================================================
   RevisarSolicitudDialog — Dark/Light theme aware
   ========================================================= */

.rsd-wrapper[b-qu3eb25k13] {
    display: flex;
    flex-direction: column;
    gap: 0;
    font-family: var(--mt-font);
    color: var(--mt-heading-color);
}

/* ── Sections ────────────────────────────────────────────── */
.rsd-section[b-qu3eb25k13] {
    padding: .75rem 0 1rem;
}

.rsd-section + .rsd-section[b-qu3eb25k13] {
    border-top: 1px solid var(--mt-border-color);
    padding-top: 1rem;
}

.rsd-section-header[b-qu3eb25k13] {
    display: flex;
    align-items: center;
    gap: .4rem;
    margin-bottom: .85rem;
}

.rsd-section-title[b-qu3eb25k13] {
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--mt-body-color);
}

.rsd-section-pill[b-qu3eb25k13] {
    font-size: .65rem;
    font-weight: 600;
    padding: .1rem .45rem;
    border-radius: 999px;
    background: var(--mt-gray-100);
    color: var(--mt-body-color);
    border: 1px solid var(--mt-border-color);
}

/* ── Readonly info grid ─────────────────────────────────── */
.rsd-info-grid[b-qu3eb25k13] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .6rem .85rem;
}

.rsd-info-field[b-qu3eb25k13] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    background: var(--mt-gray-50);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    padding: .5rem .75rem;
}

.rsd-info-field--full[b-qu3eb25k13] {
    grid-column: 1 / -1;
}

.rsd-info-label[b-qu3eb25k13] {
    font-size: .68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: var(--mt-body-color);
}

.rsd-info-value[b-qu3eb25k13] {
    font-size: .875rem;
    font-weight: 500;
    color: var(--mt-heading-color);
    line-height: 1.4;
    word-break: break-word;
}

/* ── Form fields ─────────────────────────────────────────── */
.rsd-field-label[b-qu3eb25k13] {
    font-size: .75rem;
    font-weight: 600;
    color: var(--mt-body-color);
    display: block;
    margin-bottom: 4px;
}

.rsd-input[b-qu3eb25k13],
.rsd-select[b-qu3eb25k13] {
    height: 38px;
    border: 1.5px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    padding: 0 12px;
    font-size: .875rem;
    width: 100%;
    box-sizing: border-box;
    outline: none;
    font-family: inherit;
    color: var(--mt-heading-color);
    background: var(--mt-gray-50);
    transition: border-color .2s, box-shadow .2s;
}

.rsd-input:focus[b-qu3eb25k13],
.rsd-select:focus[b-qu3eb25k13] {
    border-color: var(--mt-primary);
    box-shadow: 0 0 0 3px rgba(var(--mt-primary-rgb), .18);
}

/* ── Horario rows ───────────────────────────────────────── */
.rsd-dia-row[b-qu3eb25k13] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
    padding: .35rem 0;
    border-bottom: 1px solid var(--mt-border-color);
}

.rsd-dia-label[b-qu3eb25k13] {
    display: flex;
    align-items: center;
    gap: .35rem;
    min-width: 80px;
    font-size: .8rem;
    font-weight: 600;
    color: var(--mt-heading-color);
    cursor: pointer;
}

.rsd-dia-label input[type="checkbox"][b-qu3eb25k13] {
    accent-color: var(--mt-primary);
}

.rsd-time-input[b-qu3eb25k13] {
    width: 100px;
    height: 30px;
    font-size: .78rem;
    padding: 0 6px;
}

.rsd-time-sep[b-qu3eb25k13] {
    font-size: .75rem;
    color: var(--mt-body-color);
}

.rsd-btn-remove-bloque[b-qu3eb25k13] {
    background: none;
    border: none;
    color: var(--mt-danger);
    cursor: pointer;
    font-size: .85rem;
    padding: 2px;
}

.rsd-btn-add-bloque[b-qu3eb25k13] {
    background: none;
    border: none;
    color: var(--mt-primary);
    cursor: pointer;
    font-size: .75rem;
    font-weight: 600;
}

.rsd-dia-libre[b-qu3eb25k13] {
    font-size: .75rem;
    color: var(--mt-muted-color);
    font-style: italic;
}

/* ── Actions ────────────────────────────────────────────── */
.rsd-actions[b-qu3eb25k13] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding-top: 1rem;
    border-top: 1px solid var(--mt-border-color);
    margin-top: .25rem;
}

.rsd-hint[b-qu3eb25k13] {
    display: flex;
    align-items: center;
    gap: .4rem;
    font-size: .75rem;
    color: var(--mt-warning);
    background: var(--mt-warning-subtle);
    border: 1px solid rgba(var(--mt-warning-rgb), .35);
    border-radius: var(--mt-radius);
    padding: .4rem .65rem;
}

.rsd-btn-approve[b-qu3eb25k13] {
    width: 100%;
    padding: .5rem 1rem;
    font-size: .875rem;
    font-weight: 600;
    color: #fff;
    background: var(--mt-primary);
    border: 1.5px solid var(--mt-primary);
    border-radius: var(--mt-radius);
    cursor: pointer;
    font-family: inherit;
    transition: background .2s;
}

.rsd-btn-approve:hover:not(:disabled)[b-qu3eb25k13] {
    background: var(--mt-primary-hover);
    border-color: var(--mt-primary-hover);
}

.rsd-btn-approve:disabled[b-qu3eb25k13] {
    opacity: .45;
    cursor: not-allowed;
}

.rsd-btn-delete[b-qu3eb25k13] {
    width: 100%;
    padding: .5rem 1rem;
    font-size: .875rem;
    font-weight: 600;
    color: var(--mt-danger);
    background: var(--mt-gray-50);
    border: 1.5px solid var(--mt-danger);
    border-radius: var(--mt-radius);
    cursor: pointer;
    font-family: inherit;
    transition: background .2s;
}

.rsd-btn-delete:hover[b-qu3eb25k13] {
    background: var(--mt-danger-subtle);
}
/* /Components/Pages/Solicitudes/BandejaSolicitudesPage.razor.rz.scp.css */
/* BandejaSolicitudesPage */

.bs-tabs[b-do9ah9r3mk] {
    display: flex;
    gap: 0;
    border-bottom: 2px solid var(--mt-border-color);
    margin: 1rem 0;
    flex-wrap: wrap;
}

.bs-tab[b-do9ah9r3mk] {
    padding: .65rem 1rem;
    font-size: .82rem;
    font-weight: 600;
    color: var(--mt-body-color);
    background: none;
    border: none;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    transition: color .15s, border-color .15s;
    font-family: var(--mt-font);
}

.bs-tab:hover[b-do9ah9r3mk] {
    color: var(--mt-heading-color);
}

.bs-tab.is-active[b-do9ah9r3mk] {
    color: var(--mt-primary);
    border-bottom-color: var(--mt-primary);
}

.bs-empty[b-do9ah9r3mk] {
    padding: 2rem 1rem;
    text-align: center;
    color: var(--mt-muted-color);
    background: var(--mt-paper-bg);
    border: 1px dashed var(--mt-border-color);
    border-radius: var(--mt-radius);
}

.bs-empty-title[b-do9ah9r3mk] {
    margin: 0 0 .25rem;
    font-weight: 700;
    color: var(--mt-heading-color);
}

.bs-empty-subtitle[b-do9ah9r3mk] {
    margin: 0;
    font-size: .85rem;
}

.bs-list[b-do9ah9r3mk] {
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.bs-row[b-do9ah9r3mk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    padding: .9rem 1rem;
    cursor: pointer;
    transition: border-color .15s ease, transform .12s ease, box-shadow .15s ease;
}

.bs-row:hover[b-do9ah9r3mk] {
    border-color: rgba(var(--mt-primary-rgb), .35);
    transform: translateY(-1px);
    box-shadow: var(--mt-shadow-xs);
}

.bs-row__left[b-do9ah9r3mk] {
    display: flex;
    align-items: center;
    gap: .8rem;
    min-width: 0;
    flex: 1;
}

.bs-avatar[b-do9ah9r3mk] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(var(--mt-primary-rgb), .18);
    border: 1.5px solid rgba(var(--mt-primary-rgb), .35);
    color: var(--mt-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 1rem;
    flex-shrink: 0;
}

.bs-row__info[b-do9ah9r3mk] {
    min-width: 0;
    flex: 1;
}

.bs-row__name[b-do9ah9r3mk] {
    font-weight: 700;
    color: var(--mt-heading-color);
    font-size: .95rem;
    line-height: 1.2;
}

.bs-row__meta[b-do9ah9r3mk] {
    margin-top: .25rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .35rem;
    font-size: .78rem;
    color: var(--mt-body-color);
}

.bs-row__dias[b-do9ah9r3mk] {
    color: var(--mt-muted-color);
    font-weight: 500;
}

.bs-row__motivo[b-do9ah9r3mk] {
    margin-top: .35rem;
    font-size: .78rem;
    color: var(--mt-body-color);
    line-height: 1.4;
    word-break: break-word;
}

.bs-tag[b-do9ah9r3mk] {
    font-size: .65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    padding: .12rem .45rem;
    border-radius: 999px;
    border: 1px solid transparent;
}

.bs-tag--ok[b-do9ah9r3mk] {
    background: var(--mt-success-subtle);
    color: var(--mt-success);
    border-color: rgba(var(--mt-success-rgb), .35);
}

.bs-tag--warn[b-do9ah9r3mk] {
    background: var(--mt-warning-subtle);
    color: var(--mt-warning);
    border-color: rgba(var(--mt-warning-rgb), .35);
}

.bs-cta[b-do9ah9r3mk] {
    padding: .45rem .9rem;
    background: var(--mt-primary);
    color: #fff;
    border: 1px solid var(--mt-primary);
    border-radius: var(--mt-radius);
    font-size: .82rem;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s ease;
    flex-shrink: 0;
    font-family: var(--mt-font);
}

.bs-cta:hover[b-do9ah9r3mk] {
    background: var(--mt-primary-hover);
}

@media (max-width: 640px) {
    .bs-row[b-do9ah9r3mk] { flex-direction: column; align-items: stretch; }
    .bs-cta[b-do9ah9r3mk] { width: 100%; text-align: center; }
}
/* /Components/Pages/Solicitudes/DetalleSolicitudDialog.razor.rz.scp.css */
.ds-dialog[b-p61be34v9e] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: .25rem 0;
    font-family: var(--mt-font);
    color: var(--mt-heading-color);
    max-height: calc(100dvh - 8rem);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
}

.ds-dialog > *[b-p61be34v9e] {
    flex-shrink: 0;
}

.ds-empty[b-p61be34v9e] {
    padding: 1.5rem;
    text-align: center;
    color: var(--mt-muted-color);
}

/* Hero */
.ds-hero[b-p61be34v9e] {
    display: flex;
    align-items: center;
    gap: .9rem;
    padding: 1rem 1.1rem;
    border-radius: var(--mt-radius);
    background: linear-gradient(135deg,
        rgba(var(--mt-primary-rgb), .14) 0%,
        rgba(var(--mt-primary-rgb), .06) 100%);
    border: 1px solid rgba(var(--mt-primary-rgb), .28);
}

.ds-hero__avatar[b-p61be34v9e] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(var(--mt-primary-rgb), .22);
    border: 2px solid rgba(var(--mt-primary-rgb), .45);
    color: var(--mt-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 800;
    flex-shrink: 0;
}

.ds-hero__text[b-p61be34v9e] {
    min-width: 0;
    flex: 1;
}

.ds-hero__kicker[b-p61be34v9e] {
    display: block;
    font-size: .65rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: var(--mt-primary);
    margin-bottom: .12rem;
}

.ds-hero__name[b-p61be34v9e] {
    margin: 0 0 .35rem;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--mt-heading-color);
    line-height: 1.2;
    word-break: break-word;
}

.ds-hero__chips[b-p61be34v9e] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.ds-tag[b-p61be34v9e] {
    font-size: .65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    padding: .15rem .5rem;
    border-radius: 999px;
    border: 1px solid transparent;
}

.ds-tag--ok[b-p61be34v9e] {
    background: var(--mt-success-subtle);
    color: var(--mt-success);
    border-color: rgba(var(--mt-success-rgb), .35);
}

.ds-tag--warn[b-p61be34v9e] {
    background: var(--mt-warning-subtle);
    color: var(--mt-warning);
    border-color: rgba(var(--mt-warning-rgb), .35);
}

.ds-estado[b-p61be34v9e] {
    font-size: .68rem;
    font-weight: 700;
    padding: .18rem .55rem;
    border-radius: 999px;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.ds-estado--ok[b-p61be34v9e]     { background: var(--mt-success-subtle); color: var(--mt-success); }
.ds-estado--warn[b-p61be34v9e]   { background: var(--mt-warning-subtle); color: var(--mt-warning); }
.ds-estado--danger[b-p61be34v9e] { background: var(--mt-danger-subtle);  color: var(--mt-danger);  }
.ds-estado--muted[b-p61be34v9e]  { background: var(--mt-gray-100);       color: var(--mt-body-color); }

/* Grid de campos */
.ds-grid[b-p61be34v9e] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .65rem;
}

.ds-field[b-p61be34v9e] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

.ds-label[b-p61be34v9e] {
    font-size: .65rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--mt-muted-color);
}

.ds-value[b-p61be34v9e] {
    color: var(--mt-heading-color);
    font-size: .92rem;
    font-weight: 600;
}

.ds-motivo[b-p61be34v9e] {
    color: var(--mt-body-color);
    font-size: .88rem;
    line-height: 1.4;
    word-break: break-word;
    padding: .55rem .7rem;
    background: var(--mt-gray-50);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
}

.ds-doc[b-p61be34v9e] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .35rem .65rem;
    background: var(--mt-primary-subtle);
    color: var(--mt-primary);
    border: 1px solid rgba(var(--mt-primary-rgb), .3);
    border-radius: var(--mt-radius);
    font-size: .82rem;
    font-weight: 600;
    text-decoration: none;
    width: fit-content;
}

.ds-doc:hover[b-p61be34v9e] {
    background: rgba(var(--mt-primary-rgb), .18);
}

/* Trail de aprobación */
.ds-trail[b-p61be34v9e] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding: .85rem;
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
}

.ds-trail-step[b-p61be34v9e] {
    display: flex;
    align-items: center;
    gap: .65rem;
    opacity: .55;
}

.ds-trail-step.is-done[b-p61be34v9e] {
    opacity: 1;
}

.ds-trail-num[b-p61be34v9e] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--mt-gray-100);
    color: var(--mt-body-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: .8rem;
    border: 1px solid var(--mt-border-color);
    flex-shrink: 0;
}

.ds-trail-step.is-done .ds-trail-num[b-p61be34v9e] {
    background: var(--mt-success-subtle);
    color: var(--mt-success);
    border-color: rgba(var(--mt-success-rgb), .4);
}

.ds-trail-titulo[b-p61be34v9e] {
    color: var(--mt-heading-color);
    font-weight: 700;
    font-size: .85rem;
}

.ds-trail-info[b-p61be34v9e] {
    color: var(--mt-body-color);
    font-size: .75rem;
}

/* Rechazo */
.ds-rechazo[b-p61be34v9e] {
    background: var(--mt-danger-subtle);
    border: 1px solid rgba(var(--mt-danger-rgb), .35);
    border-radius: var(--mt-radius);
    padding: .75rem .9rem;
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

.ds-rechazo__title[b-p61be34v9e] {
    color: var(--mt-danger);
    font-weight: 700;
    font-size: .82rem;
}

.ds-rechazo__obs[b-p61be34v9e] {
    color: var(--mt-body-color);
    font-size: .82rem;
    line-height: 1.4;
}

/* Inputs */
.ds-input[b-p61be34v9e] {
    width: 100%;
    min-height: 42px;
    padding: .62rem .78rem;
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    background: var(--mt-gray-50);
    color: var(--mt-heading-color);
    font-size: .9rem;
    font-family: var(--mt-font);
    outline: none;
    transition: border-color .18s ease, box-shadow .18s ease;
    box-sizing: border-box;
}

.ds-input:focus[b-p61be34v9e] {
    border-color: var(--mt-primary);
    box-shadow: 0 0 0 3px rgba(var(--mt-primary-rgb), .18);
}

.ds-textarea[b-p61be34v9e] {
    min-height: 80px;
    resize: vertical;
    line-height: 1.4;
}

/* Acciones */
.ds-actions[b-p61be34v9e] {
    display: flex;
    align-items: center;
    gap: .55rem;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.ds-btn[b-p61be34v9e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-height: 42px;
    padding: .58rem 1.1rem;
    border-radius: var(--mt-radius);
    border: 1px solid transparent;
    cursor: pointer;
    font-size: .85rem;
    font-weight: 600;
    font-family: var(--mt-font);
    transition: background .18s ease, border-color .18s ease, transform .12s ease;
}

.ds-btn:hover:not(:disabled)[b-p61be34v9e] {
    transform: translateY(-1px);
}

.ds-btn:disabled[b-p61be34v9e] {
    opacity: .55;
    cursor: not-allowed;
}

.ds-btn--primary[b-p61be34v9e] {
    color: #fff;
    background: var(--mt-primary);
    box-shadow: 0 4px 12px rgba(var(--mt-primary-rgb), .28);
}

.ds-btn--primary:hover:not(:disabled)[b-p61be34v9e] {
    background: var(--mt-primary-hover);
}

.ds-btn--danger[b-p61be34v9e] {
    color: #fff;
    background: var(--mt-danger);
    box-shadow: 0 4px 12px rgba(var(--mt-danger-rgb), .28);
}

.ds-btn--danger:hover:not(:disabled)[b-p61be34v9e] {
    background: var(--mt-danger-hover);
}

.ds-btn--danger-outline[b-p61be34v9e] {
    color: var(--mt-danger);
    border-color: rgba(var(--mt-danger-rgb), .45);
    background: var(--mt-danger-subtle);
}

.ds-btn--danger-outline:hover:not(:disabled)[b-p61be34v9e] {
    background: var(--mt-danger-light);
}

.ds-btn--ghost[b-p61be34v9e] {
    color: var(--mt-body-color);
    border-color: var(--mt-border-color);
    background: transparent;
}

.ds-btn--ghost:hover:not(:disabled)[b-p61be34v9e] {
    border-color: var(--mt-primary);
    color: var(--mt-primary);
}

.ds-spin[b-p61be34v9e] {
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255, 255, 255, .35);
    border-top-color: #fff;
    border-radius: 50%;
    animation: ds-spin-b-p61be34v9e .7s linear infinite;
}

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

@media (max-width: 640px) {
    .ds-grid[b-p61be34v9e] { grid-template-columns: 1fr; }
    .ds-actions[b-p61be34v9e] { flex-direction: column-reverse; align-items: stretch; }
    .ds-btn[b-p61be34v9e] { width: 100%; }
}
/* /Components/Pages/Solicitudes/MisSolicitudesPage.razor.rz.scp.css */
/* MisSolicitudesPage — usa bj-* globales del bandeja theme */

.ms-empty[b-2mazr5zk98] {
    padding: 2rem 1rem;
    text-align: center;
    color: var(--mt-muted-color);
    background: var(--mt-paper-bg);
    border: 1px dashed var(--mt-border-color);
    border-radius: var(--mt-radius);
}

.ms-empty-title[b-2mazr5zk98] {
    margin: 0 0 .25rem;
    font-weight: 700;
    color: var(--mt-heading-color);
}

.ms-empty-subtitle[b-2mazr5zk98] {
    margin: 0;
    font-size: .85rem;
}

.ms-list[b-2mazr5zk98] {
    display: flex;
    flex-direction: column;
    gap: .65rem;
    margin-top: 1rem;
}

.ms-card[b-2mazr5zk98] {
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    padding: .85rem 1rem;
    cursor: pointer;
    transition: border-color .15s ease, transform .12s ease, box-shadow .15s ease;
    display: flex;
    flex-direction: column;
    gap: .55rem;
}

.ms-card:hover[b-2mazr5zk98] {
    border-color: rgba(var(--mt-primary-rgb), .35);
    transform: translateY(-1px);
    box-shadow: var(--mt-shadow-xs);
}

.ms-card__top[b-2mazr5zk98] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .65rem;
    flex-wrap: wrap;
}

.ms-card__tipo[b-2mazr5zk98] {
    display: flex;
    align-items: center;
    gap: .45rem;
    min-width: 0;
}

.ms-card__tipo-name[b-2mazr5zk98] {
    font-size: .95rem;
    font-weight: 700;
    color: var(--mt-heading-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ms-tag[b-2mazr5zk98] {
    font-size: .65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    padding: .15rem .5rem;
    border-radius: 999px;
    border: 1px solid transparent;
}

.ms-tag--ok[b-2mazr5zk98] {
    background: var(--mt-success-subtle);
    color: var(--mt-success);
    border-color: rgba(var(--mt-success-rgb), .35);
}

.ms-tag--warn[b-2mazr5zk98] {
    background: var(--mt-warning-subtle);
    color: var(--mt-warning);
    border-color: rgba(var(--mt-warning-rgb), .35);
}

.ms-estado[b-2mazr5zk98] {
    font-size: .72rem;
    font-weight: 700;
    padding: .22rem .6rem;
    border-radius: 999px;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.ms-estado--ok[b-2mazr5zk98]     { background: var(--mt-success-subtle); color: var(--mt-success); border: 1px solid rgba(var(--mt-success-rgb), .4); }
.ms-estado--warn[b-2mazr5zk98]   { background: var(--mt-warning-subtle); color: var(--mt-warning); border: 1px solid rgba(var(--mt-warning-rgb), .4); }
.ms-estado--danger[b-2mazr5zk98] { background: var(--mt-danger-subtle);  color: var(--mt-danger);  border: 1px solid rgba(var(--mt-danger-rgb), .4); }
.ms-estado--muted[b-2mazr5zk98]  { background: var(--mt-gray-100);       color: var(--mt-body-color); border: 1px solid var(--mt-border-color); }

.ms-card__body[b-2mazr5zk98] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.ms-card__rango[b-2mazr5zk98] {
    display: flex;
    align-items: center;
    gap: .4rem;
    color: var(--mt-heading-color);
    font-size: .88rem;
    font-weight: 600;
}

.ms-card__icon[b-2mazr5zk98] {
    font-size: 1rem;
}

.ms-card__dias[b-2mazr5zk98] {
    color: var(--mt-muted-color);
    font-weight: 500;
    font-size: .8rem;
}

.ms-card__motivo[b-2mazr5zk98] {
    color: var(--mt-body-color);
    font-size: .82rem;
    line-height: 1.4;
    word-break: break-word;
}

.ms-card__foot[b-2mazr5zk98] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
    padding-top: .5rem;
    border-top: 1px dashed var(--mt-border-color);
}

.ms-card__meta[b-2mazr5zk98] {
    font-size: .72rem;
    color: var(--mt-muted-color);
}

.ms-btn-cancel[b-2mazr5zk98] {
    padding: .25rem .65rem;
    font-size: .75rem;
    font-weight: 600;
    color: var(--mt-danger);
    background: var(--mt-danger-subtle);
    border: 1px solid rgba(var(--mt-danger-rgb), .35);
    border-radius: var(--mt-radius);
    cursor: pointer;
    transition: background .15s ease;
}

.ms-btn-cancel:hover[b-2mazr5zk98] {
    background: var(--mt-danger-light);
}

@media (max-width: 640px) {
    .ms-card__top[b-2mazr5zk98] { flex-direction: column; align-items: flex-start; }
    .ms-card__rango[b-2mazr5zk98] { flex-wrap: wrap; }
}
/* /Components/Pages/Solicitudes/NuevaSolicitudDialog.razor.rz.scp.css */
.ns-dialog[b-o5raamp4ut] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: .25rem 0;
    font-family: var(--mt-font);
    color: var(--mt-heading-color);
}

.ns-grid[b-o5raamp4ut] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .85rem;
}

.ns-field[b-o5raamp4ut] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.ns-label[b-o5raamp4ut] {
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--mt-muted-color);
}

/* ── Selector visual de tipo ───────────────────────────────────── */
.ns-tipos-grid[b-o5raamp4ut] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: .7rem;
}

.ns-tipo-card[b-o5raamp4ut] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding: 1rem .9rem;
    text-align: left;
    background: var(--mt-paper-bg);
    border: 1.5px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    cursor: pointer;
    color: var(--mt-heading-color);
    font-family: var(--mt-font);
    transition: transform .15s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
    position: relative;
}

.ns-tipo-card:hover[b-o5raamp4ut] {
    transform: translateY(-2px);
    border-color: var(--mt-primary);
    box-shadow: 0 10px 22px rgba(0,0,0,.22), 0 0 0 3px rgba(var(--mt-primary-rgb), .14);
}

.ns-tipo-icon[b-o5raamp4ut] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 14px;
    font-size: 1.7rem;
    line-height: 1;
    background: rgba(var(--mt-primary-rgb), .14);
}

.ns-tipo-icon--sm[b-o5raamp4ut] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    font-size: 1.35rem;
}

.ns-tipo-nombre[b-o5raamp4ut] {
    font-size: 1.02rem;
    font-weight: 800;
    letter-spacing: -.01em;
    color: var(--mt-heading-color);
}

.ns-tipo-desc[b-o5raamp4ut] {
    font-size: .82rem;
    color: var(--mt-body-color);
    line-height: 1.35;
    min-height: 2.2em;
}

.ns-tipo-badges[b-o5raamp4ut] {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
    margin-top: .15rem;
}

.ns-chip[b-o5raamp4ut] {
    display: inline-flex;
    align-items: center;
    padding: .18rem .55rem;
    font-size: .66rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    border-radius: 999px;
    border: 1px solid transparent;
    white-space: nowrap;
}

.ns-chip--unidad[b-o5raamp4ut] {
    background: var(--mt-gray-50);
    color: var(--mt-body-color);
    border-color: var(--mt-border-color);
}

.ns-chip--elegible[b-o5raamp4ut] {
    background: rgba(var(--mt-primary-rgb), .14);
    color: var(--mt-primary);
    border-color: rgba(var(--mt-primary-rgb), .35);
}

.ns-chip--ok[b-o5raamp4ut] {
    background: var(--mt-success-subtle);
    color: var(--mt-success);
    border-color: rgba(var(--mt-success-rgb), .35);
}

.ns-chip--warn[b-o5raamp4ut] {
    background: var(--mt-warning-subtle);
    color: var(--mt-warning);
    border-color: rgba(var(--mt-warning-rgb), .35);
}

/* Resumen tras selección */
.ns-tipo-sel[b-o5raamp4ut] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .65rem .85rem;
    background: var(--mt-paper-bg);
    border: 1.5px solid var(--mt-primary);
    border-radius: var(--mt-radius);
    box-shadow: 0 0 0 3px rgba(var(--mt-primary-rgb), .14);
}

.ns-tipo-sel-body[b-o5raamp4ut] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .15rem;
}

.ns-tipo-sel-nombre[b-o5raamp4ut] {
    font-size: 1rem;
    font-weight: 800;
    color: var(--mt-heading-color);
}

.ns-tipo-sel-meta[b-o5raamp4ut] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    font-size: .78rem;
    color: var(--mt-body-color);
}

.ns-input[b-o5raamp4ut] {
    width: 100%;
    min-height: 42px;
    padding: .62rem .78rem;
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    background: var(--mt-gray-50);
    color: var(--mt-heading-color);
    font-size: .9rem;
    font-family: var(--mt-font);
    outline: none;
    transition: border-color .18s ease, box-shadow .18s ease;
    box-sizing: border-box;
}

.ns-input:focus[b-o5raamp4ut] {
    border-color: var(--mt-primary);
    box-shadow: 0 0 0 3px rgba(var(--mt-primary-rgb), .18);
}

.ns-textarea[b-o5raamp4ut] {
    min-height: 80px;
    resize: vertical;
    line-height: 1.4;
}

.ns-file[b-o5raamp4ut] {
    padding: .4rem .5rem;
    cursor: pointer;
}

.ns-tipo-meta[b-o5raamp4ut] {
    display: flex;
    gap: .5rem;
    align-items: center;
    margin-top: .35rem;
    flex-wrap: wrap;
}

.ns-tag[b-o5raamp4ut] {
    font-size: .65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    padding: .15rem .5rem;
    border-radius: 999px;
    border: 1px solid transparent;
}

.ns-tag--ok[b-o5raamp4ut] {
    background: var(--mt-success-subtle);
    color: var(--mt-success);
    border-color: rgba(var(--mt-success-rgb), .35);
}

.ns-tag--warn[b-o5raamp4ut] {
    background: var(--mt-warning-subtle);
    color: var(--mt-warning);
    border-color: rgba(var(--mt-warning-rgb), .35);
}

.ns-tipo-flujo[b-o5raamp4ut] {
    font-size: .75rem;
    color: var(--mt-body-color);
}

.ns-doc-uploaded[b-o5raamp4ut] {
    display: flex;
    align-items: center;
    gap: .4rem;
    padding: .4rem .65rem;
    background: var(--mt-success-subtle);
    border: 1px solid rgba(var(--mt-success-rgb), .35);
    border-radius: var(--mt-radius);
    color: var(--mt-success);
    font-size: .8rem;
    font-weight: 600;
    margin-top: .35rem;
}

.ns-error[b-o5raamp4ut] {
    padding: .55rem .75rem;
    background: var(--mt-danger-subtle);
    border: 1px solid rgba(var(--mt-danger-rgb), .35);
    border-radius: var(--mt-radius);
    color: var(--mt-danger);
    font-size: .82rem;
    font-weight: 600;
}

.ns-actions[b-o5raamp4ut] {
    display: flex;
    align-items: center;
    gap: .55rem;
    justify-content: flex-end;
}

.ns-btn[b-o5raamp4ut] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-height: 42px;
    padding: .58rem 1.1rem;
    border-radius: var(--mt-radius);
    border: 1px solid transparent;
    cursor: pointer;
    font-size: .85rem;
    font-weight: 600;
    font-family: var(--mt-font);
    transition: background .18s ease, border-color .18s ease, transform .12s ease;
}

.ns-btn:hover:not(:disabled)[b-o5raamp4ut] {
    transform: translateY(-1px);
}

.ns-btn:disabled[b-o5raamp4ut] {
    opacity: .55;
    cursor: not-allowed;
}

.ns-btn--primary[b-o5raamp4ut] {
    color: #fff;
    background: var(--mt-primary);
    box-shadow: 0 4px 12px rgba(var(--mt-primary-rgb), .28);
}

.ns-btn--primary:hover:not(:disabled)[b-o5raamp4ut] {
    background: var(--mt-primary-hover);
}

.ns-btn--ghost[b-o5raamp4ut] {
    color: var(--mt-body-color);
    border-color: var(--mt-border-color);
    background: transparent;
}

.ns-btn--ghost:hover:not(:disabled)[b-o5raamp4ut] {
    border-color: var(--mt-primary);
    color: var(--mt-primary);
    background: rgba(var(--mt-primary-rgb), .08);
}

.ns-spin[b-o5raamp4ut] {
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255, 255, 255, .35);
    border-top-color: #fff;
    border-radius: 50%;
    animation: ns-spin-b-o5raamp4ut .7s linear infinite;
}

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

.ns-tag--info[b-o5raamp4ut] {
    background: var(--mt-paper-bg);
    color: var(--mt-body-color);
    border-color: var(--mt-border-color);
}

.ns-btn--sm[b-o5raamp4ut] {
    min-height: 32px;
    padding: .35rem .7rem;
    font-size: .78rem;
}

.ns-comp[b-o5raamp4ut] {
    padding: .8rem;
    background: var(--mt-paper-bg);
    border: 1px dashed var(--mt-border-color);
    border-radius: var(--mt-radius);
}

.ns-comp-info[b-o5raamp4ut] {
    font-size: .82rem;
    color: var(--mt-body-color);
    margin-bottom: .6rem;
}

.ns-ok[b-o5raamp4ut]  { color: var(--mt-success); }
.ns-warn[b-o5raamp4ut] { color: var(--mt-warning); }
.ns-err[b-o5raamp4ut] { color: var(--mt-danger); }

.ns-comp-empty[b-o5raamp4ut] {
    font-size: .8rem;
    color: var(--mt-muted-color);
    margin-bottom: .55rem;
    font-style: italic;
}

.ns-comp-list[b-o5raamp4ut] {
    display: flex;
    flex-direction: column;
    gap: .45rem;
    margin-bottom: .55rem;
}

.ns-comp-row[b-o5raamp4ut] {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr auto;
    gap: .45rem;
    align-items: center;
}

.ns-goce-toggle[b-o5raamp4ut] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .55rem;
}

.ns-goce-opt[b-o5raamp4ut] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    padding: 1rem .95rem;
    border: 1.5px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    background: var(--mt-paper-bg);
    cursor: pointer;
    transition: transform .15s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.ns-goce-opt:hover[b-o5raamp4ut] {
    transform: translateY(-1px);
    border-color: var(--mt-primary);
}

.ns-goce-icon[b-o5raamp4ut] {
    font-size: 1.6rem;
    line-height: 1;
    margin-bottom: .15rem;
}

.ns-goce-opt input[type="radio"][b-o5raamp4ut] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.ns-goce-opt:hover[b-o5raamp4ut] {
    border-color: var(--mt-primary);
}

.ns-goce-opt--on[b-o5raamp4ut] {
    border-color: var(--mt-primary);
    background: rgba(var(--mt-primary-rgb), .08);
    box-shadow: 0 0 0 2px rgba(var(--mt-primary-rgb), .18);
}

.ns-goce-title[b-o5raamp4ut] {
    font-size: .95rem;
    font-weight: 800;
    color: var(--mt-heading-color);
}

.ns-goce-sub[b-o5raamp4ut] {
    font-size: .78rem;
    color: var(--mt-body-color);
    line-height: 1.4;
}

@media (max-width: 640px) {
    .ns-grid[b-o5raamp4ut] { grid-template-columns: 1fr; }
    .ns-actions[b-o5raamp4ut] { flex-direction: column-reverse; align-items: stretch; }
    .ns-btn[b-o5raamp4ut] { width: 100%; }
    .ns-comp-row[b-o5raamp4ut] { grid-template-columns: 1fr 1fr; }
}
/* /Components/Pages/Solicitudes/TiposPermisoPage.razor.rz.scp.css */
.tp-empty[b-x044a0hl0c] {
    padding: 2rem 1rem;
    text-align: center;
    color: var(--mt-muted-color);
    background: var(--mt-paper-bg);
    border: 1px dashed var(--mt-border-color);
    border-radius: var(--mt-radius);
}

.tp-grid[b-x044a0hl0c] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: .85rem;
}

.tp-card[b-x044a0hl0c] {
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.tp-card__head[b-x044a0hl0c] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .5rem;
}

.tp-codigo[b-x044a0hl0c] {
    display: inline-block;
    font-family: var(--mt-font-mono);
    font-size: .68rem;
    font-weight: 700;
    color: var(--mt-primary);
    letter-spacing: .06em;
    text-transform: uppercase;
}

.tp-nombre[b-x044a0hl0c] {
    margin: .15rem 0 0;
    font-size: 1rem;
    font-weight: 700;
    color: var(--mt-heading-color);
    line-height: 1.2;
}

.tp-subtipo[b-x044a0hl0c] {
    font-size: .78rem;
    color: var(--mt-body-color);
    margin-top: .2rem;
}

.tp-seed-badge[b-x044a0hl0c] {
    font-size: .6rem;
    font-weight: 800;
    letter-spacing: .1em;
    color: var(--mt-warning);
    background: var(--mt-warning-subtle);
    border: 1px solid rgba(var(--mt-warning-rgb), .35);
    padding: .15rem .45rem;
    border-radius: 999px;
    flex-shrink: 0;
}

.tp-meta[b-x044a0hl0c] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.tp-tag[b-x044a0hl0c] {
    font-size: .65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    padding: .15rem .5rem;
    border-radius: 999px;
    border: 1px solid transparent;
}

.tp-tag--ok[b-x044a0hl0c] {
    background: var(--mt-success-subtle);
    color: var(--mt-success);
    border-color: rgba(var(--mt-success-rgb), .35);
}

.tp-tag--warn[b-x044a0hl0c] {
    background: var(--mt-warning-subtle);
    color: var(--mt-warning);
    border-color: rgba(var(--mt-warning-rgb), .35);
}

.tp-tag--info[b-x044a0hl0c] {
    background: var(--mt-gray-100);
    color: var(--mt-body-color);
    border-color: var(--mt-border-color);
}

.tp-card__foot[b-x044a0hl0c] {
    padding-top: .55rem;
    border-top: 1px dashed var(--mt-border-color);
    display: flex;
    justify-content: flex-end;
}

.tp-toggle[b-x044a0hl0c] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: var(--mt-heading-color);
    font-size: .85rem;
    font-weight: 600;
    cursor: pointer;
    user-select: none;
}

.tp-toggle input[b-x044a0hl0c] {
    width: 16px;
    height: 16px;
    accent-color: var(--mt-primary);
    cursor: pointer;
}
/* /Components/Pages/Tareas/AplicarPlantillaDialog.razor.rz.scp.css */
.dlg-body[b-09l5ycmm8e] { display: flex; flex-direction: column; gap: 14px; padding: 4px 0; font-family: var(--mt-font); min-width: 380px; }
.dlg-plantilla-name[b-09l5ycmm8e] { font-size: .875rem; font-weight: 600; color: var(--mt-heading-color); margin: 0; padding: 8px 12px; background: var(--mt-gray-50); border-radius: 8px; border-left: 3px solid var(--mt-primary); }
.dlg-field[b-09l5ycmm8e] { display: flex; flex-direction: column; gap: 6px; }
.dlg-label[b-09l5ycmm8e] { font-size: .75rem; font-weight: 600; color: var(--mt-gray-800); }
.dlg-input[b-09l5ycmm8e] {
    height: 36px; border: 1.5px solid var(--mt-gray-300); border-radius: 8px;
    padding: 0 12px; font-size: .875rem; width: 100%; box-sizing: border-box;
    outline: none; font-family: inherit; color: var(--mt-heading-color); background: var(--mt-paper-bg);
    transition: border-color .2s, box-shadow .2s;
}
.dlg-input:focus[b-09l5ycmm8e] { border-color: var(--mt-primary); box-shadow: 0 0 0 3px rgba(var(--mt-primary-rgb),.12); }
.dlg-emp-list[b-09l5ycmm8e] { display: flex; flex-direction: column; gap: 4px; max-height: 200px; overflow-y: auto; border: 1.5px solid var(--mt-gray-200); border-radius: 8px; padding: 8px 12px; background: var(--mt-paper-bg); }
.dlg-emp-item[b-09l5ycmm8e] { display: flex; align-items: center; gap: 8px; font-size: .85rem; color: var(--mt-gray-800); cursor: pointer; padding: 4px 0; }
.dlg-emp-item:hover[b-09l5ycmm8e] { color: var(--mt-primary); }
.dlg-emp-item input[type="checkbox"][b-09l5ycmm8e] { accent-color: var(--mt-primary); width: 15px; height: 15px; cursor: pointer; }
.dlg-actions[b-09l5ycmm8e] { display: flex; gap: 8px; justify-content: flex-end; padding-top: 4px; }
.dlg-btn[b-09l5ycmm8e] {
    padding: .45rem 1.1rem; font-size: .875rem; font-weight: 600;
    border-radius: 8px; cursor: pointer; font-family: inherit;
    display: inline-flex; align-items: center; gap: 6px;
    border: 1.5px solid transparent; transition: background .2s, border-color .2s;
}
.dlg-btn:disabled[b-09l5ycmm8e] { opacity: .45; cursor: not-allowed; }
.dlg-btn--primary[b-09l5ycmm8e] { color: #fff; background: var(--mt-primary); border-color: var(--mt-primary); }
.dlg-btn--primary:hover:not(:disabled)[b-09l5ycmm8e] { background: var(--mt-primary-hover); border-color: var(--mt-primary-hover); }
.dlg-btn--ghost[b-09l5ycmm8e] { color: var(--mt-gray-800); background: var(--mt-gray-50); border-color: var(--mt-gray-200); }
.dlg-btn--ghost:hover:not(:disabled)[b-09l5ycmm8e] { background: var(--mt-gray-200); }
.dlg-spin[b-09l5ycmm8e] {
    width: 14px; height: 14px; border: 2px solid rgba(255,255,255,.4);
    border-top-color: #fff; border-radius: 50%; animation: dlgSpin .6s linear infinite; flex-shrink: 0;
}
@@keyframes dlgSpin { to[b-09l5ycmm8e] { transform: rotate(360deg); } }
/* /Components/Pages/Tareas/AsignarTareaDialog.razor.rz.scp.css */
/* AsignarTareaDialog — scoped layout (visual theme comes from tareas-dialogs.css) */
.dlg-body[b-fiz7c0k68y] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 4px 0;
    font-family: 'Space Grotesk', system-ui, sans-serif;
}
.dlg-frow[b-fiz7c0k68y] { display: flex; gap: 12px; }
.dlg-fgroup[b-fiz7c0k68y] { display: flex; flex-direction: column; gap: 5px; flex: 1; }
.dlg-fgroup--grow[b-fiz7c0k68y] { flex: 2; }
.dlg-fgroup--sm[b-fiz7c0k68y] { flex: 0 0 110px; }

.dlg-label[b-fiz7c0k68y] {
    font-size: .62rem;
    font-weight: 700;
    font-family: var(--mt-font);
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--mt-primary);
}

.dlg-input[b-fiz7c0k68y], .dlg-select[b-fiz7c0k68y] {
    height: 38px;
    border: 1.5px solid var(--mt-border-color);
    border-radius: 8px;
    padding: 0 12px;
    font-size: .875rem;
    width: 100%;
    box-sizing: border-box;
    outline: none;
    font-family: 'Space Grotesk', system-ui, sans-serif;
    color: var(--mt-heading-color);
    background: var(--mt-gray-25);
    transition: border-color .18s, box-shadow .18s;
}
.dlg-input:focus[b-fiz7c0k68y], .dlg-select:focus[b-fiz7c0k68y] {
    border-color: var(--mt-primary);
    box-shadow: 0 0 0 3px rgba(var(--mt-primary-rgb),.12);
    background: var(--mt-paper-bg);
}
.dlg-input[b-fiz7c0k68y]::placeholder { color: var(--mt-muted-color); }

.dlg-actions[b-fiz7c0k68y] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    padding-top: 4px;
}

.dlg-btn[b-fiz7c0k68y] {
    padding: .5rem 1.25rem;
    font-size: .82rem;
    font-weight: 700;
    border-radius: 8px;
    cursor: pointer;
    font-family: var(--mt-font);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1.5px solid transparent;
    transition: background .18s, border-color .18s, box-shadow .18s, transform .12s;
    letter-spacing: .03em;
}
.dlg-btn:disabled[b-fiz7c0k68y] { opacity: .45; cursor: not-allowed; }
.dlg-btn:not(:disabled):active[b-fiz7c0k68y] { transform: scale(.96); }

.dlg-btn--primary[b-fiz7c0k68y] {
    color: #fff;
    background: var(--mt-primary);
    border-color: var(--mt-primary);
    box-shadow: 0 2px 14px rgba(var(--mt-primary-rgb),.3);
}
.dlg-btn--primary:hover:not(:disabled)[b-fiz7c0k68y] {
    background: var(--mt-primary-hover);
    border-color: var(--mt-primary-hover);
    box-shadow: 0 4px 20px rgba(var(--mt-primary-rgb),.45);
}

.dlg-btn--ghost[b-fiz7c0k68y] {
    color: var(--mt-body-color);
    background: var(--mt-gray-100, #363a50);
    border-color: var(--mt-border-color);
}
.dlg-btn--ghost:hover:not(:disabled)[b-fiz7c0k68y] {
    color: var(--mt-primary);
    border-color: rgba(var(--mt-primary-rgb),.4);
    background: rgba(var(--mt-primary-rgb),.06);
}

.dlg-spin[b-fiz7c0k68y] {
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255,255,255,.25);
    border-top-color: #fff;
    border-radius: 50%;
    animation: dlgSpin .6s linear infinite;
    flex-shrink: 0;
}
@@keyframes dlgSpin { to[b-fiz7c0k68y] { transform: rotate(360deg); } }

/* Mobile: stack form rows */
@@media (max-width: 520px) {
    .dlg-frow[b-fiz7c0k68y] { flex-direction: column; }
    .dlg-fgroup--sm[b-fiz7c0k68y] { flex: 1; }
    .dlg-fgroup--grow[b-fiz7c0k68y] { flex: 1; }
}
/* /Components/Pages/Tareas/CerrarTareaDialog.razor.rz.scp.css */
.dlg-body[b-aac94wsoky] { display: flex; flex-direction: column; gap: 16px; padding: 4px 0; font-family: var(--mt-font); }
.dlg-hint[b-aac94wsoky] { font-size: .825rem; color: var(--mt-gray-700); margin: 0; }
.dlg-field[b-aac94wsoky] { display: flex; flex-direction: column; gap: 6px; }
.dlg-label[b-aac94wsoky] { font-size: .75rem; font-weight: 600; color: var(--mt-gray-800); }
.dlg-textarea[b-aac94wsoky] {
    border: 1.5px solid var(--mt-gray-300); border-radius: 8px; padding: 10px 12px;
    font-size: .875rem; width: 100%; box-sizing: border-box; resize: vertical;
    outline: none; font-family: inherit; color: var(--mt-heading-color); background: var(--mt-paper-bg);
    transition: border-color .2s, box-shadow .2s; min-height: 90px;
}
.dlg-textarea:focus[b-aac94wsoky] { border-color: var(--mt-primary); box-shadow: 0 0 0 3px rgba(var(--mt-primary-rgb),.12); }
.dlg-actions[b-aac94wsoky] { display: flex; gap: 8px; justify-content: flex-end; padding-top: 4px; }
.dlg-btn[b-aac94wsoky] {
    padding: .45rem 1.1rem; font-size: .875rem; font-weight: 600;
    border-radius: 8px; cursor: pointer; font-family: inherit;
    display: inline-flex; align-items: center; gap: 6px;
    border: 1.5px solid transparent; transition: background .2s, border-color .2s;
}
.dlg-btn:disabled[b-aac94wsoky] { opacity: .45; cursor: not-allowed; }
.dlg-btn--primary[b-aac94wsoky] { color: #fff; background: var(--mt-primary); border-color: var(--mt-primary); }
.dlg-btn--primary:hover:not(:disabled)[b-aac94wsoky] { background: var(--mt-primary-hover); border-color: var(--mt-primary-hover); }
.dlg-btn--ghost[b-aac94wsoky] { color: var(--mt-gray-800); background: var(--mt-gray-50); border-color: var(--mt-gray-200); }
.dlg-btn--ghost:hover:not(:disabled)[b-aac94wsoky] { background: var(--mt-gray-200); }
.dlg-spin[b-aac94wsoky] {
    width: 14px; height: 14px; border: 2px solid rgba(255,255,255,.4);
    border-top-color: #fff; border-radius: 50%; animation: dlgSpin .6s linear infinite; flex-shrink: 0;
}
@@keyframes dlgSpin { to[b-aac94wsoky] { transform: rotate(360deg); } }
/* /Components/Pages/Tareas/ClienteDialog.razor.rz.scp.css */
/* ClienteDialog — scoped layout + theme (dlg-tareas aplica el tema global) */

.dlg-body[b-a43i2fz11r] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 4px 0;
    font-family: 'Space Grotesk', system-ui, sans-serif;
    /* NO min-width — el dialog FluentUI ya controla el ancho */
    width: 100%;
    box-sizing: border-box;
}

/* ── FIELD ── */
.dlg-fgroup[b-a43i2fz11r] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    flex: 1;
}

/* ── TWO-COLUMN ROW ── */
.dlg-frow[b-a43i2fz11r] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

/* ── LABELS ── */
.dlg-label[b-a43i2fz11r] {
    font-size: .62rem;
    font-weight: 700;
    font-family: var(--mt-font);
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--mt-primary);
}

/* ── INPUTS ── */
.dlg-input[b-a43i2fz11r], .dlg-select[b-a43i2fz11r] {
    height: 38px;
    border: 1.5px solid var(--mt-border-color);
    border-radius: 8px;
    padding: 0 12px;
    font-size: .875rem;
    width: 100%;
    box-sizing: border-box;
    outline: none;
    font-family: 'Space Grotesk', system-ui, sans-serif;
    color: var(--mt-heading-color);
    background: var(--mt-gray-25);
    transition: border-color .18s, box-shadow .18s;
}
.dlg-input:focus[b-a43i2fz11r], .dlg-select:focus[b-a43i2fz11r] {
    border-color: var(--mt-primary);
    box-shadow: 0 0 0 3px rgba(var(--mt-primary-rgb),.12);
    background: var(--mt-paper-bg);
}
.dlg-input[b-a43i2fz11r]::placeholder { color: var(--mt-muted-color); }

/* ── ACTIONS ── */
.dlg-actions[b-a43i2fz11r] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    padding-top: 4px;
}

/* ── BUTTONS ── */
.dlg-btn[b-a43i2fz11r] {
    padding: .5rem 1.25rem;
    font-size: .82rem;
    font-weight: 700;
    border-radius: 8px;
    cursor: pointer;
    font-family: var(--mt-font);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1.5px solid transparent;
    transition: background .18s, border-color .18s, box-shadow .18s, transform .12s;
    letter-spacing: .03em;
    white-space: nowrap;
}
.dlg-btn:disabled[b-a43i2fz11r] { opacity: .45; cursor: not-allowed; }
.dlg-btn:not(:disabled):active[b-a43i2fz11r] { transform: scale(.96); }

.dlg-btn--primary[b-a43i2fz11r] {
    color: #fff;
    background: var(--mt-primary);
    border-color: var(--mt-primary);
    box-shadow: 0 2px 14px rgba(var(--mt-primary-rgb),.3);
}
.dlg-btn--primary:hover:not(:disabled)[b-a43i2fz11r] {
    background: var(--mt-primary-hover);
    border-color: var(--mt-primary-hover);
    box-shadow: 0 4px 20px rgba(var(--mt-primary-rgb),.45);
}

.dlg-btn--ghost[b-a43i2fz11r] {
    color: var(--mt-body-color);
    background: var(--mt-gray-100, #363a50);
    border-color: var(--mt-border-color);
}
.dlg-btn--ghost:hover:not(:disabled)[b-a43i2fz11r] {
    color: var(--mt-primary);
    border-color: rgba(var(--mt-primary-rgb),.4);
    background: rgba(var(--mt-primary-rgb),.06);
}

.dlg-spin[b-a43i2fz11r] {
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255,255,255,.25);
    border-top-color: #fff;
    border-radius: 50%;
    animation: dlgSpin .6s linear infinite;
    flex-shrink: 0;
}
@@keyframes dlgSpin { to[b-a43i2fz11r] { transform: rotate(360deg); } }

/* ════════════════════════════════════════
   MOBILE
════════════════════════════════════════ */

@media (max-width: 520px) {
    /* Stack two-col rows */
    .dlg-frow[b-a43i2fz11r] {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    /* Action buttons: full-width stacked */
    .dlg-actions[b-a43i2fz11r] {
        flex-direction: column-reverse;
        gap: 8px;
    }
    .dlg-actions .dlg-btn[b-a43i2fz11r] {
        width: 100%;
        justify-content: center;
        padding: .65rem 1rem;
    }
}
/* /Components/Pages/Tareas/GanttAreaPage.razor.rz.scp.css */
/* GanttAreaPage — scoped styles (gt- prefix) */

/* ── CONTROLES (toggle + nav) ── */
.gt-controls[b-psjhp4kdqx] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

/* ── MODE TOGGLE ── */
.gt-mode-toggle[b-psjhp4kdqx] {
    display: flex;
    align-items: center;
    background: rgba(8, 15, 28, 0.7);
    border: 1px solid rgba(var(--mt-primary-rgb),0.13);
    border-radius: 11px;
    padding: 3px;
    gap: 2px;
}

.gt-mode-btn[b-psjhp4kdqx] {
    padding: 6px 18px;
    background: transparent;
    border: none;
    cursor: pointer;
    font-family: 'Space Grotesk', system-ui, sans-serif;
    font-size: 0.77rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: rgba(170,205,240,0.5);
    border-radius: 8px;
    transition: all 0.18s ease;
}

.gt-mode-btn:hover:not(.gt-mode-btn--active)[b-psjhp4kdqx] {
    color: rgba(200,230,255,0.85);
    background: rgba(var(--mt-primary-rgb),0.07);
}

.gt-mode-btn--active[b-psjhp4kdqx] {
    background: linear-gradient(135deg, var(--mt-primary-hover) 0%, var(--mt-primary) 100%);
    color: rgba(255,255,255,0.96);
    box-shadow: 0 2px 14px rgba(var(--mt-primary-rgb),0.45), inset 0 1px 0 rgba(255,255,255,0.1);
}

/* ── DATE NAV CAPSULE ── */
.gt-date-nav[b-psjhp4kdqx] {
    display: flex;
    align-items: center;
    gap: 2px;
    background: rgba(8, 15, 28, 0.7);
    border: 1px solid rgba(var(--mt-primary-rgb),0.13);
    border-radius: 11px;
    padding: 4px;
}

.gt-dbn[b-psjhp4kdqx] {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    cursor: pointer;
    border-radius: 8px;
    color: rgba(170,210,245,0.5);
    transition: all 0.16s ease;
    flex-shrink: 0;
}

.gt-dbn svg[b-psjhp4kdqx] { width: 15px; height: 15px; }

.gt-dbn:hover:not(:disabled)[b-psjhp4kdqx] {
    background: rgba(var(--mt-primary-rgb),0.1);
    color: var(--gt-accent);
    box-shadow: 0 0 14px rgba(var(--mt-primary-rgb),0.18);
    transform: translateY(-1px);
}

.gt-dbn:disabled[b-psjhp4kdqx] { opacity: 0.3; cursor: not-allowed; }

.gt-dbn--today[b-psjhp4kdqx] {
    color: rgba(var(--mt-primary-rgb),0.45);
    border-left: 1px solid rgba(var(--mt-primary-rgb),0.1);
    border-radius: 0 8px 8px 0;
    margin-left: 3px;
    padding-left: 1px;
}

.gt-dbn--today:hover:not(:disabled)[b-psjhp4kdqx] {
    color: var(--gt-accent);
    background: rgba(var(--mt-primary-rgb),0.1);
    box-shadow: 0 0 14px rgba(var(--mt-primary-rgb),0.2);
    transform: translateY(-1px);
}

.gt-date-label[b-psjhp4kdqx] {
    font-family: var(--mt-font);
    font-size: 0.78rem;
    font-weight: 600;
    min-width: 230px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: rgba(200,230,255,0.9);
    padding: 0 6px;
    white-space: nowrap;
}

/* ── STATS ── */
.ta-stats[b-psjhp4kdqx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
    gap: .75rem;
    margin-top: 1.25rem;
    padding-bottom: 1.5rem;
}

.ta-stat[b-psjhp4kdqx]          { text-align: center; padding: .9rem 1rem; border-radius: 12px; }
.ta-stat__val[b-psjhp4kdqx]     { display: block; font-size: 1.6rem; font-weight: 700; line-height: 1.1; }
.ta-stat__lbl[b-psjhp4kdqx]     { display: block; font-size: .7rem; margin-top: .15rem; text-transform: uppercase; letter-spacing: .06em; }

/* ── CONTAINER ── */
.gt-container[b-psjhp4kdqx] {
    max-width: 1440px;
    margin: 0 auto;
    padding-bottom: 2rem;
    position: relative;
}

/* ── CHART OUTER WRAP ── */
.gt-chart-wrap[b-psjhp4kdqx] {
    border: 1px solid var(--gt-border);
    border-radius: var(--mt-radius);
    overflow: hidden;
    background: var(--gt-bg);
    box-shadow: 0 4px 32px rgba(0,0,0,0.28), 0 0 0 1px rgba(var(--mt-primary-rgb),0.04);
}

/* ══════════════════════════════════════════════════════
   MODO SEMANA
   ══════════════════════════════════════════════════════ */

/* Cabecera de días (sticky) */
.gt-week-head-row[b-psjhp4kdqx] {
    display: flex;
    align-items: stretch;
    position: sticky;
    top: 0;
    z-index: 10;
    background: var(--gt-bg-head);
    border-bottom: 1px solid var(--gt-border);
    height: 48px;
}

.gt-week-days-hdr[b-psjhp4kdqx] {
    flex: 1;
    display: flex;
}

.gt-week-day-cell[b-psjhp4kdqx] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-right: 1px solid var(--gt-border-soft);
    gap: 1px;
    transition: background 0.12s;
}

.gt-week-day-cell--today[b-psjhp4kdqx] {
    background: rgba(var(--mt-primary-rgb),0.08);
    border-right-color: rgba(var(--mt-primary-rgb),0.2);
}

.gt-week-day-name[b-psjhp4kdqx] {
    font-family: var(--mt-font);
    font-size: 0.55rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: var(--gt-text-mid);
}

.gt-week-day-num[b-psjhp4kdqx] {
    font-family: 'Space Grotesk', system-ui;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--gt-text-hi);
    line-height: 1;
}

.gt-week-day-cell--today .gt-week-day-num[b-psjhp4kdqx] {
    color: var(--gt-accent);
    text-shadow: 0 0 10px rgba(var(--mt-primary-rgb),0.5);
}

/* Scroll body */
.gt-rows--semana[b-psjhp4kdqx] {
    max-height: 560px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-gutter: stable;
    position: relative; /* para sticky tooltip anchor */
}

.gt-rows--semana[b-psjhp4kdqx]::-webkit-scrollbar       { width: 4px; }
.gt-rows--semana[b-psjhp4kdqx]::-webkit-scrollbar-track { background: transparent; }
.gt-rows--semana[b-psjhp4kdqx]::-webkit-scrollbar-thumb {
    background: rgba(var(--mt-primary-rgb),0.18);
    border-radius: 2px;
}

/* Tooltip anchor sticky */
.gt-tooltip-anchor[b-psjhp4kdqx] {
    position: sticky;
    top: 4px;
    height: 0;
    z-index: 200;
    display: flex;
    justify-content: flex-end;
    padding-right: 10px;
    pointer-events: none;
}

/* Tooltip panel */
.gt-tooltip-panel[b-psjhp4kdqx] {
    display: inline-block;
    width: 268px;
    background: rgba(8, 14, 28, 0.97);
    border: 1px solid rgba(var(--mt-primary-rgb),0.22);
    border-radius: 10px;
    padding: 14px 16px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.75), 0 0 0 1px rgba(var(--mt-primary-rgb),0.06);
    pointer-events: none;
}

.gt-tp-title[b-psjhp4kdqx] {
    font-family: 'Space Grotesk', system-ui;
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--gt-accent);
    text-shadow: 0 0 8px rgba(var(--mt-primary-rgb),0.4);
    margin-bottom: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gt-tp-hr[b-psjhp4kdqx] {
    border: none;
    border-top: 1px solid rgba(var(--mt-primary-rgb),0.1);
    margin: 0 0 8px;
}

.gt-tp-row[b-psjhp4kdqx] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    font-size: 0.72rem;
    line-height: 1.6;
    color: var(--gt-text-mid);
}

.gt-tp-row span:first-child[b-psjhp4kdqx] { color: var(--gt-text-lo); font-size: 0.67rem; flex-shrink: 0; }
.gt-tp-row span:last-child[b-psjhp4kdqx]  { color: var(--gt-text-hi); text-align: right; }

.gt-tp-estado[b-psjhp4kdqx] {
    border-radius: 4px;
    padding: 0 6px;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.gt-tp-estado--en-progreso[b-psjhp4kdqx] { background: rgba(var(--mt-warning-rgb),0.18); color: var(--mt-warning); }
.gt-tp-estado--completada[b-psjhp4kdqx]  { background: rgba(var(--mt-success-rgb),0.15);  color: var(--mt-success); }
.gt-tp-estado--pausada[b-psjhp4kdqx]     { background: rgba(var(--mt-secondary-rgb),0.2); color: var(--mt-muted-color); }
.gt-tp-estado--rechazada[b-psjhp4kdqx]   { background: rgba(var(--mt-danger-rgb),0.15);  color: var(--mt-danger); }
.gt-tp-estado--pendiente[b-psjhp4kdqx]   { background: rgba(var(--mt-primary-rgb),0.15); color: var(--mt-primary); }
.gt-tp-estado--pendiente-revision[b-psjhp4kdqx] { background: rgba(168,85,247,0.15); color: #c084fc; }

/* Separador entre grupos de empleado */
.gt-group-sep[b-psjhp4kdqx] {
    height: 3px;
    background: linear-gradient(90deg, transparent 0%, rgba(var(--mt-primary-rgb),0.18) 15%, rgba(var(--mt-primary-rgb),0.1) 85%, transparent 100%);
    border-top: 1px solid rgba(var(--mt-primary-rgb),0.08);
    margin: 0;
}

/* Cabecera de empleado */
.gt-emp-header-row[b-psjhp4kdqx] {
    display: flex;
    align-items: stretch;
    height: 36px;
    background: var(--gt-bg-emp);
    border-bottom: 1px solid var(--gt-border-soft);
}

.gt-emp-info[b-psjhp4kdqx] {
    width: 280px;
    min-width: 280px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 0 14px;
    border-right: 1px solid var(--gt-border-soft);
    flex-shrink: 0;
}

.gt-emp-avatar[b-psjhp4kdqx] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    border: 1px solid rgba(var(--mt-primary-rgb),0.2);
}

.gt-emp-avatar--init[b-psjhp4kdqx] {
    background: rgba(var(--mt-primary-rgb),0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--mt-font);
    font-size: 0.6rem;
    font-weight: 700;
    color: var(--gt-accent);
}

.gt-emp-name[b-psjhp4kdqx] {
    font-family: 'Space Grotesk', system-ui;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--gt-text-hi);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Track semanal (área de barras) */
.gt-week-track[b-psjhp4kdqx] {
    flex: 1;
    position: relative;
    background-image:
        repeating-linear-gradient(
            to right,
            var(--gt-grid-line) 0px,
            var(--gt-grid-line) 1px,
            transparent 1px,
            transparent calc(100% / 7)
        );
    background-size: calc(100% / 7) 100%;
    background-repeat: repeat-x;
    overflow: visible;
}

.gt-week-track--emp[b-psjhp4kdqx] { background-color: transparent; }

/* Columna "hoy" */
.gt-today-stripe[b-psjhp4kdqx] {
    position: absolute;
    top: 0;
    bottom: 0;
    width: calc(100% / 7);
    background: rgba(var(--mt-primary-rgb),0.09);
    border-left: 2px solid rgba(var(--mt-primary-rgb),0.35);
    pointer-events: none;
    z-index: 0;
}

/* Barra semanal */
.gt-week-bar-wrap[b-psjhp4kdqx] {
    position: absolute;
    top: 7px;
    height: 34px;
    z-index: 2;
    border-radius: 6px;
    min-width: 6px;
    cursor: default;
}

.gt-week-bar[b-psjhp4kdqx] {
    width: 100%;
    height: 100%;
    border-radius: 6px;
    display: flex;
    align-items: center;
    padding: 0 8px 0 10px;
    gap: 6px;
    overflow: hidden;
    opacity: 0.88;
    color: rgba(255,255,255,0.95);
    transition: opacity 0.12s, box-shadow 0.12s;
}

.gt-week-bar:hover[b-psjhp4kdqx] {
    opacity: 1;
    box-shadow: 0 2px 12px rgba(0,0,0,0.4);
}

/* Colores de barra */
.gt-week-bar--blue[b-psjhp4kdqx]  { background: var(--mt-primary); }
.gt-week-bar--amber[b-psjhp4kdqx] { background: var(--mt-warning); }
.gt-week-bar--green[b-psjhp4kdqx] { background: var(--mt-success); }
.gt-week-bar--slate[b-psjhp4kdqx] { background: var(--mt-gray-800); }
.gt-week-bar--red[b-psjhp4kdqx]   { background: var(--mt-danger); }

.gt-week-bar__content[b-psjhp4kdqx] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    gap: 1px;
}

.gt-week-bar__proj[b-psjhp4kdqx] {
    font-family: var(--mt-font);
    font-size: 0.55rem;
    opacity: 0.72;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
}

.gt-week-bar__task[b-psjhp4kdqx] {
    font-family: 'Space Grotesk', system-ui;
    font-size: 0.72rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
}

.gt-week-bar__hrs[b-psjhp4kdqx] {
    font-family: var(--mt-font);
    font-size: 0.62rem;
    font-weight: 700;
    flex-shrink: 0;
    white-space: nowrap;
    background: rgba(0,0,0,0.22);
    border-radius: 4px;
    padding: 1px 5px;
}

/* ══════════════════════════════════════════════════════
   COMPARTIDO: filas de tarea (.gt-row)
   ══════════════════════════════════════════════════════ */

.gt-row[b-psjhp4kdqx] {
    display: flex;
    align-items: stretch;
    height: 48px;
    border-bottom: 1px solid var(--gt-border-soft);
    transition: background 0.12s ease;
}

.gt-row:hover[b-psjhp4kdqx]   { background: var(--gt-hover) !important; }
.gt-row--even[b-psjhp4kdqx]   { background: var(--gt-bg-even); }
.gt-row--active[b-psjhp4kdqx] { background: rgba(var(--mt-warning-rgb),0.04) !important; }

/* Label cell */
.gt-label-cell[b-psjhp4kdqx] {
    width: 280px;
    min-width: 280px;
    padding: 0 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    border-right: 1px solid var(--gt-border-soft);
    flex-shrink: 0;
    overflow: hidden;
}

.gt-label-cell--head[b-psjhp4kdqx] {
    font-size: .6rem !important;
    font-weight: 800 !important;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: rgba(40,70,120,0.8) !important;
    flex-direction: row !important;
    align-items: center !important;
}

.gt-label-name[b-psjhp4kdqx] {
    font-family: var(--mt-font);
    font-size: .73rem;
    font-weight: 600;
    color: rgba(20,40,80,0.9);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gt-label-bottom[b-psjhp4kdqx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    width: 100%;
    overflow: hidden;
}

.gt-label-time[b-psjhp4kdqx] {
    font-family: var(--mt-font);
    font-size: .6rem;
    font-weight: 500;
    color: rgba(60,90,140,0.65);
    white-space: nowrap;
    flex-shrink: 0;
}

.gt-label-time--active[b-psjhp4kdqx] {
    color: var(--mt-warning);
    text-shadow: 0 0 8px rgba(var(--mt-warning-rgb),0.4);
}

.gt-label-proj[b-psjhp4kdqx] {
    font-family: var(--mt-font);
    font-size: .58rem;
    color: rgba(80,110,160,0.45);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
    min-width: 0;
}

/* ══════════════════════════════════════════════════════
   MODO DÍA — SVG bars
   ══════════════════════════════════════════════════════ */

.gt-rows[b-psjhp4kdqx] {
    max-height: 540px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-gutter: stable;
}

.gt-rows[b-psjhp4kdqx]::-webkit-scrollbar       { width: 4px; }
.gt-rows[b-psjhp4kdqx]::-webkit-scrollbar-track { background: transparent; }
.gt-rows[b-psjhp4kdqx]::-webkit-scrollbar-thumb {
    background: rgba(var(--mt-primary-rgb),0.18);
    border-radius: 2px;
}
.gt-rows[b-psjhp4kdqx]::-webkit-scrollbar-thumb:hover { background: rgba(var(--mt-primary-rgb),0.35); }

.gt-row--head[b-psjhp4kdqx] {
    position: sticky;
    top: 0;
    z-index: 10;
    background: var(--gt-bg-head) !important;
    border-bottom: 1px solid var(--gt-border);
    height: 34px;
}

.gt-head-svg[b-psjhp4kdqx] { width: 100%; height: 34px; display: block; }

.gt-bar-cell[b-psjhp4kdqx] { flex: 1; min-width: 0; }

.gt-row-svg[b-psjhp4kdqx] { width: 100%; height: 48px; display: block; }

/* Data wrap + arrow overlay */
.gt-data-wrap[b-psjhp4kdqx] { position: relative; }

.gt-arrows-overlay[b-psjhp4kdqx] {
    position: absolute;
    top: 0;
    left: 280px;
    width: calc(100% - 280px);
    height: 100%;
    pointer-events: none;
    overflow: visible;
}

/* ── SKELETON ── */
.gt-skel-wrap[b-psjhp4kdqx]  { display: flex; flex-direction: column; gap: .75rem; padding: .5rem 0; }
.gt-skel-row[b-psjhp4kdqx]   { display: flex; align-items: center; gap: 1rem; height: 48px; }
.gt-skel-label[b-psjhp4kdqx] { width: 220px; height: 14px; border-radius: 6px; flex-shrink: 0; }
.gt-skel-track[b-psjhp4kdqx] { flex: 1; position: relative; height: 28px; }
.gt-skel-bar[b-psjhp4kdqx]   { position: absolute; height: 100%; border-radius: 5px; }

/* ── RESPONSIVE ── */
@media (max-width: 768px) {
    .gt-date-label[b-psjhp4kdqx]  { min-width: 150px; font-size: .7rem; letter-spacing: 0.04em; }
    .gt-controls[b-psjhp4kdqx]    { flex-direction: column; align-items: flex-start; gap: 8px; }
    .gt-dbn[b-psjhp4kdqx]         { width: 30px; height: 30px; }
    .gt-mode-btn[b-psjhp4kdqx]    { padding: 5px 12px; font-size: .72rem; }
    .ta-stats[b-psjhp4kdqx]       { grid-template-columns: repeat(2, 1fr); }

    .gt-label-cell[b-psjhp4kdqx],
    .gt-emp-info[b-psjhp4kdqx]    { width: 130px; min-width: 130px; }

    .gt-label-name[b-psjhp4kdqx]  { font-size: .62rem; }
    .gt-label-time[b-psjhp4kdqx]  { font-size: .55rem; }
    .gt-emp-name[b-psjhp4kdqx]    { font-size: .65rem; }

    .gt-tooltip-panel[b-psjhp4kdqx] { width: 220px; }
}
/* /Components/Pages/Tareas/MisTareasCalendarPage.razor.rz.scp.css */
/* Las clases cal2-* viven en wwwroot/css/tareas/tareas-calendario.css
   para poder ser usadas también desde los subcomponentes Razor de esta página
   (CalendarFiltrosSidebar, CalendarStatsStrip, ResumenDiaCard, AlertasCard,
   AmyRecomendacionesCard). El CSS scoped de Blazor no atraviesa subcomponentes,
   por eso se centraliza en un archivo global con cache busting en App.razor. */
/* /Components/Pages/Tareas/MisTareasPage.razor.rz.scp.css */
/* MisTareasPage — Clockify-style compact rows */

.mt-shell[b-dmju2zz690] {
    font-family: var(--mt-font);
    min-height: 100%;
    padding: 1rem 1.25rem 2rem;
}

/* ═══════════ QUICK-ADD BAR ═══════════ */
.mt-quickadd[b-dmju2zz690] {
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    box-shadow: var(--mt-shadow-xs);
    margin-bottom: 1rem;
    position: sticky;
    top: 0;
    z-index: 10;
}

.mt-quickadd__main[b-dmju2zz690] {
    display: flex;
    align-items: center;
    gap: 0;
    min-height: 48px;
}

.mt-quickadd__input[b-dmju2zz690] {
    flex: 1;
    min-width: 0;
    border: none;
    background: transparent;
    padding: 0 1rem;
    height: 48px;
    font-size: var(--mt-font-size-base);
    font-family: var(--mt-font);
    color: var(--mt-heading-color);
    outline: none;
}
.mt-quickadd__input[b-dmju2zz690]::placeholder { color: var(--mt-muted-color); }

.mt-quickadd__project[b-dmju2zz690] {
    width: 160px;
    flex-shrink: 0;
    border: none;
    border-left: 1px solid var(--mt-border-color);
    background: transparent;
    padding: 0 .75rem;
    height: 48px;
    font-size: var(--mt-font-size-sm);
    font-family: var(--mt-font);
    color: var(--mt-heading-color);
    outline: none;
    cursor: pointer;
    appearance: auto;
}

.mt-quickadd__time-wrap[b-dmju2zz690] {
    display: flex;
    align-items: center;
    border-left: 1px solid var(--mt-border-color);
    padding: 0 .5rem;
    gap: 3px;
    flex-shrink: 0;
}

.mt-quickadd__time[b-dmju2zz690] {
    width: 50px;
    border: none;
    background: transparent;
    text-align: center;
    font-size: var(--mt-font-size-sm);
    font-family: var(--mt-font-mono);
    font-weight: var(--mt-font-weight-sb);
    color: var(--mt-heading-color);
    outline: none;
    height: 48px;
    padding: 0;
    -moz-appearance: textfield;
    appearance: textfield;
}
.mt-quickadd__time[b-dmju2zz690]::-webkit-outer-spin-button,
.mt-quickadd__time[b-dmju2zz690]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
    display: none;
}

.mt-quickadd__time-unit[b-dmju2zz690] {
    font-size: var(--mt-font-size-xs);
    color: var(--mt-muted-color);
}

.mt-quickadd__save[b-dmju2zz690] {
    flex-shrink: 0;
    height: 48px;
    padding: 0 1.25rem;
    border: none;
    border-left: 1px solid var(--mt-border-color);
    background: var(--mt-primary);
    color: #fff;
    font-size: var(--mt-font-size-sm);
    font-weight: var(--mt-font-weight-sb);
    font-family: var(--mt-font);
    cursor: pointer;
    transition: background .15s;
    display: flex;
    align-items: center;
    gap: 6px;
}
.mt-quickadd__save:hover[b-dmju2zz690] { background: var(--mt-primary-hover); }
.mt-quickadd__save:disabled[b-dmju2zz690] { opacity: .5; cursor: not-allowed; }

.mt-quickadd__expand[b-dmju2zz690] {
    flex-shrink: 0;
    width: 40px;
    height: 48px;
    border: none;
    border-left: 1px solid var(--mt-border-color);
    background: transparent;
    color: var(--mt-muted-color);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color .15s;
}
.mt-quickadd__expand svg[b-dmju2zz690] { width: 14px; height: 14px; }
.mt-quickadd__expand:hover[b-dmju2zz690] { color: var(--mt-heading-color); }

.mt-quickadd__extra[b-dmju2zz690] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .5rem 1rem;
    border-top: 1px solid var(--mt-border-color);
    flex-wrap: wrap;
}

.mt-quickadd__prio[b-dmju2zz690] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.mt-quickadd__prio-label[b-dmju2zz690] {
    font-size: var(--mt-font-size-xs);
    color: var(--mt-muted-color);
    margin-right: 2px;
}

.mt-prio-btn[b-dmju2zz690] {
    padding: .2rem .55rem;
    border-radius: var(--mt-radius-sm);
    font-size: var(--mt-font-size-xs);
    font-weight: var(--mt-font-weight-md);
    font-family: var(--mt-font);
    border: 1px solid var(--mt-border-color);
    background: transparent;
    color: var(--mt-body-color);
    cursor: pointer;
    transition: all .15s;
}
.mt-prio-btn:hover[b-dmju2zz690] { border-color: var(--mt-primary); color: var(--mt-primary); }
.mt-prio-btn.is-active[b-dmju2zz690] { color: #fff; }
.mt-prio-btn--baja.is-active[b-dmju2zz690]   { background: var(--mt-success); border-color: var(--mt-success); }
.mt-prio-btn--media.is-active[b-dmju2zz690]  { background: var(--mt-warning); border-color: var(--mt-warning); }
.mt-prio-btn--alta.is-active[b-dmju2zz690]   { background: var(--mt-danger);  border-color: var(--mt-danger); }

.mt-quickadd__obs[b-dmju2zz690] {
    flex: 1;
    min-width: 150px;
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    background: transparent;
    padding: .35rem .65rem;
    font-size: var(--mt-font-size-sm);
    font-family: var(--mt-font);
    color: var(--mt-heading-color);
    outline: none;
}
.mt-quickadd__obs:focus[b-dmju2zz690] { border-color: var(--mt-primary); }
.mt-quickadd__obs[b-dmju2zz690]::placeholder { color: var(--mt-muted-color); }

/* ═══════════ WEEK NAVIGATION ═══════════ */
.mt-weeknav[b-dmju2zz690] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.mt-weeknav__left[b-dmju2zz690] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.mt-weeknav__btn[b-dmju2zz690] {
    width: 32px;
    height: 32px;
    border: 1px solid var(--mt-border-color);
    background: var(--mt-paper-bg);
    border-radius: var(--mt-radius);
    color: var(--mt-body-color);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .15s;
}
.mt-weeknav__btn svg[b-dmju2zz690] { width: 14px; height: 14px; }
.mt-weeknav__btn:hover[b-dmju2zz690] { border-color: var(--mt-primary); color: var(--mt-primary); }

.mt-weeknav__btn--today[b-dmju2zz690] {
    width: auto;
    padding: 0 .75rem;
    font-size: var(--mt-font-size-sm);
    font-weight: var(--mt-font-weight-sb);
    font-family: var(--mt-font);
}

.mt-weeknav__label[b-dmju2zz690] {
    font-size: var(--mt-font-size-sm);
    font-weight: var(--mt-font-weight-md);
    color: var(--mt-heading-color);
    margin-left: .5rem;
    text-transform: capitalize;
}

.mt-weeknav__right[b-dmju2zz690] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.mt-weeknav__total-label[b-dmju2zz690] {
    font-size: var(--mt-font-size-xs);
    color: var(--mt-muted-color);
    text-transform: uppercase;
    letter-spacing: .06em;
}

.mt-weeknav__total-val[b-dmju2zz690] {
    font-size: var(--mt-font-size-base);
    font-weight: var(--mt-font-weight-sb);
    font-family: var(--mt-font-mono);
    color: var(--mt-heading-color);
}

.mt-weeknav__export[b-dmju2zz690] {
    width: 32px;
    height: 32px;
    border: 1px solid var(--mt-border-color);
    background: var(--mt-paper-bg);
    border-radius: var(--mt-radius);
    color: var(--mt-body-color);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .15s;
}
.mt-weeknav__export svg[b-dmju2zz690] { width: 14px; height: 14px; }
.mt-weeknav__export:hover[b-dmju2zz690] { border-color: var(--mt-success); color: var(--mt-success); }
.mt-weeknav__export:disabled[b-dmju2zz690] { opacity: .5; cursor: not-allowed; }

/* ═══════════ DAY GROUPS ═══════════ */
.mt-body[b-dmju2zz690] { padding: 0; }

.mt-daygroup[b-dmju2zz690] {
    margin-bottom: 1rem;
    border-radius: var(--mt-radius);
    overflow: hidden;
    box-shadow: var(--mt-shadow-xs);
    border: 1px solid var(--mt-border-color);
}

.mt-daygroup__header[b-dmju2zz690] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .5rem .85rem;
    background: var(--mt-gray-50);
    border-bottom: 1px solid var(--mt-border-color);
}

.mt-daygroup__label[b-dmju2zz690] {
    font-size: var(--mt-font-size-sm);
    font-weight: var(--mt-font-weight-sb);
    color: var(--mt-body-color);
    text-transform: capitalize;
}

.mt-daygroup__label--today[b-dmju2zz690] {
    color: var(--mt-primary);
}

.mt-daygroup__total[b-dmju2zz690] {
    font-size: var(--mt-font-size-sm);
    color: var(--mt-muted-color);
}
.mt-daygroup__total strong[b-dmju2zz690] {
    font-family: var(--mt-font-mono);
    color: var(--mt-heading-color);
    font-weight: var(--mt-font-weight-sb);
}

.mt-daygroup__rows[b-dmju2zz690] {
    background: var(--mt-paper-bg);
}

/* ═══════════ TASK ROW ═══════════ */
.mt-row-wrap[b-dmju2zz690] {
    border-bottom: 1px solid var(--mt-border-color);
    position: relative;
}
.mt-row-wrap:last-child[b-dmju2zz690] { border-bottom: none; }

/* ── Tarea hija: depende de otra tarea ── */
.mt-row-wrap--child[b-dmju2zz690] {
    padding-left: 36px;                                                /* sangría visible */
    background: linear-gradient(to right,
        rgba(var(--mt-primary-rgb), .04) 0,
        rgba(var(--mt-primary-rgb), .04) 36px,
        transparent 36px);
}

/* Conector en forma de L: │ + ╰─, terminando justo antes del dot de estado */
.mt-row-wrap--child[b-dmju2zz690]::before {
    content: "";
    position: absolute;
    left: 16px;
    top: 0;
    height: 50%;
    width: 14px;
    border-left: 2px solid rgba(var(--mt-primary-rgb), .55);
    border-bottom: 2px solid rgba(var(--mt-primary-rgb), .55);
    border-bottom-left-radius: 8px;
    pointer-events: none;
}

.mt-row[b-dmju2zz690] {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .55rem .85rem;
    min-height: 46px;
    cursor: pointer;
    transition: background .12s;
}
.mt-row:hover[b-dmju2zz690] { background: var(--mt-gray-25); }

/* Active row */
.mt-row--active[b-dmju2zz690] {
    background: rgba(var(--mt-warning-rgb), .06);
    border-left: 3px solid var(--mt-warning);
    padding-left: calc(.85rem - 3px);
}
.mt-row--active:hover[b-dmju2zz690] { background: rgba(var(--mt-warning-rgb), .1); }

/* Paused row */
.mt-row--paused[b-dmju2zz690] {
    border-left: 3px solid #A855F7;
    padding-left: calc(.85rem - 3px);
}

/* Rejected row */
.mt-row--rejected[b-dmju2zz690] {
    border-left: 3px solid var(--mt-danger);
    padding-left: calc(.85rem - 3px);
}

/* Blocked row */
.mt-row--blocked[b-dmju2zz690] { opacity: .6; }

/* Status dot */
.mt-row__dot[b-dmju2zz690] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}
.mt-row__dot--pendiente[b-dmju2zz690]           { background: var(--mt-secondary); }
.mt-row__dot--en_progreso[b-dmju2zz690]         { background: var(--mt-warning); animation: mt-dot-pulse-b-dmju2zz690 1.5s ease-in-out infinite; }
.mt-row__dot--pausada[b-dmju2zz690]             { background: #A855F7; }
.mt-row__dot--pendiente_revision[b-dmju2zz690]  { background: var(--mt-info); }
.mt-row__dot--completada[b-dmju2zz690]          { background: var(--mt-success); }
.mt-row__dot--rechazada[b-dmju2zz690]           { background: var(--mt-danger); }

@keyframes mt-dot-pulse-b-dmju2zz690 {
    0%, 100% { box-shadow: 0 0 0 0 rgba(var(--mt-warning-rgb), .6); }
    50%      { box-shadow: 0 0 0 4px rgba(var(--mt-warning-rgb), 0); }
}

/* Name */
.mt-row__name[b-dmju2zz690] {
    flex: 1;
    min-width: 0;
    font-size: var(--mt-font-size-base);
    font-weight: var(--mt-font-weight-md);
    color: var(--mt-heading-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
    gap: 5px;
}

.mt-row__lock[b-dmju2zz690] { flex-shrink: 0; color: var(--mt-muted-color); }

/* Code */
.mt-row__code[b-dmju2zz690] {
    font-size: .6rem;
    font-weight: var(--mt-font-weight-sb);
    font-family: var(--mt-font-mono);
    color: var(--mt-primary);
    background: var(--mt-primary-light);
    padding: 1px 6px;
    border-radius: 3px;
    white-space: nowrap;
    flex-shrink: 0;
}

/* Project */
.mt-row__project[b-dmju2zz690] {
    font-size: var(--mt-font-size-sm);
    color: var(--mt-muted-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 160px;
    flex-shrink: 0;
}

/* Indicators */
.mt-row__indicators[b-dmju2zz690] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}

.mt-row__tag[b-dmju2zz690] {
    font-size: .5rem;
    font-weight: 700;
    letter-spacing: .05em;
    padding: 1px 5px;
    border-radius: 3px;
    text-transform: uppercase;
}
.mt-row__tag--extra[b-dmju2zz690] {
    background: var(--mt-info-light);
    color: var(--mt-info);
}

.mt-row__prio-dot[b-dmju2zz690] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    flex-shrink: 0;
}
.mt-row__prio-dot--alta[b-dmju2zz690]  { background: var(--mt-danger); }
.mt-row__prio-dot--media[b-dmju2zz690] { background: var(--mt-warning); }

.mt-row__ind[b-dmju2zz690] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    font-size: .6rem;
    color: var(--mt-muted-color);
}
.mt-row__ind svg[b-dmju2zz690] { opacity: .6; }

/* Time */
.mt-row__time[b-dmju2zz690] {
    font-size: var(--mt-font-size-sm);
    font-weight: var(--mt-font-weight-sb);
    font-family: var(--mt-font-mono);
    color: var(--mt-heading-color);
    white-space: nowrap;
    flex-shrink: 0;
    min-width: 52px;
    text-align: right;
}
.mt-row__time--active[b-dmju2zz690] { color: var(--mt-warning); }
.mt-row__time--over[b-dmju2zz690]   { color: var(--mt-danger); }

/* Action buttons */
.mt-row__action[b-dmju2zz690] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 3px;
}

.mt-action-btn[b-dmju2zz690] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .15s;
}
.mt-action-btn svg[b-dmju2zz690] { width: 12px; height: 12px; }
.mt-action-btn:disabled[b-dmju2zz690] { opacity: .35; cursor: not-allowed; }

.mt-action-btn--play[b-dmju2zz690] {
    background: rgba(var(--mt-success-rgb), .12);
    color: var(--mt-success);
}
.mt-action-btn--play:hover:not(:disabled)[b-dmju2zz690] {
    background: var(--mt-success);
    color: #fff;
    box-shadow: 0 0 12px rgba(var(--mt-success-rgb), .4);
}

.mt-action-btn--pause[b-dmju2zz690] {
    background: rgba(var(--mt-warning-rgb), .12);
    color: var(--mt-warning);
}
.mt-action-btn--pause:hover:not(:disabled)[b-dmju2zz690] {
    background: var(--mt-warning);
    color: #fff;
}

.mt-action-btn--resume[b-dmju2zz690] {
    background: rgba(168, 85, 247, .12);
    color: #A855F7;
}
.mt-action-btn--resume:hover:not(:disabled)[b-dmju2zz690] {
    background: #A855F7;
    color: #fff;
}

.mt-action-btn--confirm[b-dmju2zz690] {
    background: rgba(var(--mt-warning-rgb), .15);
    color: var(--mt-warning);
    width: 28px;
    height: 28px;
}

.mt-action-btn--cancel[b-dmju2zz690] {
    background: transparent;
    border: 1px solid var(--mt-border-color);
    color: var(--mt-muted-color);
    width: 28px;
    height: 28px;
}

.mt-action-btn--close-sm[b-dmju2zz690] {
    background: rgba(var(--mt-danger-rgb), .12);
    color: var(--mt-danger);
    width: 28px;
    height: 28px;
}
.mt-action-btn--close-sm svg[b-dmju2zz690] { width: 10px; height: 10px; }

.mt-action-btn--disabled[b-dmju2zz690] {
    opacity: .3;
    cursor: not-allowed;
}

.mt-action-icon[b-dmju2zz690] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mt-action-icon svg[b-dmju2zz690] { width: 16px; height: 16px; }
.mt-action-icon--review[b-dmju2zz690] { color: var(--mt-info); }
.mt-action-icon--done[b-dmju2zz690]   { color: var(--mt-success); }

/* Chip de puntos ganados (+N pt) — gamificación */
.mt-points-chip[b-dmju2zz690] {
    display: inline-flex;
    align-items: center;
    gap: .15rem;
    margin-left: .3rem;
    padding: .18rem .55rem;
    font-family: var(--mt-font-mono);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .04em;
    color: var(--mt-success);
    background: var(--mt-success-subtle);
    border: 1px solid rgba(var(--mt-success-rgb), .4);
    border-radius: 999px;
    box-shadow: 0 0 12px rgba(var(--mt-success-rgb), .25);
    animation: mt-points-pop-b-dmju2zz690 .35s cubic-bezier(.3,1.4,.6,1.05);
    white-space: nowrap;
}

@keyframes mt-points-pop-b-dmju2zz690 {
    from { transform: scale(.6); opacity: 0; }
    to   { transform: scale(1);  opacity: 1; }
}

.mt-row__pause-confirm[b-dmju2zz690] {
    display: flex;
    align-items: center;
    gap: 3px;
}

/* ═══════════ ROW ALERTS ═══════════ */
.mt-row__alert[b-dmju2zz690] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: .35rem .85rem .35rem 1.5rem;
    font-size: var(--mt-font-size-xs);
}
.mt-row__alert--rejected[b-dmju2zz690] {
    color: var(--mt-danger);
    background: var(--mt-danger-light);
}
.mt-row__alert--rejected svg[b-dmju2zz690] { flex-shrink: 0; }

/* ═══════════ DETAIL PANEL ═══════════ */
.mt-detail-panel[b-dmju2zz690] {
    padding: 1rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background: var(--mt-gray-25);
    border-top: 1px solid var(--mt-border-color);
}

.mt-detail-loading[b-dmju2zz690] { display: flex; align-items: center; gap: 8px; font-size: .85rem; color: var(--mt-body-color); }

.mt-detail-info[b-dmju2zz690] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.mt-detail-info__badges[b-dmju2zz690] { display: flex; gap: 4px; flex-wrap: wrap; }
.mt-detail-info__meta[b-dmju2zz690]   { margin: 0; font-size: var(--mt-font-size-sm); color: var(--mt-muted-color); }
.mt-detail-info__time[b-dmju2zz690]   { display: flex; align-items: center; gap: 8px; font-size: var(--mt-font-size-sm); color: var(--mt-body-color); }
.mt-detail-info__range[b-dmju2zz690]  { font-size: var(--mt-font-size-sm); font-family: var(--mt-font-mono); color: var(--mt-body-color); }

.mt-detail-section[b-dmju2zz690] { display: flex; flex-direction: column; gap: 8px; }
.mt-detail-title[b-dmju2zz690]   { margin: 0; font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--mt-muted-color); }

.mt-dep-list[b-dmju2zz690] { display: flex; flex-wrap: wrap; gap: 4px; }

.mt-detail-actions[b-dmju2zz690] {
    display: flex;
    gap: 8px;
    padding-top: .5rem;
    border-top: 1px solid var(--mt-border-color);
}

/* ═══════════ REUSED COMPONENTS ═══════════ */
/* Badges — styled in tareas-bandeja-theme.css */
.mt-badge[b-dmju2zz690] {
    display: inline-block;
    font-size: .6rem;
    padding: 2px 8px;
    border-radius: 999px;
}
.mt-badge--prio[b-dmju2zz690] { font-size: .55rem; padding: 2px 6px; }

/* Dep chips */
.mt-dep-chip[b-dmju2zz690] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-family: var(--mt-font);
    font-size: .6rem;
    font-weight: 600;
    padding: 2px 8px 2px 6px;
    border-radius: 20px;
    border: 1px solid;
    max-width: 240px;
    overflow: hidden;
}
.mt-dep-chip__code[b-dmju2zz690]  { font-weight: 800; letter-spacing: .04em; opacity: .85; }
.mt-dep-chip__name[b-dmju2zz690]  { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 160px; }
.mt-dep-chip__check[b-dmju2zz690] { font-size: .65rem; flex-shrink: 0; }

/* Comments */
.mt-comments[b-dmju2zz690] { display: flex; flex-direction: column; gap: 6px; max-height: 200px; overflow-y: auto; }
.mt-comment[b-dmju2zz690] { padding: 8px 10px; border-radius: var(--mt-radius); background: var(--mt-paper-bg); }
.mt-comment__author[b-dmju2zz690] { font-size: .72rem; font-weight: 700; color: var(--mt-heading-color); }
.mt-comment__date[b-dmju2zz690]   { font-size: .65rem; margin-left: 6px; color: var(--mt-muted-color); }
.mt-comment__text[b-dmju2zz690]   { margin: 4px 0 0; font-size: .82rem; color: var(--mt-body-color); }
.mt-comment-input[b-dmju2zz690]   { display: flex; gap: 6px; align-items: flex-end; }

/* Attachments */
.mt-attachments[b-dmju2zz690] { display: flex; flex-direction: column; gap: 4px; }
.mt-attachment[b-dmju2zz690] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    font-size: .8rem;
    border-radius: var(--mt-radius);
    background: var(--mt-paper-bg);
}
.mt-attachment__name[b-dmju2zz690] { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--mt-heading-color); }
.mt-attachment__size[b-dmju2zz690] { font-size: .7rem; color: var(--mt-muted-color); }

.mt-upload[b-dmju2zz690] { margin-top: 6px; }
.mt-upload-label[b-dmju2zz690] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    padding: 6px 14px;
    font-size: .8rem;
    border-radius: var(--mt-radius);
    border: 1px dashed var(--mt-border-color);
    color: var(--mt-body-color);
    transition: border-color .15s;
}
.mt-upload-label:hover[b-dmju2zz690] { border-color: var(--mt-primary); color: var(--mt-primary); }

/* Buttons */
.mt-btn[b-dmju2zz690] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: var(--mt-radius);
    padding: .4rem .85rem;
    font-size: .8rem;
    font-weight: var(--mt-font-weight-sb);
    font-family: var(--mt-font);
    cursor: pointer;
    border: 1px solid transparent;
    transition: all .15s;
}
.mt-btn:disabled[b-dmju2zz690] { opacity: .5; cursor: not-allowed; }
.mt-btn--sm[b-dmju2zz690]  { padding: .3rem .65rem; font-size: .75rem; }
.mt-btn--xs[b-dmju2zz690]  { padding: .2rem .45rem; font-size: .7rem; border-radius: 4px; }

.mt-btn--save[b-dmju2zz690]   { background: var(--mt-primary); color: #fff; }
.mt-btn--save:hover[b-dmju2zz690] { background: var(--mt-primary-hover); }
.mt-btn--close[b-dmju2zz690]  { background: var(--mt-paper-bg); border-color: var(--mt-border-color); color: var(--mt-body-color); }
.mt-btn--close:hover[b-dmju2zz690] { border-color: var(--mt-danger); color: var(--mt-danger); }
.mt-btn--ghost[b-dmju2zz690]  { background: transparent; border-color: var(--mt-border-color); color: var(--mt-body-color); }
.mt-btn--danger[b-dmju2zz690] { background: var(--mt-danger-light); color: var(--mt-danger); border-color: transparent; }
.mt-btn--danger:hover[b-dmju2zz690] { background: var(--mt-danger); color: #fff; }

/* Forms */
.mt-finp[b-dmju2zz690], .mt-fsel[b-dmju2zz690] {
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    padding: .4rem .65rem;
    font-size: .82rem;
    font-family: var(--mt-font);
    color: var(--mt-heading-color);
    background: var(--mt-gray-50);
    outline: none;
    width: 100%;
    transition: border-color .15s;
}
.mt-finp:focus[b-dmju2zz690], .mt-fsel:focus[b-dmju2zz690] { border-color: var(--mt-primary); }

.mt-finp--ta[b-dmju2zz690] {
    flex: 1;
    resize: vertical;
    min-height: 48px;
    padding: 6px 10px;
    font-size: .82rem;
    border-radius: var(--mt-radius);
}

/* Time bar (reused in detail panel) */
.mt-card__timebar[b-dmju2zz690] {
    height: 4px;
    border-radius: 2px;
    background: rgba(var(--mt-primary-rgb), .1);
    overflow: hidden;
}
.mt-card__timefill[b-dmju2zz690] {
    height: 100%;
    border-radius: 2px;
    transition: width .4s ease;
}
.mt-card__timefill--ok[b-dmju2zz690]   { background: var(--mt-primary); }
.mt-card__timefill--warn[b-dmju2zz690] { background: var(--mt-warning); }
.mt-card__timefill--over[b-dmju2zz690] { background: var(--mt-danger); }

/* Empty */
.mt-empty[b-dmju2zz690] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 3rem 1.5rem;
    text-align: center;
    color: var(--mt-muted-color);
}
.mt-empty__ico[b-dmju2zz690] { width: 48px; height: 48px; }
.mt-empty p[b-dmju2zz690]    { margin: 0; font-size: .9rem; font-weight: 600; color: var(--mt-heading-color); }
.mt-empty span[b-dmju2zz690] { font-size: .8rem; }

/* Spinners */
.mt-spinner[b-dmju2zz690] { width: 28px; height: 28px; border-radius: 50%; border: 3px solid var(--mt-border-color); border-top-color: var(--mt-primary); animation: mt-spin-b-dmju2zz690 .7s linear infinite; }
.mt-spin[b-dmju2zz690]    { display: inline-block; width: 14px; height: 14px; border-radius: 50%; border: 2px solid rgba(255,255,255,.3); border-top-color: #fff; animation: mt-spin-b-dmju2zz690 .7s linear infinite; }

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

/* ═══════════ RESPONSIVE ═══════════ */
@media (max-width: 768px) {
    .mt-shell[b-dmju2zz690] { padding: .75rem; }
    .mt-quickadd__project[b-dmju2zz690] { width: 130px; }
    .mt-row__project[b-dmju2zz690] { display: none; }
    .mt-row__code[b-dmju2zz690] { display: none; }
    .mt-weeknav__label[b-dmju2zz690] { font-size: var(--mt-font-size-xs); }
}

@media (max-width: 480px) {
    .mt-shell[b-dmju2zz690] { padding: .5rem; }

    .mt-quickadd__main[b-dmju2zz690] {
        flex-wrap: wrap;
    }
    .mt-quickadd__input[b-dmju2zz690] {
        width: 100%;
        flex: unset;
        border-bottom: 1px solid var(--mt-border-color);
    }
    .mt-quickadd__project[b-dmju2zz690] {
        flex: 1;
        min-width: 0;
        width: auto;
        border-left: none;
    }
    .mt-quickadd__time-wrap[b-dmju2zz690] {
        border-left: 1px solid var(--mt-border-color);
    }
    .mt-quickadd__save[b-dmju2zz690] {
        border-left: 1px solid var(--mt-border-color);
        padding: 0 .85rem;
        height: 42px;
    }
    .mt-quickadd__expand[b-dmju2zz690] {
        height: 42px;
        width: 36px;
    }
    .mt-quickadd__time[b-dmju2zz690] { height: 42px; width: 38px; }
    .mt-quickadd__extra[b-dmju2zz690] { flex-direction: column; align-items: stretch; }

    .mt-weeknav[b-dmju2zz690] { gap: .4rem; }
    .mt-weeknav__left[b-dmju2zz690] { flex-wrap: wrap; }
    .mt-weeknav__btn[b-dmju2zz690] { width: 28px; height: 28px; }
    .mt-weeknav__btn--today[b-dmju2zz690] { padding: 0 .55rem; font-size: var(--mt-font-size-xs); height: 28px; }
    .mt-weeknav__label[b-dmju2zz690] { font-size: .7rem; margin-left: .25rem; }
    .mt-weeknav__total-val[b-dmju2zz690] { font-size: var(--mt-font-size-sm); }

    .mt-row[b-dmju2zz690] {
        flex-wrap: wrap;
        padding: .45rem .65rem;
        gap: .35rem;
    }
    .mt-row__name[b-dmju2zz690] { width: calc(100% - 60px); flex: unset; }
    .mt-row__indicators[b-dmju2zz690] { display: none; }
    .mt-row__time[b-dmju2zz690] {
        margin-left: auto;
    }

    .mt-daygroup__header[b-dmju2zz690] { padding: .4rem .65rem; }
    .mt-daygroup__label[b-dmju2zz690]  { font-size: var(--mt-font-size-xs); }
    .mt-daygroup__total[b-dmju2zz690]  { font-size: var(--mt-font-size-xs); }

    .mt-detail-panel[b-dmju2zz690] { padding: .75rem; }
    .mt-detail-actions[b-dmju2zz690] { flex-direction: column; }
    .mt-detail-actions .mt-btn[b-dmju2zz690] { width: 100%; justify-content: center; }
}
/* /Components/Pages/Tareas/PlantillaDialog.razor.rz.scp.css */
.dlg-body[b-w0ge5c8p42] { display: flex; flex-direction: column; gap: 14px; padding: 4px 0; font-family: var(--mt-font); min-width: 520px; }
.dlg-frow[b-w0ge5c8p42] { display: flex; gap: 12px; }
.dlg-fgroup[b-w0ge5c8p42] { display: flex; flex-direction: column; gap: 5px; flex: 1; }
.dlg-fgroup--full[b-w0ge5c8p42] { flex: 1 1 100%; }
.dlg-label[b-w0ge5c8p42] { font-size: .75rem; font-weight: 600; color: var(--mt-gray-800); }
.dlg-input[b-w0ge5c8p42], .dlg-select[b-w0ge5c8p42] {
    height: 36px; border: 1.5px solid var(--mt-gray-300); border-radius: 8px;
    padding: 0 12px; font-size: .875rem; width: 100%; box-sizing: border-box;
    outline: none; font-family: inherit; color: var(--mt-heading-color); background: var(--mt-paper-bg);
    transition: border-color .2s, box-shadow .2s;
}
.dlg-input:focus[b-w0ge5c8p42], .dlg-select:focus[b-w0ge5c8p42] { border-color: var(--mt-primary); box-shadow: 0 0 0 3px rgba(var(--mt-primary-rgb),.12); }
.dlg-input--item[b-w0ge5c8p42] { flex: 1; }
.dlg-input--num[b-w0ge5c8p42] { width: 72px; flex-shrink: 0; }
.dlg-select--sm[b-w0ge5c8p42] { width: 90px; flex-shrink: 0; }
.dlg-items-section[b-w0ge5c8p42] { display: flex; flex-direction: column; gap: 8px; }
.dlg-items-header[b-w0ge5c8p42] { display: flex; align-items: center; justify-content: space-between; }
.dlg-section-title[b-w0ge5c8p42] { font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--mt-muted-color); }
.dlg-items-list[b-w0ge5c8p42] { display: flex; flex-direction: column; gap: 6px; max-height: 260px; overflow-y: auto; padding-right: 2px; }
.dlg-item[b-w0ge5c8p42] { display: flex; align-items: center; gap: 8px; background: var(--mt-gray-25); border: 1px solid var(--mt-gray-200); border-radius: 8px; padding: 6px 10px; }
.dlg-item__num[b-w0ge5c8p42] { font-size: .7rem; font-weight: 700; color: var(--mt-muted-color); width: 18px; text-align: center; flex-shrink: 0; }
.dlg-items-empty[b-w0ge5c8p42] { font-size: .8rem; color: var(--mt-muted-color); text-align: center; padding: 12px; margin: 0; }
.dlg-actions[b-w0ge5c8p42] { display: flex; gap: 8px; justify-content: flex-end; padding-top: 4px; }
.dlg-btn[b-w0ge5c8p42] {
    padding: .45rem 1.1rem; font-size: .875rem; font-weight: 600;
    border-radius: 8px; cursor: pointer; font-family: inherit;
    display: inline-flex; align-items: center; gap: 6px;
    border: 1.5px solid transparent; transition: background .2s, border-color .2s;
}
.dlg-btn--sm[b-w0ge5c8p42] { padding: .28rem .75rem; font-size: .775rem; }
.dlg-btn--icon[b-w0ge5c8p42] { padding: 4px 8px; font-size: .75rem; }
.dlg-btn:disabled[b-w0ge5c8p42] { opacity: .45; cursor: not-allowed; }
.dlg-btn--primary[b-w0ge5c8p42] { color: #fff; background: var(--mt-primary); border-color: var(--mt-primary); }
.dlg-btn--primary:hover:not(:disabled)[b-w0ge5c8p42] { background: var(--mt-primary-hover); border-color: var(--mt-primary-hover); }
.dlg-btn--add[b-w0ge5c8p42] { color: var(--mt-primary); background: var(--mt-primary-subtle); border-color: rgba(var(--mt-primary-rgb), 0.3); }
.dlg-btn--add:hover[b-w0ge5c8p42] { background: var(--mt-primary-light); }
.dlg-btn--danger[b-w0ge5c8p42] { color: var(--mt-danger); background: var(--mt-paper-bg); border-color: rgba(var(--mt-danger-rgb), 0.4); }
.dlg-btn--danger:hover[b-w0ge5c8p42] { background: rgba(var(--mt-danger-rgb), 0.12); }
.dlg-btn--ghost[b-w0ge5c8p42] { color: var(--mt-gray-800); background: var(--mt-gray-50); border-color: var(--mt-gray-200); }
.dlg-btn--ghost:hover:not(:disabled)[b-w0ge5c8p42] { background: var(--mt-gray-200); }
.dlg-spin[b-w0ge5c8p42] {
    width: 14px; height: 14px; border: 2px solid rgba(255,255,255,.4);
    border-top-color: #fff; border-radius: 50%; animation: dlgSpin .6s linear infinite; flex-shrink: 0;
}
@@keyframes dlgSpin { to[b-w0ge5c8p42] { transform: rotate(360deg); } }
/* /Components/Pages/Tareas/PlantillasPage.razor.rz.scp.css */
/* PlantillasPage — layout only (pl- prefix) */
/* Visual styling lives in tareas-bandeja-theme.css */

.pl-shell[b-urs5lf5mmh] {
    min-height: 100%;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
}

.pl-header[b-urs5lf5mmh] { margin-bottom: 2rem; max-width: 1200px; }

.pl-header__top[b-urs5lf5mmh] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}

.pl-body[b-urs5lf5mmh] { max-width: 1200px; margin: 0 auto; }

/* ── GRID ── */
.pl-grid[b-urs5lf5mmh] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1rem;
}

/* ── CARD ── */
.pl-card[b-urs5lf5mmh] { overflow: hidden; }

.pl-card__head[b-urs5lf5mmh] {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    padding: 1.25rem;
    cursor: pointer;
}

.pl-card__icon[b-urs5lf5mmh] {
    font-size: 1.4rem;
    line-height: 1;
    flex-shrink: 0;
    margin-top: 2px;
}

.pl-card__info[b-urs5lf5mmh] { flex: 1; min-width: 0; }
.pl-card__name[b-urs5lf5mmh] { display: block; font-weight: 600; font-size: .95rem; }
.pl-card__proj[b-urs5lf5mmh] { display: block; font-size: .75rem; margin-top: .15rem; }
.pl-card__desc[b-urs5lf5mmh] {
    display: block;
    font-size: .75rem;
    margin-top: .25rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pl-card__meta[b-urs5lf5mmh] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: .25rem;
    flex-shrink: 0;
}

.pl-count[b-urs5lf5mmh] { font-size: .68rem; }

.pl-card__actions[b-urs5lf5mmh] {
    display: flex;
    gap: .5rem;
    padding: .75rem 1.25rem;
}

/* ── BADGES ── */
.pl-badge[b-urs5lf5mmh] {
    font-size: .6rem;
    padding: .2rem .55rem;
    border-radius: 999px;
    font-weight: 700;
    letter-spacing: .08em;
    border: 1px solid transparent;
}

/* ── BUTTONS ── */
.pl-btn[b-urs5lf5mmh] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border-radius: 8px;
    padding: .6rem 1.25rem;
    font-size: .8rem;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
}
.pl-btn:disabled[b-urs5lf5mmh] { opacity: .5; cursor: not-allowed; }
.pl-btn--sm[b-urs5lf5mmh]  { padding: .4rem .85rem; font-size: .75rem; }
.pl-btn--xs[b-urs5lf5mmh]  { padding: .3rem .55rem; font-size: .7rem; border-radius: 5px; }

/* ── MODAL ── */
.pl-overlay[b-urs5lf5mmh] {
    position: fixed;
    inset: 0;
    z-index: 300;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.pl-modal[b-urs5lf5mmh] {
    width: 100%;
    max-width: 680px;
    max-height: 90vh;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    animation: t-modal-in .18s cubic-bezier(.4,0,.2,1);
}

.pl-modal--sm[b-urs5lf5mmh] { max-width: 500px; }

.pl-modal__head[b-urs5lf5mmh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem 1.5rem 0;
    flex-shrink: 0;
}

.pl-modal__title[b-urs5lf5mmh] { margin: 0; font-size: 1.15rem; font-weight: 700; }
.pl-modal__body[b-urs5lf5mmh]  { padding: 1.25rem 1.5rem; display: flex; flex-direction: column; gap: 1rem; flex: 1; }

.pl-modal__footer[b-urs5lf5mmh] {
    display: flex;
    gap: .75rem;
    justify-content: flex-end;
    padding: 1.25rem 1.5rem;
    flex-shrink: 0;
}

.pl-close[b-urs5lf5mmh] { cursor: pointer; padding: .3rem .6rem; border-radius: 5px; font-size: 1.1rem; }

/* ── FORMS ── */
.pl-frow[b-urs5lf5mmh] { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.pl-fgroup[b-urs5lf5mmh] { display: flex; flex-direction: column; gap: .4rem; }
.pl-fgroup--full[b-urs5lf5mmh] { grid-column: 1 / -1; }
.pl-flbl[b-urs5lf5mmh] { font-size: .7rem; letter-spacing: .07em; text-transform: uppercase; }

.pl-finp[b-urs5lf5mmh], .pl-fsel[b-urs5lf5mmh] {
    padding: .6rem .9rem;
    border-radius: 8px;
    font-size: .88rem;
    width: 100%;
    box-sizing: border-box;
}

.pl-finp--item[b-urs5lf5mmh] { flex: 1; min-width: 0; }
.pl-finp--num[b-urs5lf5mmh]  { width: 80px; flex-shrink: 0; }
.pl-fsel--sm[b-urs5lf5mmh]   { width: 90px; flex-shrink: 0; }

/* ── ITEMS LIST (inside modal) ── */
.pl-items-section[b-urs5lf5mmh] {
    border-radius: 10px;
    padding: 1rem;
}

.pl-items-header[b-urs5lf5mmh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .75rem;
}

.pl-items-list[b-urs5lf5mmh] { display: flex; flex-direction: column; gap: .5rem; }

.pl-item[b-urs5lf5mmh] { display: flex; align-items: center; gap: .5rem; }

.pl-item__num[b-urs5lf5mmh] {
    font-size: .72rem;
    width: 20px;
    text-align: right;
    flex-shrink: 0;
}

.pl-items-empty[b-urs5lf5mmh] { margin: .5rem 0 0; font-size: .82rem; text-align: center; }

/* ── APPLY MODAL ── */
.pl-apply-name[b-urs5lf5mmh] { margin: 0 0 .75rem; font-size: .92rem; font-weight: 600; }

.pl-emp-list[b-urs5lf5mmh] {
    display: flex;
    flex-direction: column;
    gap: .4rem;
    max-height: 220px;
    overflow-y: auto;
    border-radius: 8px;
    padding: .75rem;
}

.pl-emp-item[b-urs5lf5mmh] {
    display: flex;
    align-items: center;
    gap: .6rem;
    font-size: .88rem;
    cursor: pointer;
    padding: .3rem .4rem;
    border-radius: 5px;
}

/* ── EMPTY ── */
.pl-empty[b-urs5lf5mmh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .75rem;
    padding: 4rem 2rem;
    text-align: center;
}
.pl-empty p[b-urs5lf5mmh] { font-size: 1.05rem; font-weight: 600; margin: 0; }

.pl-spinner[b-urs5lf5mmh] { width: 30px; height: 30px; border-radius: 50%; border-width: 3px; border-style: solid; animation: t-spin .8s linear infinite; }
.pl-spin[b-urs5lf5mmh]    { display: inline-block; width: 13px; height: 13px; border-radius: 50%; border-width: 2px; border-style: solid; animation: t-spin .7s linear infinite; }

/* ── RESPONSIVE ── */
@media (max-width: 640px) {
    .pl-grid[b-urs5lf5mmh]      { grid-template-columns: 1fr; }
    .pl-frow[b-urs5lf5mmh]      { grid-template-columns: 1fr; }
    .pl-modal[b-urs5lf5mmh]     { max-width: 100%; padding: 20px 16px; }
    .pl-header__top[b-urs5lf5mmh] { flex-direction: column; align-items: stretch; gap: .75rem; }
}

@media (max-width: 480px) {
    .pl-modal[b-urs5lf5mmh]     { padding: 16px; border-radius: var(--mt-radius); }
    .pl-emp-list[b-urs5lf5mmh]  { max-height: 180px; }
}
/* /Components/Pages/Tareas/ProyectoDialog.razor.rz.scp.css */
/* ProyectoDialog — pd-* scoped styles */

/* ── Shell ─────────────────────────────────────────────── */
.pd-shell[b-rm0va8eebf] {
    --pd-radius:       8px;
    --pd-radius-sm:    5px;
    --pd-transition:   .15s cubic-bezier(.4,0,.2,1);
    font-family: 'Segoe UI', system-ui, sans-serif;
    font-size: .875rem;
    color: var(--mt-heading-color);
    min-height: clamp(300px, 60vh, 480px);
    display: flex;
    flex-direction: column;
}

/* ── Tabs nav ────────────────────────────────────────────── */
.pd-tabs[b-rm0va8eebf] {
    display: flex;
    gap: 0;
    border-bottom: 2px solid var(--mt-border-color);
    margin-bottom: 1.25rem;
    background: var(--mt-gray-25);
    border-radius: var(--pd-radius) var(--pd-radius) 0 0;
    padding: 0 .25rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.pd-tabs[b-rm0va8eebf]::-webkit-scrollbar { display: none; }

.pd-tab[b-rm0va8eebf] {
    display: flex;
    align-items: center;
    gap: .4rem;
    padding: .65rem .85rem .6rem;
    border: none;
    background: transparent;
    color: var(--mt-body-color);
    font-size: .8rem;
    font-weight: 600;
    cursor: pointer;
    position: relative;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    transition: color var(--pd-transition), border-color var(--pd-transition);
    white-space: nowrap;
    letter-spacing: .01em;
    flex-shrink: 0;
}

.pd-tab:hover:not(.pd-tab--disabled):not(.pd-tab--active)[b-rm0va8eebf] {
    color: var(--mt-primary);
}

.pd-tab--active[b-rm0va8eebf] {
    color: var(--mt-primary) !important;
    border-bottom-color: var(--mt-primary) !important;
}

.pd-tab--disabled[b-rm0va8eebf] {
    opacity: .4;
    cursor: not-allowed;
}

.pd-tab__icon[b-rm0va8eebf] {
    width: 13px;
    height: 13px;
    flex-shrink: 0;
    opacity: .8;
}

.pd-tab__badge[b-rm0va8eebf] {
    background: var(--mt-primary-light);
    color: var(--mt-primary-hover);
    font-size: .65rem;
    font-weight: 700;
    padding: .1rem .4rem;
    border-radius: 999px;
    border: 1px solid rgba(var(--mt-primary-rgb), 0.3);
    line-height: 1.4;
}

/* ── Content area ────────────────────────────────────────── */
.pd-content[b-rm0va8eebf] {
    flex: 1;
    overflow-y: auto;
    padding: 0 .15rem;
}

.pd-pane[b-rm0va8eebf] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
    animation: pd-fade-in-b-rm0va8eebf .18s ease both;
}

@keyframes pd-fade-in-b-rm0va8eebf {
    from { opacity: 0; transform: translateY(4px); }
    to   { opacity: 1; transform: translateY(0);   }
}

/* ── Form fields ─────────────────────────────────────────── */
.pd-field[b-rm0va8eebf] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
    flex: 1;
}

.pd-field--sm[b-rm0va8eebf] { flex: 0 0 160px; }

.pd-row[b-rm0va8eebf] {
    display: flex;
    gap: .75rem;
    align-items: flex-start;
    flex-wrap: wrap;
}

@media (max-width: 480px) {
    .pd-field--sm[b-rm0va8eebf] { flex: 1 1 100%; }
    .pd-row[b-rm0va8eebf] { gap: .6rem; }
}

/* ── Color picker ───────────────────────────────────────────────── */
.pd-color-row[b-rm0va8eebf] {
    display: flex;
    align-items: center;
    gap: .6rem;
    height: 36px;
}
.pd-color-swatch[b-rm0va8eebf] {
    width: 36px;
    height: 36px;
    padding: 2px;
    border: 1px solid var(--mt-border-color);
    border-radius: 6px;
    cursor: pointer;
    background: none;
    flex-shrink: 0;
}
.pd-color-swatch[b-rm0va8eebf]::-webkit-color-swatch-wrapper { padding: 0; border-radius: 4px; }
.pd-color-swatch[b-rm0va8eebf]::-webkit-color-swatch         { border: none; border-radius: 4px; }
.pd-color-swatch[b-rm0va8eebf]::-moz-color-swatch            { border: none; border-radius: 4px; }
.pd-color-hex[b-rm0va8eebf] {
    font-family: 'Consolas', monospace;
    font-size: .8rem;
    color: var(--mt-body-color);
    letter-spacing: .04em;
}
.pd-color-none[b-rm0va8eebf] {
    font-size: .8rem;
    color: var(--mt-muted-color);
    font-style: italic;
}
.pd-color-clear[b-rm0va8eebf] {
    border: none;
    background: none;
    cursor: pointer;
    color: var(--mt-muted-color);
    font-size: .85rem;
    padding: 2px 4px;
    border-radius: 4px;
    line-height: 1;
}
.pd-color-clear:hover[b-rm0va8eebf] { color: var(--mt-danger); background: var(--mt-danger-light); }

.pd-label[b-rm0va8eebf] {
    font-size: .75rem;
    font-weight: 600;
    color: var(--mt-body-color);
    text-transform: uppercase;
    letter-spacing: .06em;
}

.pd-req[b-rm0va8eebf] { color: var(--mt-primary); }
.pd-hint[b-rm0va8eebf] { font-weight: 400; text-transform: none; letter-spacing: 0; color: var(--mt-muted-color); font-size: .7rem; }

.pd-input[b-rm0va8eebf],
.pd-select[b-rm0va8eebf],
.pd-textarea[b-rm0va8eebf] {
    width: 100%;
    padding: .5rem .7rem;
    border: 1.5px solid var(--mt-border-color);
    border-radius: var(--pd-radius-sm);
    background: var(--mt-paper-bg);
    color: var(--mt-heading-color);
    font-size: .85rem;
    outline: none;
    transition: border-color var(--pd-transition), box-shadow var(--pd-transition);
    font-family: inherit;
}

.pd-input:focus[b-rm0va8eebf],
.pd-select:focus[b-rm0va8eebf],
.pd-textarea:focus[b-rm0va8eebf] {
    border-color: var(--mt-primary);
    box-shadow: 0 0 0 3px rgba(var(--mt-primary-rgb),.1);
}

.pd-input--mono[b-rm0va8eebf] { font-family: 'Consolas', var(--mt-font), monospace; letter-spacing: .08em; }

.pd-select--sm[b-rm0va8eebf] { padding: .4rem .6rem; font-size: .8rem; }

.pd-textarea[b-rm0va8eebf] { resize: vertical; min-height: 60px; }

/* ── Actions bar ─────────────────────────────────────────── */
.pd-actions[b-rm0va8eebf] {
    display: flex;
    justify-content: flex-end;
    gap: .6rem;
    padding-top: .5rem;
    border-top: 1px solid var(--mt-border-color);
    margin-top: .25rem;
}

.pd-btn[b-rm0va8eebf] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .45rem 1.1rem;
    border-radius: var(--pd-radius-sm);
    font-size: .82rem;
    font-weight: 600;
    cursor: pointer;
    border: 1.5px solid transparent;
    transition: background var(--pd-transition), color var(--pd-transition),
                border-color var(--pd-transition), transform var(--pd-transition);
    font-family: inherit;
}

.pd-btn:disabled[b-rm0va8eebf] { opacity: .55; cursor: not-allowed; }

.pd-btn--primary[b-rm0va8eebf] {
    background: var(--mt-primary);
    color: #fff;
    border-color: var(--mt-primary);
}

.pd-btn--primary:hover:not(:disabled)[b-rm0va8eebf] {
    background: var(--mt-primary-hover);
    border-color: var(--mt-primary-hover);
    transform: translateY(-1px);
}

.pd-btn--ghost[b-rm0va8eebf] {
    background: transparent;
    color: var(--mt-body-color);
    border-color: var(--mt-border-color);
}

.pd-btn--ghost:hover:not(:disabled)[b-rm0va8eebf] {
    background: var(--mt-gray-25);
    border-color: var(--mt-muted-color);
}

.pd-btn--add[b-rm0va8eebf] {
    background: var(--mt-primary-light);
    color: var(--mt-primary-hover);
    border-color: rgba(var(--mt-primary-rgb), 0.3);
    padding: .4rem .85rem;
    font-size: .8rem;
    white-space: nowrap;
}

.pd-btn--add:hover:not(:disabled)[b-rm0va8eebf] {
    background: var(--mt-primary);
    color: #fff;
    border-color: var(--mt-primary);
}

/* ── Spinner ─────────────────────────────────────────────── */
.pd-spin[b-rm0va8eebf] {
    display: inline-block;
    width: 13px;
    height: 13px;
    border: 2px solid rgba(255,255,255,.4);
    border-top-color: #fff;
    border-radius: 50%;
    animation: pd-spin-b-rm0va8eebf .65s linear infinite;
    flex-shrink: 0;
}

.pd-spin--lg[b-rm0va8eebf] {
    width: 22px;
    height: 22px;
    border-color: var(--mt-border-color);
    border-top-color: var(--mt-primary);
}

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

/* ── Loading / Empty states ──────────────────────────────── */
.pd-loading[b-rm0va8eebf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .65rem;
    padding: 2.5rem 1rem;
    color: var(--mt-body-color);
    font-size: .82rem;
}

.pd-empty[b-rm0va8eebf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .6rem;
    padding: 2rem 1rem;
    color: var(--mt-muted-color);
    font-size: .82rem;
    text-align: center;
}

/* ── Members list ────────────────────────────────────────── */
.pd-members[b-rm0va8eebf] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: .35rem;
    max-height: clamp(140px, 35vh, 200px);
    overflow-y: auto;
    padding-right: 4px;
}

.pd-members[b-rm0va8eebf]::-webkit-scrollbar { width: 4px; }
.pd-members[b-rm0va8eebf]::-webkit-scrollbar-thumb { background: var(--mt-gray-300); border-radius: 2px; }

.pd-member[b-rm0va8eebf] {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .45rem .6rem;
    background: var(--mt-gray-25);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--pd-radius-sm);
    transition: border-color var(--pd-transition);
}

.pd-member:hover[b-rm0va8eebf] { border-color: rgba(var(--mt-primary-rgb), 0.6); }

.pd-avatar[b-rm0va8eebf] {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: var(--mt-primary);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .75rem;
    font-weight: 700;
    flex-shrink: 0;
    text-transform: uppercase;
}

.pd-member__name[b-rm0va8eebf] {
    flex: 1;
    font-size: .82rem;
    font-weight: 500;
    color: var(--mt-heading-color);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pd-member__rango[b-rm0va8eebf] { width: 130px; flex-shrink: 0; }

@media (max-width: 480px) {
    .pd-member[b-rm0va8eebf] { flex-wrap: wrap; }
    .pd-member__name[b-rm0va8eebf] { flex: 1 1 calc(100% - 60px); }
    .pd-member__rango[b-rm0va8eebf] { width: 100%; flex: 1 1 100%; }
}

.pd-icon-del[b-rm0va8eebf] {
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: var(--pd-radius-sm);
    background: transparent;
    color: var(--mt-muted-color);
    font-size: .75rem;
    cursor: pointer;
    flex-shrink: 0;
    transition: background var(--pd-transition), color var(--pd-transition), border-color var(--pd-transition);
    line-height: 1;
}

.pd-icon-del:hover:not(:disabled)[b-rm0va8eebf] {
    background: var(--mt-danger-light);
    color: var(--mt-danger);
    border-color: rgba(var(--mt-danger-rgb), 0.4);
}

.pd-icon-del:disabled[b-rm0va8eebf] { opacity: .4; cursor: not-allowed; }

/* ── Add row ─────────────────────────────────────────────── */
.pd-add-row[b-rm0va8eebf] {
    display: flex;
    gap: .5rem;
    align-items: center;
    padding: .6rem .75rem;
    background: var(--mt-gray-25);
    border: 1.5px dashed var(--mt-border-color);
    border-radius: var(--pd-radius-sm);
    margin-top: .25rem;
}

.pd-add-row__emp[b-rm0va8eebf] { flex: 1; min-width: 0; }
.pd-add-row__rango[b-rm0va8eebf] { width: 130px; flex-shrink: 0; }

/* Acciones add row */
.pd-add-row--acciones[b-rm0va8eebf] { flex-wrap: wrap; row-gap: .4rem; }
.pd-add-row__code[b-rm0va8eebf] { width: 80px; flex-shrink: 0; font-size: .8rem; }
.pd-add-row__nombre[b-rm0va8eebf] { flex: 1; min-width: 100px; }
.pd-add-row__rol[b-rm0va8eebf] { width: 130px; flex-shrink: 0; }

@media (max-width: 480px) {
    .pd-add-row[b-rm0va8eebf] { flex-direction: column; align-items: stretch; }
    .pd-add-row__emp[b-rm0va8eebf],
    .pd-add-row__rango[b-rm0va8eebf],
    .pd-add-row__code[b-rm0va8eebf],
    .pd-add-row__nombre[b-rm0va8eebf],
    .pd-add-row__rol[b-rm0va8eebf] { width: 100% !important; flex: 1 1 100%; }
}

/* ── Acciones table ──────────────────────────────────────── */
.pd-ac-table-wrap[b-rm0va8eebf] {
    border: 1px solid var(--mt-border-color);
    border-radius: var(--pd-radius-sm);
    overflow: auto;
    max-height: clamp(140px, 35vh, 200px);
    -webkit-overflow-scrolling: touch;
}

.pd-ac-table-wrap[b-rm0va8eebf]::-webkit-scrollbar { width: 4px; }
.pd-ac-table-wrap[b-rm0va8eebf]::-webkit-scrollbar-thumb { background: var(--mt-gray-300); border-radius: 2px; }

.pd-ac-table[b-rm0va8eebf] {
    width: 100%;
    border-collapse: collapse;
    font-size: .82rem;
}

.pd-ac-th[b-rm0va8eebf] {
    padding: .5rem .75rem;
    text-align: left;
    font-size: .7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: var(--mt-body-color);
    background: var(--mt-gray-25);
    border-bottom: 1px solid var(--mt-border-color);
    white-space: nowrap;
    position: sticky;
    top: 0;
    z-index: 1;
}

.pd-ac-th--code[b-rm0va8eebf] { width: 90px; }
.pd-ac-th--del[b-rm0va8eebf]  { width: 40px; }

.pd-ac-row[b-rm0va8eebf] {
    border-bottom: 1px solid var(--mt-border-color);
    transition: background var(--pd-transition);
}

.pd-ac-row:last-child[b-rm0va8eebf] { border-bottom: none; }
.pd-ac-row:hover[b-rm0va8eebf] { background: var(--mt-gray-25); }

.pd-ac-row td[b-rm0va8eebf] { padding: .5rem .75rem; vertical-align: middle; }

.pd-ac-nombre[b-rm0va8eebf] {
    color: var(--mt-heading-color);
    font-weight: 500;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pd-code-badge[b-rm0va8eebf] {
    display: inline-block;
    background: var(--mt-primary-subtle);
    border: 1px solid rgba(var(--mt-primary-rgb), 0.3);
    color: var(--mt-primary);
    font-family: 'Consolas', monospace;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .08em;
    padding: .15rem .45rem;
    border-radius: 4px;
    white-space: nowrap;
}

.pd-rol-badge[b-rm0va8eebf] {
    display: inline-block;
    background: var(--mt-primary-light);
    border: 1px solid rgba(var(--mt-primary-rgb), 0.3);
    color: var(--mt-primary-hover);
    font-size: .72rem;
    font-weight: 600;
    padding: .15rem .5rem;
    border-radius: 4px;
    white-space: nowrap;
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* /Components/Pages/Tareas/ProyectosPage.razor.rz.scp.css */
/* ProyectosPage — layout only (pr- prefix) */
/* Visual styling lives in tareas-bandeja-theme.css */

.pr-shell[b-53m6wc0g7n] {
    min-height: 100%;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
}

.pr-header[b-53m6wc0g7n] {
    margin-bottom: 1.5rem;
}

/* ── TABS ── */
.pr-tabs[b-53m6wc0g7n] {
    display: flex;
    gap: .5rem;
    margin-bottom: 1.5rem;
    padding: .35rem;
    flex-wrap: wrap;
    border-radius: 12px;
}

.pr-tab[b-53m6wc0g7n] {
    padding: .45rem 1.1rem;
    border-radius: 8px;
    font-size: .75rem;
    font-weight: 600;
    cursor: pointer;
    border: 1px solid transparent;
}

/* ── SECTION ── */
.pr-section[b-53m6wc0g7n] {
    overflow: hidden;
}

.pr-section__head[b-53m6wc0g7n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    flex-wrap: wrap;
    gap: .75rem;
}

.pr-section__actions[b-53m6wc0g7n] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
}

.pr-count[b-53m6wc0g7n] {
    font-size: .8rem;
    font-weight: 700;
}

.pr-check-label[b-53m6wc0g7n] {
    display: flex;
    align-items: center;
    gap: .4rem;
    font-size: .82rem;
    cursor: pointer;
}

/* ── TABLE ── */
.pr-table-wrap[b-53m6wc0g7n] { overflow-x: auto; }
.pr-table[b-53m6wc0g7n] {
    width: 100%;
    border-collapse: collapse;
    font-size: .875rem;
}

.pr-table th[b-53m6wc0g7n] {
    padding: .85rem 1rem;
    text-align: left;
    font-size: .68rem;
    letter-spacing: .08em;
    text-transform: uppercase;
    white-space: nowrap;
}

.pr-tr[b-53m6wc0g7n] { border-bottom: 1px solid transparent; }

.pr-table td[b-53m6wc0g7n] {
    padding: .8rem 1rem;
    vertical-align: middle;
}

.pr-td--name[b-53m6wc0g7n]    { font-weight: 500; }
.pr-td--mono[b-53m6wc0g7n]    { font-size: .8rem; }
.pr-td--center[b-53m6wc0g7n]  { text-align: center; }
.pr-td--actions[b-53m6wc0g7n] { display: flex; gap: .4rem; justify-content: flex-end; }

/* ── BADGES ── */
.pr-badge[b-53m6wc0g7n] {
    font-size: .62rem;
    padding: .18rem .5rem;
    border-radius: 999px;
    font-weight: 700;
    letter-spacing: .06em;
    border: 1px solid transparent;
}

/* ── SLA GRID ── */
.pr-sla-grid[b-53m6wc0g7n] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 1rem;
    padding: 1.25rem;
}

.pr-sla-card[b-53m6wc0g7n] {
    border-radius: 12px;
    padding: 1.25rem;
}

.pr-sla-card__head[b-53m6wc0g7n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .75rem;
}

.pr-sla-card__name[b-53m6wc0g7n] { font-weight: 600; font-size: .95rem; }

.pr-sla-badge[b-53m6wc0g7n] {
    font-size: .72rem;
    font-weight: 700;
    padding: .2rem .55rem;
    border-radius: 6px;
    border: 1px solid transparent;
}

.pr-sla-bar[b-53m6wc0g7n] {
    height: 6px;
    border-radius: 3px;
    margin-bottom: .6rem;
    overflow: hidden;
}

.pr-sla-bar__fill[b-53m6wc0g7n] { height: 100%; border-radius: 3px; transition: width .5s ease; }

.pr-sla-nums[b-53m6wc0g7n] {
    display: flex;
    justify-content: space-between;
    font-size: .72rem;
}

/* ── BUTTONS ── */
.pr-btn[b-53m6wc0g7n] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border-radius: 8px;
    padding: .6rem 1.25rem;
    font-size: .8rem;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
}
.pr-btn:disabled[b-53m6wc0g7n] { opacity: .5; cursor: not-allowed; }
.pr-btn--sm[b-53m6wc0g7n] { padding: .4rem .85rem; font-size: .75rem; }
.pr-btn--xs[b-53m6wc0g7n] { padding: .3rem .55rem; font-size: .7rem; border-radius: 5px; }

/* ── MODAL ── */
.pr-overlay[b-53m6wc0g7n] {
    position: fixed;
    inset: 0;
    z-index: 300;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.pr-modal[b-53m6wc0g7n] {
    width: 100%;
    max-width: 600px;
    max-height: 90vh;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    animation: t-modal-in .18s cubic-bezier(.4,0,.2,1);
}

.pr-modal__head[b-53m6wc0g7n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem 1.5rem 0;
    flex-shrink: 0;
}

.pr-modal__title[b-53m6wc0g7n] { margin: 0; font-size: 1.15rem; font-weight: 700; }

.pr-modal__body[b-53m6wc0g7n] {
    padding: 1.25rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    flex: 1;
}

.pr-modal__footer[b-53m6wc0g7n] {
    display: flex;
    gap: .75rem;
    justify-content: flex-end;
    padding: 1.25rem 1.5rem;
    flex-shrink: 0;
}

.pr-close[b-53m6wc0g7n] { cursor: pointer; padding: .3rem .6rem; border-radius: 5px; font-size: 1.1rem; }

/* ── FORMS ── */
.pr-frow[b-53m6wc0g7n] { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.pr-fgroup[b-53m6wc0g7n] { display: flex; flex-direction: column; gap: .4rem; }
.pr-fgroup--full[b-53m6wc0g7n] { grid-column: 1 / -1; }
.pr-flbl[b-53m6wc0g7n] { font-size: .7rem; text-transform: uppercase; letter-spacing: .07em; }

.pr-finp[b-53m6wc0g7n], .pr-fsel[b-53m6wc0g7n] {
    padding: .6rem .9rem;
    border-radius: 8px;
    font-size: .88rem;
    width: 100%;
    box-sizing: border-box;
}

.pr-finp--sm[b-53m6wc0g7n], .pr-fsel--sm[b-53m6wc0g7n] { width: auto; padding: .45rem .7rem; font-size: .8rem; }
.pr-finp--ta[b-53m6wc0g7n] { resize: vertical; min-height: 60px; }

/* ── EMPTY / SPINNER ── */
.pr-empty[b-53m6wc0g7n] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .75rem;
    padding: 3rem 2rem;
    text-align: center;
}
.pr-empty p[b-53m6wc0g7n] { font-size: .95rem; font-weight: 500; margin: 0; }

.pr-spinner[b-53m6wc0g7n] { width: 30px; height: 30px; border-radius: 50%; border-width: 3px; border-style: solid; animation: t-spin .8s linear infinite; }
.pr-spin[b-53m6wc0g7n]    { display: inline-block; width: 13px; height: 13px; border-radius: 50%; border-width: 2px; border-style: solid; animation: t-spin .7s linear infinite; }

/* ── DESKTOP / MOBILE TOGGLE ── */
.pr-detail--mobile[b-53m6wc0g7n]  { display: none !important; }
.pr-detail--desktop[b-53m6wc0g7n] { display: block !important; }

/* ════════════════════════════════════════
   MOBILE CARDS (proyectos & clientes)
════════════════════════════════════════ */
.pr-card-list[b-53m6wc0g7n] {
    display: flex;
    flex-direction: column;
    gap: .6rem;
    padding: .75rem 1rem 1rem;
}

.pr-mcard[b-53m6wc0g7n] {
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-left: 4px solid var(--mt-primary);
    border-radius: 12px;
    padding: .9rem 1rem;
    box-shadow: 0 1px 4px rgba(var(--mt-dark-rgb),.06);
    transition: box-shadow .18s, border-color .18s;
}
.pr-mcard:hover[b-53m6wc0g7n] {
    box-shadow: 0 3px 12px rgba(var(--mt-dark-rgb),.1);
    border-left-color: var(--mt-primary-hover);
}

.pr-mcard__top[b-53m6wc0g7n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    margin-bottom: .55rem;
}

.pr-mcard__badges[b-53m6wc0g7n] {
    display: flex;
    align-items: center;
    gap: .35rem;
    flex-wrap: wrap;
    min-width: 0;
}

.pr-mcard__actions[b-53m6wc0g7n] {
    display: flex;
    gap: .3rem;
    flex-shrink: 0;
}

.pr-mcard__name[b-53m6wc0g7n] {
    margin: 0 0 .45rem;
    font-size: .95rem;
    font-weight: 700;
    color: var(--mt-heading-color);
    line-height: 1.3;
    font-family: 'Space Grotesk', system-ui, sans-serif;
}

.pr-mcard__meta[b-53m6wc0g7n] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

.pr-mcard__client[b-53m6wc0g7n],
.pr-mcard__budget[b-53m6wc0g7n],
.pr-mcard__ruc[b-53m6wc0g7n],
.pr-mcard__contact[b-53m6wc0g7n],
.pr-mcard__email[b-53m6wc0g7n] {
    display: flex;
    align-items: center;
    gap: .35rem;
    font-size: .78rem;
    color: var(--mt-body-color);
    font-family: 'Space Grotesk', system-ui, sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pr-mcard__budget[b-53m6wc0g7n] {
    font-family: var(--mt-font);
    font-size: .75rem;
    color: var(--mt-heading-color);
    font-weight: 600;
}

.pr-mcard__ruc[b-53m6wc0g7n] {
    font-family: var(--mt-font);
    font-size: .73rem;
    color: var(--mt-body-color);
    font-weight: 600;
    letter-spacing: .04em;
}

.pr-mcard__sla[b-53m6wc0g7n] {
    font-family: var(--mt-font);
    font-size: .62rem;
    font-weight: 700;
    color: var(--mt-primary);
    background: rgba(var(--mt-primary-rgb),.1);
    border: 1px solid rgba(var(--mt-primary-rgb),.25);
    border-radius: 20px;
    padding: .1rem .45rem;
    letter-spacing: .03em;
}

/* ── RESPONSIVE ── */
@media (max-width: 640px) {
    .pr-frow[b-53m6wc0g7n]         { grid-template-columns: 1fr; }
    .pr-sla-grid[b-53m6wc0g7n]     { grid-template-columns: 1fr; }
    .pr-section__head[b-53m6wc0g7n] { flex-direction: column; align-items: flex-start; gap: .5rem; }
    .pr-section__actions[b-53m6wc0g7n] { flex-wrap: wrap; gap: .4rem; }
    .pr-tabs[b-53m6wc0g7n]         { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
    .pr-tabs[b-53m6wc0g7n]::-webkit-scrollbar { display: none; }
    .pr-tab[b-53m6wc0g7n]          { flex-shrink: 0; }

    /* Swap table → cards */
    .pr-detail--desktop[b-53m6wc0g7n] { display: none !important; }
    .pr-detail--mobile[b-53m6wc0g7n]  { display: flex !important; }

    /* Section head: actions wrap */
    .pr-section__head .pr-btn--primary[b-53m6wc0g7n] { flex: 1; justify-content: center; }

    /* Rentabilidad filter row: stack */
    .pr-section__head .pr-finp--sm[b-53m6wc0g7n] { flex: 1; min-width: 100px; }
}

@media (max-width: 480px) {
    .pr-modal[b-53m6wc0g7n] { padding: 16px; max-width: 100%; border-radius: var(--mt-radius); }
    .pr-modal__body[b-53m6wc0g7n] { padding: 1rem; }
    .pr-modal__footer[b-53m6wc0g7n] { padding: 1rem; flex-direction: column-reverse; gap: .5rem; }
    .pr-modal__footer > *[b-53m6wc0g7n] { width: 100%; justify-content: center; }
    .pr-card-list[b-53m6wc0g7n] { padding: .5rem .75rem .75rem; gap: .5rem; }
    .pr-sla-grid[b-53m6wc0g7n]  { padding: .75rem; gap: .75rem; }
}
/* /Components/Pages/Tareas/ReasignarTareaDialog.razor.rz.scp.css */
.dlg-body[b-i0ajv8qxm8] { display: flex; flex-direction: column; gap: 14px; padding: 4px 0; font-family: var(--mt-font); }
.dlg-field[b-i0ajv8qxm8] { display: flex; flex-direction: column; gap: 6px; }
.dlg-label[b-i0ajv8qxm8] { font-size: .75rem; font-weight: 600; color: var(--mt-gray-800); }
.dlg-select[b-i0ajv8qxm8] {
    height: 38px; border: 1.5px solid var(--mt-gray-300); border-radius: 8px;
    padding: 0 12px; font-size: .875rem; width: 100%; box-sizing: border-box;
    outline: none; font-family: inherit; color: var(--mt-heading-color); background: var(--mt-paper-bg);
    transition: border-color .2s, box-shadow .2s;
}
.dlg-select:focus[b-i0ajv8qxm8] { border-color: var(--mt-primary); box-shadow: 0 0 0 3px rgba(var(--mt-primary-rgb),.12); }
.dlg-textarea[b-i0ajv8qxm8] {
    border: 1.5px solid var(--mt-gray-300); border-radius: 8px; padding: 10px 12px;
    font-size: .875rem; width: 100%; box-sizing: border-box; resize: vertical;
    outline: none; font-family: inherit; color: var(--mt-heading-color); background: var(--mt-paper-bg);
    transition: border-color .2s, box-shadow .2s; min-height: 72px;
}
.dlg-textarea:focus[b-i0ajv8qxm8] { border-color: var(--mt-primary); box-shadow: 0 0 0 3px rgba(var(--mt-primary-rgb),.12); }
.dlg-actions[b-i0ajv8qxm8] { display: flex; gap: 8px; justify-content: flex-end; padding-top: 4px; }
.dlg-btn[b-i0ajv8qxm8] {
    padding: .45rem 1.1rem; font-size: .875rem; font-weight: 600;
    border-radius: 8px; cursor: pointer; font-family: inherit;
    display: inline-flex; align-items: center; gap: 6px;
    border: 1.5px solid transparent; transition: background .2s, border-color .2s;
}
.dlg-btn:disabled[b-i0ajv8qxm8] { opacity: .45; cursor: not-allowed; }
.dlg-btn--primary[b-i0ajv8qxm8] { color: #fff; background: var(--mt-primary); border-color: var(--mt-primary); }
.dlg-btn--primary:hover:not(:disabled)[b-i0ajv8qxm8] { background: var(--mt-primary-hover); border-color: var(--mt-primary-hover); }
.dlg-btn--ghost[b-i0ajv8qxm8] { color: var(--mt-gray-800); background: var(--mt-gray-50); border-color: var(--mt-gray-200); }
.dlg-btn--ghost:hover:not(:disabled)[b-i0ajv8qxm8] { background: var(--mt-gray-200); }
.dlg-spin[b-i0ajv8qxm8] {
    width: 14px; height: 14px; border: 2px solid rgba(255,255,255,.4);
    border-top-color: #fff; border-radius: 50%; animation: dlgSpin .6s linear infinite; flex-shrink: 0;
}
@@keyframes dlgSpin { to[b-i0ajv8qxm8] { transform: rotate(360deg); } }
/* /Components/Pages/Tareas/RechazarTareaDialog.razor.rz.scp.css */
.dlg-body[b-qd4g7pq1zr] { display: flex; flex-direction: column; gap: 16px; padding: 4px 0; font-family: var(--mt-font); }
.dlg-field[b-qd4g7pq1zr] { display: flex; flex-direction: column; gap: 6px; }
.dlg-label[b-qd4g7pq1zr] { font-size: .75rem; font-weight: 600; color: var(--mt-gray-800); }
.dlg-textarea[b-qd4g7pq1zr] {
    border: 1.5px solid var(--mt-gray-300); border-radius: 8px; padding: 10px 12px;
    font-size: .875rem; width: 100%; box-sizing: border-box; resize: vertical;
    outline: none; font-family: inherit; color: var(--mt-heading-color); background: var(--mt-paper-bg);
    transition: border-color .2s, box-shadow .2s; min-height: 90px;
}
.dlg-textarea:focus[b-qd4g7pq1zr] { border-color: var(--mt-primary); box-shadow: 0 0 0 3px rgba(var(--mt-primary-rgb),.12); }
.dlg-actions[b-qd4g7pq1zr] { display: flex; gap: 8px; justify-content: flex-end; padding-top: 4px; }
.dlg-btn[b-qd4g7pq1zr] {
    padding: .45rem 1.1rem; font-size: .875rem; font-weight: 600;
    border-radius: 8px; cursor: pointer; font-family: inherit;
    display: inline-flex; align-items: center; gap: 6px;
    border: 1.5px solid transparent; transition: background .2s, border-color .2s;
}
.dlg-btn:disabled[b-qd4g7pq1zr] { opacity: .45; cursor: not-allowed; }
.dlg-btn--danger[b-qd4g7pq1zr] { color: var(--mt-danger); background: var(--mt-paper-bg); border-color: var(--mt-danger); }
.dlg-btn--danger:hover:not(:disabled)[b-qd4g7pq1zr] { background: rgba(var(--mt-danger-rgb), 0.12); }
.dlg-btn--ghost[b-qd4g7pq1zr] { color: var(--mt-gray-800); background: var(--mt-gray-50); border-color: var(--mt-gray-200); }
.dlg-btn--ghost:hover:not(:disabled)[b-qd4g7pq1zr] { background: var(--mt-gray-200); }
.dlg-spin[b-qd4g7pq1zr] {
    width: 14px; height: 14px; border-radius: 50%; animation: dlgSpin .6s linear infinite; flex-shrink: 0;
    border: 2px solid rgba(var(--mt-danger-rgb),.3); border-top-color: var(--mt-danger);
}
@@keyframes dlgSpin { to[b-qd4g7pq1zr] { transform: rotate(360deg); } }
/* /Components/Pages/Tareas/TareasAreaPage.razor.rz.scp.css */
/* TareasAreaPage — Kanban layout (ta- / tk- prefix) */
/* Visual theme (colors, fonts, shadows) lives in tareas-bandeja-theme.css */

/* ── SHELL ── */
.ta-shell[b-x31gje7rp9] {
    --col-h: calc(100vh - 330px);
    min-height: 100%;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
}

/* ── HEADER ── */
.ta-header[b-x31gje7rp9] { margin-bottom: 1.5rem; }

.ta-header__top[b-x31gje7rp9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
    gap: 1rem;
    position: relative;
    z-index: 1;
}

.ta-label[b-x31gje7rp9] {
    font-size: .65rem;
    letter-spacing: .15em;
    margin: 0 0 .25rem;
}

.ta-title[b-x31gje7rp9] {
    font-size: clamp(1.6rem, 3vw, 2.4rem);
    font-weight: 700;
    margin: 0;
}

/* ── TABS ── */
.ta-tabs[b-x31gje7rp9] {
    display: flex;
    gap: .5rem;
    margin-bottom: 1rem;
    padding: .35rem;
    flex-wrap: wrap;
}

.ta-tab[b-x31gje7rp9] {
    padding: .45rem 1.1rem;
    border-radius: 8px;
    font-size: .75rem;
    cursor: pointer;
    border: 1px solid transparent;
}

.ta-custom-range[b-x31gje7rp9] {
    display: flex;
    align-items: center;
    gap: .65rem;
    margin-bottom: .85rem;
    padding: .55rem .9rem;
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(var(--mt-dark-rgb),.06);
    flex-wrap: wrap;
}

.ta-range-sep[b-x31gje7rp9] {
    font-size: .75rem;
    font-family: var(--mt-font);
    color: var(--mt-muted-color);
    flex-shrink: 0;
}

/* ── STATS ── */
.ta-stats[b-x31gje7rp9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: .75rem;
    margin-top: 1.25rem;
    position: relative;
    z-index: 1;
    padding-bottom: 1.5rem;
}

.ta-stat[b-x31gje7rp9]         { text-align: center; padding: .9rem 1rem; border-radius: 12px; }
.ta-stat__val[b-x31gje7rp9]    { display: block; font-size: 1.6rem; font-weight: 700; line-height: 1.1; }
.ta-stat__lbl[b-x31gje7rp9]    { display: block; font-size: .7rem; margin-top: .15rem; text-transform: uppercase; letter-spacing: .06em; }

/* ── BUTTONS ── */
.ta-btn[b-x31gje7rp9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .6rem 1.25rem;
    border-radius: 8px;
    font-size: .8rem;
    font-weight: 600;
    cursor: pointer;
    border: none;
    white-space: nowrap;
    transition: opacity .15s, transform .12s;
}
.ta-btn:disabled[b-x31gje7rp9] { opacity: .4; cursor: not-allowed; }
.ta-btn:not(:disabled):active[b-x31gje7rp9] { transform: scale(.96); }

.ta-btn--assign[b-x31gje7rp9]   { padding: .7rem 1.5rem; font-size: .85rem; }
.ta-btn--approve[b-x31gje7rp9]  { padding: .3rem .55rem; font-size: .72rem; }
.ta-btn--reject[b-x31gje7rp9]   { padding: .3rem .55rem; font-size: .72rem; }
.ta-btn--reassign[b-x31gje7rp9] { padding: .3rem .5rem;  font-size: .75rem; }
.ta-btn--deps[b-x31gje7rp9]     { padding: .3rem .5rem;  font-size: .72rem; color: var(--ta-purple); border-color: rgba(167,139,250,.3); }
.ta-btn--deps.is-active[b-x31gje7rp9] { background: rgba(167,139,250,.15); border-color: rgba(167,139,250,.6); }
.ta-btn--sm[b-x31gje7rp9]       { padding: .35rem .75rem; font-size: .78rem; }
.ta-btn--xs[b-x31gje7rp9]       { padding: .22rem .42rem; font-size: .7rem; border-radius: 5px; }

/* ── FORM ── */
.ta-assign-form[b-x31gje7rp9]      { display: flex; flex-direction: column; gap: 1rem; }
.ta-frow[b-x31gje7rp9]             { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.ta-frow--compact[b-x31gje7rp9]    { grid-template-columns: auto auto auto; align-items: center; gap: .5rem; }
.ta-frow--actions[b-x31gje7rp9]    { grid-template-columns: auto 1fr; justify-content: flex-end; margin-top: .5rem; }
.ta-fgroup[b-x31gje7rp9]           { display: flex; flex-direction: column; gap: .4rem; }
.ta-flbl[b-x31gje7rp9]             { font-size: .75rem; letter-spacing: .05em; }
.ta-finp[b-x31gje7rp9], .ta-fsel[b-x31gje7rp9]   { padding: .6rem .9rem; border-radius: 8px; font-size: .9rem; width: 100%; box-sizing: border-box; }
.ta-finp--sm[b-x31gje7rp9]         { width: auto; padding: .45rem .7rem; font-size: .8rem; }
.ta-finp--ta[b-x31gje7rp9]         { resize: vertical; min-height: 70px; }
.ta-finp--sm-ta[b-x31gje7rp9]      { resize: none; min-height: 56px; font-size: .83rem; padding: .5rem .75rem; flex: 1; }

/* ── PROJECT FILTER ── */
.ta-proj-filter[b-x31gje7rp9] {
    display: flex;
    align-items: center;
    gap: .65rem;
    margin-bottom: .85rem;
    padding: .5rem .9rem;
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(var(--mt-dark-rgb),.06);
    position: relative;
    z-index: 1;
    flex-wrap: wrap;
    transition: box-shadow .2s, border-color .2s;
}
.ta-proj-filter:focus-within[b-x31gje7rp9] {
    border-color: rgba(var(--mt-primary-rgb),.35);
    box-shadow: 0 1px 4px rgba(var(--mt-dark-rgb),.06), 0 0 0 3px rgba(var(--mt-primary-rgb),.1);
}

.ta-filter-label[b-x31gje7rp9] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    font-size: .6rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-family: var(--mt-font);
    flex-shrink: 0;
    white-space: nowrap;
    padding-right: .75rem;
    border-right: 1px solid var(--mt-border-color);
}

.ta-filter-clear[b-x31gje7rp9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    cursor: pointer;
    margin-left: auto;
    flex-shrink: 0;
    background: rgba(var(--mt-dark-rgb),.06);
    border: 1px solid rgba(var(--mt-dark-rgb),.1);
    transition: background .15s, color .15s;
    padding: 0;
}
.ta-filter-clear:hover[b-x31gje7rp9] { background: rgba(var(--mt-danger-rgb),.1); border-color: rgba(var(--mt-danger-rgb),.3); color: var(--mt-danger); }

.ta-fsel--proj[b-x31gje7rp9] {
    width: auto;
    min-width: 180px;
    max-width: 320px;
    padding: .4rem .75rem;
    font-size: .82rem;
    flex: 1;
}

/* ── BODY WRAPPER ──
   No overriding max-width: the theme's 1440px constraint aligns this
   with .ta-header automatically. Overflow is handled by .tk-board-wrap. */
.ta-body[b-x31gje7rp9] {
    overflow-x: visible;
}

/* ── EMPTY STATE ── */
.ta-empty[b-x31gje7rp9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .75rem;
    padding: 4rem 2rem;
    text-align: center;
}
.ta-empty__ico[b-x31gje7rp9] { width: 64px; height: 64px; opacity: .35; }
.ta-empty p[b-x31gje7rp9]    { font-size: 1.1rem; font-weight: 600; margin: 0; }
.ta-empty span[b-x31gje7rp9] { font-size: .875rem; opacity: .6; }

/* ── SPIN / SKELETON ── */
.ta-spin[b-x31gje7rp9] {
    width: 14px; height: 14px;
    border-radius: 50%;
    border-width: 2px;
    border-style: solid;
    display: inline-block;
    animation: t-spin-b-x31gje7rp9 1s linear infinite;
    margin-right: 6px;
}

.ta-skel--val[b-x31gje7rp9]    { display: inline-block; width: 2ch; min-height: 1em; }
.ta-skel--avatar[b-x31gje7rp9] { width: 38px; height: 38px; border-radius: 50%; flex-shrink: 0; }
.ta-skel--name[b-x31gje7rp9]   { display: block; width: 120px; height: 12px; margin-bottom: 5px; }

/* ── ALERT BANNER ── */
.ta-alert-banner[b-x31gje7rp9] {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    padding: .85rem 1.25rem;
    border-radius: 10px;
    margin-bottom: 1rem;
    font-size: .84rem;
    line-height: 1.5;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}
.ta-alert-banner__body[b-x31gje7rp9] { flex: 1; }

/* ── CHIP ── */
.ta-chip[b-x31gje7rp9] {
    font-size: .65rem;
    padding: .15rem .5rem;
    border-radius: 4px;
    letter-spacing: .06em;
    font-weight: 600;
}

/* ── PRIORITY DOT ── */
.ta-prio-dot[b-x31gje7rp9] { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; display: inline-block; }

/* ── BADGE ── */
.ta-badge[b-x31gje7rp9] {
    font-size: .62rem;
    padding: .15rem .45rem;
    border-radius: 4px;
    letter-spacing: .08em;
    font-weight: 700;
    white-space: nowrap;
}

/* ── DETAIL (inside expanded card) ── */
.ta-detail-section[b-x31gje7rp9] { display: flex; flex-direction: column; gap: .5rem; }
.ta-detail-title[b-x31gje7rp9]   { margin: 0; font-size: .72rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; display: flex; align-items: center; color: var(--mt-body-color); }
.ta-detail-empty[b-x31gje7rp9]   { font-size: .82rem; margin: 0; padding: .25rem 0; color: var(--mt-muted-color); }
.ta-detail-loading[b-x31gje7rp9] { display: flex; align-items: center; gap: .5rem; padding: .5rem 0; font-size: .85rem; }

.ta-comments[b-x31gje7rp9] { display: flex; flex-direction: column; gap: .4rem; max-height: 160px; overflow-y: auto; }
.ta-comment[b-x31gje7rp9]  { padding: .5rem .7rem; border-radius: 7px; background: rgba(var(--mt-dark-rgb),.04); border: 1px solid rgba(var(--mt-dark-rgb),.07); }
.ta-comment__author[b-x31gje7rp9] { font-size: .7rem; font-weight: 700; margin-right: .4rem; }
.ta-comment__date[b-x31gje7rp9]   { font-size: .65rem; opacity: .6; }
.ta-comment__text[b-x31gje7rp9]   { margin: .25rem 0 0; font-size: .8rem; line-height: 1.5; }

.ta-comment-input[b-x31gje7rp9] { display: flex; gap: .5rem; align-items: flex-end; }

.ta-attachments[b-x31gje7rp9] { display: flex; flex-direction: column; gap: .3rem; max-height: 140px; overflow-y: auto; }
.ta-attachment[b-x31gje7rp9]  { display: flex; align-items: center; gap: .4rem; border-radius: 6px; padding: .3rem .6rem; background: rgba(var(--mt-dark-rgb),.04); border: 1px solid rgba(var(--mt-dark-rgb),.07); }
.ta-attachment__icon[b-x31gje7rp9] { font-size: .85rem; flex-shrink: 0; }
.ta-attachment__name[b-x31gje7rp9] { flex: 1; font-size: .78rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.ta-attachment__size[b-x31gje7rp9] { font-size: .67rem; flex-shrink: 0; opacity: .6; }

.ta-upload[b-x31gje7rp9] { margin-top: .3rem; }
.ta-upload-label[b-x31gje7rp9] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    cursor: pointer;
    padding: .35rem .75rem;
    border-radius: 7px;
    font-size: .76rem;
    font-weight: 600;
    border: 1.5px dashed rgba(var(--mt-primary-rgb),.4);
    color: var(--mt-primary);
    transition: background .15s;
}
.ta-upload-label:hover[b-x31gje7rp9] { background: rgba(var(--mt-primary-rgb),.06); }

.ta-btn--detail[b-x31gje7rp9] {
    padding: .22rem .45rem;
    font-size: .75rem;
    border-radius: 5px;
    border: 1px solid transparent;
    background: transparent;
    color: var(--mt-muted-color);
    transition: background .15s, color .15s;
}
.ta-btn--detail:hover[b-x31gje7rp9]  { background: rgba(var(--mt-dark-rgb),.07); color: var(--mt-body-color); }
.ta-btn--detail.is-active[b-x31gje7rp9] { color: var(--mt-primary); background: rgba(var(--mt-primary-rgb),.08); }

/* ── EXPORT ROW ── */
.ta-export-row[b-x31gje7rp9] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(var(--mt-dark-rgb),.08);
    flex-wrap: wrap;
}

/* ── VACACIONES LIST ── */
.ta-vac-list[b-x31gje7rp9] { display: flex; flex-direction: column; gap: .5rem; max-height: 340px; overflow-y: auto; }
.ta-vac-item[b-x31gje7rp9] { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .6rem .85rem; border-radius: 8px; flex-wrap: wrap; }
.ta-vac-item__left[b-x31gje7rp9]  { display: flex; align-items: center; gap: .75rem; flex: 1; min-width: 0; }
.ta-vac-item__name[b-x31gje7rp9]  { display: block; font-weight: 600; font-size: .87rem; }
.ta-vac-item__range[b-x31gje7rp9] { display: block; font-size: .75rem; margin-top: .1rem; }
.ta-vac-item__obs[b-x31gje7rp9]   { display: block; font-size: .72rem; margin-top: .1rem; font-style: italic; }


/* ════════════════════════════════════════════════════
   KANBAN BOARD
════════════════════════════════════════════════════ */

/* ── Mobile column selector ── */
.tk-mobile-tabs[b-x31gje7rp9] {
    display: none;
    gap: .35rem;
    overflow-x: auto;
    padding: .25rem 0 .65rem;
    margin-bottom: .5rem;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}
.tk-mobile-tabs[b-x31gje7rp9]::-webkit-scrollbar { display: none; }

.tk-mobile-tab[b-x31gje7rp9] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .42rem 1rem;
    border-radius: 20px;
    font-size: .7rem;
    font-weight: 600;
    cursor: pointer;
    border: 1.5px solid rgba(var(--mt-dark-rgb),.15);
    background: var(--mt-paper-bg);
    color: var(--mt-body-color);
    white-space: nowrap;
    font-family: var(--mt-font);
    letter-spacing: .04em;
    transition: all .15s;
}
.tk-mobile-tab:hover:not(.is-active)[b-x31gje7rp9] {
    border-color: rgba(var(--mt-primary-rgb),.4);
    color: var(--mt-primary);
}
.tk-mobile-tab.is-active[b-x31gje7rp9] {
    background: var(--mt-primary-light);
    border-color: rgba(var(--mt-primary-rgb),.3);
    color: var(--mt-primary);
    box-shadow: 0 2px 10px rgba(var(--mt-primary-rgb),.15);
}

.tk-mobile-badge[b-x31gje7rp9] {
    background: rgba(var(--mt-primary-rgb),.15);
    border-radius: 20px;
    padding: .05rem .38rem;
    font-size: .65rem;
    font-weight: 700;
    line-height: 1.4;
}
.tk-mobile-tab:not(.is-active) .tk-mobile-badge[b-x31gje7rp9] {
    background: rgba(var(--mt-dark-rgb),.1);
    color: var(--mt-body-color);
}

/* State-accent colors for mobile tabs */
.tk-mobile-tab--en_progreso.is-active[b-x31gje7rp9] { background: var(--mt-warning-light); color: var(--mt-warning-hover); border-color: rgba(var(--mt-warning-rgb),.3); }
.tk-mobile-tab--pausada.is-active[b-x31gje7rp9]     { background: rgba(105, 108, 255, 0.12); color: #a78bfa; border-color: rgba(105, 108, 255, 0.35); }
.tk-mobile-tab--pendiente.is-active[b-x31gje7rp9]   { background: var(--mt-primary-light); color: var(--mt-primary); border-color: rgba(var(--mt-primary-rgb),.3); }
.tk-mobile-tab--completada.is-active[b-x31gje7rp9]  { background: var(--mt-success-light); color: #15803d; border-color: rgba(var(--mt-success-rgb),.3); }


/* ── Board wrapper (handles horizontal overflow + centering) ── */
.tk-board-wrap[b-x31gje7rp9] {
    overflow-x: auto;
    padding-bottom: 1rem;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: rgba(var(--mt-primary-rgb),.22) transparent;
    /* Centering: when board is narrower than wrap, center it */
    display: flex;
    justify-content: center;
}
.tk-board-wrap[b-x31gje7rp9]::-webkit-scrollbar       { height: 5px; }
.tk-board-wrap[b-x31gje7rp9]::-webkit-scrollbar-track { background: transparent; }
.tk-board-wrap[b-x31gje7rp9]::-webkit-scrollbar-thumb { background: rgba(var(--mt-primary-rgb),.22); border-radius: 10px; }

/* ── Board container ── */
.tk-board[b-x31gje7rp9] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    flex-shrink: 0;      /* never compress — let wrap scroll instead */
    width: 100%;         /* fills wrap when smaller than viewport */
    max-width: 100%;
}

.tk-board--loading[b-x31gje7rp9] {
    overflow: hidden;
    justify-content: stretch;
}


/* ── Column ── */
.tk-col[b-x31gje7rp9] {
    flex: 1 1 240px;     /* grow to fill available space */
    min-width: 220px;
    max-width: 360px;    /* cap width so columns don't stretch too wide */
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    overflow: hidden;
    max-height: var(--col-h);
    min-height: 180px;
    /* column bg — very subtle tint */
    background: var(--mt-body-bg);
    border: 1px solid rgba(var(--mt-dark-rgb),.09);
    box-shadow: 0 2px 12px rgba(var(--mt-dark-rgb),.06);
    transition: box-shadow .2s;
}
.tk-col:hover[b-x31gje7rp9] {
    box-shadow: 0 4px 20px rgba(var(--mt-dark-rgb),.1);
}

.tk-col--skel[b-x31gje7rp9] { opacity: .6; }

/* ── Column head ── */
.tk-col__head[b-x31gje7rp9] {
    display: flex;
    align-items: center;
    gap: .45rem;
    padding: .7rem .85rem;
    background: var(--mt-paper-bg);
    position: sticky;
    top: 0;
    z-index: 2;
}

.tk-col__icon[b-x31gje7rp9] {
    display: flex;
    align-items: center;
    opacity: .75;
    flex-shrink: 0;
    color: var(--mt-heading-color);
}

.tk-col__label[b-x31gje7rp9] {
    flex: 1;
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
    color: var(--mt-heading-color);
    font-family: var(--mt-font);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tk-col-badge[b-x31gje7rp9] {
    font-size: .62rem;
    font-weight: 700;
    padding: .12rem .45rem;
    border-radius: 20px;
    background: var(--mt-primary-light);
    color: var(--mt-primary);
    font-family: var(--mt-font);
    letter-spacing: .02em;
    flex-shrink: 0;
}

/* Per-state accent line under column head */
.tk-col--en_progreso  .tk-col__head[b-x31gje7rp9] { border-bottom: 2px solid var(--ta-amber); }
.tk-col--pausada      .tk-col__head[b-x31gje7rp9] { border-bottom: 2px solid var(--ta-purple); }
.tk-col--pendiente    .tk-col__head[b-x31gje7rp9] { border-bottom: 2px solid var(--ta-muted); }
.tk-col--completada   .tk-col__head[b-x31gje7rp9] { border-bottom: 2px solid var(--ta-green); }

/* Per-state icon tint */
.tk-col--en_progreso .tk-col__icon[b-x31gje7rp9] { color: var(--ta-amber);  opacity: 1; }
.tk-col--pausada     .tk-col__icon[b-x31gje7rp9] { color: var(--ta-purple); opacity: 1; }
.tk-col--pendiente   .tk-col__icon[b-x31gje7rp9] { color: var(--ta-muted);  opacity: 1; }
.tk-col--completada  .tk-col__icon[b-x31gje7rp9] { color: var(--ta-green);  opacity: 1; }

/* Área de Cierre: sub-counters in header */
.tk-col__subcounts[b-x31gje7rp9] {
    display: flex;
    gap: .3rem;
    align-items: center;
    flex-shrink: 0;
}

.tk-col-badge--cyan[b-x31gje7rp9] {
    background: rgba(var(--mt-primary-rgb),.25) !important;
    color: var(--mt-primary) !important;
}

.tk-col-badge--red[b-x31gje7rp9] {
    background: rgba(var(--mt-danger-rgb),.25) !important;
    color: var(--mt-danger) !important;
}


/* ── Column body (scrollable) ── */
.tk-col__body[b-x31gje7rp9] {
    flex: 1;
    overflow-y: auto;
    padding: .55rem .5rem;
    display: flex;
    flex-direction: column;
    gap: .45rem;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: rgba(var(--mt-dark-rgb),.12) transparent;
}
.tk-col__body[b-x31gje7rp9]::-webkit-scrollbar       { width: 3px; }
.tk-col__body[b-x31gje7rp9]::-webkit-scrollbar-thumb { background: rgba(var(--mt-dark-rgb),.15); border-radius: 10px; }

.tk-col__empty[b-x31gje7rp9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1.75rem .75rem;
    text-align: center;
    color: var(--mt-muted-color);
    font-size: .72rem;
    font-family: var(--mt-font);
    letter-spacing: .04em;
    flex: 1;
}


/* ── Kanban card ── */
.tk-card[b-x31gje7rp9] {
    background: var(--mt-paper-bg);
    border-radius: 11px;
    padding: .7rem .8rem;
    box-shadow: 0 1px 6px rgba(var(--mt-dark-rgb),.08), 0 1px 2px rgba(var(--mt-dark-rgb),.05);
    border: 1px solid rgba(var(--mt-dark-rgb),.09);
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s;
    cursor: default;
}

.tk-card:hover[b-x31gje7rp9] {
    transform: translateY(-2px);
    box-shadow: 0 5px 18px rgba(var(--mt-dark-rgb),.13), 0 1px 4px rgba(var(--mt-dark-rgb),.07);
    border-color: rgba(var(--mt-primary-rgb),.2);
}

.tk-card--expanded[b-x31gje7rp9] {
    border-color: rgba(var(--mt-primary-rgb),.35) !important;
    box-shadow: 0 6px 24px rgba(var(--mt-primary-rgb),.1), 0 2px 8px rgba(var(--mt-dark-rgb),.1) !important;
}

/* Left accent bar per state */
.tk-col--en_progreso .tk-card[b-x31gje7rp9] { border-left: 3px solid var(--ta-amber); }
.tk-col--pausada     .tk-card[b-x31gje7rp9] { border-left: 3px solid var(--ta-purple); }
.tk-col--pendiente   .tk-card[b-x31gje7rp9] { border-left: 3px solid var(--ta-muted); }
.tk-col--completada  .tk-card[b-x31gje7rp9] { border-left: 3px solid var(--ta-green); opacity: .82; }
.tk-col--completada  .tk-card:hover[b-x31gje7rp9] { opacity: 1; }

/* Área de Cierre: per-card state override (tk-card--st-*) */
.tk-card--st-pendiente_revision[b-x31gje7rp9] {
    border-left: 3px solid var(--ta-cyan) !important;
    opacity: 1 !important;
    background: rgba(var(--mt-primary-rgb),.04) !important;
}
.tk-card--st-rechazada[b-x31gje7rp9] {
    border-left: 3px solid var(--ta-red) !important;
    opacity: 1 !important;
    background: rgba(var(--mt-danger-rgb),.04) !important;
}
.tk-card--st-completada[b-x31gje7rp9] {
    border-left: 3px solid var(--ta-green) !important;
}

/* State pill badge inside card (Área de Cierre only) */
.tk-card__state-pill[b-x31gje7rp9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-self: center;   /* centered in grid col 2 */
    font-size: .6rem;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
    padding: .15rem .45rem;
    border-radius: 20px;
    font-family: var(--mt-font);
    white-space: nowrap;
}

.tk-card__state-pill--pendiente_revision[b-x31gje7rp9] {
    background: rgba(var(--mt-primary-rgb),.15);
    color: var(--mt-primary);
    border: 1px solid rgba(var(--mt-primary-rgb),.3);
}

.tk-card__state-pill--rechazada[b-x31gje7rp9] {
    background: rgba(var(--mt-danger-rgb),.12);
    color: var(--mt-danger);
    border: 1px solid rgba(var(--mt-danger-rgb),.28);
}

.tk-card__state-pill--completada[b-x31gje7rp9] {
    background: rgba(var(--mt-success-rgb),.1);
    color: var(--mt-success);
    border: 1px solid rgba(var(--mt-success-rgb),.25);
}

/* ── Card internals ── */
.tk-card__top[b-x31gje7rp9] {
    display: grid;
    grid-template-columns: 14px 1fr auto;
    align-items: center;
    gap: .3rem;
    margin-bottom: .38rem;
    min-height: 14px;
}

.tk-card__over[b-x31gje7rp9] {
    color: var(--ta-red);
    display: flex;
    align-items: center;
    animation: t-blink-b-x31gje7rp9 2s ease-in-out infinite;
}

.tk-card__codigo[b-x31gje7rp9] {
    display: inline-block;
    font-family: var(--mt-font);
    font-size: .58rem;
    font-weight: 700;
    letter-spacing: .06em;
    color: var(--mt-primary);
    background: rgba(var(--mt-primary-rgb),.1);
    border: 1px solid rgba(var(--mt-primary-rgb),.25);
    border-radius: 4px;
    padding: 1px 5px;
    margin-right: 5px;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.tk-card__name[b-x31gje7rp9] {
    font-size: .84rem;
    font-weight: 600;
    color: var(--mt-heading-color);
    line-height: 1.35;
    margin-bottom: .38rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: 'Space Grotesk', sans-serif;
}

.tk-card__meta[b-x31gje7rp9] {
    display: flex;
    align-items: center;
    gap: .38rem;
    margin-bottom: .28rem;
}

.tk-card__avatar[b-x31gje7rp9] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--mt-primary-light);
    color: var(--mt-primary);
    font-size: .58rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-family: var(--mt-font);
    border: 1px solid rgba(var(--mt-primary-rgb),.25);
}

.tk-card__employee[b-x31gje7rp9] {
    font-size: .72rem;
    color: var(--mt-body-color);
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    flex: 1;
}

.tk-card__project[b-x31gje7rp9] {
    font-size: .67rem;
    color: var(--mt-muted-color);
    margin-bottom: .45rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
    font-family: var(--mt-font);
    letter-spacing: .01em;
}

.tk-card__fintime[b-x31gje7rp9] {
    margin-left: auto;
    font-family: var(--mt-font);
    font-size: .57rem;
    font-weight: 600;
    letter-spacing: .04em;
    white-space: nowrap;
    color: rgba(var(--mt-primary-rgb),.72);
    transition: color .15s ease;
}
.tk-card:hover .tk-card__fintime[b-x31gje7rp9] {
    color: rgba(var(--mt-primary-rgb),.95);
}
.tk-card__fintime--rechazada[b-x31gje7rp9] {
    color: rgba(var(--mt-danger-rgb),.65);
}
.tk-card:hover .tk-card__fintime--rechazada[b-x31gje7rp9] {
    color: rgba(var(--mt-danger-rgb),.9);
}

.tk-card__foot[b-x31gje7rp9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .4rem;
    border-top: 1px solid rgba(var(--mt-dark-rgb),.07);
    padding-top: .42rem;
    margin-top: .25rem;
}

.tk-card__time[b-x31gje7rp9] {
    font-size: .67rem;
    color: var(--mt-muted-color);
    font-family: var(--mt-font);
    white-space: nowrap;
    letter-spacing: .02em;
}

.tk-card__time.is-over[b-x31gje7rp9] {
    color: var(--ta-red);
    font-weight: 700;
}

.tk-card__indicators[b-x31gje7rp9] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: auto;
}

.tk-indicator[b-x31gje7rp9] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: .58rem;
    font-family: var(--mt-font);
    padding: 2px 5px;
    border-radius: 999px;
    font-weight: 600;
    opacity: .7;
    transition: opacity .15s;
}
.tk-indicator:hover[b-x31gje7rp9] { opacity: 1; }
.tk-indicator--comments[b-x31gje7rp9]    { color: var(--mt-primary); border: 1px solid rgba(var(--mt-primary-rgb),.3); }
.tk-indicator--attachments[b-x31gje7rp9] { color: var(--ta-purple); border: 1px solid rgba(167,139,250,.3); }

.tk-points-chip[b-x31gje7rp9] {
    display: inline-flex;
    align-items: center;
    font-family: var(--mt-font-mono);
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .04em;
    padding: 3px 8px;
    border-radius: 999px;
    color: var(--mt-success);
    background: var(--mt-success-subtle);
    border: 1px solid rgba(var(--mt-success-rgb), .4);
    box-shadow: 0 0 8px rgba(var(--mt-success-rgb), .25);
}

.tk-card__actions[b-x31gje7rp9] {
    display: flex;
    gap: .25rem;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}

/* ── Expanded detail inside card ── */
.tk-card__detail[b-x31gje7rp9] {
    margin-top: .65rem;
    padding-top: .65rem;
    border-top: 1px dashed rgba(var(--mt-primary-rgb),.28);
}


/* ════════════════════════════════════════════════
   ÁREA DE CIERRE — separadores de grupo
════════════════════════════════════════════════ */

/* Cabecera "Requieren acción" */
.tk-col__group-head[b-x31gje7rp9] {
    display: flex;
    align-items: center;
    gap: .35rem;
    padding: .3rem .5rem;
    border-radius: 6px;
    font-size: .6rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-family: var(--mt-font);
    margin-bottom: .1rem;
}

.tk-col__group-head--action[b-x31gje7rp9] {
    color: var(--mt-warning);
    background: rgba(var(--mt-warning-rgb),.08);
    border: 1px solid rgba(var(--mt-warning-rgb),.18);
    /* Subtle pulse so the leader notices it */
    animation: tk-action-glow-b-x31gje7rp9 3s ease-in-out infinite;
}

@keyframes tk-action-glow-b-x31gje7rp9 {
    0%, 100% { box-shadow: 0 0 0 0 rgba(var(--mt-warning-rgb),.0); }
    50%       { box-shadow: 0 0 8px 1px rgba(var(--mt-warning-rgb),.15); }
}

/* Separador entre grupos */
.tk-col__sep[b-x31gje7rp9] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin: .35rem 0 .2rem;
    flex-shrink: 0;
}

.tk-col__sep-line[b-x31gje7rp9] {
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(var(--mt-success-rgb),.3), transparent);
}

.tk-col__sep-label[b-x31gje7rp9] {
    display: flex;
    align-items: center;
    font-size: .58rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-family: var(--mt-font);
    color: var(--mt-success);
    white-space: nowrap;
    opacity: .8;
}


/* ── RESPONSIVE ── */

/* Tablet: narrower columns */
@media (max-width: 1100px) {
    .tk-col[b-x31gje7rp9] { flex: 0 0 230px; min-width: 230px; }
}

/* Mobile: show column tabs, one column at a time */
@media (max-width: 768px) {
    .tk-mobile-tabs[b-x31gje7rp9] { display: flex; }

    .tk-board-wrap[b-x31gje7rp9] {
        display: block;
        overflow-x: visible;
    }

    .tk-board[b-x31gje7rp9] {
        flex-wrap: wrap;
        width: 100%;
        max-width: 100%;
    }

    .tk-col[b-x31gje7rp9] {
        display: none;
        flex: 0 0 100%;
        min-width: 100%;
        max-width: 100%;
        max-height: none;
    }

    .tk-col--mobile-active[b-x31gje7rp9] { display: flex; }

    .ta-stats[b-x31gje7rp9] { grid-template-columns: repeat(3, 1fr); }
    .ta-header__top[b-x31gje7rp9] { flex-direction: column; gap: .85rem; }
    .ta-custom-range[b-x31gje7rp9] { flex-wrap: wrap; }
    .ta-frow[b-x31gje7rp9] { grid-template-columns: 1fr; }

    /* Filter bar: full-width select on mobile */
    .ta-fsel--proj[b-x31gje7rp9] { min-width: 0; flex: 1 1 100%; max-width: none; }
    .ta-filter-label[b-x31gje7rp9] { border-right: none; padding-right: 0; }
    .ta-proj-filter[b-x31gje7rp9] { gap: .5rem; }

    /* Header actions: let buttons stretch on mobile */
    .ta-header__top > div:last-child[b-x31gje7rp9] { width: 100%; }
    .ta-header__top > div:last-child .ta-btn--assign[b-x31gje7rp9] { flex: 1; justify-content: center; }
}

/* Small mobile */
@media (max-width: 600px) {
    /* Stats strip: horizontal scroll instead of cramped grid */
    .ta-stats[b-x31gje7rp9] {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding-bottom: .65rem;
        grid-template-columns: unset;
    }
    .ta-stats[b-x31gje7rp9]::-webkit-scrollbar { display: none; }
    .ta-stat[b-x31gje7rp9] { flex: 0 0 90px; min-width: 90px; }
}

@media (max-width: 480px) {
    .tk-card__actions[b-x31gje7rp9] { gap: .18rem; }
    .ta-proj-filter[b-x31gje7rp9] { padding: .45rem .7rem; }
    .ta-custom-range[b-x31gje7rp9] { padding: .45rem .7rem; }
    .ta-finp--sm[b-x31gje7rp9] { flex: 1; min-width: 100px; }
}

/* ── ANIMATIONS ── */
@keyframes t-spin-b-x31gje7rp9 {
    to { transform: rotate(360deg); }
}

@keyframes t-blink-b-x31gje7rp9 {
    0%, 100% { opacity: 1; }
    50%       { opacity: .4; }
}

@keyframes t-pulse-border-b-x31gje7rp9 {
    0%, 100% { box-shadow: 0 0 0 0 rgba(var(--mt-warning-rgb),.2); }
    50%       { box-shadow: 0 0 0 4px rgba(var(--mt-warning-rgb),.1); }
}

/* ── LIVE BADGE ── */
.ta-live-badge[b-x31gje7rp9] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: .58rem;
    font-family: var(--mt-font);
    font-weight: 700;
    letter-spacing: .1em;
    padding: 3px 8px;
    border-radius: 999px;
    border: 1px solid transparent;
    transition: all .3s;
}
.ta-live-badge.is-live[b-x31gje7rp9] {
    color: var(--mt-success);
    border-color: rgba(var(--mt-success-rgb),.4);
    background: rgba(var(--mt-success-rgb),.08);
}
.ta-live-badge.is-offline[b-x31gje7rp9] {
    color: var(--mt-muted-color);
    border-color: rgba(var(--mt-secondary-rgb),.25);
    background: rgba(var(--mt-secondary-rgb),.05);
}
.ta-live-dot[b-x31gje7rp9] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
}
.ta-live-badge.is-live .ta-live-dot[b-x31gje7rp9] {
    animation: ta-live-pulse-b-x31gje7rp9 1.4s ease-in-out infinite;
}
@keyframes ta-live-pulse-b-x31gje7rp9 {
    0%, 100% { opacity: 1; transform: scale(1); }
    50%       { opacity: .4; transform: scale(.7); }
}

/* ── DEPENDENCY PANEL ── */
.tk-deps-panel[b-x31gje7rp9] {
    padding: .65rem .8rem;
    border-radius: 8px;
    border: 1px solid rgba(167,139,250,.2);
    background: rgba(167,139,250,.04);
    margin-top: .4rem;
    display: flex;
    flex-direction: column;
    gap: .45rem;
}
.tk-deps-panel--readonly[b-x31gje7rp9] {
    border-color: rgba(var(--mt-primary-rgb),.15);
    background: rgba(var(--mt-primary-rgb),.03);
}

.tk-deps-title[b-x31gje7rp9] {
    display: flex;
    align-items: center;
    margin: 0;
    font-size: .65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--ta-purple);
}

.tk-deps-list[b-x31gje7rp9] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.tk-deps-item[b-x31gje7rp9] {
    display: flex;
    align-items: center;
    gap: .4rem;
    font-size: .72rem;
}

.tk-deps-item__dot[b-x31gje7rp9] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    flex-shrink: 0;
}
.tk-deps-item__dot--pendiente[b-x31gje7rp9]     { background: var(--mt-primary); }
.tk-deps-item__dot--en_progreso[b-x31gje7rp9]   { background: var(--mt-warning); }
.tk-deps-item__dot--pausada[b-x31gje7rp9]       { background: var(--mt-muted-color); }
.tk-deps-item__dot--completada[b-x31gje7rp9]    { background: var(--mt-success); }
.tk-deps-item__dot--pendiente_revision[b-x31gje7rp9] { background: var(--ta-purple); }
.tk-deps-item__dot--rechazada[b-x31gje7rp9]     { background: var(--mt-danger); }

.tk-deps-item__codigo[b-x31gje7rp9] {
    font-family: var(--mt-font);
    font-size: .58rem;
    font-weight: 700;
    letter-spacing: .06em;
    color: var(--mt-primary);
    background: rgba(var(--mt-primary-rgb),.1);
    border: 1px solid rgba(var(--mt-primary-rgb),.22);
    border-radius: 3px;
    padding: 1px 4px;
    flex-shrink: 0;
}

.tk-deps-item__name[b-x31gje7rp9] {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tk-deps-item__estado[b-x31gje7rp9] {
    font-size: .6rem;
    font-family: var(--mt-font);
    opacity: .6;
    white-space: nowrap;
}

.tk-deps-empty[b-x31gje7rp9] {
    margin: 0;
    font-size: .7rem;
    opacity: .5;
    font-style: italic;
}

.tk-deps-add[b-x31gje7rp9] {
    display: flex;
    gap: .4rem;
    align-items: center;
    margin-top: .2rem;
}

.ta-fsel--sm[b-x31gje7rp9] {
    flex: 1;
    padding: .3rem .6rem;
    font-size: .75rem;
    border-radius: 6px;
    min-width: 0;
}
/* /Components/Pages/Tareas/TareasEmpresaPage.razor.rz.scp.css */
/* TareasEmpresaPage — layout only (te- prefix) */
/* Visual styling lives in tareas-bandeja-theme.css */

.te-shell[b-srpe51r1s0] {
    min-height: 100%;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
}

.te-header[b-srpe51r1s0] { margin-bottom: 1.75rem; }
.te-body[b-srpe51r1s0]    { max-width: 1440px; margin-left: auto; margin-right: auto; }

.te-header__top[b-srpe51r1s0] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}

/* ── Export control ── */
.te-export-ctrl[b-srpe51r1s0] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}

/* ── TABS ── */
.te-tabs[b-srpe51r1s0] {
    display: flex;
    gap: .4rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
    padding: .35rem;
}

.te-tab[b-srpe51r1s0] {
    padding: .4rem 1rem;
    border-radius: 7px;
    font-size: .75rem;
    font-weight: 600;
    cursor: pointer;
    border: 1px solid transparent;
}

.te-custom-range[b-srpe51r1s0] {
    display: flex;
    align-items: center;
    gap: .65rem;
    margin-bottom: .85rem;
    padding: .55rem .9rem;
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(var(--mt-dark-rgb),.06);
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}

.te-range-sep[b-srpe51r1s0] {
    font-size: .75rem;
    font-family: var(--mt-font);
    color: var(--mt-muted-color);
    flex-shrink: 0;
}

/* ── KPI STRIP (inside dark header) ── */
.te-kpis[b-srpe51r1s0] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: .75rem;
    margin-top: 1.25rem;
    position: relative;
    z-index: 1;
    padding-bottom: 1.5rem;
}

.te-kpi[b-srpe51r1s0] {
    border-radius: 12px;
    padding: 1rem;
    display: flex;
    align-items: center;
    gap: .75rem;
}

.te-kpi__ico[b-srpe51r1s0] { font-size: 1.3rem; line-height: 1; flex-shrink: 0; }
.te-kpi__val[b-srpe51r1s0] { display: block; font-size: 1.4rem; font-weight: 700; line-height: 1.1; }
.te-kpi__lbl[b-srpe51r1s0] { display: block; font-size: .65rem; text-transform: uppercase; letter-spacing: .07em; margin-top: .1rem; }

/* ── BODY ── */
.te-body[b-srpe51r1s0] { display: flex; flex-direction: column; gap: 2rem; }

/* ── FILTER BAR ── */
.te-filter-bar[b-srpe51r1s0] {
    display: flex;
    gap: .75rem;
    flex-wrap: wrap;
    padding: .4rem;
    border-radius: 12px;
}

.te-finp[b-srpe51r1s0], .te-fsel[b-srpe51r1s0] {
    padding: .6rem .9rem;
    border-radius: 8px;
    font-size: .875rem;
    box-sizing: border-box;
}

.te-finp--search[b-srpe51r1s0] { flex: 1; min-width: 240px; }
.te-finp--sm[b-srpe51r1s0]     { padding: .45rem .7rem; font-size: .8rem; }

/* ── SECTION ── */
.te-section[b-srpe51r1s0] {
    overflow: hidden;
}

.te-section__head[b-srpe51r1s0] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.5rem;
}

.te-section__title[b-srpe51r1s0] {
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    padding: 1rem 1.25rem .75rem;
}

.te-section__head .te-section__title[b-srpe51r1s0] { padding: 0; }

.te-count-badge[b-srpe51r1s0] {
    font-size: .68rem;
    font-weight: 700;
    padding: .2rem .6rem;
    border-radius: 20px;
}

/* ── PERFORMANCE GRID ── */
.te-perf-grid[b-srpe51r1s0] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1px;
}

.te-perf-card[b-srpe51r1s0] { padding: 1rem 1.25rem; }

.te-perf-card__head[b-srpe51r1s0] {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-bottom: .75rem;
}

.te-avatar[b-srpe51r1s0] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .9rem;
    font-weight: 700;
    flex-shrink: 0;
}

.te-perf-name[b-srpe51r1s0] {
    display: block;
    font-weight: 600;
    font-size: .9rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 140px;
}
.te-perf-sub[b-srpe51r1s0] { display: block; font-size: .72rem; margin-top: .1rem; }

.te-exc-badge[b-srpe51r1s0] {
    margin-left: auto;
    font-size: .65rem;
    font-weight: 700;
    padding: .15rem .45rem;
    border-radius: 4px;
    white-space: nowrap;
}

.te-prog-track[b-srpe51r1s0] {
    height: 5px;
    border-radius: 3px;
    margin-bottom: .5rem;
    overflow: hidden;
}

.te-prog-fill[b-srpe51r1s0] { height: 100%; border-radius: 3px; transition: width .5s ease; }

.te-perf-times[b-srpe51r1s0] {
    display: flex;
    justify-content: space-between;
    font-size: .72rem;
}

/* ── TABLE ── */
.te-table-wrap[b-srpe51r1s0] { overflow-x: auto; }
.te-table[b-srpe51r1s0] { width: 100%; border-collapse: collapse; font-size: .85rem; }

.te-table th[b-srpe51r1s0] {
    padding: .85rem 1rem;
    text-align: left;
    font-size: .68rem;
    letter-spacing: .08em;
    text-transform: uppercase;
    white-space: nowrap;
}

.te-th--num[b-srpe51r1s0] { text-align: right; }

.te-tr[b-srpe51r1s0] { border-bottom: 1px solid transparent; }

.te-table td[b-srpe51r1s0] {
    padding: .7rem 1rem;
    vertical-align: middle;
}

.te-td--mono[b-srpe51r1s0]   { font-size: .78rem; white-space: nowrap; }
.te-td--name[b-srpe51r1s0]   { font-weight: 500; max-width: 200px; }
.te-td--codigo[b-srpe51r1s0] { color: var(--mt-primary); font-size: .72rem; letter-spacing: .06em; }
.te-td--num[b-srpe51r1s0]    { text-align: right; }
.te-td--center[b-srpe51r1s0] { text-align: center; }

/* ── BADGES ── */
.te-badge[b-srpe51r1s0] {
    font-size: .62rem;
    padding: .15rem .5rem;
    border-radius: 999px;
    letter-spacing: .08em;
    font-weight: 700;
    white-space: nowrap;
}

/* ── LOAD MORE ── */
.te-load-more[b-srpe51r1s0] {
    display: block;
    width: 100%;
    padding: 1rem;
    cursor: pointer;
    font-size: .8rem;
    font-weight: 700;
    border-width: 0;
    border-top-width: 1px;
    border-style: solid;
}

/* ── EMPTY ── */
.te-empty[b-srpe51r1s0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .75rem;
    padding: 4rem 2rem;
    text-align: center;
}
.te-empty__ico[b-srpe51r1s0] { width: 64px; height: 64px; }
.te-empty p[b-srpe51r1s0]    { font-size: 1.1rem; font-weight: 600; margin: 0; }

.te-spinner[b-srpe51r1s0] { width: 32px; height: 32px; border-radius: 50%; border-width: 3px; border-style: solid; animation: t-spin 1s linear infinite; }

/* ── BUTTONS ── */
.te-btn[b-srpe51r1s0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    padding: .55rem 1.2rem;
    border-radius: 8px;
    font-size: .8rem;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
}
.te-btn:disabled[b-srpe51r1s0] { opacity: .5; cursor: not-allowed; }

.te-spin[b-srpe51r1s0] {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border-width: 2px;
    border-style: solid;
    display: inline-block;
    animation: t-spin 1s linear infinite;
}

/* ── SKELETON ── */
.te-skel--val[b-srpe51r1s0]   { display: inline-block; width: 2ch; min-height: 1em; }
.te-skel--avatar[b-srpe51r1s0]{ width: 36px; height: 36px; border-radius: 50%; flex-shrink: 0; }
.te-skel--name[b-srpe51r1s0]  { display: block; width: 130px; height: 13px; margin-bottom: 5px; border-radius: 4px; }
.te-skel--sub[b-srpe51r1s0]   { display: block; width: 90px;  height: 10px; border-radius: 4px; }
.te-skel--bar[b-srpe51r1s0]   { display: block; height: 6px;  border-radius: 3px; margin: .5rem 0; }
.te-skel--times[b-srpe51r1s0] { display: block; height: 10px; width: 70%;  border-radius: 4px; }
.te-skel--cell[b-srpe51r1s0]  { height: 14px;  border-radius: 4px; }

.te-skel-perf[b-srpe51r1s0] {
    padding: 1rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: .4rem;
}

/* ── DETAIL VIEW TOGGLE ── */
.te-detail--mobile[b-srpe51r1s0]  { display: none; }
.te-detail--desktop[b-srpe51r1s0] { display: block; }

/* ── MOBILE CARDS ── */
.te-card-list[b-srpe51r1s0] {
    flex-direction: column;
    gap: .6rem;
    padding: .75rem 1rem 1rem;
}

.te-mcard[b-srpe51r1s0] {
    border-radius: 12px;
    padding: .9rem 1rem;
    border-left: 4px solid transparent;
}

.te-mcard__top[b-srpe51r1s0] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: .4rem;
    flex-wrap: wrap;
}

.te-mcard__date[b-srpe51r1s0] {
    font-size: .72rem;
    font-family: var(--mt-font);
    flex-shrink: 0;
}

.te-mcard__extra[b-srpe51r1s0] {
    font-size: .62rem;
    font-weight: 700;
    margin-left: auto;
}

.te-mcard__name[b-srpe51r1s0] {
    margin: 0 0 .4rem;
    font-size: .92rem;
    font-weight: 600;
    line-height: 1.3;
}

.te-mcard__codigo[b-srpe51r1s0] {
    display: inline-block;
    font-family: var(--mt-font);
    font-size: .6rem;
    font-weight: 700;
    letter-spacing: .06em;
    color: var(--mt-primary);
    background: rgba(var(--mt-primary-rgb),.1);
    border: 1px solid rgba(var(--mt-primary-rgb),.25);
    border-radius: 4px;
    padding: 1px 5px;
    margin-right: 6px;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.te-mcard__meta[b-srpe51r1s0] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    margin-bottom: .5rem;
}

.te-mcard__worker[b-srpe51r1s0] {
    font-size: .8rem;
    font-weight: 500;
}

.te-mcard__proj[b-srpe51r1s0] {
    font-size: .72rem;
}

.te-mcard__times[b-srpe51r1s0] {
    display: flex;
    gap: 1rem;
    font-size: .75rem;
}

/* ── RESPONSIVE ── */
@media (max-width: 768px) {
    .te-kpis[b-srpe51r1s0]            { grid-template-columns: repeat(2, 1fr); }
    .te-header__top[b-srpe51r1s0]     { flex-direction: column; gap: .85rem; }
    .te-export-ctrl[b-srpe51r1s0]     { width: 100%; }
    .te-perf-grid[b-srpe51r1s0]       { grid-template-columns: 1fr; }
    .te-detail--desktop[b-srpe51r1s0] { display: none; }
    .te-detail--mobile[b-srpe51r1s0]  { display: flex; }
    .te-custom-range[b-srpe51r1s0]    { flex-wrap: wrap; gap: .4rem; }
    .te-finp--sm[b-srpe51r1s0]        { flex: 1; min-width: 120px; }
}

@media (max-width: 480px) {
    /* KPI strip: horizontal scroll on small phones */
    .te-kpis[b-srpe51r1s0] {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding-bottom: .65rem;
        gap: .5rem;
    }
    .te-kpis[b-srpe51r1s0]::-webkit-scrollbar { display: none; }
    .te-kpi[b-srpe51r1s0] {
        flex: 0 0 130px;
        min-width: 130px;
    }
    .te-section__head[b-srpe51r1s0] {
        flex-wrap: wrap;
        padding: .85rem 1rem;
        gap: .5rem;
    }
}
/* /Components/Pages/Tareas/VacacionesAreaDialog.razor.rz.scp.css */
.dlg-body[b-602gjmww9e] { display: flex; flex-direction: column; gap: 16px; padding: 4px 0; font-family: var(--mt-font); min-width: 480px; }
.dlg-form-section[b-602gjmww9e] { display: flex; flex-direction: column; gap: 10px; padding-bottom: 16px; border-bottom: 1px solid var(--mt-gray-200); }
.dlg-list-section[b-602gjmww9e] { display: flex; flex-direction: column; gap: 8px; }
.dlg-section-title[b-602gjmww9e] { font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--mt-muted-color); margin: 0; }
.dlg-frow[b-602gjmww9e] { display: flex; gap: 12px; }
.dlg-fgroup[b-602gjmww9e] { display: flex; flex-direction: column; gap: 5px; flex: 1; }
.dlg-label[b-602gjmww9e] { font-size: .75rem; font-weight: 600; color: var(--mt-gray-800); }
.dlg-input[b-602gjmww9e], .dlg-select[b-602gjmww9e] {
    height: 36px; border: 1.5px solid var(--mt-gray-300); border-radius: 8px;
    padding: 0 12px; font-size: .875rem; width: 100%; box-sizing: border-box;
    outline: none; font-family: inherit; color: var(--mt-heading-color); background: var(--mt-paper-bg);
    transition: border-color .2s, box-shadow .2s;
}
.dlg-input:focus[b-602gjmww9e], .dlg-select:focus[b-602gjmww9e] { border-color: var(--mt-primary); box-shadow: 0 0 0 3px rgba(var(--mt-primary-rgb),.12); }
.dlg-register-row[b-602gjmww9e] { display: flex; justify-content: flex-end; }
.dlg-vac-list[b-602gjmww9e] { display: flex; flex-direction: column; gap: 6px; max-height: 240px; overflow-y: auto; }
.dlg-vac-item[b-602gjmww9e] { display: flex; align-items: center; justify-content: space-between; gap: 8px; background: var(--mt-gray-25); border: 1px solid var(--mt-gray-200); border-radius: 8px; padding: .55rem .75rem; }
.dlg-vac-item__info[b-602gjmww9e] { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }
.dlg-vac-item__name[b-602gjmww9e] { font-size: .8rem; font-weight: 600; color: var(--mt-heading-color); }
.dlg-vac-item__range[b-602gjmww9e] { font-size: .72rem; color: var(--mt-gray-700); }
.dlg-vac-item__obs[b-602gjmww9e] { font-size: .7rem; color: var(--mt-muted-color); font-style: italic; }
.dlg-vac-item__right[b-602gjmww9e] { display: flex; align-items: center; gap: 6px; flex-shrink: 0; }
.dlg-badge[b-602gjmww9e] { font-size: .62rem; font-weight: 700; padding: 2px 7px; border-radius: 999px; text-transform: uppercase; letter-spacing: .06em; }
.dlg-badge--ok[b-602gjmww9e] { background: var(--mt-success-light); color: var(--mt-success); }
.dlg-badge--warn[b-602gjmww9e] { background: var(--mt-warning-light); color: var(--mt-warning); }
.dlg-loading[b-602gjmww9e], .dlg-empty[b-602gjmww9e] { font-size: .82rem; color: var(--mt-muted-color); text-align: center; padding: .75rem; }
.dlg-actions[b-602gjmww9e] { display: flex; justify-content: flex-end; padding-top: 4px; }
.dlg-btn[b-602gjmww9e] {
    padding: .45rem 1.1rem; font-size: .875rem; font-weight: 600;
    border-radius: 8px; cursor: pointer; font-family: inherit;
    display: inline-flex; align-items: center; gap: 6px;
    border: 1.5px solid transparent; transition: background .2s, border-color .2s;
}
.dlg-btn--sm[b-602gjmww9e] { padding: .35rem .85rem; font-size: .8rem; }
.dlg-btn--icon[b-602gjmww9e] { padding: 4px 8px; font-size: .75rem; }
.dlg-btn:disabled[b-602gjmww9e] { opacity: .45; cursor: not-allowed; }
.dlg-btn--primary[b-602gjmww9e] { color: #fff; background: var(--mt-primary); border-color: var(--mt-primary); }
.dlg-btn--primary:hover:not(:disabled)[b-602gjmww9e] { background: var(--mt-primary-hover); border-color: var(--mt-primary-hover); }
.dlg-btn--danger[b-602gjmww9e] { color: var(--mt-danger); background: var(--mt-paper-bg); border-color: var(--mt-danger); }
.dlg-btn--danger:hover:not(:disabled)[b-602gjmww9e] { background: rgba(var(--mt-danger-rgb), 0.12); }
.dlg-btn--ghost[b-602gjmww9e] { color: var(--mt-gray-800); background: var(--mt-gray-50); border-color: var(--mt-gray-200); }
.dlg-btn--ghost:hover:not(:disabled)[b-602gjmww9e] { background: var(--mt-gray-200); }
.dlg-spin[b-602gjmww9e] {
    width: 14px; height: 14px; border: 2px solid rgba(255,255,255,.4);
    border-top-color: #fff; border-radius: 50%; animation: dlgSpin .6s linear infinite; flex-shrink: 0;
}
@@keyframes dlgSpin { to[b-602gjmww9e] { transform: rotate(360deg); } }
/* /Components/Pages/Tareas/Vibracion/EditarVibracionDialog.razor.rz.scp.css */
.edit-vib[b-x4z89aiahk] {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0;
    /* La altura disponible la fija el contenedor del FluentDialog;
       aquí limitamos el alto total para que el footer quede sticky. */
    max-height: min(80vh, 720px);
    overflow: hidden;
}

.edit-vib__scroll[b-x4z89aiahk] {
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 4px 4px 12px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    /* Scrollbar fina, consistente con el resto del sistema */
    scrollbar-width: thin;
    scrollbar-color: var(--mt-border-color) transparent;
}

.edit-vib__scroll[b-x4z89aiahk]::-webkit-scrollbar { width: 8px; }
.edit-vib__scroll[b-x4z89aiahk]::-webkit-scrollbar-thumb {
    background: var(--mt-border-color);
    border-radius: 4px;
}
.edit-vib__scroll[b-x4z89aiahk]::-webkit-scrollbar-track { background: transparent; }

.edit-vib__header[b-x4z89aiahk] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    border-bottom: 1px solid var(--mt-border-color);
    padding-bottom: 12px;
}

.edit-vib__hint[b-x4z89aiahk] {
    margin: 4px 0 0;
    font-size: 12px;
    color: var(--mt-muted-color);
    line-height: 1.5;
}

.edit-vib__schedule[b-x4z89aiahk] {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 12px;
}

.edit-vib__field[b-x4z89aiahk] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.edit-vib__field input[b-x4z89aiahk] {
    width: 100%;
}

.edit-vib__actions[b-x4z89aiahk] {
    flex: 0 0 auto;
    justify-content: flex-end;
    gap: 8px;
    padding: 12px 4px 4px;
    border-top: 1px solid var(--mt-border-color);
    background: var(--mt-paper-bg);
    /* Sticky a abajo del dialog */
    position: sticky;
    bottom: 0;
    z-index: 1;
}

.edit-vib__spin[b-x4z89aiahk] {
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255, 255, 255, .35);
    border-top-color: #fff;
    border-radius: 50%;
    animation: edit-vib-spin-b-x4z89aiahk .8s linear infinite;
    display: inline-block;
}

@keyframes edit-vib-spin-b-x4z89aiahk {
    to { transform: rotate(360deg); }
}

@media (max-width: 540px) {
    .edit-vib__schedule[b-x4z89aiahk] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Tareas/Vibracion/ParticipanteAvatar.razor.rz.scp.css */
.vib-avatar[b-dfrihu5oj7] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 10px 3px 3px;
    background: var(--mt-gray-50, #2f3349);
    border: 2px solid var(--mt-border-color, #3e4258);
    border-radius: 999px;
    font-size: 12px;
    color: var(--mt-heading-color, #CFD3EC);
    position: relative;
}

.vib-avatar--acepta[b-dfrihu5oj7] {
    border-color: #16a34a;
    background: rgba(22, 163, 74, 0.08);
}

.vib-avatar--rechaza[b-dfrihu5oj7] {
    border-color: var(--mt-accent-error, #ef4444);
    background: rgba(239, 68, 68, 0.08);
    opacity: 0.7;
}

.vib-avatar--pendiente[b-dfrihu5oj7] {
    border-color: var(--mt-border-color, #3e4258);
}

.vib-avatar__img[b-dfrihu5oj7] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: cover;
}

.vib-avatar__initial[b-dfrihu5oj7] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--mt-paper-bg, #2F3349);
    font-size: 11px;
    font-weight: 700;
    color: var(--mt-heading-color, #CFD3EC);
}

.vib-avatar__crown[b-dfrihu5oj7] {
    color: #f59e0b;
    font-size: 11px;
}

.vib-avatar__ext[b-dfrihu5oj7] {
    background: var(--mt-event-vibracion, #FF6B9D);
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    padding: 1px 5px;
    border-radius: 3px;
    letter-spacing: 0.5px;
}

.vib-avatar__name[b-dfrihu5oj7] {
    white-space: nowrap;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Indicador "en la reunión ahora": punto pulsante verde */
.vib-avatar__pulse[b-dfrihu5oj7] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--mt-success, #28C76F);
    box-shadow: 0 0 0 0 rgba(40, 199, 111, .55);
    animation: vib-avatar-pulse-b-dfrihu5oj7 1.6s infinite;
    flex-shrink: 0;
}

@keyframes vib-avatar-pulse-b-dfrihu5oj7 {
    0%   { box-shadow: 0 0 0 0   rgba(40, 199, 111, .55); }
    70%  { box-shadow: 0 0 0 6px rgba(40, 199, 111, 0);   }
    100% { box-shadow: 0 0 0 0   rgba(40, 199, 111, 0);   }
}

/* Indicador "salió de la reunión": check tenue */
.vib-avatar__check[b-dfrihu5oj7] {
    color: var(--mt-success, #28C76F);
    font-size: 12px;
    font-weight: 700;
    flex-shrink: 0;
}
/* /Components/Pages/Tareas/Vibracion/VibracionDialog.razor.rz.scp.css */
.dlg-vibracion[b-1do4dqhdu7] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 4px 0;
}

/* Base de botones (cada dialog redefine la suya por aislamiento de Blazor) */
.dlg-btn[b-1do4dqhdu7] {
    padding: .5rem 1.25rem;
    font-size: .82rem;
    font-weight: 700;
    border-radius: 8px;
    cursor: pointer;
    font-family: var(--mt-font);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1.5px solid transparent;
    transition: background .18s, border-color .18s, box-shadow .18s, transform .12s;
    letter-spacing: .03em;
}
.dlg-btn:disabled[b-1do4dqhdu7] { opacity: .45; cursor: not-allowed; }
.dlg-btn:not(:disabled):active[b-1do4dqhdu7] { transform: scale(.96); }

.vibd-loading[b-1do4dqhdu7] {
    text-align: center;
    color: var(--mt-muted-color, #6b6f84);
    padding: 40px 0;
    font-style: italic;
}

.vibd-header[b-1do4dqhdu7] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    border-bottom: 1px solid var(--mt-border-color, #3e4258);
    padding-bottom: 10px;
}

.vibd-tag[b-1do4dqhdu7] {
    display: inline-block;
    background: var(--mt-event-vibracion, #FF6B9D);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 3px 8px;
    border-radius: 4px;
    align-self: flex-start;
}

.vibd-title[b-1do4dqhdu7] {
    margin: 4px 0 0;
    font-size: 18px;
    font-weight: 700;
    color: var(--mt-heading-color, #CFD3EC);
}

.vibd-code[b-1do4dqhdu7] {
    font-family: var(--mt-font-mono, "Courier New", monospace);
    font-size: 11px;
    color: var(--mt-muted-color, #6b6f84);
}

.vibd-meta[b-1do4dqhdu7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 10px;
}

.vibd-meta__item[b-1do4dqhdu7] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.vibd-meta__label[b-1do4dqhdu7] {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: var(--mt-muted-color, #6b6f84);
    font-weight: 600;
}

.vibd-meta__value[b-1do4dqhdu7] {
    font-size: 13px;
    color: var(--mt-heading-color, #CFD3EC);
    font-weight: 500;
}

.vibd-state[b-1do4dqhdu7] {
    text-transform: capitalize;
}

.vibd-state--pendiente[b-1do4dqhdu7] {
    color: #f59e0b;
}

.vibd-state--en_progreso[b-1do4dqhdu7] {
    color: #16a34a;
}

.vibd-state--rechazada[b-1do4dqhdu7] {
    color: var(--mt-accent-error, #ef4444);
}

.vibd-block[b-1do4dqhdu7] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.vibd-block__label[b-1do4dqhdu7] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: var(--mt-event-vibracion, #FF6B9D);
    font-weight: 700;
}

.vibd-block__hint[b-1do4dqhdu7] {
    color: var(--mt-muted-color, #6b6f84);
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    margin-left: 6px;
}

.vibd-block__value[b-1do4dqhdu7] {
    margin: 0;
    font-size: 13px;
    color: var(--mt-heading-color, #CFD3EC);
    line-height: 1.5;
}

.vibd-block__value--muted[b-1do4dqhdu7] {
    color: var(--mt-muted-color, #6b6f84);
    font-size: 12px;
    font-style: italic;
}

.vibd-link[b-1do4dqhdu7] {
    color: var(--mt-event-vibracion, #FF6B9D);
    text-decoration: none;
    font-size: 13px;
    word-break: break-all;
}

.vibd-link:hover[b-1do4dqhdu7] {
    text-decoration: underline;
}

.vibd-participantes[b-1do4dqhdu7] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.vibd-actions[b-1do4dqhdu7] {
    border-top: 1px solid var(--mt-border-color, #3e4258);
    padding-top: 10px;
}

.vibd-confirm[b-1do4dqhdu7] {
    background: rgba(239, 68, 68, 0.08);
    border: 1px solid rgba(239, 68, 68, 0.3);
    border-radius: 6px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 6px;
}

.vibd-confirm__title[b-1do4dqhdu7] {
    margin: 0;
    font-weight: 700;
    color: var(--mt-heading-color, #CFD3EC);
}

.vibd-confirm__desc[b-1do4dqhdu7] {
    margin: 0;
    font-size: 12px;
    color: var(--mt-body-color, #a3a7be);
}

.vibd-confirm__actions[b-1do4dqhdu7] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}
/* /Components/Pages/Tareas/Vibracion/VibracionFormSection.razor.rz.scp.css */
.vib-section[b-c2srj2nlfu] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-top: 8px;
    margin-top: 8px;
    border-top: 1px dashed var(--mt-border-color, #3e4258);
}

.vib-field[b-c2srj2nlfu] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.vib-radio-row[b-c2srj2nlfu] {
    display: flex;
    gap: 8px;
}

.vib-radio[b-c2srj2nlfu] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: var(--mt-body-color, #a3a7be);
    cursor: pointer;
}

.vib-textarea[b-c2srj2nlfu] {
    resize: vertical;
    font-family: var(--mt-font, inherit);
}

.vib-divider[b-c2srj2nlfu] {
    height: 1px;
    background: var(--mt-border-color, #3e4258);
    margin: 4px 0;
}

.vib-hint[b-c2srj2nlfu] {
    font-size: 11px;
    color: var(--mt-muted-color, #6b6f84);
    font-weight: 400;
    margin-left: 4px;
}

.vib-label-row[b-c2srj2nlfu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.vib-count[b-c2srj2nlfu] {
    font-size: 11px;
    font-weight: 600;
    color: var(--mt-primary);
    background: rgba(105, 108, 255, .12);
    padding: 2px 8px;
    border-radius: 999px;
    letter-spacing: .02em;
    text-transform: none;
}

.vib-empty[b-c2srj2nlfu] {
    font-size: 12px;
    color: var(--mt-muted-color, #6b6f84);
    font-style: italic;
}

/* Buscador de empleados — solo aparece cuando hay > 6 personas */
.vib-search[b-c2srj2nlfu] {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 6px;
}

.vib-search__icon[b-c2srj2nlfu] {
    position: absolute;
    left: 10px;
    width: 14px;
    height: 14px;
    color: var(--mt-muted-color);
    pointer-events: none;
}

.vib-search__input[b-c2srj2nlfu] {
    width: 100%;
    padding-left: 32px !important;
    padding-right: 30px !important;
}

.vib-search__clear[b-c2srj2nlfu] {
    position: absolute;
    right: 8px;
    background: transparent;
    border: 0;
    color: var(--mt-muted-color);
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
    padding: 2px 6px;
    border-radius: 4px;
}
.vib-search__clear:hover[b-c2srj2nlfu] {
    background: var(--mt-gray-50);
    color: var(--mt-heading-color);
}

.vib-chips[b-c2srj2nlfu] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.vib-chip[b-c2srj2nlfu] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px 4px 4px;
    background: var(--mt-gray-50, #2f3349);
    border: 2px solid var(--mt-border-color, #3e4258);
    border-radius: 20px;
    font-size: 12px;
    color: var(--mt-heading-color, #CFD3EC);
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
    position: relative;
}

.vib-chip:hover[b-c2srj2nlfu] {
    border-color: var(--mt-primary, #696CFF);
}

.vib-chip--ok[b-c2srj2nlfu] {
    border-color: var(--mt-event-vibracion, #FF6B9D);
    background: rgba(255, 107, 157, 0.08);
}

.vib-chip--conflicto[b-c2srj2nlfu] {
    border-color: var(--mt-accent-error, #ef4444);
    background: rgba(239, 68, 68, 0.10);
}

.vib-chip--warn[b-c2srj2nlfu] {
    border-color: var(--mt-warning, #f59e0b);
    background: rgba(245, 158, 11, 0.10);
}

.vib-chip__avatar[b-c2srj2nlfu] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    object-fit: cover;
    background: var(--mt-paper-bg, #2F3349);
}

.vib-chip__avatar--initial[b-c2srj2nlfu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    color: var(--mt-heading-color, #CFD3EC);
}

.vib-chip__name[b-c2srj2nlfu] {
    white-space: nowrap;
}

.vib-chip__check[b-c2srj2nlfu] {
    color: var(--mt-event-vibracion, #FF6B9D);
    font-weight: 700;
}

.vib-chip__badge[b-c2srj2nlfu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--mt-accent-error, #ef4444);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    cursor: help;
}

.vib-chip__badge--warn[b-c2srj2nlfu] {
    background: var(--mt-warning, #f59e0b);
}

.vib-ext-row[b-c2srj2nlfu] {
    display: grid;
    grid-template-columns: 1.3fr 1fr auto;
    gap: 6px;
}

.vib-ext-list[b-c2srj2nlfu] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 4px;
}

.vib-ext-item[b-c2srj2nlfu] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 8px;
    background: var(--mt-gray-50, #2f3349);
    border-radius: 6px;
    font-size: 12px;
}

.vib-ext-item__nombre[b-c2srj2nlfu] {
    font-weight: 600;
    color: var(--mt-heading-color, #CFD3EC);
}

.vib-ext-item__email[b-c2srj2nlfu] {
    color: var(--mt-muted-color, #6b6f84);
    flex: 1;
}

.vib-ext-item__del[b-c2srj2nlfu] {
    background: transparent;
    border: none;
    color: var(--mt-accent-error, #ef4444);
    font-size: 16px;
    cursor: pointer;
    padding: 0 4px;
}

.vib-conflict-banner[b-c2srj2nlfu] {
    background: rgba(239, 68, 68, 0.12);
    border: 1px solid rgba(239, 68, 68, 0.4);
    border-radius: 6px;
    padding: 8px 10px;
    font-size: 12px;
    color: var(--mt-heading-color, #CFD3EC);
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}

.vib-conflict-banner--warn[b-c2srj2nlfu] {
    background: rgba(245, 158, 11, 0.10);
    border-color: rgba(245, 158, 11, 0.4);
}

.vib-map-row[b-c2srj2nlfu] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.vib-map-btn[b-c2srj2nlfu] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    justify-content: flex-start;
}

.vib-map-coords[b-c2srj2nlfu] {
    font-size: 12px;
    color: var(--mt-event-vibracion, #FF6B9D);
    font-family: var(--mt-font-mono, "Courier New", monospace);
    font-weight: 600;
    background: rgba(255, 107, 157, 0.1);
    padding: 4px 8px;
    border-radius: 4px;
}

.vib-map-clear[b-c2srj2nlfu] {
    width: 22px;
    height: 22px;
    border: none;
    background: transparent;
    color: var(--mt-muted-color, #6b6f84);
    font-size: 16px;
    cursor: pointer;
    border-radius: 4px;
}

.vib-map-clear:hover[b-c2srj2nlfu] {
    background: rgba(239, 68, 68, 0.12);
    color: var(--mt-accent-error, #ef4444);
}
/* /Components/Pages/TimeReport/RentabilidadPage.razor.rz.scp.css */
/* ── Rentabilidad Page ─────────────────────────────────── */
.rp-shell[b-hdinte9x8v] {
    padding: 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

.rp-header[b-hdinte9x8v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.25rem;
    gap: 1rem;
}

.rp-label[b-hdinte9x8v] {
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: var(--mt-muted-color);
    margin: 0 0 0.2rem;
    text-transform: uppercase;
}

.rp-title[b-hdinte9x8v] {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--mt-heading-color);
    margin: 0;
}

.rp-filters[b-hdinte9x8v] {
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    padding: 1rem 1.25rem;
    margin-bottom: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.rp-filter-row[b-hdinte9x8v] { display: flex; align-items: center; flex-wrap: wrap; gap: 0.75rem; }
.rp-filter-label[b-hdinte9x8v] { font-size: 0.8rem; color: var(--mt-body-color); white-space: nowrap; }
.rp-date-range[b-hdinte9x8v]  { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }

.rp-kpi-strip[b-hdinte9x8v] { display: flex; gap: 1.5rem; flex-wrap: wrap; padding-top: 0.75rem; border-top: 1px solid var(--mt-border-color); }
.rp-kpi[b-hdinte9x8v] { display: flex; flex-direction: column; gap: 0.15rem; }
.rp-kpi__val[b-hdinte9x8v] { font-size: 1.35rem; font-weight: 700; color: var(--mt-heading-color); font-variant-numeric: tabular-nums; }
.rp-kpi--accent .rp-kpi__val[b-hdinte9x8v] { color: var(--mt-primary); }
.rp-kpi__lbl[b-hdinte9x8v] { font-size: 0.72rem; color: var(--mt-muted-color); text-transform: uppercase; letter-spacing: 0.07em; }

/* ── Tabla ─────────────────────────────────────────────── */
.rp-table-wrap[b-hdinte9x8v] { overflow-x: auto; }

.rp-table[b-hdinte9x8v] {
    width: 100%;
    border-collapse: collapse;
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    font-size: 0.83rem;
}

.rp-table thead th[b-hdinte9x8v] {
    padding: 0.6rem 0.85rem;
    text-align: left;
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--mt-muted-color);
    text-transform: uppercase;
    letter-spacing: 0.07em;
    border-bottom: 1px solid var(--mt-border-color);
    white-space: nowrap;
}

.rp-tr[b-hdinte9x8v] {
    cursor: pointer;
    border-bottom: 1px solid var(--mt-border-color);
    transition: background 0.12s;
}

.rp-tr:hover[b-hdinte9x8v] { background: var(--mt-gray-50); }
.rp-tr:last-child[b-hdinte9x8v] { border-bottom: none; }

.rp-tr-detalle[b-hdinte9x8v] {
    background: color-mix(in srgb, var(--mt-body-bg) 60%, transparent);
    border-bottom: 1px solid var(--mt-border-color);
}

.rp-table td[b-hdinte9x8v] {
    padding: 0.5rem 0.85rem;
    color: var(--mt-body-color);
    vertical-align: middle;
}

.rp-td--name[b-hdinte9x8v]  { color: var(--mt-heading-color); font-weight: 500; }
.rp-td--dim[b-hdinte9x8v]   { color: var(--mt-muted-color); }
.rp-td--mono[b-hdinte9x8v]  { font-variant-numeric: tabular-nums; white-space: nowrap; }
.rp-td--muted[b-hdinte9x8v] { color: var(--mt-muted-color); }

/* ── Badges ─────────────────────────────────────────────── */
.rp-badge[b-hdinte9x8v] {
    display: inline-block;
    padding: 0.2rem 0.6rem;
    border-radius: 3px;
    font-size: 0.75rem;
    font-weight: 700;
    white-space: nowrap;
}

.rp-badge--ok[b-hdinte9x8v]   { background: color-mix(in srgb,#52c41a 15%,transparent); color:#52c41a; }
.rp-badge--warn[b-hdinte9x8v] { background: color-mix(in srgb,#ff4d4f 15%,transparent); color:#ff4d4f; }

/* ── Barra de progreso ──────────────────────────────────── */
.rp-prog-wrap[b-hdinte9x8v] { display: flex; align-items: center; gap: 0.45rem; }
.rp-prog[b-hdinte9x8v] { flex: 1; min-width: 60px; height: 6px; background: var(--mt-border-color); border-radius: 3px; overflow: hidden; }
.rp-prog__fill[b-hdinte9x8v] { height: 100%; background: var(--mt-primary); border-radius: 3px; }
.rp-prog__fill--over[b-hdinte9x8v] { background: #ff4d4f; }
.rp-prog__pct[b-hdinte9x8v] { font-size: 0.7rem; color: var(--mt-muted-color); white-space: nowrap; }

/* ── Detalle equipo ─────────────────────────────────────── */
.rp-equipo[b-hdinte9x8v] { padding: 0.75rem 1rem; }
.rp-table--inner[b-hdinte9x8v] { border: none; background: transparent; }
.rp-table--inner thead th[b-hdinte9x8v] { background: transparent; }

/* ── Controles ──────────────────────────────────────────── */
.rp-btn[b-hdinte9x8v] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.45rem 0.9rem;
    border-radius: var(--mt-radius);
    font-size: 0.8rem;
    font-weight: 600;
    border: 1px solid transparent;
    cursor: pointer;
    transition: all 0.15s;
    text-decoration: none;
    white-space: nowrap;
}

.rp-btn--primary[b-hdinte9x8v]  { background: var(--mt-primary); color: #fff; border-color: var(--mt-primary); }
.rp-btn--primary:hover[b-hdinte9x8v]  { opacity: 0.9; }
.rp-btn--secondary[b-hdinte9x8v] { background: transparent; color: var(--mt-primary); border-color: var(--mt-primary); }
.rp-btn--secondary:hover[b-hdinte9x8v] { background: color-mix(in srgb, var(--mt-primary) 10%, transparent); }

.rp-input[b-hdinte9x8v] {
    background: var(--mt-gray-50);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    color: var(--mt-heading-color);
    padding: 0.4rem 0.65rem;
    font-size: 0.82rem;
}

.rp-input:focus[b-hdinte9x8v] { outline: none; border-color: var(--mt-primary); }

/* ── Loading / empty ─────────────────────────────────────── */
.rp-loading[b-hdinte9x8v] { display: flex; align-items: center; gap: 0.75rem; padding: 3rem; justify-content: center; color: var(--mt-body-color); }
.rp-spinner[b-hdinte9x8v] { width: 20px; height: 20px; border: 2px solid var(--mt-border-color); border-top-color: var(--mt-primary); border-radius: 50%; animation: rp-spin-b-hdinte9x8v 0.7s linear infinite; }
@keyframes rp-spin-b-hdinte9x8v { to { transform: rotate(360deg); } }
.rp-empty[b-hdinte9x8v] { text-align: center; padding: 3rem; color: var(--mt-muted-color); font-size: 0.9rem; }

/* ── Mobile ─────────────────────────────────────────────── */
.rp-detail--desktop[b-hdinte9x8v] { display: block; }
.rp-detail--mobile[b-hdinte9x8v]  { display: none; }

.rp-card-list[b-hdinte9x8v] { display: flex; flex-direction: column; gap: 0.75rem; }

.rp-mcard[b-hdinte9x8v] {
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    padding: 0.9rem 1rem;
}

.rp-mcard__top[b-hdinte9x8v] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.4rem; }
.rp-mcard__name[b-hdinte9x8v] { font-weight: 600; color: var(--mt-heading-color); margin: 0 0 0.35rem; font-size: 0.92rem; }
.rp-mcard__avance[b-hdinte9x8v] { font-size: 0.8rem; color: var(--mt-body-color); }
.rp-mcard__meta[b-hdinte9x8v] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.8rem; color: var(--mt-body-color); }

@media (max-width: 768px) {
    .rp-shell[b-hdinte9x8v] { padding: 1rem; }
    .rp-title[b-hdinte9x8v] { font-size: 1.3rem; }
    .rp-detail--desktop[b-hdinte9x8v] { display: none; }
    .rp-detail--mobile[b-hdinte9x8v]  { display: flex; }
}
/* /Components/Pages/TimeReport/TimeReportPage.razor.rz.scp.css */
/* ── Time Report Page ──────────────────────────────────── */
.tr-shell[b-mqwdyv8xx5] {
    padding: 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

.tr-header[b-mqwdyv8xx5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.25rem;
    gap: 1rem;
}

.tr-label[b-mqwdyv8xx5] {
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: var(--mt-muted-color);
    margin: 0 0 0.2rem;
    text-transform: uppercase;
}

.tr-title[b-mqwdyv8xx5] {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--mt-heading-color);
    margin: 0;
}

/* ── Filtros ────────────────────────────────────────────── */
.tr-filters[b-mqwdyv8xx5] {
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    padding: 1rem 1.25rem;
    margin-bottom: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.tr-filter-row[b-mqwdyv8xx5] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.tr-filter-label[b-mqwdyv8xx5] {
    font-size: 0.8rem;
    color: var(--mt-body-color);
    white-space: nowrap;
}

.tr-date-range[b-mqwdyv8xx5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

/* ── KPI Strip ──────────────────────────────────────────── */
.tr-kpi-strip[b-mqwdyv8xx5] {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
    padding-top: 0.75rem;
    border-top: 1px solid var(--mt-border-color);
}

.tr-kpi[b-mqwdyv8xx5] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.tr-kpi__val[b-mqwdyv8xx5] {
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--mt-heading-color);
    font-variant-numeric: tabular-nums;
}

.tr-kpi__val--accent[b-mqwdyv8xx5] { color: var(--mt-primary); }

.tr-kpi__lbl[b-mqwdyv8xx5] {
    font-size: 0.72rem;
    color: var(--mt-muted-color);
    text-transform: uppercase;
    letter-spacing: 0.07em;
}

/* ── Cards de empleado ──────────────────────────────────── */
.tr-card[b-mqwdyv8xx5] {
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    margin-bottom: 0.75rem;
    overflow: hidden;
}

.tr-card__header[b-mqwdyv8xx5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.9rem 1.25rem;
    cursor: pointer;
    user-select: none;
    transition: background 0.15s;
    gap: 1rem;
}

.tr-card__header:hover[b-mqwdyv8xx5] {
    background: color-mix(in srgb, var(--mt-paper-bg) 85%, var(--mt-primary));
}

.tr-emp-info[b-mqwdyv8xx5] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 200px;
}

.tr-avatar[b-mqwdyv8xx5] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.tr-avatar--fallback[b-mqwdyv8xx5] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--mt-primary);
    color: #fff;
    font-weight: 600;
    font-size: 0.85rem;
}

.tr-emp-detail[b-mqwdyv8xx5] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.tr-emp-name[b-mqwdyv8xx5] {
    font-weight: 600;
    color: var(--mt-heading-color);
    font-size: 0.9rem;
}

.tr-emp-stats[b-mqwdyv8xx5] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    flex-wrap: wrap;
}

.tr-stat[b-mqwdyv8xx5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.1rem;
}

.tr-stat__val[b-mqwdyv8xx5] {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--mt-heading-color);
    font-variant-numeric: tabular-nums;
}

.tr-stat--accent .tr-stat__val[b-mqwdyv8xx5] { color: var(--mt-primary); }
.tr-stat--warn .tr-stat__val[b-mqwdyv8xx5]   { color: var(--mt-danger, #ff4d4f); }

.tr-stat__lbl[b-mqwdyv8xx5] {
    font-size: 0.65rem;
    color: var(--mt-muted-color);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.tr-util-bar[b-mqwdyv8xx5] {
    width: 80px;
    height: 6px;
    background: var(--mt-border-color);
    border-radius: 3px;
    overflow: hidden;
}

.tr-util-bar__fill[b-mqwdyv8xx5] {
    height: 100%;
    background: var(--mt-primary);
    border-radius: 3px;
    transition: width 0.3s;
}

.tr-chevron[b-mqwdyv8xx5] {
    font-size: 0.65rem;
    color: var(--mt-muted-color);
    margin-left: 0.25rem;
}

/* ── Tabla de tareas ─────────────────────────────────────── */
.tr-card__tareas[b-mqwdyv8xx5] {
    border-top: 1px solid var(--mt-border-color);
    padding: 0.5rem 0;
}

.tr-table-wrap[b-mqwdyv8xx5] { overflow-x: auto; }

.tr-table[b-mqwdyv8xx5] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
}

.tr-table th[b-mqwdyv8xx5] {
    padding: 0.45rem 0.75rem;
    text-align: left;
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--mt-muted-color);
    text-transform: uppercase;
    letter-spacing: 0.07em;
    border-bottom: 1px solid var(--mt-border-color);
    white-space: nowrap;
}

.tr-tr[b-mqwdyv8xx5] {
    border-bottom: 1px solid var(--mt-border-color);
    transition: background 0.12s;
}

.tr-tr:last-child[b-mqwdyv8xx5] { border-bottom: none; }
.tr-tr:hover[b-mqwdyv8xx5] { background: var(--mt-gray-50); }
.tr-tr--sub[b-mqwdyv8xx5] { background: color-mix(in srgb, var(--mt-body-bg) 60%, transparent); }

.tr-table td[b-mqwdyv8xx5] {
    padding: 0.45rem 0.75rem;
    color: var(--mt-body-color);
    vertical-align: middle;
}

.tr-td--name[b-mqwdyv8xx5] { color: var(--mt-heading-color); font-weight: 500; max-width: 260px; }
.tr-td--dim[b-mqwdyv8xx5]  { color: var(--mt-muted-color); }
.tr-td--mono[b-mqwdyv8xx5] { font-variant-numeric: tabular-nums; white-space: nowrap; }
.tr-td--ok[b-mqwdyv8xx5]   { color: var(--mt-success, #52c41a); }
.tr-td--muted[b-mqwdyv8xx5] { color: var(--mt-muted-color); }
.tr-td--actions[b-mqwdyv8xx5] { white-space: nowrap; }

.tr-sub-indent[b-mqwdyv8xx5] {
    color: var(--mt-muted-color);
    margin-right: 0.25rem;
    font-size: 0.8rem;
}

.tr-code[b-mqwdyv8xx5] {
    font-size: 0.65rem;
    font-family: var(--mt-font-mono);
    color: var(--mt-primary);
    background: color-mix(in srgb, var(--mt-primary) 12%, transparent);
    padding: 0.1rem 0.35rem;
    border-radius: 3px;
    margin-right: 0.35rem;
}

/* ── Badges ─────────────────────────────────────────────── */
.tr-badge[b-mqwdyv8xx5] {
    display: inline-block;
    padding: 0.15rem 0.55rem;
    border-radius: 3px;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.tr-badge--nivel[b-mqwdyv8xx5] {
    background: color-mix(in srgb, var(--mt-info, #1677ff) 15%, transparent);
    color: var(--mt-info, #1677ff);
}

/* tipo_actividad */
.tr-badge--act-contable[b-mqwdyv8xx5]        { background: color-mix(in srgb,#52c41a 15%,transparent); color:#52c41a; }
.tr-badge--act-tributaria[b-mqwdyv8xx5]      { background: color-mix(in srgb,#fa8c16 15%,transparent); color:#fa8c16; }
.tr-badge--act-laboral[b-mqwdyv8xx5]         { background: color-mix(in srgb,#1677ff 15%,transparent); color:#1677ff; }
.tr-badge--act-auditoria[b-mqwdyv8xx5]       { background: color-mix(in srgb,#722ed1 15%,transparent); color:#722ed1; }
.tr-badge--act-advisory[b-mqwdyv8xx5]        { background: color-mix(in srgb,#eb2f96 15%,transparent); color:#eb2f96; }
.tr-badge--act-precios-transferencia[b-mqwdyv8xx5] { background: color-mix(in srgb,#13c2c2 15%,transparent); color:#13c2c2; }
.tr-badge--act-otro[b-mqwdyv8xx5]            { background: color-mix(in srgb,var(--mt-muted-color) 15%,transparent); color:var(--mt-muted-color); }

/* flujo_tecnico_estado */
.tr-badge--flujo-preparar[b-mqwdyv8xx5]       { background: color-mix(in srgb,#8c8c8c 15%,transparent); color:#8c8c8c; }
.tr-badge--flujo-en-proceso[b-mqwdyv8xx5]     { background: color-mix(in srgb,#1677ff 15%,transparent); color:#1677ff; }
.tr-badge--flujo-para-revision[b-mqwdyv8xx5]  { background: color-mix(in srgb,#fa8c16 15%,transparent); color:#fa8c16; }
.tr-badge--flujo-en-revision[b-mqwdyv8xx5]    { background: color-mix(in srgb,#722ed1 15%,transparent); color:#722ed1; }
.tr-badge--flujo-reproceso[b-mqwdyv8xx5]      { background: color-mix(in srgb,#ff4d4f 15%,transparent); color:#ff4d4f; }
.tr-badge--flujo-aprobada[b-mqwdyv8xx5]       { background: color-mix(in srgb,#52c41a 15%,transparent); color:#52c41a; }
.tr-badge--flujo-cerrada[b-mqwdyv8xx5]        { background: color-mix(in srgb,var(--mt-muted-color) 15%,transparent); color:var(--mt-muted-color); }

/* ── Controles ──────────────────────────────────────────── */
.tr-btn[b-mqwdyv8xx5] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.45rem 0.9rem;
    border-radius: var(--mt-radius);
    font-size: 0.8rem;
    font-weight: 600;
    border: 1px solid transparent;
    cursor: pointer;
    transition: all 0.15s;
    text-decoration: none;
    white-space: nowrap;
}

.tr-btn--primary[b-mqwdyv8xx5]  { background: var(--mt-primary); color: #fff; border-color: var(--mt-primary); }
.tr-btn--primary:hover[b-mqwdyv8xx5] { opacity: 0.9; }
.tr-btn--secondary[b-mqwdyv8xx5] { background: transparent; color: var(--mt-primary); border-color: var(--mt-primary); }
.tr-btn--secondary:hover[b-mqwdyv8xx5] { background: color-mix(in srgb, var(--mt-primary) 10%, transparent); }
.tr-btn--ghost[b-mqwdyv8xx5]    { background: transparent; color: var(--mt-body-color); border-color: var(--mt-border-color); }
.tr-btn--ghost:hover[b-mqwdyv8xx5] { background: var(--mt-gray-50); }
.tr-btn--success[b-mqwdyv8xx5]  { background: color-mix(in srgb,#52c41a 15%,transparent); color:#52c41a; border-color:#52c41a; }
.tr-btn--xs[b-mqwdyv8xx5]       { padding: 0.25rem 0.5rem; font-size: 0.75rem; }

.tr-input[b-mqwdyv8xx5], .tr-select[b-mqwdyv8xx5] {
    background: var(--mt-gray-50);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    color: var(--mt-heading-color);
    padding: 0.4rem 0.65rem;
    font-size: 0.82rem;
}

.tr-input:focus[b-mqwdyv8xx5], .tr-select:focus[b-mqwdyv8xx5] {
    outline: none;
    border-color: var(--mt-primary);
}

/* ── Estado vacío / loading ─────────────────────────────── */
.tr-loading[b-mqwdyv8xx5] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 3rem;
    justify-content: center;
    color: var(--mt-body-color);
}

.tr-spinner[b-mqwdyv8xx5] {
    width: 20px;
    height: 20px;
    border: 2px solid var(--mt-border-color);
    border-top-color: var(--mt-primary);
    border-radius: 50%;
    animation: tr-spin-b-mqwdyv8xx5 0.7s linear infinite;
}

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

.tr-empty[b-mqwdyv8xx5] {
    text-align: center;
    padding: 3rem;
    color: var(--mt-muted-color);
    font-size: 0.9rem;
}

/* ── Mobile ─────────────────────────────────────────────── */
@media (max-width: 768px) {
    .tr-shell[b-mqwdyv8xx5] { padding: 1rem; }
    .tr-title[b-mqwdyv8xx5] { font-size: 1.3rem; }
    .tr-emp-stats[b-mqwdyv8xx5] { gap: 0.75rem; }
    .tr-util-bar[b-mqwdyv8xx5] { display: none; }
    .tr-table[b-mqwdyv8xx5] { font-size: 0.78rem; }
    .tr-kpi-strip[b-mqwdyv8xx5] { gap: 1rem; }
    .tr-kpi__val[b-mqwdyv8xx5] { font-size: 1.1rem; }
}
/* /Components/Pages/TimeReport/TRFlujoDialog.razor.rz.scp.css */
/* ── TR Flujo Dialog ───────────────────────────────────── */
.trd-flujo[b-6y2hm2d1mm] { display: flex; flex-direction: column; gap: 1.1rem; padding: 0.25rem 0; }

.trd-flujo__info[b-6y2hm2d1mm] {
    background: var(--mt-gray-50);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    padding: 0.75rem 1rem;
}

.trd-flujo__nombre[b-6y2hm2d1mm] {
    font-weight: 600;
    color: var(--mt-heading-color);
    margin: 0 0 0.4rem;
    font-size: 0.92rem;
}

.trd-flujo__actual[b-6y2hm2d1mm] {
    font-size: 0.8rem;
    color: var(--mt-body-color);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.trd-label[b-6y2hm2d1mm] {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--mt-body-color);
    margin-bottom: 0.45rem;
    display: block;
}

.trd-req[b-6y2hm2d1mm] { color: var(--mt-danger, #ff4d4f); margin-left: 2px; }

.trd-opciones-list[b-6y2hm2d1mm] { display: flex; flex-direction: column; gap: 0.5rem; }

.trd-opcion[b-6y2hm2d1mm] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.65rem 0.85rem;
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    cursor: pointer;
    transition: all 0.15s;
}

.trd-opcion input[type="radio"][b-6y2hm2d1mm] { display: none; }

.trd-opcion:hover[b-6y2hm2d1mm] {
    border-color: var(--mt-primary);
    background: color-mix(in srgb, var(--mt-primary) 5%, transparent);
}

.trd-opcion--sel[b-6y2hm2d1mm] {
    border-color: var(--mt-primary);
    background: color-mix(in srgb, var(--mt-primary) 8%, transparent);
}

.trd-opcion__content[b-6y2hm2d1mm] { display: flex; align-items: center; gap: 0.65rem; }

.trd-opcion__desc[b-6y2hm2d1mm] {
    font-size: 0.82rem;
    color: var(--mt-body-color);
}

.trd-textarea[b-6y2hm2d1mm] {
    width: 100%;
    background: var(--mt-gray-50);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    color: var(--mt-heading-color);
    padding: 0.5rem 0.75rem;
    font-size: 0.83rem;
    font-family: var(--mt-font);
    resize: vertical;
    box-sizing: border-box;
}

.trd-textarea:focus[b-6y2hm2d1mm] { outline: none; border-color: var(--mt-primary); }

/* flujo badges */
.trd-badge[b-6y2hm2d1mm] {
    display: inline-block;
    padding: 0.15rem 0.5rem;
    border-radius: 3px;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.trd-badge--flujo-preparar[b-6y2hm2d1mm]       { background: color-mix(in srgb,#8c8c8c 15%,transparent); color:#8c8c8c; }
.trd-badge--flujo-en-proceso[b-6y2hm2d1mm]     { background: color-mix(in srgb,#1677ff 15%,transparent); color:#1677ff; }
.trd-badge--flujo-para-revision[b-6y2hm2d1mm]  { background: color-mix(in srgb,#fa8c16 15%,transparent); color:#fa8c16; }
.trd-badge--flujo-en-revision[b-6y2hm2d1mm]    { background: color-mix(in srgb,#722ed1 15%,transparent); color:#722ed1; }
.trd-badge--flujo-reproceso[b-6y2hm2d1mm]      { background: color-mix(in srgb,#ff4d4f 15%,transparent); color:#ff4d4f; }
.trd-badge--flujo-aprobada[b-6y2hm2d1mm]       { background: color-mix(in srgb,#52c41a 15%,transparent); color:#52c41a; }
.trd-badge--flujo-cerrada[b-6y2hm2d1mm]        { background: color-mix(in srgb,#8c8c8c 15%,transparent); color:#8c8c8c; }

.trd-error[b-6y2hm2d1mm] {
    background: color-mix(in srgb,#ff4d4f 12%, transparent);
    border: 1px solid #ff4d4f;
    border-radius: var(--mt-radius);
    color: #ff4d4f;
    font-size: 0.82rem;
    padding: 0.5rem 0.75rem;
}

.trd-actions[b-6y2hm2d1mm] {
    display: flex;
    justify-content: flex-end;
    gap: 0.6rem;
    padding-top: 0.25rem;
}

.trd-btn[b-6y2hm2d1mm] {
    padding: 0.45rem 1rem;
    border-radius: var(--mt-radius);
    font-size: 0.82rem;
    font-weight: 600;
    border: 1px solid transparent;
    cursor: pointer;
    transition: all 0.15s;
}

.trd-btn--primary[b-6y2hm2d1mm] { background: var(--mt-primary); color: #fff; border-color: var(--mt-primary); }
.trd-btn--primary:hover:not([disabled])[b-6y2hm2d1mm] { opacity: 0.88; }
.trd-btn--primary[disabled][b-6y2hm2d1mm] { opacity: 0.5; cursor: not-allowed; }
.trd-btn--ghost[b-6y2hm2d1mm] { background: transparent; color: var(--mt-body-color); border-color: var(--mt-border-color); }
.trd-btn--ghost:hover[b-6y2hm2d1mm] { background: var(--mt-gray-50); }
/* /Components/Pages/Usuarios/UsuarioDetalleDialog.razor.rz.scp.css */
/* =========================================================
   UsuarioDetalleDialog — Dark/Light theme aware
   ========================================================= */

.ud-wrapper[b-9ffn75tko8] {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 4px 0;
    font-family: var(--mt-font);
    color: var(--mt-heading-color);
}

/* ── Header card ─────────────────────────────────────────── */
.ud-header[b-9ffn75tko8] {
    background: var(--mt-primary-light);
    border-radius: var(--mt-radius);
    padding: 20px;
    margin-bottom: 4px;
    color: var(--mt-heading-color);
    display: flex;
    width: 100%;
    align-items: center;
    gap: 16px;
    border: 1px solid rgba(var(--mt-primary-rgb), .28);
}

.ud-avatar[b-9ffn75tko8] {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: rgba(var(--mt-primary-rgb), 0.18);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
    flex-shrink: 0;
    border: 2px solid rgba(var(--mt-primary-rgb), 0.45);
    letter-spacing: 1px;
    color: var(--mt-primary);
}

.ud-header-info[b-9ffn75tko8] {
    min-width: 0;
    flex: 1;
}

.ud-header-name[b-9ffn75tko8] {
    font-weight: 700;
    font-size: 15px;
    color: var(--mt-heading-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ud-header-doc[b-9ffn75tko8] {
    font-size: 12px;
    color: var(--mt-body-color);
    margin-top: 3px;
}

.ud-header-status[b-9ffn75tko8] {
    margin-top: 8px;
}

.ud-status[b-9ffn75tko8] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border-radius: 20px;
    padding: 2px 10px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .02em;
}

.ud-status--suspendido[b-9ffn75tko8] {
    background: var(--mt-danger-subtle);
    border: 1px solid rgba(var(--mt-danger-rgb), 0.45);
    color: var(--mt-danger);
}

.ud-status--activo[b-9ffn75tko8] {
    background: var(--mt-success-subtle);
    border: 1px solid rgba(var(--mt-success-rgb), 0.45);
    color: var(--mt-success);
}

.ud-status--inactivo[b-9ffn75tko8] {
    background: var(--mt-secondary-subtle);
    border: 1px solid rgba(var(--mt-secondary-rgb), 0.35);
    color: var(--mt-body-color);
}

/* ── Tabs ────────────────────────────────────────────────── */
.ud-tabs[b-9ffn75tko8] {
    display: flex;
    gap: 0;
    border-bottom: 2px solid var(--mt-border-color);
    margin-bottom: 16px;
    margin-top: 12px;
}

.ud-tab[b-9ffn75tko8] {
    flex: 1;
    padding: 9px 0;
    text-align: center;
    font-size: .78rem;
    font-weight: 600;
    color: var(--mt-body-color);
    background: none;
    border: none;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    transition: color .15s, border-color .15s;
    font-family: inherit;
    letter-spacing: .02em;
}

.ud-tab:hover[b-9ffn75tko8] {
    color: var(--mt-heading-color);
}

.ud-tab.is-active[b-9ffn75tko8] {
    color: var(--mt-primary);
    border-bottom-color: var(--mt-primary);
}

.ud-tab-body[b-9ffn75tko8] {
    display: none;
}

.ud-tab-body.is-active[b-9ffn75tko8] {
    display: block;
}

/* ── Sections ────────────────────────────────────────────── */
.ud-section[b-9ffn75tko8] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ud-section-title[b-9ffn75tko8] {
    font-size: 10.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--mt-body-color);
    margin-bottom: 2px;
}

.ud-divider[b-9ffn75tko8] {
    border: none;
    border-top: 1px solid var(--mt-border-color);
    margin: .75rem 0;
}

.ud-suspend-row[b-9ffn75tko8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.ud-suspend-hint[b-9ffn75tko8] {
    font-size: .72rem;
    color: var(--mt-body-color);
}

.ud-readonly-hint[b-9ffn75tko8] {
    font-size: .75rem;
    color: var(--mt-muted-color);
    font-style: italic;
    margin-top: 2px;
}

/* ── Inputs ──────────────────────────────────────────────── */
.ud-field-label[b-9ffn75tko8] {
    font-size: .75rem;
    font-weight: 600;
    color: var(--mt-body-color);
    display: block;
    margin-bottom: 4px;
}

.ud-input[b-9ffn75tko8],
.ud-select[b-9ffn75tko8] {
    height: 38px;
    border: 1.5px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    padding: 0 12px;
    font-size: .875rem;
    width: 100%;
    box-sizing: border-box;
    outline: none;
    font-family: inherit;
    color: var(--mt-heading-color);
    background: var(--mt-gray-50);
    transition: border-color .2s, box-shadow .2s;
}

.ud-input:focus[b-9ffn75tko8],
.ud-select:focus[b-9ffn75tko8] {
    border-color: var(--mt-primary);
    box-shadow: 0 0 0 3px rgba(var(--mt-primary-rgb), .18);
}

.ud-input[readonly][b-9ffn75tko8] {
    background: var(--mt-gray-100);
    color: var(--mt-body-color);
}

.ud-input.invalid[b-9ffn75tko8],
.ud-select.invalid[b-9ffn75tko8] {
    border-color: var(--mt-danger);
}

.ud-field-err[b-9ffn75tko8] {
    font-size: .75rem;
    color: var(--mt-danger);
    margin-top: 2px;
}

/* ── Buttons ─────────────────────────────────────────────── */
.ud-actions[b-9ffn75tko8] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 6px;
    border-top: 1px solid var(--mt-border-color);
    margin-top: 8px;
}

.ud-btn[b-9ffn75tko8] {
    width: 100%;
    padding: .5rem 1rem;
    font-size: .875rem;
    font-weight: 600;
    border-radius: var(--mt-radius);
    cursor: pointer;
    font-family: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1.5px solid transparent;
    transition: background .2s, border-color .2s;
}

.ud-btn--primary[b-9ffn75tko8] {
    color: #fff;
    background: var(--mt-primary);
    border-color: var(--mt-primary);
}

.ud-btn--primary:hover:not(:disabled)[b-9ffn75tko8] {
    background: var(--mt-primary-hover);
    border-color: var(--mt-primary-hover);
}

.ud-btn--outline[b-9ffn75tko8] {
    color: var(--mt-body-color);
    background: var(--mt-gray-50);
    border-color: var(--mt-border-color);
}

.ud-btn--outline:hover:not(:disabled)[b-9ffn75tko8] {
    background: var(--mt-gray-100);
    border-color: var(--mt-gray-400);
}

.ud-btn--neutral[b-9ffn75tko8] {
    color: var(--mt-body-color);
    background: var(--mt-gray-100);
    border-color: var(--mt-border-color);
}

.ud-btn--neutral:hover[b-9ffn75tko8] {
    background: var(--mt-gray-200);
}

.ud-btn--sm[b-9ffn75tko8] {
    padding: .35rem .75rem;
    font-size: .78rem;
}

.ud-btn--mt[b-9ffn75tko8] {
    margin-top: 10px;
}

.ud-btn:disabled[b-9ffn75tko8] {
    opacity: .45;
    cursor: not-allowed;
}

/* ── Spinner ─────────────────────────────────────────────── */
.ud-spinner[b-9ffn75tko8] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, .4);
    border-top-color: #fff;
    border-radius: 50%;
    animation: udSpin-b-9ffn75tko8 .6s linear infinite;
    flex-shrink: 0;
}

.ud-spinner--dark[b-9ffn75tko8] {
    border-color: rgba(var(--mt-primary-rgb), .25);
    border-top-color: var(--mt-primary);
}

@keyframes udSpin-b-9ffn75tko8 {
    to { transform: rotate(360deg); }
}

/* ── Schedule editor ─────────────────────────────────────── */
.ud-sched[b-9ffn75tko8] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 8px;
}

.ud-sched-toggle[b-9ffn75tko8] {
    margin-top: 8px;
}

.ud-day[b-9ffn75tko8] {
    display: grid;
    grid-template-columns: 80px 1fr;
    gap: 0;
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    overflow: hidden;
    background: var(--mt-paper-bg);
}

.ud-day--off[b-9ffn75tko8] {
    opacity: .7;
}

.ud-day__label[b-9ffn75tko8] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 10px;
    background: var(--mt-gray-100);
    border-right: 1px solid var(--mt-border-color);
    font-size: .78rem;
    font-weight: 600;
    color: var(--mt-heading-color);
}

.ud-day__label input[type=checkbox][b-9ffn75tko8] {
    accent-color: var(--mt-primary);
}

.ud-day__body[b-9ffn75tko8] {
    padding: 6px 10px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-height: 38px;
    justify-content: center;
}

.ud-shift[b-9ffn75tko8] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.ud-shift__time[b-9ffn75tko8] {
    width: 88px;
    height: 28px;
    border: 1.5px solid var(--mt-border-color);
    border-radius: 6px;
    padding: 0 5px;
    font-size: .75rem;
    font-family: var(--mt-font);
    color: var(--mt-heading-color);
    background: var(--mt-gray-50);
    outline: none;
    box-sizing: border-box;
}

.ud-shift__time:focus[b-9ffn75tko8] {
    border-color: var(--mt-primary);
    box-shadow: 0 0 0 2px rgba(var(--mt-primary-rgb), .18);
}

.ud-shift__sep[b-9ffn75tko8] {
    font-size: .7rem;
    color: var(--mt-muted-color);
    flex-shrink: 0;
}

.ud-shift__del[b-9ffn75tko8] {
    width: 22px;
    height: 22px;
    border-radius: 4px;
    border: none;
    background: var(--mt-danger-subtle);
    color: var(--mt-danger);
    font-size: .8rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background .15s;
}

.ud-shift__del:hover[b-9ffn75tko8] {
    background: var(--mt-danger-light);
}

.ud-day__add[b-9ffn75tko8] {
    background: none;
    border: none;
    color: var(--mt-primary);
    font-size: .72rem;
    font-weight: 600;
    cursor: pointer;
    padding: 2px 0;
    font-family: inherit;
    text-align: left;
    transition: color .15s;
}

.ud-day__add:hover[b-9ffn75tko8] {
    color: var(--mt-primary-hover);
}

.ud-libre[b-9ffn75tko8] {
    font-size: .72rem;
    color: var(--mt-muted-color);
    font-style: italic;
    display: flex;
    align-items: center;
    height: 28px;
}

.ud-empty-hint[b-9ffn75tko8] {
    font-size: .8rem;
    color: var(--mt-muted-color);
    font-style: italic;
    padding: .5rem 0;
}

.ud-alert[b-9ffn75tko8] {
    background: var(--mt-warning-subtle);
    border: 1px solid rgba(var(--mt-warning-rgb), .35);
    border-radius: var(--mt-radius);
    padding: .45rem .7rem;
    font-size: .78rem;
    color: var(--mt-warning);
    margin-top: 6px;
}
/* /Components/Pages/Vacaciones/CalendarioVacacionesPage.razor.rz.scp.css */
.cv-toolbar[b-532row7wcb] {
    display: flex;
    align-items: center;
    gap: .65rem;
    margin: 1rem 0;
    flex-wrap: wrap;
}

.cv-btn-nav[b-532row7wcb] {
    width: 36px;
    height: 36px;
    border-radius: var(--mt-radius);
    border: 1px solid var(--mt-border-color);
    background: var(--mt-paper-bg);
    color: var(--mt-heading-color);
    font-size: 1.2rem;
    font-weight: 700;
    cursor: pointer;
}

.cv-btn-nav:hover[b-532row7wcb] {
    border-color: var(--mt-primary);
    color: var(--mt-primary);
}

.cv-titulo[b-532row7wcb] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--mt-heading-color);
    text-transform: capitalize;
    min-width: 160px;
    text-align: center;
}

.cv-spacer[b-532row7wcb] {
    flex: 1;
}

.cv-scope[b-532row7wcb] {
    height: 36px;
    padding: 0 .75rem;
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    background: var(--mt-gray-50);
    color: var(--mt-heading-color);
    font-family: var(--mt-font);
    font-size: .85rem;
}

.cv-empty[b-532row7wcb] {
    padding: 2rem 1rem;
    text-align: center;
    color: var(--mt-muted-color);
    background: var(--mt-paper-bg);
    border: 1px dashed var(--mt-border-color);
    border-radius: var(--mt-radius);
}

.cv-empty-title[b-532row7wcb] {
    margin: 0 0 .25rem;
    font-weight: 700;
    color: var(--mt-heading-color);
}

.cv-empty-subtitle[b-532row7wcb] {
    margin: 0;
    font-size: .85rem;
}

.cv-list[b-532row7wcb] {
    display: flex;
    flex-direction: column;
    gap: .55rem;
}

.cv-row[b-532row7wcb] {
    display: flex;
    align-items: center;
    gap: .8rem;
    padding: .75rem 1rem;
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
}

.cv-row__avatar[b-532row7wcb] {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(var(--mt-primary-rgb), .18);
    border: 1.5px solid rgba(var(--mt-primary-rgb), .35);
    color: var(--mt-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    flex-shrink: 0;
}

.cv-row__info[b-532row7wcb] {
    flex: 1;
    min-width: 0;
}

.cv-row__name[b-532row7wcb] {
    font-weight: 700;
    color: var(--mt-heading-color);
    font-size: .9rem;
}

.cv-row__rango[b-532row7wcb] {
    font-size: .82rem;
    color: var(--mt-body-color);
    margin-top: .15rem;
}

.cv-row__dias[b-532row7wcb] {
    color: var(--mt-muted-color);
    font-size: .75rem;
}
/* /Components/Pages/Vacaciones/GestionVacacionesAdminPage.razor.rz.scp.css */
.gv-empty[b-nglsrvhnor] {
    padding: 2rem 1rem;
    text-align: center;
    color: var(--mt-muted-color);
    background: var(--mt-paper-bg);
    border: 1px dashed var(--mt-border-color);
    border-radius: var(--mt-radius);
}

.gv-empty-title[b-nglsrvhnor] {
    margin: 0 0 .25rem;
    font-weight: 700;
    color: var(--mt-heading-color);
}

.gv-empty-subtitle[b-nglsrvhnor] {
    margin: 0;
    font-size: .85rem;
}

.gv-card[b-nglsrvhnor] {
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    padding: 1rem;
    margin-bottom: .75rem;
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.gv-card__head[b-nglsrvhnor] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.gv-avatar[b-nglsrvhnor] {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(var(--mt-warning-rgb), .18);
    border: 1.5px solid rgba(var(--mt-warning-rgb), .35);
    color: var(--mt-warning);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    flex-shrink: 0;
}

.gv-card__name[b-nglsrvhnor] {
    font-weight: 700;
    color: var(--mt-heading-color);
    font-size: .95rem;
}

.gv-card__meta[b-nglsrvhnor] {
    color: var(--mt-body-color);
    font-size: .78rem;
    margin-top: .15rem;
}

.gv-card__body[b-nglsrvhnor] {
    background: var(--mt-gray-50);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    padding: .55rem .75rem;
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.gv-period[b-nglsrvhnor] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
    font-size: .82rem;
    color: var(--mt-body-color);
}

.gv-period__anio[b-nglsrvhnor] {
    font-family: var(--mt-font-mono);
    font-weight: 700;
    color: var(--mt-primary);
}

.gv-period__vencimiento[b-nglsrvhnor] {
    color: var(--mt-muted-color);
}

.gv-period__dias[b-nglsrvhnor] {
    color: var(--mt-heading-color);
    font-weight: 600;
}

.gv-card__foot[b-nglsrvhnor] {
    padding-top: .55rem;
    border-top: 1px dashed var(--mt-border-color);
}

.gv-hint[b-nglsrvhnor] {
    font-size: .78rem;
    color: var(--mt-warning);
    font-style: italic;
}
/* /Components/Pages/Vacaciones/MisVacacionesPage.razor.rz.scp.css */
.mv-empty[b-l5r7pn5weh] {
    padding: 2rem 1rem;
    text-align: center;
    color: var(--mt-muted-color);
    background: var(--mt-paper-bg);
    border: 1px dashed var(--mt-border-color);
    border-radius: var(--mt-radius);
}

.mv-empty-title[b-l5r7pn5weh] {
    margin: 0 0 .25rem;
    font-weight: 700;
    color: var(--mt-heading-color);
}

.mv-empty-subtitle[b-l5r7pn5weh] {
    margin: 0;
    font-size: .85rem;
}

.mv-grid[b-l5r7pn5weh] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: .85rem;
}

.mv-card[b-l5r7pn5weh] {
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: .75rem;
    transition: border-color .15s ease;
}

.mv-card.is-warning[b-l5r7pn5weh] {
    border-color: rgba(var(--mt-warning-rgb), .35);
    background: linear-gradient(180deg, var(--mt-warning-subtle) 0%, var(--mt-paper-bg) 30%);
}

.mv-card.is-vencido[b-l5r7pn5weh] {
    border-color: rgba(var(--mt-danger-rgb), .35);
    background: linear-gradient(180deg, var(--mt-danger-subtle) 0%, var(--mt-paper-bg) 30%);
}

.mv-card__head[b-l5r7pn5weh] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .5rem;
}

.mv-card__anio[b-l5r7pn5weh] {
    display: inline-block;
    font-family: var(--mt-font-mono);
    font-size: .68rem;
    font-weight: 700;
    color: var(--mt-primary);
    letter-spacing: .06em;
    text-transform: uppercase;
}

.mv-card__titulo[b-l5r7pn5weh] {
    margin: .15rem 0 0;
    font-size: 1rem;
    font-weight: 700;
    color: var(--mt-heading-color);
    line-height: 1.2;
}

.mv-card__sub[b-l5r7pn5weh] {
    font-size: .75rem;
    color: var(--mt-body-color);
    margin-top: .15rem;
    display: block;
}

.mv-badge[b-l5r7pn5weh] {
    font-size: .65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    padding: .2rem .55rem;
    border-radius: 999px;
    border: 1px solid transparent;
    flex-shrink: 0;
    white-space: nowrap;
}

.mv-badge--ok[b-l5r7pn5weh] {
    background: var(--mt-success-subtle);
    color: var(--mt-success);
    border-color: rgba(var(--mt-success-rgb), .35);
}

.mv-badge--warn[b-l5r7pn5weh] {
    background: var(--mt-warning-subtle);
    color: var(--mt-warning);
    border-color: rgba(var(--mt-warning-rgb), .35);
}

.mv-badge--danger[b-l5r7pn5weh] {
    background: var(--mt-danger-subtle);
    color: var(--mt-danger);
    border-color: rgba(var(--mt-danger-rgb), .35);
}

.mv-progress[b-l5r7pn5weh] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.mv-progress__bar[b-l5r7pn5weh] {
    height: 8px;
    background: var(--mt-gray-100);
    border-radius: 4px;
    overflow: hidden;
}

.mv-progress__fill[b-l5r7pn5weh] {
    height: 100%;
    background: linear-gradient(90deg, var(--mt-primary), var(--mt-primary-hover));
    transition: width .3s ease;
}

.mv-progress__labels[b-l5r7pn5weh] {
    display: flex;
    justify-content: space-between;
    font-size: .82rem;
    color: var(--mt-body-color);
}

.mv-progress__total[b-l5r7pn5weh] {
    color: var(--mt-muted-color);
}

.mv-card__foot[b-l5r7pn5weh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: .55rem;
    border-top: 1px dashed var(--mt-border-color);
    gap: .5rem;
}

.mv-card__venc[b-l5r7pn5weh] {
    font-size: .75rem;
    color: var(--mt-muted-color);
}

.mv-btn-vender[b-l5r7pn5weh] {
    padding: .35rem .8rem;
    background: var(--mt-primary-subtle);
    color: var(--mt-primary);
    border: 1px solid rgba(var(--mt-primary-rgb), .3);
    border-radius: var(--mt-radius);
    font-size: .78rem;
    font-weight: 600;
    cursor: pointer;
    font-family: var(--mt-font);
}

.mv-btn-vender:hover[b-l5r7pn5weh] {
    background: rgba(var(--mt-primary-rgb), .18);
}
/* /Components/Pages/Vacaciones/VentaParcialDialog.razor.rz.scp.css */
.vp-dialog[b-0q084itwak] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: .25rem 0;
    font-family: var(--mt-font);
    color: var(--mt-heading-color);
}

.vp-info[b-0q084itwak] {
    background: var(--mt-gray-50);
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    padding: .75rem;
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.vp-info__row[b-0q084itwak] {
    display: flex;
    justify-content: space-between;
    font-size: .85rem;
}

.vp-field[b-0q084itwak] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.vp-label[b-0q084itwak] {
    font-size: .68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--mt-muted-color);
}

.vp-value[b-0q084itwak] {
    color: var(--mt-heading-color);
    font-weight: 700;
}

.vp-input[b-0q084itwak] {
    width: 100%;
    min-height: 42px;
    padding: .62rem .78rem;
    border: 1px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    background: var(--mt-gray-50);
    color: var(--mt-heading-color);
    font-size: .9rem;
    font-family: var(--mt-font);
    outline: none;
    box-sizing: border-box;
    transition: border-color .18s ease;
}

.vp-input:focus[b-0q084itwak] {
    border-color: var(--mt-primary);
    box-shadow: 0 0 0 3px rgba(var(--mt-primary-rgb), .18);
}

.vp-textarea[b-0q084itwak] {
    min-height: 60px;
    resize: vertical;
}

.vp-hint[b-0q084itwak] {
    font-size: .75rem;
    color: var(--mt-muted-color);
}

.vp-error[b-0q084itwak] {
    padding: .55rem .75rem;
    background: var(--mt-danger-subtle);
    border: 1px solid rgba(var(--mt-danger-rgb), .35);
    border-radius: var(--mt-radius);
    color: var(--mt-danger);
    font-size: .82rem;
    font-weight: 600;
}

.vp-actions[b-0q084itwak] {
    display: flex;
    align-items: center;
    gap: .55rem;
    justify-content: flex-end;
}

.vp-btn[b-0q084itwak] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-height: 42px;
    padding: .58rem 1.1rem;
    border-radius: var(--mt-radius);
    border: 1px solid transparent;
    cursor: pointer;
    font-size: .85rem;
    font-weight: 600;
    font-family: var(--mt-font);
}

.vp-btn:disabled[b-0q084itwak] {
    opacity: .55;
    cursor: not-allowed;
}

.vp-btn--primary[b-0q084itwak] {
    color: #fff;
    background: var(--mt-primary);
}

.vp-btn--primary:hover:not(:disabled)[b-0q084itwak] {
    background: var(--mt-primary-hover);
}

.vp-btn--ghost[b-0q084itwak] {
    color: var(--mt-body-color);
    border-color: var(--mt-border-color);
    background: transparent;
}

.vp-spin[b-0q084itwak] {
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255, 255, 255, .35);
    border-top-color: #fff;
    border-radius: 50%;
    animation: vp-spin-b-0q084itwak .7s linear infinite;
}

@keyframes vp-spin-b-0q084itwak { to { transform: rotate(360deg); } }
/* /Components/Pages/Vibracion/RespuestaPublicaPage.razor.rz.scp.css */
.vibresp-page[b-7unijwkc6u] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--mt-body-bg, #25293C);
    padding: 24px 16px;
    font-family: var(--mt-font, 'Inter', sans-serif);
}

.vibresp-card[b-7unijwkc6u] {
    width: 100%;
    max-width: 480px;
    background: var(--mt-paper-bg, #2F3349);
    border: 1px solid var(--mt-border-color, #3e4258);
    border-radius: var(--mt-radius, 6px);
    box-shadow: var(--mt-shadow-xs, 0 4px 16px rgba(0, 0, 0, 0.3));
    padding: 32px 28px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.vibresp-brand[b-7unijwkc6u] {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--mt-event-vibracion, #FF6B9D);
}

.vibresp-loading[b-7unijwkc6u] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 30px 0;
    color: var(--mt-body-color, #a3a7be);
}

.vibresp-spin[b-7unijwkc6u] {
    width: 36px;
    height: 36px;
    border: 3px solid var(--mt-border-color, #3e4258);
    border-top-color: var(--mt-event-vibracion, #FF6B9D);
    border-radius: 50%;
    animation: vibresp-spin-b-7unijwkc6u 0.8s linear infinite;
}

@keyframes vibresp-spin-b-7unijwkc6u {
    to {
        transform: rotate(360deg);
    }
}

.vibresp-result[b-7unijwkc6u] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    width: 100%;
}

.vibresp-icon[b-7unijwkc6u] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    font-weight: 700;
    color: #fff;
}

.vibresp-result--ok .vibresp-icon[b-7unijwkc6u] {
    background: #16a34a;
}

.vibresp-result--reject .vibresp-icon[b-7unijwkc6u] {
    background: var(--mt-accent-error, #ef4444);
}

.vibresp-result--info .vibresp-icon[b-7unijwkc6u] {
    background: var(--mt-primary, #696CFF);
}

.vibresp-result--error .vibresp-icon[b-7unijwkc6u] {
    background: var(--mt-accent-error, #ef4444);
}

.vibresp-title[b-7unijwkc6u] {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: var(--mt-heading-color, #CFD3EC);
    text-align: center;
}

.vibresp-msg[b-7unijwkc6u] {
    margin: 0;
    font-size: 14px;
    color: var(--mt-body-color, #a3a7be);
    text-align: center;
    line-height: 1.5;
}

.vibresp-meta[b-7unijwkc6u] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 6px 12px;
    background: var(--mt-gray-50, #2f3349);
    border-radius: 6px;
    padding: 12px 16px;
    width: 100%;
    margin-top: 8px;
}

.vibresp-meta__label[b-7unijwkc6u] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: var(--mt-muted-color, #6b6f84);
    font-weight: 600;
}

.vibresp-meta__value[b-7unijwkc6u] {
    font-size: 13px;
    color: var(--mt-heading-color, #CFD3EC);
}

.vibresp-foot[b-7unijwkc6u] {
    margin: 8px 0 0;
    font-size: 12px;
    color: var(--mt-muted-color, #6b6f84);
    font-style: italic;
}
/* /Components/Pages/Zonas/BandejaZonasPage.razor.rz.scp.css */
/* ──────────────────────────────────────────────
   ZONAS DE TRABAJO — Materio theme
   ────────────────────────────────────────────── */

.zn-wrapper[b-2nyh7bv0pu] {
    background: var(--mt-body-bg);
    min-height: 100%;
    font-family: var(--mt-font);
    padding: 1.5rem 1.25rem 2.5rem;
    color: var(--mt-heading-color);
}

/* ── HEADER ── */
.zn-header[b-2nyh7bv0pu] {
    max-width: 1500px;
    margin: 0 auto 1rem;
}

.zn-header-inner[b-2nyh7bv0pu] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.zn-title-block[b-2nyh7bv0pu] {
    min-width: 0;
    flex: 1;
}

.zn-eyebrow[b-2nyh7bv0pu] {
    display: block;
    font-size: .7rem;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--mt-primary);
    margin-bottom: .3rem;
}

.zn-title[b-2nyh7bv0pu] {
    margin: 0;
    font-size: clamp(1.4rem, 2.4vw, 1.7rem);
    font-weight: 700;
    color: var(--mt-heading-color);
    letter-spacing: -.02em;
    line-height: 1.2;
}

.zn-subtitle[b-2nyh7bv0pu] {
    margin: 4px 0 0;
    font-size: .86rem;
    color: var(--mt-body-color);
    font-weight: 500;
    line-height: 1.45;
    max-width: 680px;
}

.zn-count-pill[b-2nyh7bv0pu] {
    display: inline-flex;
    align-items: center;
    padding: 7px 14px;
    background: var(--mt-primary-subtle);
    color: var(--mt-primary);
    border: 1px solid rgba(var(--mt-primary-rgb), 0.35);
    border-radius: 6px;
    font-size: .78rem;
    font-weight: 700;
    white-space: nowrap;
    letter-spacing: .01em;
    align-self: flex-start;
    margin-top: 4px;
}

/* ══════════════════════════════════════════════
   TOOLBAR
   ══════════════════════════════════════════════ */
.zn-toolbar[b-2nyh7bv0pu] {
    max-width: 1500px;
    margin: 0 auto 1rem;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.zn-search-wrap[b-2nyh7bv0pu] {
    position: relative;
    flex: 1 1 320px;
    max-width: 460px;
    min-width: 200px;
}

.zn-field-icon[b-2nyh7bv0pu] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    color: var(--mt-muted-color);
    pointer-events: none;
}

.zn-search-input[b-2nyh7bv0pu] {
    width: 100%;
    height: 40px;
    padding: 0 14px 0 36px;
    border: 1px solid var(--mt-border-color);
    border-radius: 6px;
    background: var(--mt-paper-bg);
    color: var(--mt-heading-color);
    font-size: .85rem;
    font-weight: 500;
    font-family: var(--mt-font);
    outline: none;
    transition: border-color .15s, box-shadow .15s;
    box-shadow: var(--mt-shadow-xs);
}

    .zn-search-input:focus[b-2nyh7bv0pu] {
        border-color: var(--mt-primary);
        box-shadow: 0 0 0 3px rgba(var(--mt-primary-rgb), .15);
    }

    .zn-search-input[b-2nyh7bv0pu]::placeholder {
        color: var(--mt-muted-color);
    }

.zn-toolbar-spacer[b-2nyh7bv0pu] {
    flex: 1;
}

.zn-btn[b-2nyh7bv0pu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 40px;
    padding: 0 16px;
    border-radius: 6px;
    font-size: .82rem;
    font-weight: 600;
    font-family: var(--mt-font);
    border: 1px solid transparent;
    cursor: pointer;
    white-space: nowrap;
    transition: background .15s, border-color .15s, color .15s, box-shadow .15s, transform .15s;
}

    .zn-btn svg[b-2nyh7bv0pu] {
        width: 15px;
        height: 15px;
    }

    .zn-btn:not(:disabled):hover[b-2nyh7bv0pu] {
        transform: translateY(-1px);
    }

.zn-btn-ghost[b-2nyh7bv0pu] {
    background: var(--mt-paper-bg);
    border-color: var(--mt-border-color);
    color: var(--mt-body-color);
    box-shadow: var(--mt-shadow-xs);
}

    .zn-btn-ghost:hover[b-2nyh7bv0pu] {
        background: var(--mt-primary-subtle);
        color: var(--mt-primary);
        border-color: rgba(var(--mt-primary-rgb), .35);
    }

.zn-btn-primary[b-2nyh7bv0pu] {
    background: var(--mt-primary);
    color: #FFFFFF;
    box-shadow: 0 2px 6px rgba(var(--mt-primary-rgb), .3);
}

    .zn-btn-primary:hover[b-2nyh7bv0pu] {
        background: var(--mt-primary-hover, #5f62e6);
        box-shadow: 0 4px 12px rgba(var(--mt-primary-rgb), .4);
    }

/* ══════════════════════════════════════════════
   EMPTY
   ══════════════════════════════════════════════ */
.zn-empty[b-2nyh7bv0pu] {
    max-width: 1500px;
    margin: 0 auto;
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: 6px;
    padding: 3.5rem 1.25rem;
    text-align: center;
    box-shadow: var(--mt-shadow-xs);
}

.zn-empty-icon[b-2nyh7bv0pu] {
    width: 72px;
    height: 72px;
    margin: 0 auto 1rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--mt-primary-subtle);
    color: var(--mt-primary);
}

    .zn-empty-icon svg[b-2nyh7bv0pu] {
        width: 32px;
        height: 32px;
    }

.zn-empty-title[b-2nyh7bv0pu] {
    margin: 0 0 .35rem;
    font-size: 1rem;
    font-weight: 700;
    color: var(--mt-heading-color);
}

.zn-empty-sub[b-2nyh7bv0pu] {
    margin: 0;
    font-size: .85rem;
    color: var(--mt-body-color);
    line-height: 1.5;
}

/* ══════════════════════════════════════════════
   TABLE
   ══════════════════════════════════════════════ */
.zn-table-card[b-2nyh7bv0pu] {
    max-width: 1500px;
    margin: 0 auto;
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: 6px;
    box-shadow: var(--mt-shadow-xs);
    overflow: hidden;
}

.zn-table-scroll[b-2nyh7bv0pu] {
    overflow-x: auto;
}

    .zn-table-scroll[b-2nyh7bv0pu]::-webkit-scrollbar {
        height: 8px;
    }

    .zn-table-scroll[b-2nyh7bv0pu]::-webkit-scrollbar-thumb {
        background: var(--mt-border-color);
        border-radius: 4px;
    }

.zn-table[b-2nyh7bv0pu] {
    width: 100%;
    border-collapse: collapse;
    font-size: .84rem;
}

    .zn-table thead th[b-2nyh7bv0pu] {
        padding: 14px 20px;
        text-align: left;
        font-size: .66rem;
        font-weight: 700;
        letter-spacing: .1em;
        text-transform: uppercase;
        color: var(--mt-muted-color);
        background: var(--mt-gray-50);
        border-bottom: 1px solid var(--mt-border-color);
        white-space: nowrap;
    }

    .zn-table thead th.zn-th-action[b-2nyh7bv0pu] {
        width: 80px;
        text-align: right;
    }

    .zn-table tbody td[b-2nyh7bv0pu] {
        padding: 16px 20px;
        border-bottom: 1px solid var(--mt-border-color);
        vertical-align: middle;
    }

    .zn-table tbody tr[b-2nyh7bv0pu] {
        transition: background .12s;
    }

    .zn-table tbody tr.zn-row[b-2nyh7bv0pu] {
        cursor: pointer;
    }

        .zn-table tbody tr:hover[b-2nyh7bv0pu] {
            background: rgba(var(--mt-primary-rgb), .04);
        }

        .zn-table tbody tr:last-child td[b-2nyh7bv0pu] {
            border-bottom: none;
        }

/* ── ZONE CELL ── */
.zn-cell[b-2nyh7bv0pu] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    min-width: 0;
}

.zn-zone-icon[b-2nyh7bv0pu] {
    width: 52px;
    height: 52px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .zn-zone-icon svg[b-2nyh7bv0pu] {
        width: 22px;
        height: 22px;
    }

.zn-zone-icon--libre[b-2nyh7bv0pu] {
    background: rgba(var(--mt-success-rgb), .14);
    color: var(--mt-success);
}

.zn-zone-icon--oficina[b-2nyh7bv0pu] {
    background: rgba(139, 92, 246, .14);
    color: #8B5CF6;
}

.zn-zone-icon--ip[b-2nyh7bv0pu] {
    background: var(--mt-info-subtle);
    color: var(--mt-info);
}

.zn-zone-info[b-2nyh7bv0pu] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.zn-zone-name[b-2nyh7bv0pu] {
    font-size: .88rem;
    font-weight: 700;
    color: var(--mt-heading-color);
    letter-spacing: .01em;
    line-height: 1.25;
    text-transform: uppercase;
}

.zn-zone-tag[b-2nyh7bv0pu] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: .64rem;
    font-weight: 700;
    letter-spacing: .1em;
    width: fit-content;
    margin-top: 2px;
}

.zn-zone-tag--libre[b-2nyh7bv0pu] {
    background: rgba(var(--mt-success-rgb), .15);
    color: var(--mt-success);
    border: 1px solid rgba(var(--mt-success-rgb), .3);
}

.zn-zone-desc[b-2nyh7bv0pu] {
    font-size: .78rem;
    color: var(--mt-muted-color);
    font-weight: 500;
    line-height: 1.45;
    margin-top: 4px;
}

.zn-zone-addr[b-2nyh7bv0pu] {
    display: flex;
    align-items: flex-start;
    gap: 5px;
    margin-top: 2px;
    font-size: .78rem;
    color: var(--mt-body-color);
    font-weight: 500;
    max-width: 340px;
    line-height: 1.45;
}

    .zn-zone-addr svg[b-2nyh7bv0pu] {
        width: 13px;
        height: 13px;
        color: var(--mt-muted-color);
        margin-top: 2px;
        flex-shrink: 0;
    }

/* ── CHIPS ── */
.zn-chips-row[b-2nyh7bv0pu] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.zn-chip[b-2nyh7bv0pu] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: .72rem;
    font-weight: 600;
    white-space: nowrap;
    border: 1px solid transparent;
    letter-spacing: .01em;
}

    .zn-chip svg[b-2nyh7bv0pu] {
        width: 12px;
        height: 12px;
    }

.zn-chip-dot[b-2nyh7bv0pu] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    flex-shrink: 0;
}

.zn-chip--primary[b-2nyh7bv0pu] {
    background: var(--mt-primary-subtle);
    color: var(--mt-primary);
    border-color: rgba(var(--mt-primary-rgb), .25);
}

.zn-chip--info[b-2nyh7bv0pu] {
    background: var(--mt-info-subtle);
    color: var(--mt-info);
    border-color: rgba(var(--mt-info-rgb), .28);
}

.zn-chip--success[b-2nyh7bv0pu] {
    background: rgba(var(--mt-success-rgb), .12);
    color: var(--mt-success);
    border-color: rgba(var(--mt-success-rgb), .28);
}

.zn-chip--success-soft[b-2nyh7bv0pu] {
    background: rgba(var(--mt-success-rgb), .1);
    color: var(--mt-success);
    border-color: rgba(var(--mt-success-rgb), .22);
    font-weight: 500;
}

.zn-chip--danger[b-2nyh7bv0pu] {
    background: rgba(var(--mt-danger-rgb), .12);
    color: var(--mt-danger);
    border-color: rgba(var(--mt-danger-rgb), .28);
}

/* ── HORARIO ── */
.zn-horario[b-2nyh7bv0pu] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: .82rem;
    font-weight: 600;
    color: var(--mt-heading-color);
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

    .zn-horario svg[b-2nyh7bv0pu] {
        width: 14px;
        height: 14px;
        color: var(--mt-muted-color);
    }

.zn-horario--muted[b-2nyh7bv0pu] {
    color: var(--mt-muted-color);
    font-weight: 500;
}

.zn-muted[b-2nyh7bv0pu] {
    color: var(--mt-muted-color);
    font-size: .82rem;
    font-weight: 500;
    font-style: italic;
}

/* ── KEBAB ── */
.zn-kebab[b-2nyh7bv0pu] {
    width: 34px;
    height: 34px;
    padding: 0;
    background: transparent;
    border: 1px solid var(--mt-border-color);
    border-radius: 6px;
    color: var(--mt-muted-color);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .15s, color .15s, border-color .15s;
    margin-left: auto;
}

    .zn-kebab svg[b-2nyh7bv0pu] {
        width: 16px;
        height: 16px;
    }

    .zn-kebab:hover[b-2nyh7bv0pu] {
        background: var(--mt-primary-subtle);
        color: var(--mt-primary);
        border-color: rgba(var(--mt-primary-rgb), .3);
    }

/* ══════════════════════════════════════════════
   MOBILE LIST
   ══════════════════════════════════════════════ */
.zn-mobile-list[b-2nyh7bv0pu] {
    display: none;
    max-width: 1500px;
    margin: 0 auto;
    flex-direction: column;
    gap: 10px;
}

.zn-mobile-card[b-2nyh7bv0pu] {
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    border-radius: 6px;
    padding: 14px;
    box-shadow: var(--mt-shadow-xs);
    cursor: pointer;
    transition: border-color .15s, transform .15s, box-shadow .15s;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .zn-mobile-card:hover[b-2nyh7bv0pu] {
        border-color: rgba(var(--mt-primary-rgb), .35);
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(var(--mt-dark-rgb), .1);
    }

.zn-mobile-head[b-2nyh7bv0pu] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.zn-mobile-row[b-2nyh7bv0pu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 6px 0;
    border-top: 1px dashed var(--mt-border-color);
    font-size: .82rem;
}

.zn-mobile-lbl[b-2nyh7bv0pu] {
    font-size: .7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--mt-muted-color);
    flex-shrink: 0;
}

.zn-mobile-val[b-2nyh7bv0pu] {
    font-weight: 500;
    color: var(--mt-heading-color);
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ══════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════ */
@media (max-width: 767px) {
    .zn-wrapper[b-2nyh7bv0pu] {
        padding: 1rem .75rem 2rem;
    }

    .zn-header-inner[b-2nyh7bv0pu] {
        flex-direction: column;
        align-items: flex-start;
    }

    .zn-toolbar[b-2nyh7bv0pu] {
        gap: 8px;
    }

    .zn-search-wrap[b-2nyh7bv0pu] {
        flex: 1 1 100%;
        max-width: 100%;
    }

    .zn-btn-ghost[b-2nyh7bv0pu],
    .zn-btn-primary[b-2nyh7bv0pu] {
        flex: 1;
        min-width: 0;
    }

    .zn-toolbar-spacer[b-2nyh7bv0pu] {
        display: none;
    }

    .zn-table-card[b-2nyh7bv0pu] {
        display: none;
    }

    .zn-mobile-list[b-2nyh7bv0pu] {
        display: flex;
    }
}

@media (max-width: 480px) {
    .zn-title[b-2nyh7bv0pu] {
        font-size: 1.25rem;
    }
}
/* /Components/Pages/Zonas/RegistroZonaDialog.razor.rz.scp.css */
/* =========================================================
   RegistroZonaDialog — Dark/Light theme aware
   ========================================================= */

.zd-wrap[b-85hnwpp02z] {
    display: flex;
    flex-direction: column;
    gap: 0;
    font-family: var(--mt-font);
    color: var(--mt-heading-color);
}

/* ── Grid campos principales ─────────────────────────────── */
.zd-top-fields[b-85hnwpp02z] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-bottom: 18px;
}

/* ── Grupo de restricciones ──────────────────────────────── */
.zd-restrs[b-85hnwpp02z] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px;
}

/* ── Tarjeta de restricción ──────────────────────────────── */
.zd-restr[b-85hnwpp02z] {
    border: 1.5px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    overflow: hidden;
    transition: border-color .2s, box-shadow .2s;
    background: var(--mt-paper-bg);
}

.zd-restr.is-on[b-85hnwpp02z] {
    border-color: var(--mt-primary);
    box-shadow: 0 0 0 3px rgba(var(--mt-primary-rgb), .14);
}

/* Cabecera de la tarjeta */
.zd-restr-head[b-85hnwpp02z] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: var(--mt-gray-100);
    user-select: none;
}

.zd-restr.is-on .zd-restr-head[b-85hnwpp02z] {
    background: rgba(var(--mt-primary-rgb), .10);
}

/* Icono de sección */
.zd-restr-icon[b-85hnwpp02z] {
    width: 34px;
    height: 34px;
    border-radius: var(--mt-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--mt-gray-200);
    color: var(--mt-body-color);
    flex-shrink: 0;
    transition: background .2s, color .2s;
}

.zd-restr.is-on .zd-restr-icon[b-85hnwpp02z] {
    background: rgba(var(--mt-primary-rgb), .18);
    color: var(--mt-primary);
}

.zd-restr-icon svg[b-85hnwpp02z] {
    width: 17px;
    height: 17px;
}

/* Texto de la cabecera */
.zd-restr-label[b-85hnwpp02z] {
    flex: 1;
    min-width: 0;
}

.zd-restr-title[b-85hnwpp02z] {
    font-size: .88rem;
    font-weight: 600;
    color: var(--mt-heading-color);
    display: block;
}

.zd-restr-desc[b-85hnwpp02z] {
    font-size: .72rem;
    color: var(--mt-body-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Cuerpo expandible */
.zd-restr-body[b-85hnwpp02z] {
    padding: 14px 16px 16px;
    border-top: 1px solid var(--mt-border-color);
    background: var(--mt-paper-bg);
    animation: zdBodyIn-b-85hnwpp02z .18s ease;
}

.zd-restr.is-on .zd-restr-body[b-85hnwpp02z] {
    border-top-color: rgba(var(--mt-primary-rgb), .25);
}

@keyframes zdBodyIn-b-85hnwpp02z {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Campo de tiempo ─────────────────────────────────────── */
.zd-time-grid[b-85hnwpp02z] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.zd-time-label[b-85hnwpp02z] {
    font-size: .74rem;
    font-weight: 600;
    color: var(--mt-body-color);
    display: block;
    margin-bottom: 5px;
}

.zd-time-label--coords[b-85hnwpp02z] {
    margin-bottom: 6px;
}

.zd-time-input[b-85hnwpp02z] {
    width: 100%;
    height: 38px;
    border: 1.5px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    padding: 0 12px;
    font-size: .875rem;
    font-family: inherit;
    color: var(--mt-heading-color);
    outline: none;
    box-sizing: border-box;
    background: var(--mt-gray-50);
    transition: border-color .2s, box-shadow .2s;
    cursor: pointer;
}

.zd-time-input:focus[b-85hnwpp02z] {
    border-color: var(--mt-primary);
    box-shadow: 0 0 0 2px rgba(var(--mt-primary-rgb), .18);
}

.zd-time-input.invalid[b-85hnwpp02z] {
    border-color: var(--mt-danger);
    box-shadow: 0 0 0 2px rgba(var(--mt-danger-rgb), .18);
}

/* Preview horario */
.zd-hora-preview[b-85hnwpp02z] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
    padding: 8px 12px;
    background: rgba(var(--mt-primary-rgb), .10);
    border-radius: var(--mt-radius);
    font-size: .82rem;
    color: var(--mt-primary);
    font-weight: 600;
}

.zd-hora-preview--success[b-85hnwpp02z] {
    background: var(--mt-success-subtle);
    color: var(--mt-success);
}

.zd-hora-preview svg[b-85hnwpp02z] {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}

/* ── Display de coordenadas ──────────────────────────────── */
.zd-coords-display[b-85hnwpp02z] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border: 1.5px solid var(--mt-border-color);
    border-radius: var(--mt-radius);
    background: var(--mt-gray-100);
    min-height: 48px;
    margin-bottom: 12px;
    transition: border-color .2s, background .2s;
}

.zd-coords-display.has-coords[b-85hnwpp02z] {
    border-color: var(--mt-success);
    background: var(--mt-success-subtle);
}

.zd-coords-pin[b-85hnwpp02z] {
    width: 32px;
    height: 32px;
    border-radius: var(--mt-radius);
    background: var(--mt-gray-200);
    color: var(--mt-body-color);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background .2s, color .2s;
}

.zd-coords-display.has-coords .zd-coords-pin[b-85hnwpp02z] {
    background: rgba(var(--mt-success-rgb), .20);
    color: var(--mt-success);
}

.zd-coords-pin svg[b-85hnwpp02z] {
    width: 16px;
    height: 16px;
}

.zd-coords-values[b-85hnwpp02z] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.zd-coords-val[b-85hnwpp02z] {
    font-size: .78rem;
    font-weight: 600;
    color: var(--mt-heading-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.zd-coords-val span[b-85hnwpp02z] {
    color: var(--mt-muted-color);
    font-weight: 500;
    margin-right: 4px;
}

.zd-coords-empty[b-85hnwpp02z] {
    flex: 1;
    font-size: .83rem;
    color: var(--mt-muted-color);
}

.zd-coords-btn[b-85hnwpp02z] {
    height: 32px;
    padding: 0 12px;
    border: 1.5px solid var(--mt-primary);
    border-radius: var(--mt-radius);
    background: var(--mt-gray-50);
    color: var(--mt-primary);
    font-size: .78rem;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
    flex-shrink: 0;
    transition: background .2s, box-shadow .2s;
    font-family: inherit;
    white-space: nowrap;
}

.zd-coords-btn:hover[b-85hnwpp02z] {
    background: rgba(var(--mt-primary-rgb), .10);
    box-shadow: 0 0 0 2px rgba(var(--mt-primary-rgb), .18);
}

.zd-coords-btn svg[b-85hnwpp02z] {
    width: 14px;
    height: 14px;
}

/* ── Error inline ────────────────────────────────────────── */
.zd-err[b-85hnwpp02z] {
    font-size: .74rem;
    color: var(--mt-danger);
    font-weight: 500;
    margin-top: 6px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.zd-err svg[b-85hnwpp02z] {
    width: 13px;
    height: 13px;
    flex-shrink: 0;
}

/* ── Estado (activa/inactiva) ────────────────────────────── */
.zd-status[b-85hnwpp02z] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border: 1.5px dashed var(--mt-border-color);
    border-radius: var(--mt-radius);
    background: var(--mt-gray-100);
    margin-bottom: 18px;
}

.zd-status input[type=checkbox][b-85hnwpp02z] {
    width: 16px;
    height: 16px;
    accent-color: var(--mt-primary);
    cursor: pointer;
}

.zd-status-text[b-85hnwpp02z] {
    font-size: .85rem;
    color: var(--mt-body-color);
    font-weight: 500;
    flex: 1;
}

.zd-status-on[b-85hnwpp02z] {
    color: var(--mt-success);
    font-weight: 600;
}

.zd-status-off[b-85hnwpp02z] {
    color: var(--mt-danger);
    font-weight: 600;
}

.zd-status-hint[b-85hnwpp02z] {
    color: var(--mt-muted-color);
    font-size: .75rem;
    display: block;
}

/* ── Acciones ────────────────────────────────────────────── */
.zd-actions[b-85hnwpp02z] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.zd-actions-right[b-85hnwpp02z] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Confirm delete */
.zd-confirm[b-85hnwpp02z] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: var(--mt-danger-subtle);
    border: 1px solid rgba(var(--mt-danger-rgb), .35);
    border-radius: var(--mt-radius);
    animation: zdBodyIn-b-85hnwpp02z .18s ease;
}

.zd-confirm-text[b-85hnwpp02z] {
    font-size: .8rem;
    color: var(--mt-danger);
    font-weight: 600;
}

/* ── Toggle switch ───────────────────────────────────────── */
.zd-toggle[b-85hnwpp02z] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 22px;
    flex-shrink: 0;
}

.zd-toggle input[b-85hnwpp02z] {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
}

.zd-toggle-slider[b-85hnwpp02z] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--mt-gray-300);
    border-radius: 22px;
    transition: .2s;
}

.zd-toggle-slider[b-85hnwpp02z]:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 3px;
    bottom: 3px;
    background: #fff;
    border-radius: 50%;
    transition: .2s;
}

.zd-toggle input:checked + .zd-toggle-slider[b-85hnwpp02z] {
    background: var(--mt-primary);
}

.zd-toggle input:checked + .zd-toggle-slider[b-85hnwpp02z]:before {
    transform: translateX(18px);
}

/* ── Action buttons ──────────────────────────────────────── */
.zd-btn-primary[b-85hnwpp02z] {
    padding: .45rem 1.1rem;
    font-size: .875rem;
    font-weight: 600;
    color: #fff;
    background: var(--mt-primary);
    border: 1.5px solid var(--mt-primary);
    border-radius: var(--mt-radius);
    cursor: pointer;
    font-family: inherit;
    transition: background .2s;
}

.zd-btn-primary:hover[b-85hnwpp02z] {
    background: var(--mt-primary-hover);
    border-color: var(--mt-primary-hover);
}

.zd-btn-danger-outline[b-85hnwpp02z] {
    padding: .45rem 1rem;
    font-size: .875rem;
    font-weight: 600;
    color: var(--mt-danger);
    background: var(--mt-gray-50);
    border: 1.5px solid var(--mt-danger);
    border-radius: var(--mt-radius);
    cursor: pointer;
    font-family: inherit;
    transition: background .2s;
}

.zd-btn-danger-outline:hover[b-85hnwpp02z] {
    background: var(--mt-danger-subtle);
}

.zd-btn-danger-sm[b-85hnwpp02z] {
    padding: .3rem .75rem;
    font-size: .8rem;
    font-weight: 600;
    height: 30px;
    color: var(--mt-danger);
    background: var(--mt-gray-50);
    border: 1.5px solid var(--mt-danger);
    border-radius: var(--mt-radius);
    cursor: pointer;
    font-family: inherit;
    transition: background .2s;
}

.zd-btn-danger-sm:hover[b-85hnwpp02z] {
    background: var(--mt-danger-subtle);
}

.zd-btn-stealth-sm[b-85hnwpp02z] {
    padding: .3rem .75rem;
    font-size: .8rem;
    font-weight: 600;
    height: 30px;
    color: var(--mt-body-color);
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--mt-radius);
    cursor: pointer;
    font-family: inherit;
    transition: background .2s;
}

.zd-btn-stealth-sm:hover[b-85hnwpp02z] {
    background: var(--mt-gray-100);
}

/* ── Mobile ──────────────────────────────────────────────── */
@media (max-width: 480px) {
    .zd-top-fields[b-85hnwpp02z]    { grid-template-columns: 1fr; }
    .zd-time-grid[b-85hnwpp02z]     { grid-template-columns: 1fr; }
    .zd-restr-desc[b-85hnwpp02z]    { display: none; }
    .zd-actions[b-85hnwpp02z]       { flex-wrap: wrap; }
    .zd-actions-right[b-85hnwpp02z] { margin-left: 0; width: 100%; }
}
/* /Components/Shared/DatePickerButton.razor.rz.scp.css */
/* ════════════════════════════════════════════════════════
   DatePickerButton — Orbis Mentor dark-neon theme
   ════════════════════════════════════════════════════════ */

/* ─── Wrapper ─── */
.dpb[b-0ear8nqxp2] {
    position: relative;
    display: inline-flex;
    font-family: var(--mt-font), monospace;
}

/* ─── Trigger button ─── */
.dpb__trigger[b-0ear8nqxp2] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: var(--mt-paper-bg);
    border: 1px solid var(--mt-border-color);
    color: var(--mt-heading-color);
    padding: 7px 12px 7px 10px;
    border-radius: var(--mt-radius);
    box-shadow: var(--mt-shadow-xs);
    font-family: var(--mt-font), monospace;
    font-size: 0.82rem;
    letter-spacing: 0.03em;
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease, transform 0.1s ease;
    white-space: nowrap;
    user-select: none;
}

.dpb__trigger:hover[b-0ear8nqxp2] {
    border-color: var(--mt-primary);
    box-shadow: 0 0 0 3px var(--mt-primary-subtle), var(--mt-shadow-xs);
    background: var(--mt-paper-bg);
}

.dpb__trigger:active[b-0ear8nqxp2] {
    transform: translateY(1px);
    box-shadow: none;
}

/* ─── Calendar icon ─── */
.dpb__icon[b-0ear8nqxp2] {
    width: 15px;
    height: 15px;
    color: var(--mt-primary);
    flex-shrink: 0;
    opacity: 0.85;
    transition: opacity 0.15s;
}

.dpb__trigger:hover .dpb__icon[b-0ear8nqxp2] {
    opacity: 1;
}

/* ─── Label text ─── */
.dpb__label[b-0ear8nqxp2] {
    flex: 1;
    text-transform: capitalize;
    letter-spacing: 0.02em;
}

/* ─── Chevron ─── */
.dpb__chevron[b-0ear8nqxp2] {
    width: 11px;
    height: 8px;
    color: rgba(var(--mt-primary-rgb), 0.5);
    flex-shrink: 0;
    transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), color 0.15s;
}

.dpb__chevron--up[b-0ear8nqxp2] {
    transform: rotate(180deg);
    color: var(--mt-primary);
}

.dpb__trigger:hover .dpb__chevron[b-0ear8nqxp2] {
    color: var(--mt-primary);
}

/* ─── Overlay (closes on outside click) ─── */
.dpb__overlay[b-0ear8nqxp2] {
    position: fixed;
    inset: 0;
    z-index: 9998;
    background: transparent;
}

/* ─── Popup container ─── */
.dpb__popup[b-0ear8nqxp2] {
    position: fixed;
    z-index: 9999;
    background: var(--mt-sidebar-bg2);
    border: 1px solid rgba(var(--mt-primary-rgb), 0.22);
    border-radius: 14px;
    padding: 16px;
    width: 292px;
    box-shadow:
        0 12px 48px rgba(0, 0, 0, 0.75),
        0 0 0 1px rgba(var(--mt-primary-rgb), 0.06),
        inset 0 1px 0 rgba(var(--mt-primary-rgb), 0.08);
    animation: dpb-pop-b-0ear8nqxp2 0.18s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

@keyframes dpb-pop-b-0ear8nqxp2 {
    from { opacity: 0; transform: translateY(-6px) scale(0.96); }
    to   { opacity: 1; transform: translateY(0)    scale(1);    }
}

/* ─── Month / year header ─── */
.dpb__cal-header[b-0ear8nqxp2] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 14px;
}

.dpb__month-label[b-0ear8nqxp2] {
    flex: 1;
    text-align: center;
    font-family: var(--mt-font);
    font-size: 0.93rem;
    font-weight: 600;
    color: var(--mt-heading-color);
    letter-spacing: 0.02em;
}

.dpb__nav[b-0ear8nqxp2] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 1px solid rgba(var(--mt-primary-rgb), 0.2);
    background: rgba(var(--mt-primary-rgb), 0.04);
    color: var(--mt-primary);
    border-radius: 7px;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s, box-shadow 0.15s, transform 0.1s;
    flex-shrink: 0;
}

.dpb__nav:hover[b-0ear8nqxp2] {
    background: rgba(var(--mt-primary-rgb), 0.14);
    border-color: rgba(var(--mt-primary-rgb), 0.5);
    box-shadow: 0 0 10px rgba(var(--mt-primary-rgb), 0.15);
}

.dpb__nav:active[b-0ear8nqxp2] {
    transform: scale(0.92);
}

.dpb__nav svg[b-0ear8nqxp2] {
    width: 13px;
    height: 13px;
}

/* ─── Day-of-week headers ─── */
.dpb__dow[b-0ear8nqxp2] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    margin-bottom: 4px;
}

.dpb__dow span[b-0ear8nqxp2] {
    font-family: var(--mt-font), monospace;
    font-size: 0.66rem;
    font-weight: 500;
    letter-spacing: 0.07em;
    color: rgba(var(--mt-primary-rgb), 0.42);
    text-align: center;
    padding: 3px 0 5px;
    text-transform: uppercase;
}

/* ─── Days grid ─── */
.dpb__days[b-0ear8nqxp2] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 1px;
}

/* ─── Individual day button ─── */
.dpb__day[b-0ear8nqxp2] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    border: none;
    background: transparent;
    color: var(--mt-heading-color);
    font-family: var(--mt-font);
    font-size: 0.78rem;
    border-radius: var(--mt-radius-sm);
    cursor: pointer;
    transition: background 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
    user-select: none;
}

.dpb__day:hover:not(.dpb__day--sel):not(.dpb__day--in-week):not(.dpb__day--hw)[b-0ear8nqxp2] {
    background: rgba(var(--mt-primary-rgb), 0.1);
    color: var(--mt-primary);
}

/* Other-month days */
.dpb__day--other[b-0ear8nqxp2] {
    color: rgba(200, 230, 255, 0.18);
}

.dpb__day--other:hover[b-0ear8nqxp2] {
    color: rgba(var(--mt-primary-rgb), 0.45) !important;
    background: rgba(var(--mt-primary-rgb), 0.06) !important;
}

/* Today dot indicator */
.dpb__day--today[b-0ear8nqxp2]::after {
    content: '';
    position: absolute;
    bottom: 4px;
    left: 50%;
    transform: translateX(-50%);
    width: 3.5px;
    height: 3.5px;
    border-radius: 50%;
    background: var(--mt-danger);
}

/* Weekend days (Sat/Sun) — subtle magenta tint */
.dpb__day--wknd:not(.dpb__day--sel):not(.dpb__day--in-week):not(.dpb__day--hw)[b-0ear8nqxp2] {
    color: rgba(var(--mt-danger-rgb), 0.65);
}

/* ─── Single-day selection ─── */
.dpb__day--sel[b-0ear8nqxp2] {
    background: var(--mt-primary) !important;
    color: #ffffff !important;
    font-weight: 700;
    box-shadow: 0 0 14px rgba(var(--mt-primary-rgb), 0.4);
}

/* ─── Week strip — selected ─── */
.dpb__day--in-week[b-0ear8nqxp2] {
    background: rgba(var(--mt-primary-rgb), 0.16);
    color: var(--mt-primary);
    border-radius: 0;
}

/* Week mode: selected Monday (anchor) */
.dpb__day--sel.dpb__day--strip-l[b-0ear8nqxp2] {
    border-radius: 7px 0 0 7px;
}

/* Week mode: selected Sunday (tail) */
.dpb__day--in-week.dpb__day--strip-r[b-0ear8nqxp2] {
    border-radius: 0 7px 7px 0;
    background: rgba(var(--mt-primary-rgb), 0.12);
}

/* ─── Week strip — hover preview ─── */
.dpb__day--hw[b-0ear8nqxp2] {
    background: rgba(var(--mt-primary-rgb), 0.07);
    color: rgba(var(--mt-primary-rgb), 0.65);
    border-radius: 0;
}

.dpb__day--hw.dpb__day--strip-l[b-0ear8nqxp2] {
    border-radius: 7px 0 0 7px;
    background: rgba(var(--mt-primary-rgb), 0.14);
    color: rgba(var(--mt-primary-rgb), 0.9);
}

.dpb__day--hw.dpb__day--strip-r[b-0ear8nqxp2] {
    border-radius: 0 7px 7px 0;
}

/* ─── Week hint ─── */
.dpb__week-hint[b-0ear8nqxp2] {
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid rgba(var(--mt-primary-rgb), 0.1);
    font-family: var(--mt-font), monospace;
    font-size: 0.65rem;
    color: rgba(var(--mt-primary-rgb), 0.35);
    letter-spacing: 0.04em;
    text-align: center;
    text-transform: uppercase;
}

/* ─── Mobile ─── */
@media (max-width: 480px) {
    .dpb__popup[b-0ear8nqxp2] {
        width: calc(100vw - 24px) !important;
        left: 12px !important;
    }

    .dpb__day[b-0ear8nqxp2] {
        height: 38px;
        font-size: 0.82rem;
    }

    .dpb__trigger[b-0ear8nqxp2] {
        font-size: 0.78rem;
        padding: 6px 10px 6px 8px;
    }
}
/* /Components/Shared/ErrorDialog.razor.rz.scp.css */
/* ── BACKDROP ── */
.ed-backdrop[b-unkhs2dxmp] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgba(5, 10, 20, 0.72);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    animation: ed-fade-in-b-unkhs2dxmp 0.18s ease;
}

@keyframes ed-fade-in-b-unkhs2dxmp {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* ── PANEL BASE ── */
.ed-panel[b-unkhs2dxmp] {
    position: relative;
    width: 100%;
    max-width: 420px;
    border-radius: 18px;
    padding: 2rem 2rem 1.5rem;
    box-shadow: 0 8px 48px rgba(0, 0, 0, 0.55);
    animation: ed-slide-up-b-unkhs2dxmp 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

@keyframes ed-slide-up-b-unkhs2dxmp {
    from { opacity: 0; transform: translateY(20px) scale(0.97); }
    to   { opacity: 1; transform: translateY(0)    scale(1);    }
}

/* ── ERROR (rojo) ── */
.ed-panel--err[b-unkhs2dxmp] {
    background: var(--mt-paper-bg);
    border: 1px solid rgba(var(--mt-danger-rgb), 0.28);
    box-shadow:
        0 0 0 1px rgba(var(--mt-danger-rgb), 0.08),
        0 8px 48px rgba(0, 0, 0, 0.25),
        0 0 40px rgba(var(--mt-danger-rgb), 0.06);
}

/* ── WARNING (ámbar) ── */
.ed-panel--warn[b-unkhs2dxmp] {
    background: var(--mt-paper-bg);
    border: 1px solid rgba(var(--mt-warning-rgb), 0.28);
    box-shadow:
        0 0 0 1px rgba(var(--mt-warning-rgb), 0.08),
        0 8px 48px rgba(0, 0, 0, 0.25),
        0 0 40px rgba(var(--mt-warning-rgb), 0.06);
}

/* ── ICON WRAP ── */
.ed-icon-wrap[b-unkhs2dxmp] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    margin: 0 auto;
    flex-shrink: 0;
}

.ed-icon-wrap--err[b-unkhs2dxmp] {
    background: rgba(var(--mt-danger-rgb), 0.1);
    border: 1px solid rgba(var(--mt-danger-rgb), 0.22);
}

.ed-icon-wrap--warn[b-unkhs2dxmp] {
    background: rgba(var(--mt-warning-rgb), 0.1);
    border: 1px solid rgba(var(--mt-warning-rgb), 0.22);
}

.ed-icon[b-unkhs2dxmp] {
    width: 26px;
    height: 26px;
}

.ed-icon-wrap--err .ed-icon[b-unkhs2dxmp] {
    color: var(--mt-danger);
    filter: drop-shadow(0 0 6px rgba(var(--mt-danger-rgb), 0.5));
}

.ed-icon-wrap--warn .ed-icon[b-unkhs2dxmp] {
    color: var(--mt-warning);
    filter: drop-shadow(0 0 6px rgba(var(--mt-warning-rgb), 0.5));
}

/* ── BODY ── */
.ed-body[b-unkhs2dxmp] {
    text-align: center;
}

.ed-title[b-unkhs2dxmp] {
    font-family: var(--mt-font), system-ui, sans-serif;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--mt-heading-color);
    margin: 0 0 .4rem;
    letter-spacing: .01em;
}

.ed-msg[b-unkhs2dxmp] {
    font-family: var(--mt-font), system-ui, sans-serif;
    font-size: .82rem;
    line-height: 1.55;
    color: var(--mt-body-color);
    margin: 0;
    word-break: break-word;
}

/* ── CLOSE X ── */
.ed-close[b-unkhs2dxmp] {
    position: absolute;
    top: .9rem;
    right: .9rem;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: transparent;
    border: 1px solid var(--mt-border-color);
    color: var(--mt-muted-color);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.ed-close svg[b-unkhs2dxmp] { width: 14px; height: 14px; }

.ed-panel--err .ed-close:hover[b-unkhs2dxmp] {
    background: rgba(var(--mt-danger-rgb), 0.12);
    border-color: rgba(var(--mt-danger-rgb), 0.35);
    color: var(--mt-danger);
}

.ed-panel--warn .ed-close:hover[b-unkhs2dxmp] {
    background: rgba(var(--mt-warning-rgb), 0.12);
    border-color: rgba(var(--mt-warning-rgb), 0.35);
    color: var(--mt-warning);
}

/* ── FOOTER / BUTTON ── */
.ed-footer[b-unkhs2dxmp] {
    display: flex;
    justify-content: center;
    margin-top: .25rem;
}

.ed-btn-ok[b-unkhs2dxmp] {
    font-family: var(--mt-font), system-ui, sans-serif;
    font-size: .85rem;
    font-weight: 600;
    letter-spacing: .04em;
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: .55rem 2rem;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}

.ed-btn-ok--err[b-unkhs2dxmp] {
    background: linear-gradient(135deg, var(--mt-danger) 0%, var(--mt-danger-hover) 100%);
    box-shadow: 0 2px 14px rgba(var(--mt-danger-rgb), 0.28);
}

.ed-btn-ok--err:hover[b-unkhs2dxmp] {
    transform: translateY(-2px);
    box-shadow: 0 6px 22px rgba(var(--mt-danger-rgb), 0.42);
    filter: brightness(1.1);
}

.ed-btn-ok--warn[b-unkhs2dxmp] {
    background: linear-gradient(135deg, var(--mt-warning) 0%, var(--mt-warning-hover) 100%);
    box-shadow: 0 2px 14px rgba(var(--mt-warning-rgb), 0.28);
}

.ed-btn-ok--warn:hover[b-unkhs2dxmp] {
    transform: translateY(-2px);
    box-shadow: 0 6px 22px rgba(var(--mt-warning-rgb), 0.42);
    filter: brightness(1.1);
}

.ed-btn-ok:active[b-unkhs2dxmp] {
    transform: translateY(0);
    filter: brightness(0.95);
}

/* ── MOBILE ── */
@media (max-width: 480px) {
    .ed-panel[b-unkhs2dxmp] {
        border-radius: 14px;
        padding: 1.5rem 1.25rem 1.25rem;
    }
}