.settings-hero{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:34px}.settings-hero .page-title{margin-bottom:14px}.settings-hero p{max-width:640px;margin:0;color:var(--muted);font-size:16px}.settings-summary{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.settings-summary span{padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--muted);font-size:12px;white-space:nowrap}.settings-summary strong{color:var(--ink);font-size:15px;margin-right:3px}
.settings-workspace{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:610px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 24px 70px rgba(24,48,77,.07);overflow:hidden}.settings-tabs{display:flex;flex-direction:column;gap:6px;padding:18px;border-right:1px solid var(--line);background:linear-gradient(180deg,#f8fafc,#f4f7f9)}.settings-tabs button{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;align-items:center;width:100%;padding:13px;border:0;border-radius:14px;background:transparent;color:var(--ink);text-align:left;cursor:pointer;transition:background .18s,box-shadow .18s}.settings-tabs button:hover{background:rgba(255,255,255,.7)}.settings-tabs button[aria-selected=true]{background:#fff;box-shadow:0 5px 18px rgba(25,55,80,.08)}.settings-tabs button[aria-selected=true]::after{content:"";position:absolute;right:-19px;top:15px;width:3px;height:34px;border-radius:4px;background:var(--blue)}.settings-tab-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid #dce5eb;border-radius:11px;background:#fff;color:#457d9e;font-size:17px}.settings-tabs button[aria-selected=true] .settings-tab-icon{border-color:#c9e5f3;background:#eaf7fc;color:var(--blue)}.settings-tabs button>span:nth-child(2){display:grid;min-width:0}.settings-tabs b{font-size:13px}.settings-tabs small{margin-top:2px;color:var(--muted);font-size:10px}.settings-tab-state{grid-column:2;width:max-content;margin-top:-5px;padding:3px 7px;border-radius:99px;background:#eceff2;color:#69737d;font-size:9px;font-style:normal}.settings-tab-state.is-on{background:#e3f3e9;color:#277048}
.settings-panels{min-width:0}.settings-panel{padding:38px 42px;animation:settings-in .22s ease}.settings-panel[hidden]{display:none}@keyframes settings-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.settings-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:25px;border-bottom:1px solid var(--line)}.settings-panel-head .eyebrow{margin-bottom:8px}.settings-panel-head h2{margin:0;font-family:var(--font-display);font-size:30px;font-weight:650;letter-spacing:-.035em}.settings-panel-head p{max-width:560px;margin:8px 0 0;color:var(--muted);font-size:13px}.mail-state,.count-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:99px;background:#f0f1f3;color:#626a72;font-size:11px;white-space:nowrap}.mail-state i{width:7px;height:7px;border-radius:50%;background:#9da3a9}.mail-state.on{background:#e8f5ec;color:#256942}.mail-state.on i{background:#35a66d;box-shadow:0 0 0 3px rgba(53,166,109,.13)}
.mail-form{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:18px;margin-top:27px}.mail-form>label,.settings-create label,.person-create-fields label,.settings-item>label:not(.status-check){display:grid;gap:6px;color:#4e5660;font-size:11px;font-weight:650}.mail-form small{color:var(--muted);font-weight:400}.mail-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.toggle-line{position:relative;display:grid!important;grid-template-columns:42px 1fr;gap:1px 11px!important;align-items:center;padding:14px;border:1px solid var(--line);border-radius:14px;color:var(--ink)!important;cursor:pointer}.toggle-line input{position:absolute;opacity:0}.toggle-line>span{grid-row:1/3;width:38px;height:22px;border-radius:99px;background:#cdd1d5;transition:.2s}.toggle-line>span::after{content:"";display:block;width:16px;height:16px;margin:3px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.2);transition:.2s}.toggle-line input:checked+span{background:var(--blue)}.toggle-line input:checked+span::after{transform:translateX(16px)}.toggle-line b{font-size:12px}.toggle-line small{font-size:10px}.settings-form-actions{display:flex;justify-content:flex-end}.mail-test{display:grid;grid-template-columns:1fr minmax(210px,280px) auto;gap:12px;align-items:center;margin-top:28px;padding:20px;border:1px solid #d9e9f1;border-radius:16px;background:#f4fafc}.mail-test>div{display:grid}.mail-test b{font-size:13px}.mail-test small{color:var(--muted);font-size:10px}.mail-test .button{white-space:nowrap}
.settings-create{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin:26px 0;padding:18px;border:1px solid #d9e8f0;border-radius:16px;background:#f5fafc}.settings-create-area{grid-template-columns:minmax(0,1fr) 150px 200px auto}.settings-list{border-top:1px solid var(--line)}.settings-item{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:16px;align-items:end;padding:17px 4px;border-bottom:1px solid var(--line)}.settings-area-item{grid-template-columns:minmax(220px,1fr) 130px auto auto}.settings-main-field span,.settings-code-field span{padding-left:3px}.status-check{display:flex;align-items:center;gap:7px;min-height:44px;margin:0;color:var(--muted);font-size:11px;cursor:pointer}.status-check input{position:absolute;opacity:0}.status-check span{width:34px;height:20px;border-radius:99px;background:#cdd1d5}.status-check span::after{content:"";display:block;width:14px;height:14px;margin:3px;border-radius:50%;background:#fff;transition:.2s}.status-check input:checked+span{background:var(--blue)}.status-check input:checked+span::after{transform:translateX(14px)}.settings-save{min-height:42px;padding:0 14px;border:1px solid #d9dce0;border-radius:11px;background:#fff;color:var(--ink);font-size:12px;font-weight:650;cursor:pointer}.settings-save:hover{border-color:#aab4bd;background:#fafafa}
.settings-feedback{display:flex;align-items:center;gap:10px;margin:20px 0 -8px;padding:13px 15px;border-radius:13px;font-size:12px;font-weight:600}.settings-feedback>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#fff}.settings-feedback.is-success{background:#eaf6ee;color:#256942}.settings-feedback.is-success>span{background:#35a66d}.settings-feedback.is-error{background:#fff0f0;color:#9b3030}.settings-feedback.is-error>span{background:#c94c4c}.person-create{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr) auto;gap:16px;align-items:end;margin:26px 0;padding:19px;border:1px solid #d9e8f0;border-radius:16px;background:#f5fafc}.person-create-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.person-user-link{grid-column:1/-1}.person-create fieldset{display:flex;align-items:center;gap:12px;min-height:44px;margin:0;padding:8px 12px;border:1px solid #dfe1e5;border-radius:12px;background:#fff}.person-create legend{float:none;width:auto;margin:0 5px 0 0;color:var(--muted);font-size:10px;font-weight:650}.person-create fieldset label,.person-roles label{display:flex;align-items:center;gap:5px;margin:0;color:var(--muted);font-size:10px;white-space:nowrap}.person-create input[type=checkbox],.person-roles input[type=checkbox]{width:auto}.people-list{display:grid;gap:8px}.person-card{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:start;padding:15px;border:1px solid var(--line);border-radius:15px;transition:border .15s,box-shadow .15s}.person-card:hover{border-color:#ccdce5;box-shadow:0 7px 18px rgba(28,59,83,.05)}.person-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#eaf5fa;color:#337da4;font-weight:750}.person-fields{display:grid;grid-template-columns:minmax(210px,1.1fr) minmax(190px,1fr) minmax(190px,1fr) auto;gap:9px;align-items:center}.person-fields>input{padding:10px 12px}.person-roles{grid-column:1/4;display:flex;gap:14px;flex-wrap:wrap;padding:3px 2px}.person-fields .settings-save{grid-column:4;grid-row:1/3;align-self:stretch}.person-delete{min-height:38px;padding:0 10px;border:0;border-radius:10px;background:#fff2f2;color:#a52b2b;font-size:11px;cursor:pointer}
@media(max-width:1000px){.settings-workspace{grid-template-columns:1fr}.settings-tabs{position:relative;flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.settings-tabs button{min-width:190px}.settings-tabs button[aria-selected=true]::after{left:14px;right:14px;top:auto;bottom:-18px;width:auto;height:3px}.settings-tab-state{display:none}.person-create{grid-template-columns:1fr}.person-fields{grid-template-columns:1fr 1fr}.person-roles{grid-column:1/-1}}
@media(max-width:720px){.settings-hero{align-items:flex-start;flex-direction:column}.settings-summary{justify-content:flex-start}.settings-panel{padding:28px 20px}.settings-panel-head{flex-direction:column}.mail-form,.mail-options,.mail-test,.settings-create,.settings-create-area,.settings-item,.settings-area-item,.person-create-fields,.person-fields{grid-template-columns:1fr}.mail-test{align-items:stretch}.settings-item{align-items:stretch}.status-check{min-height:auto}.person-card{grid-template-columns:40px minmax(0,1fr)}.person-card>form:last-child{grid-column:2}.person-roles{grid-column:auto}.settings-save{width:100%}}

/* Personas: datos en la primera fila y roles/acciones en la segunda */
.settings-save{white-space:nowrap}.person-card{position:relative;grid-template-columns:40px minmax(0,1fr);padding:17px}.person-fields{display:grid;grid-template-columns:minmax(190px,1fr) minmax(190px,1fr) 132px;gap:10px;align-items:center}.person-fields>input,.person-fields>select{min-width:0;height:44px}.person-roles{grid-column:1/3;display:flex;align-items:center;gap:16px;min-height:36px;padding:4px 88px 0 2px}.person-fields .settings-save{grid-column:3;grid-row:1/3;align-self:stretch;min-height:98px;border-radius:12px}.person-card>form:last-child{position:absolute;right:166px;bottom:19px}.person-delete{min-height:30px;padding:0 10px;border-radius:8px;font-size:10px}.person-validation-stage{grid-column:1/-1}
@media(max-width:1000px){.person-card{grid-template-columns:40px minmax(0,1fr)}.person-fields{grid-template-columns:1fr 1fr}.person-fields .settings-save{grid-column:1/-1;grid-row:auto;min-height:42px;width:100%}.person-roles{grid-column:1/-1;padding-right:84px}.person-card>form:last-child{right:18px;bottom:72px}}
@media(max-width:720px){.person-card{grid-template-columns:1fr;padding:14px 14px 64px}.person-avatar{margin-bottom:2px}.person-fields{grid-template-columns:1fr}.person-fields>input,.person-fields>select{grid-column:1}.person-fields .settings-save{grid-column:1;min-height:44px}.person-roles{grid-column:1;padding-right:0;gap:10px}.person-card>form:last-child{right:14px;bottom:16px}}
.people-table-wrap{overflow-x:auto;border:1px solid #dfe6e9;border-radius:16px;background:#fff}.people-table{width:100%;min-width:1180px;border-collapse:separate;border-spacing:0}.people-table th{padding:12px 10px;background:#f4f7f8;color:#66727a;font-size:9px;font-weight:800;letter-spacing:.06em;white-space:nowrap}.people-table td{padding:10px;border-bottom:1px solid #e8edef;vertical-align:middle}.people-table tbody tr:last-child td{border-bottom:0}.people-table tbody tr:hover td{background:#fbfdfe}.people-table input,.people-table select{height:40px;min-width:0;padding:8px 10px;border-radius:9px;font-size:11px}.person-table-name{display:grid;grid-template-columns:34px minmax(135px,1fr);gap:8px;align-items:center}.person-table-name .person-avatar{width:34px;height:34px;border-radius:9px}.person-table-roles{display:grid;gap:4px}.person-table-roles label{display:flex;align-items:center;gap:5px;margin:0;color:#56636b;font-size:9px;white-space:nowrap}.person-table-roles input,.person-table-status input{width:auto;height:auto}.person-table-status{display:flex;align-items:center;gap:6px;margin:0;color:#56636b;font-size:10px;white-space:nowrap}.person-table-actions{display:grid;gap:5px}.person-table-actions form{margin:0}.person-table-actions button{width:100%;min-height:30px;padding:0 9px;border-radius:8px;font-size:9px}.person-table-actions .settings-save{background:#101820;color:#fff}.person-table-actions .person-delete{background:#fff1f1;color:#a52b2b}@media(max-width:720px){.people-table-wrap{overflow:visible;border:0;background:transparent}.people-table{display:block;min-width:0}.people-table thead{display:none}.people-table tbody{display:grid;gap:12px}.people-table tr{display:grid;padding:14px;border:1px solid #dfe6e9;border-radius:15px;background:#fff}.people-table td{display:grid;grid-template-columns:110px minmax(0,1fr);gap:9px;align-items:center;padding:7px 0;border:0}.people-table td::before{content:attr(data-label);color:#73808a;font-size:9px;font-weight:800;text-transform:uppercase}.person-table-name{grid-template-columns:34px 1fr}.person-table-actions{grid-template-columns:1fr 1fr}}

/* Configuración: navegación superior y espacio completo para tablas */
body.settings-page .main-content{max-width:1560px}
.settings-workspace{grid-template-columns:minmax(0,1fr);overflow:visible}
.settings-tabs{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px;border-right:0;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#f8fafc,#f4f7f9);overflow:visible}
.settings-tabs button{min-width:0;min-height:72px;padding:12px 14px;background:#fff;border:1px solid #e4e9ec;box-shadow:none}
.settings-tabs button:hover{border-color:#cddde6;box-shadow:0 5px 16px rgba(25,55,80,.06)}
.settings-tabs button[aria-selected=true]{border-color:#bcddeb;background:#eef8fc;box-shadow:inset 0 0 0 1px rgba(50,157,211,.08)}
.settings-tabs button[aria-selected=true]::after{left:14px;right:14px;top:auto;bottom:-13px;width:auto;height:3px}
.settings-tab-state{grid-column:2;margin-top:-3px}
.settings-panels,.settings-panel{min-width:0;width:100%}
.people-table-wrap{width:100%;overflow-x:auto}
.people-table{min-width:1000px;table-layout:fixed}
.people-table th:nth-child(1){width:18%}.people-table th:nth-child(2){width:24%}.people-table th:nth-child(3){width:22%}.people-table th:nth-child(4){width:12%}.people-table th:nth-child(5){width:9%}.people-table th:nth-child(6){width:15%}
.people-table input,.people-table select{width:100%}
.people-table th{font-size:11px}.people-table input,.people-table select{font-size:13px}.person-table-roles label{font-size:11px}.person-table-status{font-size:12px}.person-table-actions button{font-size:11px}.person-table-name{grid-template-columns:38px minmax(145px,1fr)}.person-table-name .person-avatar{width:38px;height:38px}.people-table td{padding:12px}

/* Ritmo y márgenes de títulos */
.settings-hero .eyebrow,.settings-panel-head .eyebrow{display:block;margin:0 0 10px}
.settings-hero .page-title{margin:0 0 14px;line-height:1.05}
.settings-panel-head h2{margin:0 0 10px;line-height:1.12}
.settings-panel-head p{margin:0;line-height:1.55}
.settings-panel-head{padding:2px 0 26px;margin:0 0 26px}
.person-create{margin-top:0}
.people-table th{padding:15px 12px;line-height:1.25}
.people-table td{padding:13px 12px}

/* Composición equilibrada del panel de correo */
.settings-hero{padding:10px 0 2px;margin-bottom:30px}
.settings-workspace{margin-bottom:28px}
.settings-tabs{grid-template-columns:repeat(7,minmax(0,1fr))}
.people-table{min-width:1050px}.people-table th:nth-child(1){width:20%}.people-table th:nth-child(2){width:26%}.people-table th:nth-child(3){width:26%}.people-table th:nth-child(4){width:10%}.people-table th:nth-child(5){width:18%}
.person-create-fields{grid-template-columns:minmax(220px,1fr) minmax(320px,1.5fr)}
.person-create{grid-template-columns:minmax(0,1.5fr) minmax(410px,1fr) auto;align-items:end}.person-create fieldset{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;min-height:68px;padding:24px 10px 9px}.person-create legend{position:absolute;top:7px;left:12px;margin:0;padding:0;color:#65727b;font-size:11px;font-weight:750}.person-create fieldset label{justify-content:flex-start;min-height:32px;padding:7px 9px;border:1px solid #e2e8eb;border-radius:9px;background:#f8fafb;color:#34434d;font-size:11px;font-weight:650}.person-create fieldset label:has(input:checked){border-color:#acd9ed;background:#eaf7fc;color:#135d82}.person-create fieldset input{accent-color:#2499d0}
.person-table-roles{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.person-table-roles label{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:5px 8px;border:1px solid #e0e6e9;border-radius:8px;background:#f8fafb;color:#43525d;font-size:11px;font-weight:650}.person-table-roles label:has(input:checked){border-color:#b5ddec;background:#eef8fc;color:#155f83}.person-table-roles input{margin:0;accent-color:#2499d0}.person-table-status{width:max-content;min-height:34px;padding:6px 10px;border:1px solid #dce7df;border-radius:99px;background:#eff8f2;color:#2f7149;font-weight:700}.person-table-status input{margin:0;accent-color:#2f9b60}
@media(max-width:1150px){.person-create{grid-template-columns:1fr}.person-create fieldset{max-width:none}.person-create .button{width:100%}}
.workflow-create{display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,1fr) auto;gap:14px;align-items:end;margin:24px 0;padding:20px;border:1px solid #cfe3ed;border-radius:16px;background:#f1f9fc}.workflow-create label,.workflow-row label{display:grid;gap:7px}.workflow-create label>span,.workflow-row label>span{color:#54636e;font-size:11px;font-weight:700}.workflow-create input,.workflow-create select,.workflow-row input,.workflow-row select{width:100%;height:44px;padding:0 12px;border:1px solid #d8e0e5;border-radius:10px;background:#fff;font:inherit}.workflow-list{display:grid;gap:10px}.workflow-row{display:grid;grid-template-columns:34px 34px minmax(220px,1fr) minmax(250px,1fr) 80px 115px;gap:12px;align-items:center;padding:14px;border:1px solid #dfe6e9;border-radius:14px;background:#fff;transition:opacity .15s,transform .15s,box-shadow .15s}.workflow-row.is-dragging{opacity:.55;box-shadow:0 12px 30px rgba(24,48,77,.15)}.workflow-drag{cursor:grab;color:#6e7e89;font-size:20px;letter-spacing:-5px}.workflow-order{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#e8f5fa;color:#17648a;font-weight:800}.workflow-active{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:7px!important}.workflow-active input{width:auto;height:auto}.workflow-actions{display:grid;gap:6px}.workflow-actions form{margin:0}.workflow-actions button{width:100%;min-height:34px;border-radius:9px}.workflow-empty{display:grid;gap:4px;padding:34px;text-align:center;border:1px dashed #b9ccd6;border-radius:14px;color:#66747d}.workflow-save-state{min-height:22px;margin-top:12px;color:#28744c;font-size:12px;font-weight:700}
@media(max-width:1050px){.workflow-row{grid-template-columns:30px 30px 1fr 1fr}.workflow-active,.workflow-actions{grid-column:3/-1}.workflow-actions{grid-template-columns:1fr 1fr}.workflow-create{grid-template-columns:1fr 1fr}.workflow-create button{grid-column:1/-1}.settings-tabs{display:flex;overflow-x:auto}.settings-tabs button{min-width:205px}}
.workflow-create label small{color:#71808a;font-size:10px;font-weight:400;line-height:1.35}
.workflow-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) auto;gap:14px;align-items:end;margin:24px 0}.workflow-toolbar label{display:grid;gap:7px}.workflow-toolbar label>span{color:#54636e;font-size:11px;font-weight:700}.workflow-toolbar select{height:46px;padding:0 13px;border:1px solid #d8e0e5;border-radius:11px;background:#fff;font:inherit}.workflow-create[hidden]{display:none}.workflow-create-actions{display:flex;gap:8px}.workflow-create-actions .button{white-space:nowrap}.workflow-row.is-selected{border-color:#2998d1;box-shadow:0 0 0 4px rgba(41,152,209,.14)}@media(max-width:720px){.workflow-toolbar{grid-template-columns:1fr}.workflow-toolbar .button{width:100%}.workflow-create-actions{grid-column:1/-1}.workflow-create-actions .button{flex:1}}
.workflow-catalog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:24px 0 0;padding:18px 20px;border:1px solid #dfe7eb;border-radius:16px;background:#fff}.workflow-catalog-head h3{margin:0 0 4px;font-size:18px}.workflow-catalog-head p{margin:0;color:#66747d;font-size:13px}.settings-modal{width:min(680px,calc(100vw - 32px));max-height:min(760px,calc(100vh - 32px));padding:0;border:0;border-radius:20px;box-shadow:0 24px 80px rgba(15,35,50,.28)}.settings-modal::backdrop{background:rgba(12,28,40,.48);backdrop-filter:blur(3px)}.settings-modal-content{display:grid;gap:18px;padding:26px}.settings-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.settings-modal-head h3{margin:3px 0 0;font-size:26px}.settings-modal-content>p{margin:0;color:#60707b;line-height:1.5}.settings-modal label{display:grid;gap:8px}.settings-modal label>span{font-size:12px;font-weight:800;color:#43545f}.settings-modal input{width:100%;height:48px;padding:0 14px;border:1px solid #d4dde2;border-radius:12px;font:inherit}.settings-modal-close{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:#eef3f5;font-size:24px;cursor:pointer}.settings-modal-actions{display:flex;justify-content:flex-end;gap:10px}.stage-create-form{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;padding:18px;border:1px solid #cfe3ed;border-radius:14px;background:#f1f9fc}.stage-catalog-list{display:grid;gap:8px;max-height:320px;overflow:auto;padding-right:4px}.stage-catalog-list h4{margin:2px 0 6px;font-size:14px}.stage-edit-row{display:grid;grid-template-columns:1fr 100px;gap:10px;align-items:center;padding:10px;border:1px solid #e0e7ea;border-radius:12px;background:#fff}.stage-edit-row input{height:42px}.stage-edit-row .settings-save{height:42px}.stage-catalog-empty{padding:24px;border:1px dashed #b9ccd6;border-radius:12px;text-align:center;color:#6b7982}@media(max-width:720px){.workflow-catalog-head{align-items:stretch;flex-direction:column}.workflow-catalog-head .button{width:100%}.stage-create-form,.stage-edit-row{grid-template-columns:1fr}.stage-create-form .button,.stage-edit-row .settings-save{width:100%}}
.settings-panel{padding:34px 38px 38px}
.mail-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 22px;margin-top:0}
.mail-form>label{align-content:start}
.mail-form input{min-height:46px}
.mail-options{gap:16px;margin-top:2px}
.settings-form-actions{margin-top:2px}
.mail-test{margin-top:24px}

@media(max-width:720px){
  .settings-hero{padding-top:4px}
  .settings-panel{padding:26px 20px 30px}
  .mail-form{grid-template-columns:1fr}
}

@media(max-width:900px){
  body.settings-page .main-content{max-width:1200px}
  .settings-tabs{display:flex;overflow-x:auto;padding:10px}
  .settings-tabs button{min-width:215px}
  .settings-tab-state{display:none}
  .settings-panel{padding:28px 22px}
}

@media(min-width:721px){.settings-area-item.settings-system-row{grid-template-columns:minmax(160px,.7fr) minmax(280px,2fr) auto auto auto}}
.settings-delete{display:grid;place-items:center;width:38px;height:38px;border:1px solid #f0c9c9;border-radius:10px;background:#fff5f5;color:#a63232;cursor:pointer}.settings-delete:hover{background:#ffe3e3}.settings-delete svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

@media(min-width:721px){.settings-area-item:not(.settings-system-row){grid-template-columns:minmax(200px,2fr) 130px minmax(160px,1fr) auto auto}}

.area-new{display:flex;gap:10px;margin:22px 0}.area-new input{flex:1;min-height:44px;padding:0 14px;border:1px solid #d6e1e6;border-radius:12px}
.area-cards{display:grid;gap:14px}
.area-card{border:1px solid #d9e8f0;border-radius:16px;background:#fff;overflow:hidden}
.area-card>summary{display:flex;align-items:center;gap:12px;padding:15px 18px;cursor:pointer;list-style:none;background:#f5fafc}.area-card>summary::-webkit-details-marker{display:none}
.area-card-title{font-size:16px;font-weight:700;color:#12384d}.area-card-count{padding:3px 10px;border-radius:999px;background:#e7f3f8;color:#176486;font-size:12px;font-weight:700}.area-card-off{padding:3px 10px;border-radius:999px;background:#f0f2f4;color:#7b8790;font-size:12px;font-weight:700}
.area-card>summary svg{margin-left:auto;width:18px;height:18px;fill:none;stroke:#59636f;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}.area-card:not([open])>summary svg{transform:rotate(-90deg)}
.area-card-body{display:grid;gap:8px;padding:16px 18px 18px}
.area-rename{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:14px;align-items:end;padding-bottom:14px;margin-bottom:6px;border-bottom:1px dashed #d9e8f0}.area-rename label:not(.status-check){display:grid;gap:6px;font-size:12px;font-weight:700;color:#4b5660}.area-rename input[name=name]{min-height:42px;padding:0 12px;border:1px solid #d6e1e6;border-radius:10px}
.subarea-head,.subarea-row{display:grid;grid-template-columns:minmax(0,2fr) 110px minmax(0,1.2fr) 44px 110px 40px;gap:10px;align-items:center}
.subarea-head{padding:0 2px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#7b8790}
.subarea-row input:not([type=hidden]):not([type=checkbox]),.subarea-row select{min-height:40px;padding:0 10px;border:1px solid #d6e1e6;border-radius:10px;background:#fff;min-width:0;width:100%}
.subarea-add{margin-top:6px;padding-top:12px;border-top:1px dashed #d9e8f0}.subarea-add .button{grid-column:5;min-height:40px;padding:0 10px;font-size:12px}
.area-empty{margin:4px 2px;color:#7b8790;font-size:13px}
@media(max-width:820px){.subarea-head{display:none}.subarea-row,.area-rename{grid-template-columns:1fr 1fr}.subarea-row>:first-child,.subarea-row>input:nth-child(2){grid-column:auto}.area-new{flex-direction:column}.subarea-add .button{grid-column:auto}}

.area-manager{display:grid;gap:16px;margin-top:22px}
.area-toolbar{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;padding:16px 18px;border:1px solid #d9e8f0;border-radius:16px;background:#f5fafc}
.area-toolbar .area-picker{display:grid;gap:6px;flex:1 1 280px;font-size:12px;font-weight:700;color:#4b5660}.area-toolbar .area-picker select{min-height:44px;padding:0 12px;border:1px solid #d6e1e6;border-radius:12px;background:#fff;font-weight:700;font-size:14px}
.area-toolbar .area-new{display:flex;gap:10px;margin:0;flex:1 1 320px}
.area-panel{display:grid;gap:8px;padding:16px 18px 18px;border:1px solid #d9e8f0;border-radius:16px;background:#fff}.area-panel[hidden]{display:none}

.workflow-fixed{margin:22px 0 8px;padding:16px 18px;border:1px solid #d9e8f0;border-radius:16px;background:#f5fafc}.workflow-fixed>strong{display:block;margin-bottom:10px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#176486}.workflow-fixed ol{display:grid;gap:8px;margin:0;padding:0;list-style:none;counter-reset:wf}.workflow-fixed li{display:grid;grid-template-columns:28px auto 1fr;gap:10px;align-items:center;counter-increment:wf}.workflow-fixed li::before{content:counter(wf);display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#12384d;color:#fff;font-size:12px;font-weight:800}.workflow-fixed li span{color:#59636f;font-size:13px}

.people-table th:nth-child(1){width:22%}.people-table th:nth-child(2){width:27%}.people-table th:nth-child(3){width:22%}.people-table th:nth-child(4){width:13%}.people-table th:nth-child(5){width:16%}
.person-create-fields{grid-template-columns:repeat(3,minmax(0,1fr))}

/* Las 8 pestañas de configuración en una sola línea */
@media(min-width:1051px){
  .settings-tabs{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;padding:10px}
  .settings-tabs button{min-height:64px;padding:8px 9px;gap:8px}
  .settings-tabs button b{font-size:12px;line-height:1.2}
  .settings-tabs button small{font-size:10px}
  .settings-tabs .settings-tab-icon{width:30px;height:30px;flex:0 0 30px}
  .settings-tab-state{display:none}
}

.subarea-row input.subarea-prefix{text-transform:uppercase}

/* El interruptor solo responde sobre su propio dibujo (antes toda la celda alrededor lo activaba/desactivaba) */
.subarea-row .status-check{justify-self:center;align-self:center;width:34px;height:20px;min-height:0;padding:0;gap:0;position:relative}
.subarea-row .status-check input{position:absolute;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.area-rename .status-check{width:fit-content;position:relative}

/* Sistemas: tipo y origen */
@media(min-width:721px){.settings-area-item.settings-system-row{grid-template-columns:minmax(140px,.7fr) minmax(200px,1.6fr) 150px 120px auto auto auto}}
.settings-system-row select,.settings-create-area select{min-height:44px;padding:0 10px;border:1px solid #d6e1e6;border-radius:10px;background:#fff;width:100%}
@media(min-width:721px){.settings-create-area:has(select){grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) 150px 120px auto}}

/* Todos los interruptores de Configuración (Sistemas, Roles, Personas, etc.): solo responden sobre su dibujo y su texto,
   no sobre el espacio vacío de la celda que los rodea. */
.settings-item .status-check,.person-table-status,.workflow-active .status-check,.status-check{width:fit-content;max-width:100%;justify-self:start;position:relative}
.status-check input{position:absolute;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.person-table-status{pointer-events:none}.person-table-status input{position:static;inset:auto;width:18px;height:18px;margin:0;cursor:pointer;pointer-events:auto}
.subarea-row .status-check{justify-self:center}

/* Empresas y Sistemas: tabla compacta de una sola línea por registro */
.compact-head{display:grid;gap:10px;align-items:center;padding:0 14px 6px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#7b8790}
.settings-list.is-compact{display:block;border:1px solid #e4e9ec;border-radius:14px;overflow:hidden;background:#fff}
.settings-list.is-compact .settings-item{display:grid!important;gap:10px;align-items:center;padding:6px 14px!important;margin:0!important;border:0!important;border-bottom:1px solid #eef2f4!important;border-radius:0!important;box-shadow:none!important;background:#fff}
.settings-list.is-compact .settings-item:last-child{border-bottom:0!important}
.settings-list.is-compact .settings-item:hover{background:#f8fbfc}
.settings-list.is-compact label:not(.status-check)>span{display:none}
.settings-list.is-compact label:not(.status-check){margin:0;display:block}
.settings-list.is-compact input:not([type=hidden]):not([type=checkbox]),.settings-list.is-compact select{min-height:34px!important;height:34px;padding:0 9px;font-size:13px;border-radius:8px;width:100%;min-width:0}
.settings-list.is-compact .status-check{font-size:11px}
.settings-list.is-compact .settings-save{min-height:34px;padding:0 10px;font-size:12px;white-space:nowrap}
.settings-list.is-compact .settings-delete{width:32px;height:32px;border-radius:8px}
@media(min-width:721px){
  .cols-co{grid-template-columns:minmax(220px,1fr) 100px 130px}
  .cols-sys{grid-template-columns:minmax(200px,1.3fr) minmax(110px,.6fr) 130px 120px 84px 130px 34px}
  .settings-list.is-compact.cols-co .settings-item{grid-template-columns:minmax(220px,1fr) 100px 130px!important}
  .settings-list.is-compact.cols-sys .settings-item{grid-template-columns:minmax(200px,1.3fr) minmax(110px,.6fr) 130px 120px 84px 130px 34px!important}
}
.role-kind{justify-self:start;padding:3px 10px;border-radius:999px;background:#eef1f3;color:#4b5660;font-size:11px;font-weight:700;white-space:nowrap}.role-kind.is-system{background:#fff1d8;color:#8a5b08}
.settings-list.is-compact input[readonly]{background:#f3f6f8;color:#667582}
@media(min-width:721px){
  .cols-ro{grid-template-columns:minmax(240px,1fr) 130px 100px 90px 34px}
  .settings-list.is-compact.cols-ro .settings-item{grid-template-columns:minmax(240px,1fr) 130px 100px 90px 34px!important}
}
@media(max-width:720px){.compact-head{display:none}}

/* Personas: columna Cargo (Persona, Cargo, Usuario, Jefe directo, Estado, Acciones) */
.people-table{min-width:1180px}.people-table th:nth-child(1){width:19%}.people-table th:nth-child(2){width:17%}.people-table th:nth-child(3){width:23%}.people-table th:nth-child(4){width:19%}.people-table th:nth-child(5){width:10%}.people-table th:nth-child(6){width:12%}

/* Personas: tabla simple y compacta, todo editable en la misma fila */
.people-table-wrap{border-radius:8px}
.people-plain{min-width:1100px;table-layout:fixed;border-collapse:collapse}
.people-plain th{padding:8px 8px;font-size:11px;text-align:left}
.people-plain td{padding:3px 6px;border-bottom:1px solid #e8edef}
.people-plain th:nth-child(1){width:21%}.people-plain th:nth-child(2){width:20%}.people-plain th:nth-child(3){width:22%}.people-plain th:nth-child(4){width:16%}.people-plain th:nth-child(5){width:9%}.people-plain th:nth-child(6){width:12%}
.people-plain input:not([type=checkbox]):not([type=hidden]),.people-plain select{height:32px;padding:4px 8px;border-radius:6px;font-size:12.5px;border:1px solid transparent;background:transparent;box-shadow:none}
.people-plain input:not([type=checkbox]):hover,.people-plain select:hover{border-color:#cfd8dc;background:#fff}
.people-plain input:not([type=checkbox]):focus,.people-plain select:focus{border-color:#0b9ad6;background:#fff;outline:0}
.people-plain .person-table-status{font-size:12px}
.people-plain .person-table-actions{display:flex;gap:6px}.people-plain .person-table-actions form{margin:0}
.people-plain .person-table-actions button,.people-plain .settings-save{width:auto;min-height:28px;padding:0 12px;border-radius:6px;font-size:11px}
.people-plain .person-delete{background:transparent;color:#a52b2b;border:1px solid #f0c9c9}
.people-new-row td{background:#f4fafd}
.people-new-row input:not([type=hidden]),.people-new-row select{border-color:#dfe6e9}

/* Todas las pestañas: tablas simples, mismo estilo que Personas */
.settings-create,.workflow-create,.area-toolbar{padding:10px 12px;border-radius:8px;gap:10px;margin:14px 0}
.settings-create label>span,.workflow-create label>span{font-size:10px}
.settings-create input:not([type=hidden]),.settings-create select,.workflow-create select,.area-toolbar input,.area-toolbar select{min-height:34px!important;height:34px;padding:0 9px;font-size:12.5px;border-radius:6px}
.settings-create .button,.workflow-create .button,.area-toolbar .button{min-height:34px;padding:0 14px;border-radius:6px;font-size:12px}
.compact-head{padding:8px 12px;background:#f4f7f8;border:1px solid #e4e9ec;border-bottom:0;border-radius:8px 8px 0 0;font-size:11px}
.compact-head+.settings-list.is-compact{border-radius:0 0 8px 8px}
.settings-list.is-compact{border-radius:8px}
.settings-list.is-compact .settings-item{padding:3px 12px!important}
.settings-list.is-compact input:not([type=hidden]):not([type=checkbox]),.settings-list.is-compact select,.subarea-row input:not([type=hidden]):not([type=checkbox]),.subarea-row select,.workflow-row select{height:32px!important;min-height:32px!important;padding:0 8px;font-size:12.5px;border:1px solid transparent;border-radius:6px;background:transparent;box-shadow:none}
.settings-list.is-compact input:not([type=checkbox]):hover,.settings-list.is-compact select:hover,.subarea-row input:not([type=checkbox]):hover,.subarea-row select:hover,.workflow-row select:hover{border-color:#cfd8dc;background:#fff}
.settings-list.is-compact input:not([type=checkbox]):focus,.settings-list.is-compact select:focus,.subarea-row input:not([type=checkbox]):focus,.subarea-row select:focus,.workflow-row select:focus{border-color:#0b9ad6;background:#fff;outline:0}
.settings-list.is-compact .settings-save,.subarea-row .settings-save,.subarea-row .button,.workflow-row .settings-save{min-height:28px;padding:0 12px;border-radius:6px;font-size:11px}
.subarea-row{padding:3px 6px;border-bottom:1px solid #e8edef;gap:8px}.subarea-head{padding:8px 6px;background:#f4f7f8;border-radius:8px 8px 0 0;font-size:11px}
.subarea-add{border-top:0;background:#f4fafd;border-radius:0 0 8px 8px;margin-top:0;padding:4px 6px}
.workflow-row{padding:4px 10px;border-radius:0;box-shadow:none;border:0;border-bottom:1px solid #e8edef;background:#fff}
.workflow-list{border:1px solid #e4e9ec;border-radius:8px;overflow:hidden}

/* Workflow: empresas en las que valida cada aprobador */
.workflow-row{grid-template-columns:30px 30px minmax(170px,1fr) minmax(190px,1fr) minmax(150px,.8fr) 80px 115px}
.workflow-companies{display:flex;flex-wrap:wrap;gap:4px 10px;margin:0;padding:0;border:0;min-width:0}
.workflow-companies legend{float:none;width:100%;margin:0 0 4px;padding:0;font-size:11px;font-weight:700;color:#54636e}
.workflow-company{display:flex!important;align-items:center;gap:5px!important;margin:0;font-size:12px;color:#12384d;cursor:pointer}
.workflow-company input{width:auto!important;height:auto!important;margin:0}
.workflow-create{grid-template-columns:minmax(200px,1fr) minmax(220px,1fr) minmax(170px,.7fr) auto}
@media(max-width:1050px){.workflow-row{grid-template-columns:30px 30px 1fr 1fr}.workflow-companies{grid-column:3/-1}.workflow-create{grid-template-columns:1fr 1fr}}

/* Workflow: empresas ordenadas como etiquetas alineadas */
.workflow-row{grid-template-columns:28px 30px minmax(160px,1fr) minmax(170px,1fr) 300px 76px 100px;gap:14px;align-items:center}
.workflow-row .workflow-active{justify-self:start}
.workflow-row .workflow-actions{display:grid;gap:4px}
.workflow-companies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px 6px;align-content:center}
.workflow-companies legend{grid-column:1/-1;margin:0 0 2px}
.workflow-company{justify-content:flex-start;padding:4px 9px;border:1px solid #d6e1e6;border-radius:999px;background:#fff;font-size:11px;font-weight:700;letter-spacing:.02em;white-space:nowrap;transition:.12s}
.workflow-company:hover{border-color:#9ccbe3}
.workflow-company:has(input:checked){border-color:#7fb9d6;background:#e6f3fa;color:#0f5a7d}
.workflow-company input{accent-color:#176486}
.workflow-create{grid-template-columns:minmax(200px,1fr) minmax(220px,1fr) auto;align-items:end}
.workflow-create .workflow-companies{grid-column:1/-1;grid-template-columns:repeat(auto-fill,minmax(130px,max-content));padding-top:10px;border-top:1px dashed #cfe3ed}
.workflow-create .workflow-companies legend{font-size:11px}
@media(max-width:1250px){.workflow-row{grid-template-columns:28px 30px 1fr 1fr}.workflow-row .workflow-companies{grid-column:3/-1}.workflow-row .workflow-active,.workflow-row .workflow-actions{grid-column:3/-1}}
.workflow-company.is-corporate{grid-column:1/-1;border-color:#e3c27a;background:#fff8e8;color:#7a5200}
.workflow-company.is-corporate:has(input:checked){border-color:#d09a1f;background:#ffefc4;color:#5f3f00}
.workflow-company:has(input:disabled){opacity:.45;cursor:not-allowed}
.workflow-create .workflow-company.is-corporate{grid-column:auto}

/* Nueve pestañas en una sola línea en pantallas anchas */
@media(min-width:1101px){
  .settings-tabs{grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;padding:10px}
  .settings-tabs button{min-height:58px;padding:7px 8px;gap:6px}
  .settings-tabs button b{font-size:11.5px;line-height:1.2}
  .settings-tabs button small{font-size:9.5px;line-height:1.25}
  .settings-tabs .settings-tab-icon{width:24px;height:24px;flex:0 0 24px;font-size:12px}
}

/* Personas: tabla completa (7 columnas) con guardado automático */
.people-plain{min-width:980px;table-layout:fixed}
.people-plain th:nth-child(1){width:17%}.people-plain th:nth-child(2){width:19%}.people-plain th:nth-child(3){width:13%}.people-plain th:nth-child(4){width:21%}.people-plain th:nth-child(5){width:13%}.people-plain th:nth-child(6){width:9%}.people-plain th:nth-child(7){width:8%}
.people-plain input:not([type=checkbox]):not([type=hidden]),.people-plain select{text-overflow:ellipsis}
.people-plain .person-table-actions{justify-content:flex-start;align-items:center;gap:8px}.people-plain .person-table-actions form{display:flex;align-items:center}
.person-save-state{font-size:11px;font-weight:600;color:#64748b;white-space:nowrap}
tr.is-saving .person-save-state{color:#64748b}tr.is-saved .person-save-state{color:#15803d}tr.is-failed .person-save-state{color:#b91c1c;white-space:normal}
tr.is-saved{background:#f0fdf4}tr.is-failed{background:#fef2f2}

.raci-perm-table th.raci-perm-col, .raci-perm-table td.raci-perm-col { text-align: center; width: 150px; }
.raci-perm-table th small { display: block; font-weight: 400; color: #64748b; font-size: 11px; margin-top: 2px; }
.raci-perm-table input[type=checkbox] { width: 20px; height: 20px; cursor: pointer; }
.raci-perm-state { min-height: 20px; color: #166534; font-size: 13px; }

.act-filters { align-items: end; margin-bottom: 14px; }
.act-table td { vertical-align: top; font-size: 13px; }
.act-table small { color: #64748b; }
.act-badge { padding: 2px 9px; border-radius: 999px; font-size: 12px; font-weight: 600; }
.act-new { background: #dcfce7; color: #166534; } .act-mod { background: #e0f2fe; color: #075985; } .act-del { background: #fee2e2; color: #991b1b; }
.act-changes { margin: 6px 0 0; padding-left: 18px; max-width: 640px; word-break: break-word; }
.act-changes s { color: #991b1b; } .act-pager { text-align: center; margin: 14px 0; } .act-pager a { margin: 0 10px; }

.users-tabs { display: flex; gap: 6px; margin: 0 0 16px; padding: 4px; background: #eef3f7; border-radius: 12px; width: fit-content; }
.users-tabs a { padding: 8px 20px; font-weight: 600; font-size: 14px; color: #4b5d6b; text-decoration: none; border-radius: 9px; }
.users-tabs a:hover { color: #174f6b; }
.users-tabs a.active { background: #fff; color: #174f6b; box-shadow: 0 1px 3px rgba(23,79,107,.18); }
.perm-note { margin: 4px 0 12px; font-size: 13px; color: #5b6b78; }
.perm-tools { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 10px; }
.perm-tools input[type=search] { flex: 1 1 260px; max-width: 380px; }
.perm-tools select { min-width: 150px; }
.perm-tools .users-count { margin-left: auto; font-weight: 600; font-size: 13px; }
.perm-wrap { overflow: auto; max-height: calc(100vh - 360px); min-height: 320px; border: 1px solid #dbe6ee; border-radius: 14px; background: #fff; }
.perm-table { border-collapse: separate; border-spacing: 0; width: 100%; font-size: 13px; }
.perm-table th, .perm-table td { padding: 0; border-bottom: 1px solid #edf1f5; text-align: center; background: #fff; text-transform: none; letter-spacing: 0; }
.perm-table tbody tr:nth-child(even) td, .perm-table tbody tr:nth-child(even) th.perm-user { background: #fafcfd; }
.perm-table tbody tr:hover td, .perm-table tbody tr:hover th.perm-user { background: #eef6fb; }
.perm-table thead th { position: sticky; z-index: 2; color: #fff; font-weight: 600; border-bottom: 0; }
.perm-table thead tr:first-child th { top: 0; height: 36px; font-size: 11px; letter-spacing: .08em !important; text-transform: uppercase !important; }
.perm-table thead tr:nth-child(2) th { top: 36px; height: 58px; background: #1d6f96; font-size: 12px; padding: 0 6px; line-height: 1.2; vertical-align: middle; }
.perm-table thead .perm-g-views { background: #174f6b; }
.perm-table thead .perm-g-actions { background: #2e7d5b; }
.perm-table thead tr:nth-child(2) th.perm-col-actions { background: #3a9370; }
.perm-table thead .perm-user { left: 0; z-index: 5; background: #174f6b; text-align: left; padding: 0 16px; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.perm-table .perm-user { position: sticky; left: 0; z-index: 3; text-align: left; min-width: 250px; padding: 9px 16px; background: #fff; box-shadow: 1px 0 0 #e3eaf0; }
.perm-person { display: flex; align-items: center; gap: 11px; }
.perm-avatar { flex: none; width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: #e0eef6; color: #174f6b; font-weight: 700; font-size: 13px; }
.perm-person strong { display: block; font-size: 14px; color: #1b2a36; line-height: 1.2; }
.perm-role { display: inline-block; margin-top: 3px; padding: 1px 8px; border-radius: 999px; font-size: 11px; font-weight: 600; background: #eef2f6; color: #4b5d6b; }
.perm-role.is-admin { background: #fde9d8; color: #9a4a0b; } .perm-role.is-editor { background: #dcefe6; color: #226a4b; } .perm-role.is-reviewer { background: #e7e3f7; color: #5b3fb0; } .perm-role.is-master { background: #174f6b; color: #fff; }
.perm-off { margin-left: 6px; font-size: 11px; color: #b42323; font-weight: 600; }
.perm-count { display: block; margin-top: 2px; font-size: 11px; color: #7a8894; }
.perm-table th.perm-col { min-width: 96px; }
.perm-cell { height: 54px; }
.perm-check { appearance: none; -webkit-appearance: none; width: 22px; height: 22px; margin: 0; border: 2px solid #c3cfd9; border-radius: 7px; background: #fff; cursor: pointer; display: inline-grid; place-content: center; transition: background .12s, border-color .12s, transform .12s; }
.perm-check::after { content: ""; width: 6px; height: 11px; border: solid #fff; border-width: 0 2.5px 2.5px 0; transform: rotate(45deg) scale(0); margin-top: -2px; transition: transform .12s; }
.perm-check:checked { background: #1d6f96; border-color: #1d6f96; }
.perm-check.perm-action:checked { background: #2e7d5b; border-color: #2e7d5b; }
.perm-check:checked::after { transform: rotate(45deg) scale(1); }
.perm-check:hover:not(:disabled) { border-color: #1d6f96; transform: scale(1.08); }
.perm-check:focus-visible { outline: 3px solid rgba(29,111,150,.35); outline-offset: 2px; }
.perm-check:disabled { cursor: not-allowed; opacity: .45; }
.perm-table tr.is-inactive td, .perm-table tr.is-inactive th.perm-user { opacity: .6; }
.perm-table tr.is-saving td { background: #fff8e1 !important; }
.perm-table td.perm-sep, .perm-table th.perm-sep { border-left: 2px solid #dbe6ee; }

.up-table select.up-role { min-width: 120px; }
.up-muted { color: #7a8894; font-size: 12px; }
.up-table small.up-muted { display: block; }
.up-nopersona td { background: #fbfaf5; }
.up-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
.up-actions form { display: inline-flex; margin: 0; }
.up-table tr.is-inactive td { opacity: .6; }

/* Vista única Usuarios y personas: 8 columnas con anchos propios y acciones en una sola línea. */
.up-table.people-plain { min-width: 1480px; table-layout: fixed; }
.up-table.people-plain th:nth-child(1) { width: 15%; } .up-table.people-plain th:nth-child(2) { width: 15%; } .up-table.people-plain th:nth-child(3) { width: 10%; }
.up-table.people-plain th:nth-child(4) { width: 18%; } .up-table.people-plain th:nth-child(5) { width: 8%; } .up-table.people-plain th:nth-child(6) { width: 11%; }
.up-table.people-plain th:nth-child(7) { width: 8%; } .up-table.people-plain th:nth-child(8) { width: 15%; }
.up-table.people-plain td { vertical-align: middle; height: auto; padding: 5px 6px; }
.up-table .up-actions { flex-wrap: nowrap; gap: 3px; }
.up-table .up-actions .user-action-button, .up-table .up-actions .user-state-action { width: 28px; height: 28px; min-height: 28px; padding: 0; display: inline-grid; place-items: center; border: 1px solid #dbe6ee; border-radius: 8px; background: #fff; }
.up-table .up-actions .person-delete { margin-left: 4px; }
.up-table .up-actions form { display: inline-flex; margin: 0; }
.up-table .person-save-state { display: none; }
.up-table tr.is-saved .person-save-state, .up-table tr.is-saving .person-save-state, .up-table tr.is-failed .person-save-state { display: inline; font-size: 11px; margin-right: 4px; }
.up-table tr.is-failed .person-save-state { color: #b42323; }
.up-table th:nth-child(8), .up-table td:nth-child(8) { position: sticky; right: 0; background: #fff; box-shadow: -1px 0 0 #e3eaf0; z-index: 1; }
.up-table .people-new-row td:nth-child(8) { background: #f3f9fc; }

/* Permisos: filtros en una sola línea. */
.perm-tools { flex-wrap: wrap; }
.perm-tools input[type=search] { flex: 1 1 280px; max-width: 380px; width: auto; }
.perm-tools select { width: auto; flex: 0 0 190px; }
.perm-tools .check { flex: none; display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; width: auto; }
.perm-tools .check input { width: auto; }

/* Usuarios y personas: todas las filas con el mismo aspecto (texto limpio; los campos se resaltan al pasar el cursor). */
.up-table.people-plain tbody td { padding: 9px 8px; height: 50px; }
.up-table.people-plain tbody input:not([type=checkbox]):not([type=hidden]), .up-table.people-plain tbody select { border-color: transparent !important; background: transparent !important; }
.up-table.people-plain tbody input:not([type=checkbox]):not([type=hidden]):hover, .up-table.people-plain tbody select:hover:not(:disabled) { border-color: #cfd8dc !important; background: #fff !important; }
.up-table.people-plain tbody input:not([type=checkbox]):not([type=hidden]):focus, .up-table.people-plain tbody select:focus { border-color: #1d6f96 !important; background: #fff !important; }
.up-table.people-plain tbody td:nth-child(1) input { font-weight: 700; font-size: 14px; color: #1b2a36; }
.up-table.people-plain tbody td:nth-child(2) input { color: #5b6b78; }
.up-table.people-plain tbody tr:not(.people-new-row):nth-child(even) td { background: #fafcfd; }
.up-table.people-plain tbody tr:not(.people-new-row):hover td { background: #eef6fb; }
.up-table.people-plain tbody tr.up-nopersona td { background: #fbfaf5; }
.up-table.people-plain tbody tr.up-nopersona:hover td { background: #f6f3e6; }
.up-nopersona td:nth-child(1) strong { font-size: 14px; }
.up-table.people-plain tbody td:nth-child(8) { background: inherit; }
.up-table.people-plain tbody tr:not(.people-new-row):nth-child(even) td:nth-child(8) { background: #fafcfd; }
.up-table.people-plain tbody tr.up-nopersona td { padding-left: 14px; font-size: 12.5px; }
.up-table.people-plain tbody tr.up-nopersona td > span:not(.status-pill), .up-table.people-plain tbody tr.up-nopersona td > strong { font-size: 12.5px; }
.up-table.people-plain tbody tr.up-nopersona td:nth-child(1) strong { font-size: 14px; }
.up-table.people-plain tbody tr.up-nopersona td:nth-child(4) { padding-left: 22px; }
.up-table.people-plain tbody tr.up-nopersona td:nth-child(5) select { margin-left: -6px; }
.up-table tr.up-nouser td:first-child { box-shadow: inset 3px 0 0 #e0a43a; }
.up-create-user { display: inline-flex; align-items: center; min-height: 28px; padding: 0 12px; border-radius: 6px; background: #174f6b; color: #fff; font-size: 11px; font-weight: 600; text-decoration: none; }
.up-create-user:hover { background: #1d6f96; color: #fff; }
.up-bulk { margin: 0 0 0 12px; display: inline-flex; }
.up-bulk .button { min-height: 34px; padding: 0 16px; font-size: 13px; }
.up-create-user { border: 0; cursor: pointer; }