/* STARIZ Plan B: nueva superficie operativa sobre los contratos corporativos existentes.
   No se definen colores de sociedad ni estilos alternativos para Data Grid / CRUD. */
.stariz-planb-page {
    --planb-space: 12px;
    --planb-radius: 10px;
    font: inherit;
    color: var(--text);
    max-width: 100%;
    min-width: 0;
}
.stariz-planb-page .stariz-module-header,
.stariz-planb-page .page-heading,
.stariz-planb-page .document-workflow-header,
.stariz-planb-page .approval-config-page__header {
    background: transparent;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    margin: 0 0 16px;
    padding: 4px 0 14px;
    min-height: auto;
}
.stariz-planb-page .stariz-module-header h1,
.stariz-planb-page .page-heading h1 {
    color: var(--text);
    font: inherit;
    font-size: clamp(1.18rem, 1.8vw, 1.45rem);
    font-weight: 720;
    line-height: 1.3;
    letter-spacing: -.02em;
}
.stariz-planb-page .stariz-module-header p,
.stariz-planb-page .page-heading p {color:var(--muted);max-width:80ch;line-height:1.45}
.stariz-planb-page .rrhh-adn-crud-card,
.stariz-planb-page .rrhh-adn-create-card,
.stariz-planb-page .stariz-structured-card,
.stariz-planb-page .stariz-crud-surface {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: var(--planb-radius);
    box-shadow: none;
}
.stariz-planb-page .stariz-mini-crud-group {gap: 6px;align-items:center}
.stariz-planb-page .stariz-data-grid {font:inherit}
.stariz-planb-page .stariz-data-grid th {font-weight:650}
.stariz-planb-page .stariz-data-grid :is(th,td) {text-align:left}
.stariz-planb-page .stariz-data-grid tbody tr:hover {background:color-mix(in srgb,var(--primary) 4%,var(--panel))}
.stariz-planb-page :is(button, input, select, a, summary):focus-visible {outline:2px solid var(--primary);outline-offset:2px}
.stariz-planb-page :is(.alert,.approval-alert) {margin:8px 0 13px}

/* Solicitudes: alta y filtros compactos; único listado predominante. */
.stariz-planb-requests .employee-requests__workspace {background:transparent;border:0;box-shadow:none;padding:0;display:flex;flex-direction:column;gap:12px}
.stariz-planb-requests .employee-requests__filters {order:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--planb-radius);padding:12px 14px;margin:0}
.stariz-planb-requests .employee-requests__filters-heading {margin-bottom:7px}
.stariz-planb-requests .employee-requests__summary {order:1;margin:0;gap:8px}
.stariz-planb-requests .employee-requests__summary>* {min-height:63px;padding:10px 12px;border:1px solid var(--line);background:var(--panel);border-radius:var(--planb-radius)}
.stariz-planb-requests .employee-requests__table-card {order:2;min-width:0;margin:0;overflow:visible}
.stariz-planb-requests .employee-requests__table-card .table-wrap {overflow-x:auto}

/* Bandeja: tabs como navegación, una única grilla principal, filtros en línea. */
.stariz-planb-approvals .approval-filter-bar {background:var(--panel);border:1px solid var(--line);border-radius:var(--planb-radius);margin:0;padding:10px}
.stariz-planb-approvals .approval-grid-heading {padding:12px 14px;margin:0}
.stariz-planb-approvals .approval-table {background:var(--panel)}
.stariz-planb-approvals .approval-grid-heading + * {margin-top:0}

/* Cuenta corriente: encabezado, filtros, saldos y movimientos. */
.stariz-planb-account .vacation-account-page__selectors {border:1px solid var(--line);background:var(--panel);border-radius:var(--planb-radius);padding:10px 14px;margin-bottom:10px}
.stariz-planb-account .vacation-account-page__summary {margin:0 0 12px;gap:8px}
.stariz-planb-account .vacation-account-page__summary>* {box-shadow:none;border:1px solid var(--line);border-radius:var(--planb-radius);background:var(--panel);min-height:69px}
.stariz-planb-account .vacation-account-page__crud-heading {padding:11px 14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--planb-radius) var(--planb-radius) 0 0;margin:0}
.stariz-planb-account .vacation-account-page__heading {padding-bottom:8px}

/* Línea de tiempo: una visualización protagonista y análisis secundarios voluntarios. */
.stariz-planb-timeline .vacation-timeline-page__filter-surface {background:var(--panel);border:1px solid var(--line);border-radius:var(--planb-radius);padding:12px;margin-bottom:12px;box-shadow:none}
.stariz-planb-timeline .vacation-timeline-page__kpis {display:grid;gap:8px;margin-bottom:12px}
.stariz-planb-timeline .vacation-timeline-page__kpis>* {background:var(--panel);border:1px solid var(--line);border-radius:var(--planb-radius);box-shadow:none}
.stariz-planb-timeline .vacation-timeline-chart {border:1px solid var(--line);border-radius:var(--planb-radius);background:var(--panel);box-shadow:none}
.stariz-planb-timeline .vacation-timeline-page__secondary {margin-top:10px}

/* Gestión documental: vistas operativas en lugar de cuatro tarjetas simultáneas. */
.stariz-planb-tabs {display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--line);margin:4px 0 14px;padding:0 2px;scrollbar-width:thin}
.stariz-planb-tab {display:inline-flex;align-items:center;gap:8px;padding:10px 13px;background:transparent;color:var(--muted);border:0;border-bottom:2px solid transparent;font:inherit;font-weight:650;white-space:nowrap;cursor:pointer}
.stariz-planb-tab.is-active {border-bottom-color:var(--primary);color:var(--primary)}
.stariz-planb-tab span {padding:2px 6px;border-radius:50px;background:color-mix(in srgb,var(--primary) 8%,var(--panel));font-size:.8em}
.stariz-planb-documents .document-workflow-grid {display:block;max-width:100%;margin:0}
.stariz-planb-documents .document-workflow-card {width:100%;max-width:100%;min-height:260px;box-shadow:none;margin:0}
.stariz-planb-documents .document-workflow-card .stariz-structured-card__header {padding:14px 18px;border-bottom:1px solid var(--line);background:transparent}
.stariz-planb-documents .document-workflow-card .stariz-structured-card__header h2 {font-size:1rem;font-weight:700}
.stariz-planb-documents .document-workflow-card .stariz-structured-card__body {padding:14px 18px}
.stariz-planb-documents .document-worker-list {max-height:360px;overflow-y:auto}
.stariz-planb-documents[data-planb-view="CREATE"] [data-stariz-card]:not([data-stariz-card="recipients"]),
.stariz-planb-documents[data-planb-view="SIGN"] [data-stariz-card]:not([data-stariz-card="employer-signatures"]),
.stariz-planb-documents[data-planb-view="REVIEW"] [data-stariz-card]:not([data-stariz-card="pending-reviews"]),
.stariz-planb-documents[data-planb-view="TRACE"] [data-stariz-card]:not([data-stariz-card="traceability"]) {display:none}
.stariz-planb-documents .document-traceability-copy {max-width:80ch}
.stariz-planb-documents .document-workflow-header {padding:0 0 12px}

/* Configuración: flujos existentes visibles desde la entrada, editor lateral separado. */
.stariz-planb-flows .approval-config {border:0;background:transparent;box-shadow:none;padding:0}
.stariz-planb-flows .approval-config-tabs {border-bottom:1px solid var(--line);background:transparent;box-shadow:none;margin:0 0 15px}
.stariz-planb-flows .approval-config-tab {background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0}
.stariz-planb-flows .approval-config-tab.is-active {border-bottom-color:var(--primary);color:var(--primary)}
.stariz-planb-toolbar {display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;flex-wrap:wrap}
.stariz-planb-toolbar>div {display:flex;flex-direction:column;gap:4px}
.stariz-planb-toolbar strong {font-size:1.05rem}
.stariz-planb-toolbar small {color:var(--muted)}
.stariz-planb-flow-surface {padding:0;overflow:hidden}
.stariz-planb-filters {display:flex;align-items:end;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.stariz-planb-filters label {display:grid;gap:5px;flex:1 1 210px;max-width:330px;color:var(--muted);font-size:.83rem;font-weight:600}
.stariz-planb-filters label:nth-child(2) {flex:0 1 170px}
.stariz-planb-filters :is(input,select) {width:100%;min-height:35px}
.stariz-planb-empty {display:flex;flex-direction:column;gap:8px;padding:54px 18px;align-items:center;text-align:center;color:var(--muted)}
.stariz-planb-empty strong {color:var(--text);font-size:1rem}
.stariz-planb-status {color:var(--primary);background:color-mix(in srgb,var(--primary) 7%,var(--panel));border-radius:20px;padding:4px 8px;font-size:.78rem;font-weight:650}
.stariz-planb-flows .stariz-data-grid td:last-child {width:110px}
@media (max-width:750px) {
    .stariz-planb-page .stariz-module-header,
    .stariz-planb-page .page-heading {flex-wrap:wrap;gap:10px}
    .stariz-planb-page .stariz-mini-crud-group {flex-wrap:wrap}
    .stariz-planb-tabs {margin:0 0 10px}
    .stariz-planb-tab {padding:10px 9px}
    .stariz-planb-filters label,.stariz-planb-filters label:nth-child(2) {flex:1 1 100%;max-width:none}
    .stariz-planb-page .table-wrap {overflow-x:auto}
}