:root{color-scheme:light;--paper:#fff;--ink:#272727;--moss:#62615f;--soft:#f7f7f5;--line:#e8e7e4;--white:#fff;--danger:#b3332d;--focus:#2b66b1;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.5}button,input,textarea,select{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.85rem,3vw,2.3rem);font-weight:650;line-height:1.2;letter-spacing:-.04em}h2{font-size:1.15rem;line-height:1.4;font-weight:600;letter-spacing:-.025em}h3{font-size:.93rem;font-weight:600}p{line-height:1.6}button,input,select,textarea{min-height:36px;border-radius:6px}input,select,textarea{width:100%;padding:.5rem .65rem;border:1px solid #adadaa;background:#fff;font-size:1rem;min-width:0}textarea{resize:vertical;min-height:90px}input[readonly]{background:#f5f5f3;color:#666}label{display:grid;gap:.35rem;font-size:.8rem;font-weight:500;line-height:1.5}form{display:grid;gap:1rem}fieldset{padding:0;margin:0;border:0;min-width:0}legend{font-weight:600;margin-bottom:1rem}label:has(input[type=checkbox]){display:flex;align-items:center;gap:.5rem}input[type=checkbox]{width:17px;height:17px;min-height:17px;accent-color:#3576b8;flex-shrink:0}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}input:user-invalid,textarea:user-invalid,select:user-invalid{border-color:var(--danger)}[hidden]{display:none!important}.primary,.secondary,.danger,.small-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:36px;padding:.42rem .8rem;border:1px solid transparent;text-decoration:none;font-size:.81rem;font-weight:500;line-height:1.4;white-space:nowrap}.primary{background:#2b2b2b;color:#fff;border-color:#222;box-shadow:0 1px 2px #0001}.primary:hover{background:#454545}.secondary,.small-button{background:#fff;border-color:#d8d7d4;box-shadow:0 1px 2px #00000007}.secondary:hover,.small-button:hover{background:#f2f2f0}.small-button{min-height:30px;padding:.28rem .55rem;font-size:.75rem}.danger{background:#b3332d;color:#fff}.text-button,.icon-button,.table-link,.pending-link{border:0;background:transparent;padding:.4rem .45rem;text-decoration:none;font-size:.82rem;text-align:left;border-radius:5px}.text-button:hover,.icon-button:hover,.table-link:hover,.pending-link:hover{background:#efefed}.destructive-text{color:var(--danger)}.icon-button{display:grid;place-items:center;width:34px;min-height:34px;font-size:1.4rem;line-height:1}.muted{color:var(--moss);font-size:.81rem;line-height:1.6}.eyebrow{color:#6e6d69;font-size:.66rem;font-weight:600;letter-spacing:.06em;line-height:1.6}.panel-wordmark{font-size:1rem;font-weight:650;text-decoration:none;letter-spacing:-.04em;display:flex;align-items:center;gap:.65rem}.panel-wordmark span{font-size:.74rem;font-weight:400;color:#73726e;letter-spacing:0}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:62px;padding:.75rem 1.5rem;border-bottom:1px solid var(--line);background:#fff}.panel-account{display:flex;align-items:center;gap:1rem;font-size:.76rem;color:#666}.panel-account .secondary{font-size:.75rem;min-height:30px}.panel-layout{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:calc(100dvh - 62px)}.panel-nav{padding:1.3rem .75rem;border-right:1px solid var(--line);background:#f8f8f6}.panel-nav [role=tablist]{display:grid;gap:3px}.panel-nav [role=tab]{display:flex;align-items:center;gap:.7rem;border:0;background:transparent;padding:.5rem .7rem;text-align:left;font-size:.84rem;color:#595853;min-height:38px}.panel-nav [role=tab]:hover{background:#efefec}.panel-nav [aria-selected=true]{background:#eaeae6;color:#272727;font-weight:600}.nav-icon{width:18px;font-size:1.1rem;font-weight:400;color:#77756e;text-align:center}.nav-group-label{padding:1.55rem .7rem .45rem;font-size:.61rem}.sidebar-note{margin:3rem .7rem .8rem;font-size:.73rem;line-height:1.7;color:#78766f}.panel-nav>.text-button{display:block;margin:.5rem;font-size:.75rem}#panel-main{padding:1rem clamp(1rem,3.5vw,4rem) 3rem;min-width:0;max-width:1650px;width:100%;margin-inline:auto;outline-offset:-4px}.view-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.9rem 0 1.8rem}.view-heading>div{min-width:0}.view-heading .eyebrow{margin-bottom:.6rem}.view-heading .muted{margin-top:.55rem}.view-heading>.secondary,.view-heading>.primary{flex-shrink:0}.panel-status{font-size:.8rem;min-height:1.2rem;color:#35724d}.panel-status[data-error=true],.form-status{color:var(--danger)}.form-status:empty{display:none}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:8px;margin-bottom:2rem;overflow:hidden}.summary-card{background:#fff;padding:1.2rem;display:flex;flex-direction:column;gap:.65rem;min-width:0;border-right:1px solid var(--line)}.summary-card:last-child{border-right:0}.summary-card strong{font-size:clamp(1.3rem,2vw,1.85rem);line-height:1.25;letter-spacing:-.035em;font-weight:600;overflow-wrap:anywhere}.summary-card span{font-size:.76rem;color:#77756e}.summary-card small{font-size:.71rem;margin-top:-.25rem}.filter-bar{display:flex;align-items:flex-end;gap:.65rem;flex-wrap:wrap;margin:1.1rem 0}.filter-bar label{flex:1;min-width:120px}.filter-bar label:has(input[type=checkbox]){flex:none;min-height:38px}.filter-bar button{flex:none}.filter-bar input,.filter-bar select{font-size:.82rem;min-height:36px;padding:.45rem .55rem}.filter-bar label{font-size:.71rem;color:#666}.workspace{display:grid;grid-template-columns:minmax(240px,1fr) minmax(300px,1.12fr);align-items:start;gap:1.5rem}.record-list{display:grid;gap:.55rem}.record{border:1px solid var(--line);padding:1rem;border-radius:7px;background:#fff;display:grid;gap:.45rem;text-align:left;width:100%;line-height:1.5;min-width:0;overflow-wrap:anywhere}.record:hover,.record[data-selected=true]{border-color:#c4cfdb;background:#f5f8fc}.record-title{font-size:.91rem;font-weight:600}.record-meta{font-size:.72rem;color:#77756e;display:flex;gap:.6rem;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:.28rem;align-self:start;justify-self:start;max-width:100%;border-radius:5px;padding:.17rem .45rem;background:#efefed;color:#62615c;font-size:.72rem;font-weight:500;line-height:1.5;white-space:nowrap}.badge-icon{font-size:.83rem;line-height:1;width:.85rem;display:inline-flex;justify-content:center;font-weight:600}.badge[data-state=activo],.badge[data-state=online],.badge[data-state=pagado],.badge[data-state=confirmado],.badge[data-state=completado],.badge[data-state=incluido]{background:#e6f3ea;color:#256342}.badge[data-state=pendiente],.badge[data-state=parcial],.badge[data-state=en_curso],.badge[data-state=preparacion],.badge[data-state=mantenimiento]{background:#fcf0d8;color:#865519}.badge[data-state=nueva],.badge[data-state=en_revision],.badge[data-state=en_seguimiento],.badge[data-state=externo]{background:#e7effc;color:#315d9d}.badge[data-state=extra]{background:#f0e9f9;color:#7651a5}.badge[data-state=vencido],.badge[data-state=spam],.badge[data-state=bloqueado]{background:#fbe7e7;color:#a03434}.badge[data-state=suspendido]{background:#f5e8db;color:#875631}.detail-card{border:1px solid var(--line);border-radius:8px;background:#fff;padding:1.3rem;min-width:0;overflow-wrap:anywhere}.detail-card>*+*{margin-top:1rem}.detail-card dl{display:grid;grid-template-columns:95px minmax(0,1fr);gap:.65rem .9rem;font-size:.8rem;line-height:1.6}.detail-card dt{color:#77756e}.detail-card dd{margin:0;overflow-wrap:anywhere}.message-body{white-space:pre-wrap;border-top:1px solid var(--line);padding-top:1rem;font-size:.86rem}.detail-actions{display:flex;gap:.5rem;flex-wrap:wrap}.notes-list,.history-list{display:grid;gap:.8rem;list-style:none;padding:0}.notes-list li,.history-list li{border-top:1px solid var(--line);padding-top:.8rem;font-size:.8rem;white-space:pre-wrap;overflow-wrap:anywhere}.notes-list small,.history-list small{display:block;color:#77756e;font-size:.7rem;margin-top:.4rem}.empty{text-align:center;padding:2.5rem 1rem;color:#77756e;font-size:.82rem;display:grid;gap:.6rem}.empty strong{color:#444;font-size:.94rem;font-weight:500}.notice{font-size:.8rem;color:#65635e;line-height:1.65;background:#f7f7f5;border:1px solid #eeede9;border-radius:6px;padding:.85rem 1rem}.pagination{display:flex;align-items:center;justify-content:space-between;gap:.7rem;font-size:.74rem;color:#77756e;margin-top:1rem}.pagination button{font-size:.75rem;min-height:32px}.metrics-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:1.5rem;margin-bottom:1.5rem}.table-wrap{overflow-x:auto;max-width:100%;overscroll-behavior-x:contain}table{width:100%;border-collapse:collapse;font-size:.8rem;line-height:1.5}caption{text-align:left;padding:.6rem 0;color:#77756e}th,td{text-align:left;padding:.8rem .65rem;border-bottom:1px solid var(--line);vertical-align:middle}th{font-weight:400;color:#77756e;font-size:.74rem;background:#fafaf9}td{overflow-wrap:anywhere}tbody tr:hover{background:#fafaf9}.daily-chart{display:flex;gap:5px;align-items:flex-end;height:140px;overflow:hidden}.chart-column{flex:1;min-width:0;height:100%;display:flex;align-items:flex-end}.chart-column progress{appearance:none;width:100%;height:100%;border:0;background:none;writing-mode:vertical-rl;transform:rotate(180deg)}progress::-webkit-progress-bar{background:#f2f3f5;border-radius:3px}progress::-webkit-progress-value{background:#719bc7;border-radius:3px}progress::-moz-progress-bar{background:#719bc7}.metric-row{display:flex;justify-content:space-between;align-items:start;gap:1rem;font-size:.8rem;padding:.8rem 0;border-bottom:1px solid var(--line)}.metric-row strong{font-size:1rem}.event-layout{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.2fr);gap:1.5rem}.event-record{border:1px solid var(--line);border-radius:7px;background:#fff;padding:1.15rem;display:grid;gap:.7rem}.event-record code{font-size:.75rem;overflow-wrap:anywhere;color:#777}.event-record .detail-actions{justify-content:space-between;align-items:center}.audit-card{margin-top:2rem}.audit-card td{max-width:220px}dialog{width:min(470px,calc(100vw - 2rem));max-width:none;max-height:calc(100dvh - 3rem);border:1px solid #deddd8;border-radius:10px;padding:1.5rem;color:var(--ink);background:#fff;box-shadow:0 12px 70px #0002;overflow:auto}dialog::backdrop{background:#20202055}dialog h2{margin-bottom:.4rem}dialog p{font-size:.83rem}.dialog-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:.6rem}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.dialog-top h2{margin:0}.skip-link{position:fixed;top:1rem;left:1rem;z-index:100;padding:.75rem;background:#222;color:#fff;transform:translateY(-200%)}.skip-link:focus{transform:none}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.login-wrap{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;gap:2rem}.login-card{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:10px;padding:clamp(1.5rem,4vw,2.5rem);display:grid;gap:1.4rem;box-shadow:0 3px 14px #00000004}.login-card h1{font-size:1.8rem}.login-card .primary{width:100%}.password-tools{display:flex;align-items:center;gap:1rem}.password-tools .muted{flex:1;font-size:.73rem}.login-foot{font-size:.6rem;letter-spacing:.06em;color:#77756e}#login-status{font-size:.8rem;color:var(--danger)}
/* Clientes: base de datos, ficha y pendientes */
.database-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.database-heading h2,.database-heading h3{font-size:.94rem;font-weight:550}.database-heading h2>span{margin-right:.4rem;color:#777}.database-heading>.muted{font-size:.73rem}.database-foot{margin-top:.8rem;font-size:.73rem}.client-database{border:1px solid var(--line);border-radius:7px}.client-database table{min-width:770px}.client-database th{white-space:nowrap}.client-database td:first-child{min-width:180px}.client-name-cell,.cell-stack{display:grid;gap:.25rem}.client-name-cell .table-link{font-weight:550;padding:0;text-align:left;font-size:.86rem;min-height:28px}.client-name-cell small{font-size:.72rem}.cell-stack{white-space:nowrap}.cell-stack small{font-size:.69rem}.pending-board{margin-top:2.5rem}.pending-board>.database-heading{padding-bottom:.9rem;border-bottom:1px solid var(--line)}.pending-row{display:grid;grid-template-columns:110px minmax(0,1fr) minmax(80px,.3fr) 110px;align-items:center;gap:.7rem;border-bottom:1px solid var(--line);padding:.65rem 0}.pending-link{overflow-wrap:anywhere;text-align:left}.pending-row>.muted{font-size:.73rem}.client-dialog{width:min(980px,calc(100vw - 3rem));padding:1.5rem 2rem;min-height:70dvh}.editor-dialog{width:min(660px,calc(100vw - 2rem));padding:1.5rem 2rem}.client-title{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin-bottom:.6rem}.client-title h2{font-size:1.7rem;letter-spacing:-.035em;margin:0;overflow-wrap:anywhere;max-width:100%}.client-avatar{width:40px;height:40px;flex-shrink:0;background:#f1f0eb;border-radius:8px;font-size:1.2rem;display:grid;place-items:center;color:#77756e}.client-top-actions{display:flex;align-items:center;gap:.7rem;margin-top:1.1rem;flex-wrap:wrap}.detail-navigation{display:flex;gap:.4rem;border-bottom:1px solid var(--line);margin:1.5rem 0 0;overflow-x:auto;padding:3px}.detail-tab{border:0;border-radius:0;background:transparent;padding:.6rem .65rem;font-size:.8rem;color:#777;white-space:nowrap;min-height:38px;border-bottom:2px solid transparent}.detail-tab[aria-pressed=true]{color:#292929;border-bottom-color:#444;font-weight:600}.detail-tab:hover{background:#f7f7f5}.client-tab-content{display:grid;gap:1.1rem;padding-top:1.4rem}.properties{display:grid;gap:.8rem;margin:0}.property{display:grid;grid-template-columns:165px minmax(0,1fr);gap:1rem;align-items:start;font-size:.85rem}.property dt{color:#88847d}.property dd{margin:0;overflow-wrap:anywhere}.property .badge{margin:0}.client-section{display:grid;gap:1rem;border-top:1px solid var(--line);padding-top:1.3rem;margin-top:.5rem}.client-section>.secondary{justify-self:start}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.client-form{gap:1.4rem}.client-form small{font-weight:400;font-size:.74rem}.client-form details{border-block:1px solid var(--line);padding:.8rem 0}.client-form details[open]{display:grid;gap:1rem}.client-form details>label{margin-top:1rem}summary{cursor:pointer;font-size:.8rem;color:#666}.client-form .dialog-actions{padding-top:.9rem;border-top:1px solid var(--line)}.row-actions{display:flex;flex-wrap:wrap;gap:.4rem;min-width:150px}.payment-record{display:flex;align-items:start;gap:1rem;border-bottom:1px solid var(--line);padding:1rem 0;flex-wrap:wrap}.payment-record>div{flex:1;min-width:200px;overflow-wrap:anywhere}.payment-record strong{font-weight:550}.payment-record .text-button{font-size:.74rem}.task-record{display:grid;gap:.9rem;border:1px solid var(--line);border-radius:7px;padding:1rem 1.2rem}.task-top{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.task-top>.muted{margin-left:auto;font-size:.73rem}.task-copy{white-space:pre-wrap;overflow-wrap:anywhere}.task-state-form{display:flex;align-items:flex-end;gap:.65rem;justify-content:flex-end}.task-state-form label{font-size:.7rem;min-width:155px}.task-state-form select{font-size:.8rem;min-height:32px}.activity-list{list-style:none;padding:0;margin:0;display:grid;gap:1rem}.activity-list li{border-left:2px solid var(--line);padding-left:1rem;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .7rem}.activity-list strong{font-size:.81rem;font-weight:550;flex-basis:100%}.activity-list .muted{font-size:.73rem}.form-status{margin-top:1rem;font-size:.83rem}
@media(max-width:1100px){.workspace,.metrics-layout,.event-layout{grid-template-columns:1fr}.summary-card{padding:1rem}.summary-card strong{font-size:1.35rem}.panel-layout{grid-template-columns:185px minmax(0,1fr)}.pending-row{grid-template-columns:100px minmax(0,1fr)}.pending-row>.muted{padding-left:.5rem}.client-dialog{padding:1.3rem}}
@media(max-width:760px){.panel-header{padding:.8rem 1rem}.panel-account>span,.panel-wordmark span{display:none}.panel-layout{display:block}.panel-nav{border-right:0;border-bottom:1px solid var(--line);padding:.45rem .7rem}.panel-nav [role=tablist]{display:flex;gap:.25rem;overflow-x:auto;padding:.25rem}.nav-group-label,.sidebar-note,.panel-nav>.text-button{display:none}.panel-nav [role=tab]{white-space:nowrap;min-width:max-content;padding:.45rem .65rem;font-size:.8rem}.nav-icon{font-size:.9rem;width:15px}#panel-main{padding:.8rem 1rem 2rem}.view-heading{align-items:start;flex-wrap:wrap;margin:.7rem 0 1.5rem}.view-heading .muted{font-size:.8rem}.summary-grid{grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.summary-card{padding:1rem;border-bottom:1px solid var(--line)}.summary-card:nth-child(2){border-right:0}.summary-card:nth-child(n+3){border-bottom:0}.summary-card strong{font-size:1.4rem}.summary-card span{font-size:.7rem}.filter-bar label{min-width:calc(50% - .65rem)}.filter-bar label:first-child{flex-basis:100%}.filter-bar input,.filter-bar select{font-size:1rem}.filter-bar button{flex:1}.pagination{flex-wrap:wrap}.detail-card{padding:1rem}.database-heading{align-items:start;flex-wrap:wrap}.pending-row{grid-template-columns:1fr auto;gap:.35rem}.pending-row>.pending-link{grid-column:1/-1;grid-row:2;font-size:.85rem;padding-left:0}.pending-row>.muted{padding:0}.client-dialog{width:calc(100vw - 1rem);padding:1rem;max-height:calc(100dvh - 1rem)}.editor-dialog{width:calc(100vw - 1rem);padding:1.2rem;max-height:calc(100dvh - 1rem)}.form-grid{grid-template-columns:1fr}.client-title h2{font-size:1.5rem}.client-avatar{width:32px;height:32px}.property{grid-template-columns:115px minmax(0,1fr);gap:.65rem;font-size:.8rem}.client-top-actions{gap:.35rem}.detail-navigation{margin-top:1rem}.client-tab-content .table-wrap table{min-width:650px}.task-state-form{flex-wrap:wrap}.task-state-form label{flex:1}.task-state-form select{font-size:1rem}.task-record{padding:.9rem}.client-tab-content .database-heading .primary{width:100%}.detail-card dl{grid-template-columns:80px minmax(0,1fr)}}
@media(pointer:coarse){button,.primary,.secondary,.small-button,.text-button,.detail-tab,.icon-button{min-height:44px}input,select{min-height:44px}.icon-button{width:44px}.panel-nav [role=tab]{min-height:44px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

/* Estilos exclusivos del login: independientes del panel de gestión. */
.studio-login{background:var(--paper) url("../assets/Imagen-login/magen-login.jpeg") center/cover no-repeat}
.studio-login .login-card h1{text-align:center}
.studio-login .password-tools{flex-direction:column;justify-content:center;text-align:center}
.studio-login #show-password{align-self:center;min-width:80px}
.studio-login .login-logo img{display:block;width:200px;max-width:100%;height:auto}
.studio-login .login-foot{font-weight:700;color:#222216;text-align:center}

.panel-header .panel-brand-logo img{display:block;width:160px;max-width:100%;height:auto}
@media(max-width:760px){.panel-header .panel-brand-logo img{width:130px}}
/* El recurso de marca tiene letras claras: un marco oscuro conserva sus colores. */
.panel-brand-logo::before,.login-logo::before{display:none}
.panel-header{background:#292b25;border-bottom-color:#292b25;flex-wrap:wrap}
.panel-header .panel-account{margin-inline-start:auto}
.panel-header .panel-brand-logo{background:#292b25;padding:.35rem .65rem;border-radius:6px}

/* Formulario de Clientes: misma escala de texto y controles alineados. */
#client-editor-content .client-form{font-size:1rem;color:var(--ink);gap:1.5rem}
#client-editor-content .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1.25rem 1rem}
#client-editor-content :is(label,legend,summary,p,small,input,select,textarea,button){font-family:inherit;font-size:1rem;line-height:1.5;letter-spacing:normal}
#client-editor-content :is(label,summary,p,small,input,select,textarea){font-weight:400;color:var(--ink)}
#client-editor-content legend{font-weight:500;color:var(--ink);margin-bottom:1rem}
#client-editor-content label{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:.5rem;min-width:0}
#client-editor-content :is(input,select){height:44px;min-height:44px;padding:.5rem .75rem}
#client-editor-content textarea{padding:.5rem .75rem;min-height:110px}
#client-editor-content :is(input,select,textarea){border-radius:6px}
#client-editor-content small{display:block;margin:0}
#client-editor-content .notice{padding:1rem;background:#f7f7f5;color:var(--ink)}
#client-editor-content .dialog-actions{gap:.75rem}
#client-editor-content .dialog-actions button{min-height:44px;padding:.5rem 1rem}
@media(max-width:760px){#client-editor-content .form-grid{grid-template-columns:minmax(0,1fr)}}

/* Acceso explícito a la ficha y cabecera centrada. */
.client-database td:last-child{white-space:nowrap;width:1%}
.client-manage{min-height:36px}
#client-dialog>.dialog-top{position:relative;justify-content:center;min-height:44px;padding-inline:48px}
#client-dialog>.dialog-top>.eyebrow{text-align:center}
#client-dialog [data-close-client]{position:absolute;inset-inline-end:0;inset-block-start:0}
#client-dialog .client-title{display:grid;justify-items:center;text-align:center;gap:.65rem;max-width:100%}
#client-dialog .client-title>.badge{justify-self:center}
#client-dialog .client-subtitle{text-align:center;color:var(--ink);margin-top:.7rem;overflow-wrap:anywhere}
#client-dialog .client-top-actions{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-items:stretch;justify-content:center;gap:.65rem;margin:1.25rem auto 0;max-width:480px}
#client-dialog .client-top-actions>button{min-width:0;min-height:38px;font-size:.82rem;text-align:center;padding:.5rem .65rem}
@media(max-width:390px){#client-dialog .client-top-actions{gap:.4rem}#client-dialog .client-top-actions>button{white-space:normal}}
@media(pointer:coarse){.client-manage,#client-dialog .client-top-actions>button{min-height:44px}}

/* Pestañas y datos centrados dentro de la ficha. */
#client-dialog .detail-navigation{justify-content:center;flex-wrap:wrap;overflow-x:visible}
#client-dialog .client-tab-content{width:100%;max-width:760px;margin-inline:auto;text-align:center}
#client-dialog .properties{width:100%;max-width:620px;margin-inline:auto}
#client-dialog .property{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem 1rem;align-items:center;text-align:center}
#client-dialog .property :is(dt,dd){min-width:0;overflow-wrap:anywhere}
#client-dialog .property>.badge{justify-self:center}
#client-dialog .client-section>.secondary{justify-self:center}

#confirm-copy{white-space:pre-line}.ledger-allocation{display:block;margin-top:.25rem}

/* Tareas: filas compactas y estado editable, con selector nativo. */
.task-list{border:1px solid var(--line);border-radius:6px;overflow:hidden;text-align:left}
.task-columns,.task-record{display:grid;grid-template-columns:minmax(0,1fr) 145px 105px;gap:.75rem;align-items:center}
.task-columns{padding:.45rem .7rem;background:#fafaf9;color:#77756e;font-size:.7rem;border-bottom:1px solid var(--line)}
.task-record{border:0;border-radius:0;padding:.55rem .7rem;min-height:46px;border-bottom:1px solid var(--line)}
.task-record:last-child{border-bottom:0}
.task-record:hover,.task-record:focus{background:#fafaf9}
.task-record:focus{outline:2px solid var(--focus);outline-offset:-2px}
.task-description{min-width:0;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
#client-dialog .task-copy,.pending-copy{font-size:.81rem;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere;text-align:left}
.task-top{gap:.4rem;min-width:0}
.task-deadline{font-size:.73rem;white-space:nowrap;text-align:left}
.task-state-control{position:relative;align-self:center;justify-self:start;gap:0;padding:0;max-width:145px;width:100%;border-radius:5px}
.task-state-control>.badge-icon{position:absolute;left:.45rem;pointer-events:none}
.task-state-control select{width:100%;min-height:30px;border:0;border-radius:5px;background:transparent;color:inherit;font-size:.73rem;font-weight:500;line-height:1.4;padding:.3rem 1rem .3rem 1.55rem;cursor:pointer}
.task-state-control select option{background:#fff;color:#272727}
.task-state-control:hover{filter:brightness(.97)}
.pending-row{grid-template-columns:minmax(0,1fr) 145px minmax(100px,.3fr) 105px auto;gap:.75rem;padding:.55rem .2rem;min-height:46px}
.pending-row>.small-button{justify-self:end}
.task-state-control[aria-busy=true]{opacity:.65}
@media(max-width:1100px){.pending-row{grid-template-columns:minmax(0,1fr) 145px 100px auto}.pending-row>.muted:nth-of-type(1){grid-column:1}.pending-row>.muted{padding-left:0}}
@media(max-width:760px){
 .task-columns{display:none}
 .task-record{grid-template-columns:minmax(0,1fr) auto;gap:.35rem .6rem;padding:.6rem .7rem}
 .task-description{grid-column:1/-1}
 .task-top{grid-row:2}
 .task-deadline{grid-row:2;justify-self:end;font-size:.73rem}
 .pending-row{grid-template-columns:minmax(0,1fr) auto;gap:.3rem .65rem;padding:.6rem 0}
 .pending-copy{grid-column:1/-1}
 .pending-row>.task-state-control{grid-column:1;grid-row:2}
 .pending-row>.small-button{grid-column:2;grid-row:2}
 .pending-row>.muted:nth-of-type(1){grid-column:1;grid-row:3}
 .pending-row>.muted:nth-of-type(2){grid-column:2;grid-row:3;text-align:right}
 #client-dialog .client-tab-content .database-heading .primary{width:auto;min-height:32px;font-size:.75rem}
}
@media(pointer:coarse){.task-state-control select{min-height:48px;font-size:1rem;max-width:none}.task-state-control{max-width:190px}.task-record{grid-template-columns:minmax(0,1fr) 190px 105px}.pending-row{grid-template-columns:minmax(0,1fr) 190px minmax(100px,.3fr) 105px auto}.pending-row>.small-button{min-height:48px}}
@media(pointer:coarse) and (max-width:760px){.task-record,.pending-row{grid-template-columns:minmax(0,1fr) auto}}