/* Historical page layouts and surfaces; shared controls are owned by ui-components.css. */
@layer cm-legacy {

:root{--navy:#0b2a4a;--blue:#1769aa;--light:#eef5fb;--green:#16803a;--orange:#d97706;--red:#c62828;--ink:#152536;--muted:#64748b;--white:#fff;--line:#dbe5ef}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#f4f7fb;color:var(--ink)}header{background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;padding:calc(20px + env(safe-area-inset-top)) 20px 22px;border-radius:0 0 28px 28px}header h1{margin:0;font-size:27px}header p{margin:5px 0 0;opacity:.85}.wrap{max-width:900px;margin:auto;padding:18px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.card{background:#fff;border-radius:18px;padding:16px;box-shadow:0 5px 18px #15324b12;border:1px solid #edf2f7}.num{font-size:30px;font-weight:800}.label{font-size:13px;color:var(--muted)}.green{color:var(--green)}.orange{color:var(--orange)}.red{color:var(--red)}h2{font-size:19px;margin:24px 2px 12px}.toolbar{display:flex;gap:8px}.toolbar input{flex:1}input,select{font:inherit}.primary{background:var(--blue);color:#fff}.secondary{background:#e8f1f9;color:var(--navy)}input,select{width:100%;border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px}.list{display:grid;gap:10px;margin-top:12px}.person{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;justify-content:space-between;gap:10px;align-items:center}.person b{display:block}.small{font-size:13px;color:var(--muted);margin-top:3px}.badge{font-size:12px;font-weight:800;border-radius:999px;padding:7px 9px;white-space:nowrap}.b-green{background:#e6f6eb;color:var(--green)}.b-orange{background:#fff2dd;color:var(--orange)}.b-red{background:#fde8e8;color:var(--red)}nav{position:sticky;bottom:0;background:#ffffffed;backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:9px max(10px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);gap:4px}nav button{border:0;background:transparent;padding:7px 3px;color:var(--muted);font-size:12px}nav button.active{color:var(--blue);font-weight:800}.modal{position:fixed;inset:0;background:#0b1726aa;display:none;align-items:flex-end;z-index:100}.modal.show{display:flex}.sheet{width:100%;max-width:650px;margin:auto;background:#fff;border-radius:24px 24px 0 0;padding:20px max(18px,env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom));max-height:88vh;overflow:auto}.grid{display:grid;gap:10px}.sheet h3{margin:0 0 12px}.credential{border-left:5px solid var(--green)}.credential.warn{border-left-color:var(--orange)}.credential.expired{border-left-color:var(--red)}@media(min-width:700px){.cards{grid-template-columns:repeat(4,1fr)}.modal{align-items:center}.sheet{border-radius:24px}}
.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(160deg,var(--navy),#0e4775 55%,#eef5fb 55%)}.login-card{width:min(420px,100%);background:#fff;border-radius:26px;padding:28px;box-shadow:0 24px 60px #001b3340}.login-card h1{text-align:center;margin:10px 0 5px}.login-card p{text-align:center;color:var(--muted);margin:0 0 22px}.login-card input{margin-bottom:10px}.logo{width:64px;height:64px;margin:auto;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;font-size:23px;font-weight:900}.demo{margin-top:18px;padding:12px;border-radius:12px;background:var(--light);font-size:12px;line-height:1.55;color:var(--muted)}header{display:flex;justify-content:space-between;align-items:center;gap:12px}.user-pill{border:1px solid #ffffff55;background:#ffffff18;color:#fff;border-radius:999px;padding:9px 12px;font-weight:700}.readonly-note{background:#fff8e8;border:1px solid #f5d58c;padding:10px 12px;border-radius:12px;margin-bottom:12px;color:#8a5a00;font-size:13px}.cred-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.cred-modal-header h3{margin:0}.cred-modal-header button{flex-shrink:0}#credentialFormModal{z-index:110}#credentialFormModal .sheet{max-width:540px}
/* Credential Manager — sistema visual uniforme para todas las vistas */
:root{--cm-radius:16px;--cm-shadow:0 5px 18px rgba(21,50,75,.07);--cm-space:18px}
body{line-height:1.45}
#app>header{padding-left:max(20px,calc((100vw - 1060px)/2 + 20px));padding-right:max(20px,calc((100vw - 1060px)/2 + 20px))}
.wrap{max-width:1060px;padding:24px 20px 32px}
.wrap>section{width:100%;min-width:0}
.wrap>section>h2{font-size:22px;font-weight:800;letter-spacing:-.35px;color:var(--navy);margin:0 0 18px;padding:0 0 12px;border-bottom:1px solid var(--line)}
.wrap>section>.cards{margin-bottom:18px}
.cards{gap:14px}
.card,.person{border:1px solid var(--line);border-radius:var(--cm-radius);box-shadow:var(--cm-shadow)}
.card{padding:18px}
.person{padding:16px 18px;min-height:76px;background:#fff}
.list{gap:12px;margin-top:14px}
.toolbar{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap;margin:0 0 4px}
.toolbar input,.toolbar select{flex:1 1 210px;min-width:0;max-width:none!important}nav button:focus-visible,input:focus-visible,select:focus-visible,.credential-result:focus-visible{outline:3px solid #75b8ed;outline-offset:2px}
input,select{min-height:43px;border-radius:12px;padding:10px 13px;color:var(--ink)}
input::placeholder{color:#78889b}
#credentialCount{margin:12px 2px 4px!important;color:var(--muted)}
#cmCredentialsSection .credential-result{font:inherit;color:var(--ink);gap:14px}
#cmCredentialsSection .credential-result>span:first-child{min-width:0;flex:1}
#cmCredentialsSection .credential-result .small{display:block;overflow-wrap:anywhere}
#cmCredentialsSection .credential-result>span:last-child{flex-shrink:0;color:var(--blue);font-weight:700}
#cmCredentialsSection .credential-result:hover{border-color:#a9cbe7;background:#f8fbff}
.sheet{width:min(650px,calc(100% - 24px));border-radius:22px;padding:24px;box-shadow:0 24px 65px #001b3330}
.sheet h3{font-size:20px;color:var(--navy);font-weight:800;line-height:1.35}
.sheet .grid{gap:11px}
.cred-modal-header{align-items:center;flex-wrap:wrap}
#singleCredentialContent .card{margin-top:12px}
#credentialFormModal .sheet{width:min(540px,calc(100% - 24px))}
#cmHomeSection .num{line-height:1.25}
nav{z-index:2;max-width:100%;box-shadow:0 -3px 18px #15324b0b}
nav button{cursor:pointer;border-radius:10px;min-height:46px}
nav button.active{background:var(--light)}
@media(max-width:699px){
 .wrap{padding:18px 14px 26px}
 .wrap>section>h2{font-size:20px;margin-bottom:14px}
 .toolbar{gap:9px}
 .toolbar input,.toolbar select{flex-basis:100%}
 .card{padding:15px}
 .person{padding:13px;gap:9px;flex-wrap:wrap}
 .sheet{width:100%;padding:20px 17px calc(20px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0}
 #credentialFormModal .sheet{width:100%}
 .cred-modal-header button{width:100%}
 #cmCredentialsSection .credential-result>span:last-child{font-size:12px}
 #app>header{padding-left:18px;padding-right:18px}
 #app>header h1{font-size:23px}
 #app>header .user-pill{font-size:12px;padding:9px}
}
@media(min-width:700px){.modal{align-items:center}.sheet{max-height:86vh}}

/* Navegación refinada: barra compacta en escritorio, inferior en móvil */
@media(min-width:700px){
 #app{min-height:100vh;display:flex;flex-direction:column}
 #app[style*="display: none"],#app[style*="display:none"]{display:none!important}
 #app>header{order:0}
 #app>nav{order:1;position:sticky;top:0;bottom:auto;z-index:2;display:flex;justify-content:center;align-items:center;gap:10px;padding:12px 20px;background:#fff;border-top:0;border-bottom:1px solid var(--line);box-shadow:0 3px 12px #15324b0a}
 #app>nav button{flex:0 1 190px;min-height:46px;padding:11px 18px;display:flex;justify-content:center;align-items:center;gap:8px;border-radius:12px;font-size:14px;font-weight:650;color:#51657d;white-space:nowrap;transition:background .15s,color .15s}
 #app>nav button br{display:none}
 #app>nav button:hover{background:#f2f6fb;color:var(--navy)}
 #app>nav button.active{background:#e8f2fc;color:var(--blue);box-shadow:inset 0 0 0 1px #cce2f6}
 #app>main.wrap{order:2;width:100%;flex:1}
}
@media(max-width:699px){
 #app>nav{position:sticky;bottom:0;top:auto;z-index:2}
 #app>nav button{font-weight:600}
}

/* Menú uniforme para todas las vistas de la aplicación */
#app>nav button{cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;transition:background-color .15s,color .15s}
#app>nav .nav-icon{display:inline-flex;align-items:center;justify-content:center;font-size:21px;line-height:1;width:24px;height:24px;color:inherit}
#app>nav button:focus-visible{outline:3px solid #7db5ec;outline-offset:2px}
#app>nav button.active{font-weight:800}
@media(min-width:700px){
 #app>nav{width:100%;gap:12px;padding:10px 18px}
 #app>nav button{flex:0 1 205px;min-height:48px;font-size:14px}
 #app>main.wrap{padding-top:24px}
 #cmHomeSection>h2,#cmPeopleSection>h2,#cmCredentialsSection>h2,#cmAlertsSection>h2{margin-top:6px;margin-bottom:18px}
}
@media(max-width:699px){
 #app>nav button{flex-direction:column;gap:3px;padding:7px 2px;font-size:11px}
 #app>nav .nav-icon{font-size:20px;height:22px}
}

/* Diseño aprobado: navegación y paneles coherentes en todas las páginas */
#app>header{border-radius:0;background:linear-gradient(115deg,#0b2a4a,#1769aa);box-shadow:0 3px 16px #0b2a4a18}
#app>main.wrap{width:100%;max-width:1060px}
#app>main.wrap>section{animation:cmAppear .14s ease-out}
@keyframes cmAppear{from{opacity:.7;transform:translateY(3px)}to{opacity:1;transform:none}}
#cmHomeSection>.cards .card{min-height:132px;display:flex;flex-direction:column;justify-content:center;gap:7px}
#cmHomeSection>.cards .num{font-size:32px;letter-spacing:-.7px}
#cmHomeSection>.cards .label{font-size:13px;font-weight:600}
#cmPeopleSection>.toolbar,#cmCredentialsSection>.toolbar{padding:16px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--cm-shadow)}
#cmPeopleSection>.list,#cmCredentialsSection>.list,#cmAlertsSection>.list{margin-top:16px}
#cmAlertsSection .person,#cmPeopleSection .person,#cmCredentialsSection .person{border-radius:16px}
#app>nav button .nav-icon{font-family:inherit;font-weight:700}
#app>nav button.active{background:#e8f2fc;color:#1769aa}
@media(min-width:700px){#app>nav{top:0}#app>nav button{border-radius:12px}}
@media(max-width:699px){#app>nav{position:sticky;bottom:0;padding-bottom:calc(9px + env(safe-area-inset-bottom))}#cmPeopleSection>.toolbar,#cmCredentialsSection>.toolbar{padding:12px}#cmHomeSection>.cards .card{min-height:115px}}

/* Navegación superior aprobada: todas las páginas y tamaños */
#app{min-height:100vh;display:flex;flex-direction:column}
#app[style*="display:none"],#app[style*="display: none"]{display:none!important}
#app>header{order:0}
#app>nav{order:1;position:sticky!important;top:0!important;bottom:auto!important;width:100%;z-index:20;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px max(12px,calc((100vw - 1060px)/2 + 20px));background:#fff;border-top:0;border-bottom:1px solid var(--line);box-shadow:0 3px 12px #15324b0a}
#app>nav button{width:100%;min-width:0;min-height:48px;flex:none!important;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;padding:10px 6px;font-size:14px;font-weight:650;white-space:nowrap;border-radius:12px}
#app>nav button.active{background:#e8f2fc;color:#1769aa;box-shadow:inset 0 0 0 1px #cce2f6}
#app>main.wrap{order:2;width:100%;flex:1}
@media(max-width:699px){#app>nav{padding:8px 6px;gap:3px}#app>nav button{flex-direction:column;gap:2px;min-height:52px;font-size:10px;padding:5px 1px}#app>nav .nav-icon{font-size:18px;width:20px;height:20px}}

/* Enterprise Pro — panel lateral de cuenta */
.cm-profile-trigger{display:flex;align-items:center;gap:10px;border:1px solid #ffffff55;background:#ffffff15;color:#fff;border-radius:18px;padding:7px 12px 7px 7px;cursor:pointer;min-width:0;text-align:left;transition:background .2s}
.cm-profile-trigger:hover,.cm-profile-trigger[aria-expanded=true]{background:#ffffff28}
.cm-avatar{width:42px;height:42px;flex:none;border-radius:14px;background:#dcecfb;color:#0b4777;display:grid;place-items:center;font-weight:850;letter-spacing:.5px}
.cm-profile-summary{display:flex;flex-direction:column;min-width:0;line-height:1.25;gap:4px}
.cm-profile-summary strong{font-size:13px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cm-profile-summary small{font-size:11px;color:#b9e8d0;font-weight:700}
.cm-profile-chevron{opacity:.85;font-size:14px}
.cm-profile-trigger:focus-visible,.cm-panel-close:focus-visible,.cm-panel-tab:focus-visible{outline:3px solid #83c5f5;outline-offset:3px}
.cm-user-overlay{position:fixed;inset:0;background:#091a2c88;z-index:80;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s,visibility .24s}
.cm-user-overlay.open{opacity:1;visibility:visible;pointer-events:auto}
.cm-user-panel{position:fixed;right:0;top:0;bottom:0;width:min(390px,100vw);z-index:81;background:#fff;box-shadow:-16px 0 50px #001b3340;transform:translateX(105%);visibility:hidden;transition:transform .28s ease,visibility .28s;display:flex;flex-direction:column}
.cm-user-panel.open{transform:translateX(0);visibility:visible}
.cm-panel-head{background:linear-gradient(130deg,#09243d,#1769aa);color:#fff;padding:22px 22px 26px}
.cm-panel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;font-weight:750}
.cm-panel-close{border:1px solid #ffffff55;background:#ffffff15;color:#fff;border-radius:10px;width:34px;height:34px;font-size:23px;cursor:pointer}
.cm-panel-identity{display:flex;align-items:center;gap:14px;min-width:0}
.cm-panel-avatar{width:62px;height:62px;border-radius:18px;background:#dcecfb;color:#0b4777;display:grid;place-items:center;font-size:22px;font-weight:800;flex:none}
.cm-panel-identity-text{min-width:0}.cm-panel-identity-text strong{display:block;font-size:18px;overflow-wrap:anywhere}.cm-panel-identity-text small{display:block;opacity:.85;margin-top:4px;overflow-wrap:anywhere}
.cm-panel-role{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:5px 10px;background:#1d7955;color:#fff;border-radius:30px;font-size:12px;font-weight:700}
.cm-panel-body{padding:20px;overflow:auto;flex:1}
.cm-panel-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:5px;background:#f0f5fa;border-radius:13px;margin-bottom:20px}
.cm-panel-tab{background:transparent;border:0;border-radius:10px;padding:11px 4px;color:#62758a;cursor:pointer;font-weight:700;font-size:12px}
.cm-panel-tab.active{background:#fff;color:#1769aa;box-shadow:0 1px 5px #112e461a}
.cm-panel-content{background:#f7f9fc;border:1px solid #e2eaf2;border-radius:14px;padding:16px;line-height:1.6}
.cm-panel-row{display:flex;justify-content:space-between;gap:12px;align-items:start;padding:10px 0;border-bottom:1px solid #e1e9f0}
.cm-panel-row:last-child{border-bottom:0}.cm-panel-row span{color:#687b90;font-size:12px}.cm-panel-row strong{font-size:13px;text-align:right;overflow-wrap:anywhere}
@media(max-width:520px){.cm-profile-trigger{padding:6px;gap:7px}.cm-avatar{width:35px;height:35px;border-radius:11px}.cm-profile-summary strong{max-width:104px;font-size:11px}.cm-profile-summary small{font-size:10px}.cm-profile-chevron{display:none}#app>header h1{font-size:19px}#app>header p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.cm-user-overlay,.cm-user-panel{transition:none}}

/* Cabecera Enterprise Pro: ondas originales siempre animadas */
#app>header.cm-enterprise-header{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,1.25fr) minmax(0,1fr);align-items:center;gap:14px;min-height:166px;padding:24px clamp(18px,3vw,50px);background:linear-gradient(110deg,#0b2a4a,#105185 52%,#0b3159);border-radius:0 0 30px 30px}
.cm-brand{display:flex;align-items:center;gap:13px;min-width:0;z-index:2}.cm-brand-shield{flex:none;display:grid;place-items:center;width:62px;height:66px;border:1px solid #a7d6ff65;border-radius:18px;color:#fff;background:#ffffff0a}.cm-brand-shield svg{width:34px;height:40px}.cm-brand-text{min-width:0}.cm-brand-text h1{font-size:clamp(18px,1.7vw,26px);line-height:1.18;white-space:nowrap;letter-spacing:-.45px}.cm-brand-text p{font-size:clamp(11px,1.08vw,14px);white-space:nowrap;color:#d3e5f7;opacity:1;margin-top:8px}.cm-connection-state{display:block;font-size:10px;color:#a8c6db;margin-top:5px}
.cm-animated-center{position:relative;height:110px;min-width:0;pointer-events:none;z-index:1}.cm-animated-center svg{display:block;width:100%;height:100%;overflow:visible}.cm-wave-first{animation:cmWaveFirst 5.2s ease-in-out infinite}.cm-wave-second{animation:cmWaveSecond 6.8s ease-in-out infinite}.cm-wave-third{animation:cmWaveThird 6.1s ease-in-out infinite alternate}.cm-wave-sparkles{animation:cmSparkle 2s ease-in-out infinite alternate}@keyframes cmWaveFirst{0%,100%{transform:translate(-18px,0)}50%{transform:translate(22px,-9px)}}@keyframes cmWaveSecond{0%,100%{transform:translate(14px,5px)}50%{transform:translate(-20px,-6px)}}@keyframes cmWaveThird{from{transform:translate(-12px,-6px)}to{transform:translate(20px,8px)}}@keyframes cmSparkle{0%,100%{opacity:.3}50%{opacity:1}}
#app>header .cm-profile-trigger{justify-self:end;z-index:2;flex-shrink:0;border-radius:999px;background:#ffffff13;border:1px solid #9ec5e888;padding:7px 15px 7px 7px;gap:10px}#app>header .cm-avatar{border-radius:50%;width:44px;height:44px}#app>header .cm-profile-summary strong{font-size:13px}#app>header .cm-header-role{display:flex;align-items:center;gap:5px;color:#d8eaf7}#app>header .cm-role-shield{width:14px;height:16px;flex:none}
@media(max-width:850px){#app>header.cm-enterprise-header{grid-template-columns:minmax(0,1fr) minmax(35px,.55fr) auto;gap:5px;padding:20px 14px}.cm-brand-shield{width:41px;height:46px;border-radius:12px}.cm-brand-shield svg{width:27px;height:32px}.cm-brand{gap:7px}.cm-brand-text h1{font-size:clamp(12px,2.2vw,20px)}.cm-brand-text p{font-size:clamp(9px,1.35vw,12px);white-space:normal}.cm-animated-center{height:90px}#app>header .cm-profile-trigger{padding:6px;gap:6px}#app>header .cm-avatar{width:35px;height:35px}#app>header .cm-profile-summary strong{max-width:110px;font-size:11px}}
@media(max-width:530px){#app>header.cm-enterprise-header{min-height:130px;padding:16px 8px;gap:3px;grid-template-columns:minmax(0,1fr) minmax(18px,.25fr) auto}.cm-brand-shield{width:29px;height:35px;border-radius:9px}.cm-brand-shield svg{width:20px;height:26px}.cm-brand{gap:5px}.cm-brand-text h1{font-size:12px}.cm-brand-text p{font-size:9px;max-width:160px;margin-top:4px}.cm-connection-state{font-size:8px}.cm-animated-center{height:80px;opacity:.8}#app>header .cm-avatar{width:29px;height:29px}#app>header .cm-profile-summary strong{font-size:9px;max-width:80px}#app>header .cm-header-role{font-size:9px}#app>header .cm-role-shield{width:11px;height:13px}}
@media(prefers-reduced-motion:reduce){.cm-wave-first,.cm-wave-second,.cm-wave-third,.cm-wave-sparkles{animation-duration:12s}}

/* Aurora boreal verde claro: efecto exclusivamente del encabezado */
#app>header.cm-enterprise-header{display:flex!important;justify-content:space-between!important;gap:16px!important;background:linear-gradient(110deg,#031c40,#064b61 50%,#05264f)!important;border-bottom:1px solid #28c8e6}
#app>header.cm-enterprise-header .cm-aurora-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
#app>header.cm-enterprise-header .cm-brand,#app>header.cm-enterprise-header .cm-profile-trigger{position:relative;z-index:2}
#app>header.cm-enterprise-header .cm-brand-original-logo{width:clamp(90px,13vw,170px);height:82px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 1px 3px #001c34)}
#app>header.cm-enterprise-header .cm-brand{gap:16px}
#app>header.cm-enterprise-header .cm-brand-text{border-left:1px solid #58d9ff;padding-left:16px;text-shadow:0 2px 9px #00233d}
#app>header.cm-enterprise-header .cm-profile-trigger{background:rgba(6,58,112,.05);backdrop-filter:blur(5px)}
@media(max-width:650px){#app>header.cm-enterprise-header{gap:5px!important;padding:12px 8px!important;min-height:125px}#app>header.cm-enterprise-header .cm-brand-original-logo{width:60px;height:55px}#app>header.cm-enterprise-header .cm-brand{gap:5px}#app>header.cm-enterprise-header .cm-brand-text{padding-left:6px}#app>header.cm-enterprise-header .cm-brand-text h1{font-size:12px}#app>header.cm-enterprise-header .cm-brand-text p{font-size:8px;white-space:normal;max-width:145px}#app>header.cm-enterprise-header .cm-profile-trigger{padding:5px;gap:4px}}

/* Único cambio: tipografía Baskerville en los textos del encabezado principal. */
#app>header.cm-enterprise-header .cm-brand-text,
#app>header.cm-enterprise-header .cm-profile-trigger{font-family:Baskerville,"Libre Baskerville",Georgia,"Times New Roman",serif;}
#app>header.cm-enterprise-header .cm-profile-summary strong{font-family:Baskerville,"Libre Baskerville",Georgia,"Times New Roman",serif;font-weight:700;}
#app>header .cm-avatar.cm-has-photo,.cm-panel-avatar.cm-has-photo{background-size:cover;background-position:center;background-repeat:no-repeat;color:transparent}
.cm-photo-change{display:inline-block;margin:12px 0;padding:9px 14px;border:1px solid #7bb5d0;border-radius:9px;background:#e9f5fc;color:#12466a;font-weight:700;cursor:pointer}

/* Ajuste aprobado: ampliar únicamente el logo y los textos del encabezado en escritorio. */
@media (min-width: 851px) {
  #app>header.cm-enterprise-header .cm-brand-original-logo {width:clamp(180px,18vw,250px);height:112px;}
  #app>header.cm-enterprise-header .cm-brand-text h1 {font-size:clamp(22px,2.1vw,32px);}
  #app>header.cm-enterprise-header .cm-brand-text p {font-size:clamp(13px,1.3vw,17px);}
}

/* Glassmorphism aprobado: exclusivamente Inicio */
#cmHomeSection{background:linear-gradient(125deg,#06283e,#075363 56%,#064338);border-radius:24px;padding:26px;color:#eefaff;box-shadow:0 14px 35px #063a4925;isolation:isolate}
#cmHomeSection>h2{color:#fff;border-bottom:1px solid #b9f7ec38;margin:0 0 20px;font-family:Baskerville,Georgia,serif}
#cmHomeSection .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#cmHomeSection .cards>.card,#cmHomeSection .cm-glass-panel{background:rgba(255,255,255,.06);border:1px solid rgba(200,255,255,.25);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);border-radius:18px;box-shadow:0 8px 24px #001f3218;color:#e5f5fa}
#cmHomeSection .cards>.card{position:relative;min-height:125px;padding:18px;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s;outline-offset:3px}
#cmHomeSection .cards>.card:hover,#cmHomeSection .cards>.card:focus-visible{transform:translateY(-3px);border-color:#8cefe0;box-shadow:0 12px 28px #001b3840}
#cmHomeSection .cards>.card.cm-selected{border:2px solid #6ce5d5}
#cmHomeSection .cards>.card .num{font-size:36px;color:#b2dfff}
#cmHomeSection .cards>.card:nth-child(2) .num{color:#79e8b0}
#cmHomeSection .cards>.card:nth-child(3) .num{color:#ffd28b}
#cmHomeSection .cards>.card:nth-child(4) .num{color:#ff9da7}
#cmHomeSection .cards>.card .label{color:#d5eaf0;font-size:14px;order:-1}
#cmHomeSection .cards>.card{display:flex;flex-direction:column;gap:8px}
#cmHomeSection .cards>.card:after{content:'Ver detalles';color:#b5d3dc;font-size:11px;margin-top:auto}
#cmHomeSection .cm-glass-panel{margin-top:14px;padding:20px}
#cmHomeSection .cm-glass-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
#cmHomeSection .cm-glass-heading h3{margin:0;font-size:17px;color:#fff}
#cmHomeSection .cm-glass-count{font-size:30px;font-weight:800;margin:8px 0;color:#ff9da7}
#cmHomeSection .cm-glass-description{color:#cde4e9;font-size:14px}
#cmHomeSection .cm-glass-filter{display:none;gap:8px;flex-wrap:wrap;margin-top:12px}
#cmHomeSection .cm-glass-meter{display:flex;align-items:center;gap:18px}
#cmHomeSection .cm-glass-ring{--percent:0;flex:none;width:105px;height:105px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#66e4b1 calc(var(--percent)*1%),#ffffff20 0)}
#cmHomeSection .cm-glass-ring>span{display:grid;place-items:center;width:79px;height:79px;background:#0b4655;border-radius:50%;font-weight:800;font-size:22px}
#cmHomeSection .cm-glass-summary{font-size:13px;line-height:2;color:#d4edf0}
@media(max-width:550px){#cmHomeSection{padding:17px;border-radius:17px}#cmHomeSection .cards{gap:9px}#cmHomeSection .cards>.card{padding:12px;min-height:115px}#cmHomeSection .cards>.card .num{font-size:29px}}

/* Glassmorphism 6% — solo Profesionales, Credenciales y Alertas */
#cmPeopleSection,#cmCredentialsSection,#cmAlertsSection{
  --cm-glass-border:rgba(200,255,255,.25);
  --cm-glass-ink:#e5f5fa;
  background:linear-gradient(125deg,#06283e,#075363 56%,#064338);
  border-radius:24px;padding:26px;color:var(--cm-glass-ink);
  box-shadow:0 14px 35px #063a4925;isolation:isolate;
}
#cmPeopleSection>h2,#cmCredentialsSection>h2,#cmAlertsSection>h2{
  color:#fff;border-bottom:1px solid #b9f7ec38;
  font-family:Baskerville,Georgia,serif;
}
#cmPeopleSection>.toolbar,#cmCredentialsSection>.toolbar,
#cmPeopleSection .person,#cmCredentialsSection .person,#cmAlertsSection .person,
#cmPeopleSection .card,#cmCredentialsSection .card,#cmAlertsSection .card{
  background:rgba(255,255,255,.06);border:1px solid var(--cm-glass-border);
  border-radius:18px;box-shadow:0 8px 24px #001f3218;
  backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);
  color:var(--cm-glass-ink);
}
#cmPeopleSection .person,#cmCredentialsSection .person,#cmAlertsSection .person{
  transition:transform .2s,border-color .2s,box-shadow .2s;
}
#cmPeopleSection .person:hover,#cmCredentialsSection .person:hover,#cmAlertsSection .person:hover{
  transform:translateY(-2px);border-color:#8cefe0;
  box-shadow:0 12px 28px #001b3840;
}
#cmPeopleSection .person b,#cmCredentialsSection .person b,#cmAlertsSection .person b{color:#fff}
#cmPeopleSection .small,#cmCredentialsSection .small,#cmAlertsSection .small,
#cmCredentialsSection #credentialCount{color:#c2dce5}
#cmPeopleSection input,#cmCredentialsSection input,
#cmPeopleSection select,#cmCredentialsSection select,#cmClientSelect{
  background:rgba(255,255,255,.09);border:1px solid rgba(200,255,255,.27);
  color:#fff;color-scheme:dark;
}
#cmPeopleSection input::placeholder,#cmCredentialsSection input::placeholder{color:#c4dce5;opacity:1}
#cmCredentialsSection select option,#cmClientSelect option{background:#0a3448;color:#fff}
#cmPeopleSection .badge.b-red,#cmAlertsSection .badge.b-red{background:rgba(255,120,130,.18);color:#ffb0b8}
#cmPeopleSection .badge.b-green,#cmAlertsSection .badge.b-green{background:rgba(90,230,170,.17);color:#95f2c2}
#cmPeopleSection .badge.b-orange,#cmAlertsSection .badge.b-orange{background:rgba(255,195,100,.18);color:#ffd28b}
#cmCredentialsSection .credential-result>span:last-child{color:#8cdeee}
#cmCredentialsSection .credential-result:hover{background:rgba(255,255,255,.10);border-color:#8cefe0}
@media(max-width:550px){
 #cmPeopleSection,#cmCredentialsSection,#cmAlertsSection{padding:17px;border-radius:17px}
}

/* Paginación de credenciales: conserva el diseño Glassmorphism al 6 %. */
#cmCredentialsSection .cm-credential-pager{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin:18px 0 8px;color:#d9eff3;font-weight:650}
@media(max-width:550px){#cmCredentialsSection .cm-credential-pager{gap:8px;font-size:12px}}

/* Login Glassmorphism 6% — cambios aislados de la pantalla de acceso */
#loginScreen.login-screen{min-height:100vh;min-height:100dvh;padding:clamp(18px,4vw,42px);background:radial-gradient(ellipse at 20% 10%,rgba(37,169,170,.23),transparent 42%),radial-gradient(ellipse at 88% 85%,rgba(29,159,110,.19),transparent 46%),linear-gradient(130deg,#041b35 0%,#06485b 55%,#075044 100%);color:#e9f9fa}
#loginScreen .login-card{width:min(440px,100%);background:rgba(255,255,255,.06);border:1px solid rgba(170,247,239,.29);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;padding:clamp(23px,4vw,36px);box-shadow:0 18px 50px rgba(0,16,35,.24);color:#f1fcfc}
#loginScreen .cm-login-brand{display:flex;flex-direction:column;align-items:center;gap:9px;margin-bottom:22px;text-align:center}
#loginScreen .cm-login-brand img{display:block;width:min(200px,80%);height:86px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,15,29,.25))}
#loginScreen .cm-login-brand strong{font-family:Baskerville,Georgia,serif;font-size:18px;letter-spacing:.2px}
#loginScreen .cm-login-brand small{font-size:12px;color:#c0e2e4}
#loginScreen .login-card h1{color:#fff;font-family:Baskerville,Georgia,serif;font-size:29px;margin:0 0 5px;text-align:center}
#loginScreen .login-card p{color:#cce5e9;font-size:13px;margin:0 0 24px;text-align:center}
#loginScreen .cm-login-field{display:block;font-size:13px;font-weight:650;color:#d8f2f1;margin:0 0 7px}
#loginScreen .login-card input{background:rgba(255,255,255,.07);color:#fff;border:1px solid rgba(172,241,235,.30);border-radius:12px;min-height:48px;margin-bottom:17px;outline-offset:2px}
#loginScreen .login-card input::placeholder{color:#b6d4dc}
#loginScreen .login-card input:focus{border-color:#79e4d4;outline:2px solid rgba(111,235,208,.25)}
#loginScreen .login-card input:-webkit-autofill{-webkit-text-fill-color:#fff;box-shadow:0 0 0 1000px #0d4855 inset;caret-color:#fff}
#loginScreen .cm-login-footer{margin-top:19px;color:#a7cbd1;text-align:center;font-size:11px}
#loginScreen .demo{display:none!important}
@media(max-width:480px){#loginScreen .login-card{padding:24px 20px}#loginScreen .cm-login-brand img{height:72px}#loginScreen .login-card h1{font-size:26px}}

/* Logo S&D original: solo pantalla de acceso */
#loginScreen .cm-login-brand img{display:block;width:min(100%,355px);max-width:100%;height:auto;max-height:120px;object-fit:contain;margin:0 auto 8px}
#loginScreen .cm-login-brand small{display:block;text-align:center;letter-spacing:.12em;color:#c7e9e7;font-size:13.2px}
@media(max-width:480px){#loginScreen .cm-login-brand img{width:100%;height:auto;max-height:100px}}
#loginScreen .cm-login-brand{gap:2px!important}#loginScreen .cm-login-brand img{margin-bottom:0!important}#loginScreen .cm-login-brand small{font-size:15.84px!important}
/* Navegación Glassmorphism aprobada: únicamente iconos en color */
#app>nav{background:linear-gradient(105deg,rgba(5,55,76,.94),rgba(5,87,91,.92))!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(131,224,237,.45)!important;box-shadow:0 7px 24px rgba(4,40,58,.22)!important;gap:5px!important;padding-top:9px!important;padding-bottom:9px!important}
#app>nav button{color:#f6fcff!important;border:1px solid transparent!important;background:transparent!important;border-radius:15px!important;box-shadow:none!important}
#app>nav button.active{background:linear-gradient(120deg,rgba(24,173,209,.37),rgba(35,127,218,.42))!important;border:1px solid rgba(104,232,255,.8)!important;box-shadow:inset 0 0 12px rgba(95,220,252,.22),0 0 9px rgba(0,180,235,.18)!important}
#app>nav #navHome .nav-icon{color:#2da6ff!important}
#app>nav #navPeople .nav-icon{color:#4bdd83!important}
#app>nav #navCredentials .nav-icon{color:#b18aff!important}
#app>nav #navAlerts .nav-icon{color:#ffae2b!important}
#app>nav button .nav-icon{font-size:23px!important}
@media(max-width:699px){#app>nav button .nav-icon{font-size:19px!important}#app>nav button{font-size:10px!important}}

/* Cabecera y navegación como una sola superficie continua. */
#app>header.cm-enterprise-header,
#app>nav{background:linear-gradient(90deg,#031c40,#064b61 50%,#05264f)!important;}
#app>header.cm-enterprise-header{border:0!important;border-radius:18px 18px 0 0;box-shadow:none;margin-bottom:0;}
#app>header.cm-enterprise-header .cm-aurora-canvas{-webkit-mask-image:linear-gradient(to bottom,#000 65%,transparent);mask-image:linear-gradient(to bottom,#000 65%,transparent);}
#app>nav{border:0!important;border-radius:0 0 18px 18px;margin-top:0;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 8px 22px rgba(4,40,58,.18)!important;}

/* Auroras animadas detrás del resumen; los controles quedan encima. */
#cmHomeSection{position:relative;overflow:hidden;}
#cmHomeSection>.cm-home-aurora{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.62;}
#cmHomeSection>:not(.cm-home-aurora){position:relative;z-index:1;}
@media(prefers-reduced-motion:reduce){#cmHomeSection>.cm-home-aurora{opacity:.38;}}

#cmDocumentPreview{z-index:120;align-items:center;padding:12px;}
#cmDocumentPreview .cm-document-sheet{width:min(1050px,100%);max-width:1050px;max-height:94vh;padding:18px;display:flex;flex-direction:column;gap:12px;}
.cm-document-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.cm-document-heading h3{margin:0;overflow-wrap:anywhere;min-width:0;}
.cm-document-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.cm-document-tools [hidden]{display:none!important;}
.cm-document-body{overflow:auto;min-height:120px;max-height:70vh;background:#e7edf2;border-radius:12px;padding:12px;color:#152536;}
.cm-document-image{display:block;height:auto;max-width:none;}
.cm-document-pdf{display:block;width:100%;height:65vh;border:0;background:#fff;}
@media(max-width:550px){#cmDocumentPreview{padding:6px;}#cmDocumentPreview .cm-document-sheet{padding:12px;border-radius:16px;}}

/* Mensajes integrados: dialog usa la capa superior del navegador. */
.cm-message-dialog{width:min(440px,calc(100vw - 32px));box-sizing:border-box;border:1px solid #438f95;border-radius:22px;padding:28px;background:linear-gradient(135deg,#0a2d40,#0b5154);color:#f2fbfb;box-shadow:0 24px 80px #00151c99;font:inherit;}
.cm-message-dialog::backdrop{background:#001620a8;backdrop-filter:blur(5px);}
.cm-message-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#efb05d22;color:#ffca83;font-size:26px;font-weight:700;margin-bottom:16px;}
.cm-message-dialog[data-kind="confirm"] .cm-message-icon{background:#ff686822;color:#ffabab;}
.cm-message-dialog h2{margin:0 0 12px;font-size:22px;color:#fff;}
.cm-message-dialog p{margin:0;line-height:1.65;color:#d9ebee;white-space:pre-wrap;overflow-wrap:anywhere;}
.cm-message-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:24px;}
.cm-message-actions .cm-danger{background:#c83f4c;color:#fff;border:1px solid #e36b75;}
.cm-message-actions .cm-danger:hover{background:#ac2d3a;}
.cm-message-dialog button:focus-visible,.cm-toast button:focus-visible{outline:2px solid #9de9ed;outline-offset:-2px;}
.cm-toast-region{position:fixed;right:20px;bottom:20px;z-index:150;display:grid;gap:10px;width:min(380px,calc(100vw - 40px));pointer-events:none;}
.cm-toast{display:flex;align-items:center;gap:12px;border:1px solid #46aa91;border-radius:16px;padding:16px;background:#0a4243;color:#f0fff9;box-shadow:0 12px 40px #00151c66;pointer-events:auto;}
.cm-toast-symbol{color:#74edbb;font-size:22px;}.cm-toast-text{flex:1;line-height:1.5;overflow-wrap:anywhere;}
.cm-toast button{border:0;background:transparent;color:#d9f7ed;cursor:pointer;font-size:24px;padding:0 4px;}


/* Una familia de iconos; colores compartidos para cada función. */
:root{--cm-icon-blue:#69cfff;--cm-icon-yellow:#ffdc70;--cm-icon-red:#ff919d;--cm-icon-green:#72e5b3;}
.cm-icon{width:20px;height:20px;display:inline-block;vertical-align:middle;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;}
.cm-i-blue{color:var(--cm-icon-blue)}.cm-i-yellow{color:var(--cm-icon-yellow)}.cm-i-red{color:var(--cm-icon-red)}.cm-i-green{color:var(--cm-icon-green)}
.cm-action-icon{margin-inline-end:7px;}
#app>nav .nav-icon .cm-icon{width:24px;height:24px;}
#app>nav #navHome .nav-icon,#app>nav #navPeople .nav-icon,#app>nav #navCredentials .nav-icon{color:var(--cm-icon-blue)!important;}
#app>nav #navAlerts .nav-icon{color:var(--cm-icon-yellow)!important;}
.cm-message-icon .cm-icon{width:28px;height:28px;}
.cm-message-dialog[data-kind="error"] .cm-message-icon{background:#ff686822;color:var(--cm-icon-red);}
.cm-message-dialog[data-kind="warning"] .cm-message-icon{background:#efb05d22;color:var(--cm-icon-yellow);}
.cm-toast-symbol{display:inline-flex;align-items:center;}.cm-toast-symbol .cm-icon{width:24px;height:24px;}
.cm-toast button .cm-icon{width:20px;height:20px;}
.cm-profile-chevron .cm-icon{width:17px;height:17px;}
.cm-panel-role .cm-icon{width:15px;height:15px;margin-inline-end:5px;}
.cm-header-role .cm-role-shield{width:15px;height:15px;}
.cm-danger .cm-i-red{color:#ffe0e4;}
@media(max-width:699px){#app>nav .nav-icon .cm-icon{width:20px;height:20px;}.cm-panel-tab .cm-icon{width:16px;height:16px;}}

/* Estilo compartido de ventanas y avisos. */
:root{--cm-window-bg:#fff;--cm-window-title:#0b2a4a;--cm-window-ink:#263b50;--cm-window-muted:#64748b;--cm-window-line:#dbe5ef;--cm-window-primary:#1769aa;--cm-window-danger:#c83f4c;--cm-window-primary-ink:#08383b;--cm-window-secondary-ink:#f1f8fa;--cm-window-allowed-bg:#2b625f;--cm-window-allowed-ink:#baf4df;--cm-window-secondary:#f0f3f7;--cm-window-overlay:#0b1726a6;}
.modal,.cm-user-overlay{background:var(--cm-window-overlay);backdrop-filter:blur(5px);}
.modal{align-items:center;padding:16px;}
.modal>.sheet,.cm-message-dialog{background:var(--cm-window-bg);color:var(--cm-window-ink);border:1px solid var(--cm-window-line);border-radius:22px;padding:24px;box-shadow:0 24px 65px #001b3330;font-family:inherit;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;}
.modal>.sheet{width:min(650px,100%);margin:auto;}
#credentialFormModal>.sheet{width:min(540px,100%);}
.cm-message-dialog{width:min(440px,calc(100vw - 32px));}
.cm-message-dialog::backdrop{background:var(--cm-window-overlay);backdrop-filter:blur(5px);}
.sheet h3,.cm-message-dialog h2{font-size:20px;line-height:1.35;font-weight:800;color:var(--cm-window-title);}
.cm-message-dialog h2{margin:0 0 12px;}
.cm-message-dialog p{color:var(--cm-window-ink);line-height:1.65;margin:0;}
.sheet .small{color:var(--cm-window-muted);}
.sheet .grid{gap:12px;}
.sheet input,.sheet select{border-color:var(--cm-window-line);background:var(--cm-window-bg);color:var(--cm-window-ink);}
.sheet,.cm-message-dialog,.cm-toast,.cm-user-panel{--cm-icon-blue:#1769aa;--cm-icon-yellow:#ad7100;--cm-icon-red:#c83f4c;--cm-icon-green:#16803a;}
.sheet button:focus-visible,.sheet a:focus-visible,.cm-message-dialog button:focus-visible,.cm-toast button:focus-visible{outline:3px solid #409cda;outline-offset:3px;}
.cm-message-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;}
.cm-message-dialog .cm-message-icon{width:46px;height:46px;border-radius:14px;margin-bottom:16px;background:#fff4d8;}
.cm-message-dialog[data-kind="confirm"] .cm-message-icon,.cm-message-dialog[data-kind="error"] .cm-message-icon{background:#fdebed;}
.cm-message-dialog[data-kind="warning"] .cm-message-icon{background:#fff4d8;}
.cm-toast{background:var(--cm-window-bg);color:var(--cm-window-ink);border:1px solid #c9e4d2;border-radius:16px;box-shadow:0 12px 40px #001b3326;}
.cm-toast button{color:var(--cm-window-muted);}
.cm-user-panel .cm-panel-head{background:var(--cm-window-bg);color:var(--cm-window-title);border-bottom:1px solid var(--cm-window-line);padding:24px;}
.cm-user-panel .cm-panel-close{background:var(--cm-window-secondary);border:1px solid transparent;color:var(--cm-window-title);}
.cm-user-panel .cm-panel-role{background:#e6f6eb;color:#16803a;}
#cmDocumentPreview>.cm-document-sheet{width:min(1050px,100%);border-radius:22px;padding:24px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);}
.cm-document-heading,.cred-modal-header{flex-wrap:wrap;gap:12px;}
@media(max-width:550px){.modal{padding:12px;}.modal>.sheet,.cm-message-dialog{padding:20px;border-radius:20px;}#credentialFormModal>.sheet{width:100%;}#cmDocumentPreview{padding:12px;}#cmDocumentPreview>.cm-document-sheet{padding:20px;border-radius:20px;}}

.cm-credential-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;}
.cm-credential-actions>.cm-danger{margin-inline-start:auto;}

.cm-client-bar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:16px;margin-bottom:20px;border:1px solid #79bda344;border-radius:18px;background:#092e2de6;color:#edfff5}
.cm-client-picker{flex:1 1 240px}.cm-client-picker label{display:block;font-weight:700;margin-bottom:8px}.cm-client-bar .small{color:#b8d5cc;margin-top:8px}

/* Una aurora continua compartida por todas las pantallas. */
body{background:linear-gradient(125deg,#06283e,#075363 56%,#064338);}
body>.cm-aurora-canvas{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;z-index:0;pointer-events:none;opacity:.8;}
#app,#loginScreen{position:relative;z-index:1;background:transparent;}
#app>header.cm-enterprise-header{grid-template-columns:minmax(0,1fr) auto;background:rgba(4,35,43,.12)!important;}
#app>header.cm-enterprise-header .cm-profile-trigger{justify-self:end;}
#app>nav{background:rgba(4,35,43,.12)!important;backdrop-filter:none;-webkit-backdrop-filter:none;}
#cmHomeSection,#cmPeopleSection,#cmCredentialsSection,#cmAlertsSection,.cm-client-bar{background:rgba(4,35,43,.12);}
#loginScreen .login-card{background:rgba(4,35,43,.48);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}
.modal>.sheet,.cm-message-dialog,.cm-user-panel,.cm-toast{background:rgba(255,255,255,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}
.cm-user-panel .cm-panel-head{background:transparent;}

#cmClientForm label{display:grid;gap:6px;color:var(--cm-window-ink);font-size:13px;font-weight:600;}
#cmClientForm h4{margin:12px 0 0;color:var(--cm-window-title);font-size:15px;}
.cm-client-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
#cmClientNotes{width:100%;font:inherit;border:1px solid var(--cm-window-line);border-radius:12px;padding:10px 13px;background:#fff;color:var(--cm-window-ink);resize:vertical;}
.cm-client-contact-row{padding:12px;border:1px solid var(--cm-window-line);border-radius:12px;}.cm-remove-contact{margin-top:10px;}
.cm-client-sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px;}
.cm-client-sheet-heading h3{margin:0;}
.cm-client-form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:12px;}
#cmClientForm :disabled{opacity:1;color:var(--cm-window-ink);-webkit-text-fill-color:var(--cm-window-ink);}
@media(max-width:550px){.cm-client-grid{grid-template-columns:1fr;}}
html[lang="en"] #cmHomeSection .cards>.card:after{content:'View details';}
.cm-language-setting{display:grid;gap:8px;margin-top:16px;font-weight:650;font-size:13px;}

#app>nav{grid-template-columns:repeat(6,minmax(0,1fr))!important;}
.cm-report-section{padding:26px;border:1px solid rgba(200,255,255,.25);border-radius:24px;background:rgba(4,35,43,.12);color:#e5f5fa;}
.wrap>.cm-report-section>h2{color:#fff;margin-top:0;}.cm-report-section .small{color:#c2dce5;}
.cm-report-controls{display:flex;align-items:end;gap:12px;flex-wrap:wrap;}.cm-report-controls label{display:grid;gap:6px;flex:1 1 180px;font-size:13px;}
.cm-report-controls input,.cm-report-controls select{background:rgba(255,255,255,.09);border-color:rgba(200,255,255,.27);color:#fff;color-scheme:dark;}.cm-report-controls option{background:#0a3448;color:#fff;}
.cm-table-scroll{overflow-x:auto;max-width:100%;}.cm-data-table{border-collapse:collapse;width:100%;font-size:12px;}.cm-data-table th,.cm-data-table td{padding:10px;text-align:left;vertical-align:top;border-bottom:1px solid #b9f7ec30;}.cm-data-table th{background:#073747;white-space:nowrap;color:#fff;}.cm-data-table pre{white-space:pre-wrap;overflow-wrap:anywhere;min-width:230px;max-width:380px;max-height:250px;overflow:auto;}.cm-data-table summary{cursor:pointer;color:#a2e9ff;}
@media(max-width:699px){#app>nav{grid-template-columns:repeat(3,minmax(0,1fr))!important;}.cm-report-section{padding:17px;}}

/* Navegación en el flujo de la página: evita superponer controles al desplazarse. */
#app>nav{position:relative!important;top:auto!important;bottom:auto!important;flex-shrink:0;}
#app>main.wrap{position:relative;min-width:0;}
#cmClientBar{position:relative;width:100%;}
.cm-notification-settings{display:grid;gap:12px;margin-top:20px}.cm-notification-settings h4{margin:0}.cm-notification-settings label{display:grid;gap:8px}.cm-notification-settings .cm-notification-check{display:flex;align-items:center;gap:8px}.cm-notification-check input{width:auto}
/* Revision 48: Crystal confirmations and uniform professional directory. */
.cm-message-dialog,#cmProfessionalStatusModal>.sheet{--cm-window-bg:#143b4b;--cm-window-ink:#eaf7fa;--cm-window-title:#f3fbfc;--cm-window-muted:#c2d8e1;--cm-icon-blue:#80e4dc;--cm-icon-yellow:#ffd08b;--cm-icon-red:#ffb4ba;--cm-icon-green:#80e4dc;border:1px solid #426573;background:linear-gradient(130deg,#1e4c58,#143b4b 70%);color:#eaf7fa;border-radius:22px;padding:0;box-shadow:0 24px 65px #00192166;color-scheme:dark;}
.cm-message-dialog{width:min(465px,calc(100vw - 32px));}
.cm-message-dialog::backdrop{background:#001e2bb8;backdrop-filter:blur(8px);}
.cm-crystal-brand{display:flex;align-items:center;gap:8px;padding:14px 22px;border-bottom:1px solid #426573;color:#c2d8e1;font-size:12px;}
.cm-crystal-brand .cm-icon{width:16px;height:16px;color:#80e4dc;}
.cm-crystal-content{padding:24px;}
.cm-message-dialog h2,#cmProfessionalStatusModal h3{color:#f3fbfc;font-size:21px;font-weight:700;line-height:1.35;margin:14px 0 10px;overflow-wrap:anywhere;}
.cm-message-dialog p,#cmProfessionalStatusModal .cm-crystal-note{color:#c2d8e1;line-height:1.55;}
.cm-message-dialog .cm-message-icon,#cmProfessionalStatusModal .cm-message-icon{width:46px;height:46px;margin:0;border-radius:14px;background:#2b625f;color:#80e4dc;}
.cm-message-dialog .cm-message-icon .cm-icon{width:24px;height:24px;}
.cm-message-dialog[data-kind="confirm"][data-tone="safe"] .cm-message-icon{background:#2b625f;color:#80e4dc;}
.cm-message-dialog[data-kind="confirm"][data-tone="danger"] .cm-message-icon,.cm-message-dialog[data-kind="error"] .cm-message-icon{background:#613e4b;}
.cm-message-dialog[data-kind="warning"] .cm-message-icon{background:#594b37;}
.cm-message-detail{display:flex;align-items:flex-start;gap:10px;padding:14px;margin-top:20px;border-radius:12px;background:#214b58;color:#eaf7fa;line-height:1.5;}
.cm-message-detail .cm-icon{width:18px;height:18px;margin-top:2px;flex-shrink:0;}
.cm-message-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin-top:24px;}
.cm-message-dialog:not([data-kind="confirm"]) .cm-message-actions{grid-template-columns:1fr;}
.cm-message-dialog [hidden],#cmProfessionalStatusModal [hidden]{display:none!important;}
#cmProfessionalStatusModal>.sheet{width:min(465px,100%);}
#cmProfessionalStatusModal textarea{width:100%;min-height:84px;resize:vertical;border:1px solid #426573;border-radius:12px;background:#102f40;color:#eaf7fa;padding:12px;font:inherit;}
#cmProfessionalStatusModal label>span{display:block;margin-bottom:8px;color:#eaf7fa;}
#cmProfessionalStatusModal .cm-client-form-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin-top:12px;}
#cmPeopleSection #people{grid-auto-rows:1fr;}
#cmPeopleSection #people>.cm-professional-row{display:grid;grid-template-columns:minmax(0,1fr) 105px minmax(0,1.7fr);gap:16px;align-items:center;min-height:112px;}
.cm-professional-info{min-width:0;}
.cm-professional-info b,.cm-professional-info .small{overflow-wrap:anywhere;line-height:1.4;}
.cm-professional-statuses{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;}
.cm-professional-statuses .badge{white-space:normal;max-width:100%;text-align:center;}
.cm-professional-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0;}
.cm-professional-tools .cm-action-icon{flex-shrink:0;}
@media(max-width:1050px){#cmPeopleSection #people>.cm-professional-row{grid-template-columns:minmax(0,1fr) 110px;gap:14px;}.cm-professional-tools{grid-column:1/-1;}}
@media(max-width:550px){.cm-crystal-content{padding:20px;}.cm-message-actions,#cmProfessionalStatusModal .cm-client-form-actions{grid-template-columns:1fr 1fr;}.cm-message-dialog h2,#cmProfessionalStatusModal h3{font-size:20px;}#cmProfessionalStatusModal textarea{font-size:16px;}.cm-professional-tools{grid-template-columns:repeat(2,minmax(0,1fr));}.cm-professional-state-action{grid-column:1/-1;}#cmPeopleSection #people>.cm-professional-row{grid-template-columns:minmax(0,1fr) 95px;gap:12px;}}

/* R49: shared Crystal palette for every application window. */
.modal>.sheet,.cm-message-dialog,.cm-user-panel,.cm-toast,#loginScreen .login-card{
 --cm-window-bg:#143b4b;--cm-window-title:#f3fbfc;--cm-window-ink:#eaf7fa;--cm-window-muted:#c2d8e1;--cm-window-line:#426573;--cm-window-primary:#80e4dc;--cm-window-secondary:#254b5a;--cm-window-danger:#c83f4c;--cm-window-primary-ink:#08383b;--cm-window-secondary-ink:#f1f8fa;--cm-window-allowed-bg:#2b625f;--cm-window-allowed-ink:#baf4df;
 --cm-icon-blue:#80e4dc;--cm-icon-yellow:#ffd08b;--cm-icon-red:#ffb4ba;--cm-icon-green:#80e4dc;
 background:linear-gradient(130deg,#1e4c58,#143b4b 70%);color:var(--cm-window-ink);border:1px solid var(--cm-window-line);box-shadow:0 24px 65px #00192166;color-scheme:dark;
}
.modal,.cm-user-overlay{background:#001e2bb8;backdrop-filter:blur(8px);}
.modal>.sheet{padding:24px;border-radius:22px;}
.modal>.sheet>.cm-crystal-brand{margin:-24px -24px 24px;flex-shrink:0;}
#cmProfessionalStatusModal>.sheet{padding:0;}
#cmProfessionalStatusModal>.sheet>.cm-crystal-brand{margin:0;}
.modal>.sheet h3{color:var(--cm-window-title);font-size:21px;line-height:1.35;font-weight:700;overflow-wrap:anywhere;}
.modal>.sheet h4,.modal>.sheet label{color:var(--cm-window-ink);}
.modal>.sheet .small,.modal>.sheet p,.modal>.sheet summary{color:var(--cm-window-muted);}
.modal>.sheet .card,.modal>.sheet .cm-client-contact-row,.modal>.sheet details{background:#214b58;border-color:#426573;color:#eaf7fa;}
.modal>.sheet input,.modal>.sheet select,.modal>.sheet textarea,.cm-user-panel input,.cm-user-panel select,.cm-user-panel textarea,#loginScreen .login-card input,#cmClientNotes{
 background:#102f40;color:#eaf7fa;border:1px solid #426573;border-radius:12px;font:inherit;min-width:0;max-width:100%;
}
.modal>.sheet textarea{width:100%;padding:12px;resize:vertical;}
.modal>.sheet input::placeholder,.modal>.sheet textarea::placeholder,.cm-user-panel input::placeholder,#loginScreen .login-card input::placeholder{color:#b5ccd5;opacity:1;}
.modal>.sheet select option,.cm-user-panel select option{background:#102f40;color:#eaf7fa;}
.modal>.sheet input[type="file"]::file-selector-button{background:#254b5a;color:#f1f8fa;border:1px solid #426573;border-radius:8px;padding:8px;margin-right:10px;font:inherit;cursor:pointer;}
.modal>.sheet :focus-visible,.cm-user-panel :focus-visible,#loginScreen .login-card :focus-visible{outline:2px solid #9de9ed;outline-offset:-2px;}
.modal>.sheet [hidden]{display:none!important;}
.modal>.sheet .b-green,.cm-user-panel .cm-panel-role{background:#2b625f;color:#baf4df;}
.modal>.sheet .b-orange{background:#594b37;color:#ffd08b;}
.modal>.sheet .b-red{background:#613e4b;color:#ffb4ba;}
#cmDocumentPreview>.cm-document-sheet{padding:24px;}
#cmDocumentPreview .cm-document-body{background:#102f40;color:#eaf7fa;border:1px solid #426573;}
.cm-user-panel .cm-panel-head{background:transparent;color:#f3fbfc;border-color:#426573;}
.cm-user-panel .cm-panel-avatar{background:#2b625f;color:#baf4df;}
.cm-user-panel .cm-panel-tabs,.cm-user-panel .cm-panel-content{background:#102f40;border-color:#426573;}
.cm-user-panel .cm-panel-tab{color:#c2d8e1;}
.cm-user-panel .cm-panel-tab.active{background:#80e4dc;color:#08383b;}
.cm-user-panel .cm-panel-row{border-color:#426573;}
.cm-user-panel .cm-panel-row span{color:#c2d8e1;}
.cm-user-panel .cm-panel-close{background:#254b5a;color:#f1f8fa;border:1px solid #426573;}
.cm-toast{border-radius:16px;}
.cm-toast button{color:#c2d8e1;}
#loginScreen .login-card h1,#loginScreen .login-card label{color:#f3fbfc;}
#loginScreen .login-card p,#loginScreen .login-card .demo{color:#c2d8e1;}
#loginErr{color:#ffb4ba;}
@media(max-width:550px){
 .modal>.sheet,#cmDocumentPreview>.cm-document-sheet{padding:20px;border-radius:20px;}
 .modal>.sheet>.cm-crystal-brand{margin:-20px -20px 20px;padding:14px 20px;}
 #cmProfessionalStatusModal>.sheet{padding:0;}
 #cmProfessionalStatusModal>.sheet>.cm-crystal-brand{margin:0;}
 .modal>.sheet input,.modal>.sheet select,.modal>.sheet textarea,.cm-user-panel input,.cm-user-panel select{font-size:16px;}
 .modal>.sheet .grid,.modal>.sheet .cm-client-grid{min-width:0;}
}

/* Login shares the same animated canvas as the application. */
#loginScreen.login-screen{background:transparent;}
/* Sidebar keeps the original navigation buttons and page handlers. */
#app.cm-sidebar-ready{--cm-sidebar-width:240px;}
#app.cm-sidebar-ready.cm-sidebar-collapsed{--cm-sidebar-width:76px;}
#app.cm-sidebar-ready>nav{position:fixed!important;inset:0 auto 0 0!important;top:0!important;bottom:0!important;left:0!important;width:var(--cm-sidebar-width)!important;height:100vh;height:100dvh;display:flex!important;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:6px;padding:18px 12px!important;background:linear-gradient(130deg,#1e4c58,#143b4b 70%)!important;border:0;border-right:1px solid #426573;box-shadow:10px 0 35px #00192133;z-index:40;overflow-y:auto;overflow-x:hidden;grid-template-columns:none!important;}
#app.cm-sidebar-ready>nav>button{width:100%;min-height:48px;flex:none!important;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;padding:12px;color:#c2d8e1;border:1px solid transparent;border-radius:12px;background:transparent;white-space:normal;text-align:left;font-size:14px;line-height:1.4;box-shadow:none;font-weight:600;}
#app.cm-sidebar-ready>nav>button:hover{background:#254b5a;color:#f3fbfc;}
#app.cm-sidebar-ready>nav>button.active{background:#80e4dc;color:#08383b;border-color:#80e4dc;box-shadow:none;}
#app.cm-sidebar-ready>nav>button.active .cm-icon{color:#08383b;}
#app.cm-sidebar-ready>nav .nav-icon{flex-shrink:0;width:24px;height:24px;}
#app.cm-sidebar-ready>nav .cm-sidebar-brand{display:flex;align-items:center;gap:10px;min-height:54px;margin-bottom:18px;padding:0 10px;color:#eaf7fa;}
#app.cm-sidebar-ready>nav .cm-sidebar-brand>.cm-icon{color:#80e4dc;flex-shrink:0;}
#app.cm-sidebar-ready>nav .cm-sidebar-brand>span{overflow-wrap:anywhere;font-weight:700;}
#app.cm-sidebar-ready>nav .cm-sidebar-footer{display:flex;align-items:center;gap:10px;padding:16px 10px;margin-top:auto;border-top:1px solid #426573;color:#c2d8e1;font-size:12px;}
#app.cm-sidebar-ready>nav .cm-sidebar-footer>span{flex:1;min-width:0;}
#app.cm-sidebar-ready .cm-sidebar-logout{display:grid;place-items:center;width:44px;height:44px;min-width:44px;flex:none;border:0;border-radius:10px;background:transparent;color:#80e4dc;padding:0;cursor:pointer;}
#app.cm-sidebar-ready .cm-sidebar-logout:hover{background:#254b5a;}
#app.cm-sidebar-ready .cm-sidebar-logout:focus-visible{outline:2px solid #9de9ed;outline-offset:-2px;}
#app.cm-sidebar-ready.cm-sidebar-collapsed>nav .cm-sidebar-footer{flex-direction:column;gap:8px;}
#app.cm-sidebar-ready>header{margin-left:var(--cm-sidebar-width);width:calc(100% - var(--cm-sidebar-width));}
#app.cm-sidebar-ready>main.wrap{width:calc(100% - var(--cm-sidebar-width));max-width:1100px;margin-left:calc(var(--cm-sidebar-width) + max(0px,(100% - var(--cm-sidebar-width) - 1100px)/2));margin-right:auto;min-width:0;}
#app.cm-sidebar-ready .cm-sidebar-toggle,#app.cm-sidebar-ready .cm-sidebar-close{display:grid;place-items:center;width:44px;height:44px;min-width:44px;flex:none;border:1px solid #426573;border-radius:12px;background:#254b5a;color:#80e4dc;padding:10px;position:relative;z-index:1;cursor:pointer;}
#app.cm-sidebar-ready .cm-sidebar-close{display:none;margin-left:auto;}
#app.cm-sidebar-ready .cm-sidebar-toggle{position:relative;top:auto;left:auto;z-index:1;border:0;border-radius:10px;background:transparent;padding:0;margin-left:auto;}
#app.cm-sidebar-ready .cm-sidebar-toggle .cm-sidebar-menu-icon{display:none;}
#app.cm-sidebar-ready .cm-sidebar-toggle .cm-sidebar-edge-icon{display:block;width:20px;height:20px;padding:0;border:0;background:transparent;color:#80e4dc;stroke-width:1.25;}
#app.cm-sidebar-ready .cm-sidebar-toggle .cm-sidebar-edge-icon use{transform:rotate(180deg);transform-origin:12px 12px;}
#app.cm-sidebar-ready .cm-sidebar-toggle:hover{background:#254b5a;}
#app.cm-sidebar-ready>nav .cm-sidebar-brand{gap:8px;padding:0;}
#app.cm-sidebar-ready>nav .cm-sidebar-brand>span{flex:1;min-width:0;font-size:13px;overflow-wrap:normal;}
#app.cm-sidebar-ready.cm-sidebar-collapsed>nav .cm-sidebar-brand>.cm-icon{display:none;}
#app.cm-sidebar-ready.cm-sidebar-collapsed .cm-sidebar-toggle{margin-left:0;}
#app.cm-sidebar-ready.cm-sidebar-collapsed .cm-sidebar-toggle .cm-sidebar-edge-icon use{transform:none;}
#app.cm-sidebar-ready.cm-sidebar-collapsed>nav>button{justify-content:center;padding:12px 4px;}
#app.cm-sidebar-ready.cm-sidebar-collapsed>nav>button>span:not(.nav-icon),#app.cm-sidebar-ready.cm-sidebar-collapsed>nav .cm-sidebar-brand>span,#app.cm-sidebar-ready.cm-sidebar-collapsed>nav .cm-sidebar-footer>span{display:none;}
#app.cm-sidebar-ready.cm-sidebar-collapsed>nav .cm-sidebar-brand,#app.cm-sidebar-ready.cm-sidebar-collapsed>nav .cm-sidebar-footer{justify-content:center;padding-left:0;padding-right:0;}
#app.cm-sidebar-ready .cm-sidebar-overlay{display:none;}
#app.cm-sidebar-ready .cm-sidebar-toggle:focus-visible,#app.cm-sidebar-ready .cm-sidebar-close:focus-visible{outline:2px solid #9de9ed;outline-offset:-2px;}
@media(max-width:800px){
 #app.cm-sidebar-ready>nav .cm-sidebar-footer{flex-direction:row;}
 #app.cm-sidebar-ready .cm-sidebar-toggle{position:relative;top:auto;left:auto;z-index:1;border:1px solid #426573;border-radius:12px;background:#254b5a;padding:10px;}
 #app.cm-sidebar-ready .cm-sidebar-toggle .cm-sidebar-menu-icon{display:block;}
 #app.cm-sidebar-ready .cm-sidebar-toggle .cm-sidebar-edge-icon{display:none;}
 #app.cm-sidebar-ready>nav{width:min(280px,calc(100vw - 48px))!important;visibility:hidden;transform:translateX(-100%);pointer-events:none;z-index:90;transition:transform .2s ease,visibility .2s;}
 #app.cm-sidebar-ready.cm-sidebar-open>nav{visibility:visible;transform:translateX(0);pointer-events:auto;}
 #app.cm-sidebar-ready>header{width:100%;margin-left:0;gap:8px!important;flex-wrap:wrap;}
 #app.cm-sidebar-ready>header .cm-brand{flex:1;min-width:0;}
 #app.cm-sidebar-ready>main.wrap{width:100%;max-width:1100px;margin-left:auto;margin-right:auto;}
 #app.cm-sidebar-ready .cm-sidebar-close{display:grid;}
 #app.cm-sidebar-ready.cm-sidebar-open .cm-sidebar-overlay{display:block;position:fixed;inset:0;z-index:89;border:0;background:#001e2bb8;backdrop-filter:blur(8px);cursor:pointer;}
 #app.cm-sidebar-ready.cm-sidebar-collapsed>nav>button{justify-content:flex-start;padding:12px;}
 #app.cm-sidebar-ready.cm-sidebar-collapsed>nav>button>span:not(.nav-icon),#app.cm-sidebar-ready.cm-sidebar-collapsed>nav .cm-sidebar-brand>span,#app.cm-sidebar-ready.cm-sidebar-collapsed>nav .cm-sidebar-footer>span{display:inline;}
 #app.cm-sidebar-ready.cm-sidebar-collapsed>nav .cm-sidebar-brand,#app.cm-sidebar-ready.cm-sidebar-collapsed>nav .cm-sidebar-footer{justify-content:flex-start;padding-left:10px;padding-right:10px;}
}
@media(prefers-reduced-motion:reduce){#app.cm-sidebar-ready>nav{transition:none;}}

#cmUserPanelContent.cm-permissions-view .cm-panel-row>span{flex:1;min-width:0;}
#cmUserPanelContent.cm-permissions-view .cm-panel-row>strong{flex:none;white-space:nowrap;overflow-wrap:normal;}

#cmUserAccessModal .sheet{max-width:560px;}
#cmUserAccessModal label:not(.cm-access-check){display:block;color:#c2d8e1;margin:14px 0 6px;}
#cmUserAccessModal .cm-access-fields{display:grid;gap:8px;margin:18px 0;}
#cmUserAccessModal .cm-access-check{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 10px;background:#214b58;border-radius:10px;color:#eaf7fa;}
#cmUserAccessModal .cm-access-check input{width:20px;height:20px;flex:none;margin:0;accent-color:#80e4dc;}
#cmUserAccessModal .cm-access-check:has(input:disabled){opacity:.65;}
#cmUserAccessModal .cm-access-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;}
#app .cm-manage-users{margin:8px 0 20px;}
#cmUserPanelContent .cm-manage-users{margin-top:22px;}
#cmUserAccessModal .cm-user-mode-actions{display:flex;justify-content:space-between;gap:12px;margin:18px 0;flex-wrap:wrap;}
#cmUserAccessModal [hidden]{display:none!important;}


/* User management: clear read-only permissions and balanced actions. */
#cmUserAccessModal .sheet{max-width:600px;border:1px solid #76c6d84d;box-shadow:0 24px 80px #00162080;}
#cmUserAccessModal #cmAccessTitle{margin-bottom:6px;letter-spacing:-.3px;}
#cmUserAccessModal .cm-user-mode-actions{padding:14px 0 18px;margin:12px 0 6px;border-bottom:1px solid #8bcbd32b;}
#cmUserAccessModal #cmAccessAdd{margin-left:auto;}

#cmUserAccessModal label:not(.cm-access-check){font-size:13px;font-weight:600;letter-spacing:.15px;}
#cmUserAccessModal select:disabled{opacity:1;color:#eaf7fa;cursor:default;}
#cmUserAccessModal .cm-access-fields{gap:9px;margin:22px 0;}
#cmUserAccessModal .cm-access-check{border:1px solid #86c5d328;background:linear-gradient(110deg,#244c59,#1b3e4d);padding:12px 14px;border-radius:12px;min-height:54px;}
#cmUserAccessModal .cm-access-check>span{flex:1;min-width:0;font-size:14px;line-height:1.4;}
#cmUserAccessModal.cm-access-view .cm-access-check:has(input:disabled){opacity:1;}
#cmUserAccessModal.cm-access-view .cm-access-check input{display:none;}
#cmUserAccessModal .cm-access-status{flex:none;font-size:11px;font-weight:600;border-radius:20px;padding:6px 9px;white-space:nowrap;}
#cmUserAccessModal .cm-access-status.is-allowed{color:#a7ebd1;background:#80e4b71a;border:1px solid #80e4b736;}
#cmUserAccessModal .cm-access-status.is-denied{color:#c5d4dc;background:#a0b8c312;border:1px solid #a0b8c32b;}
#cmUserAccessModal .cm-access-actions{border-top:1px solid #8bcbd32b;padding-top:18px;margin-top:22px;gap:12px;}
@media(max-width:480px){#cmUserAccessModal .sheet{padding:20px 16px;}#cmUserAccessModal .cm-access-check{padding:10px;gap:8px;}#cmUserAccessModal .cm-access-check>span{font-size:13px;}#cmUserAccessModal .cm-access-status{font-size:10px;padding:5px 7px;}}


/* Profile photo and actions match the Crystal panel. */
#cmProfileEditForm .cm-photo-change{display:block;padding:14px;margin:18px 0;background:#214858;color:#eaf7fa;border:1px solid #527986;border-radius:12px;font-size:13px;line-height:1.5;}
#cmProfileEditForm .cm-photo-change input{margin-top:10px;padding:8px;background:#143545;border-color:#527986;color:#d9ebf0;font-size:12px;font-weight:400;max-width:100%;}
#cmProfileEditForm input[type="file"]::file-selector-button{background:#80e4dc;color:#08383b;border:1px solid #80e4dc;border-radius:8px;padding:8px 10px;margin-right:8px;font:inherit;font-weight:600;cursor:pointer;}
#cmProfileEditForm input[type="file"]::file-selector-button:hover{background:#a1efe8;border-color:#a1efe8;}
#cmProfileEditForm .cm-profile-edit-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin-top:22px;align-items:stretch;}
#cmProfileEditForm .cm-profile-edit-actions .cm-icon{width:16px;height:16px;flex:none;}
@media(max-width:320px){#cmProfileEditForm .cm-profile-edit-actions{grid-template-columns:1fr;}}


#cmUserAccessModal #cmAccessEdit{margin-left:auto;}
#cmUserAccessModal .cm-access-identity{margin:18px 0 22px;padding:4px 16px;border:1px solid #86c5d333;border-radius:12px;background:#153747;}
#cmUserAccessModal .cm-access-identity .cm-panel-row{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:12px 0;border-bottom:1px solid #8bcbd326;}
#cmUserAccessModal .cm-access-identity .cm-panel-row:last-child{border-bottom:0;}
#cmUserAccessModal .cm-access-identity .cm-panel-row>span{color:#b2cdd6;font-size:12px;}
#cmUserAccessModal .cm-access-identity .cm-panel-row>strong{color:#eaf7fa;font-size:14px;overflow-wrap:anywhere;}


/* Clear Crystal actions and permission badges. */
#cmUserAccessModal #cmAccessEdit{background:var(--cm-window-primary);color:var(--cm-window-primary-ink);border:1px solid var(--cm-window-primary);border-radius:12px;padding:11px 16px;font-size:13px;font-weight:700;box-shadow:0 3px 10px #001f2933;transition:background .15s,box-shadow .15s;}
#cmUserAccessModal #cmAccessEdit .cm-icon{color:inherit!important;width:18px;height:18px;}
#cmUserAccessModal #cmAccessEdit:hover{box-shadow:0 4px 14px #001f294d;filter:brightness(1.08);}
#cmUserAccessModal #cmAccessEdit:active{box-shadow:0 1px 4px #001f2933;}
#cmUserAccessModal #cmAccessBack{background:var(--cm-window-secondary);border-color:var(--cm-window-line);color:var(--cm-window-secondary-ink);border-radius:12px;}
#cmUserAccessModal .cm-access-status{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:94px;min-height:30px;padding:6px 10px;border-radius:8px;font-size:11px;line-height:1.2;letter-spacing:.1px;}
#cmUserAccessModal .cm-access-status.is-allowed{background:var(--cm-window-allowed-bg);color:var(--cm-window-allowed-ink);border:1px solid var(--cm-window-line);}
#cmUserAccessModal .cm-access-status.is-allowed::before{content:'✓';font-size:13px;font-weight:800;}
#cmUserAccessModal .cm-access-status.is-denied{background:var(--cm-window-secondary);color:var(--cm-window-muted);border:1px solid var(--cm-window-line);}
@media(max-width:480px){#cmUserAccessModal .cm-access-status{min-width:86px;padding:6px 8px;font-size:10px;}}
@media(prefers-reduced-motion:reduce){#cmUserAccessModal #cmAccessEdit{transition:none;}}


#cmCatalogModal .sheet{max-width:640px;}
#cmCatalogModal .cm-catalog-section{padding:16px;margin:18px 0;border:1px solid var(--cm-window-line);border-radius:12px;background:#214b58;}
#cmCatalogModal h4{margin:0 0 14px;}
#cmCatalogModal .cm-catalog-add{display:grid;gap:12px;}
#cmCatalogModal label:not(.cm-catalog-check){display:block;font-size:13px;}
#cmCatalogModal label>input:not([type=checkbox]){margin-top:6px;}
#cmCatalogModal .cm-catalog-check{display:flex;align-items:center;gap:12px;padding:10px 0;color:var(--cm-window-ink);}
#cmCatalogModal input[type=checkbox]{width:20px;height:20px;flex:none;accent-color:var(--cm-window-primary);}
#cmCatalogModal .cm-catalog-types{margin-top:16px;}
#cmCatalogModal .cm-panel-row{display:flex;justify-content:space-between;gap:12px;overflow-wrap:anywhere;}
#cmCatalogModal .cm-catalog-requirements{margin:14px 0;}


#cmRequiredCounts{margin:20px 0;}#cmRequiredCounts .card{color:inherit;text-align:left;}#cmRequiredCounts .num,#cmRequiredCounts .label{display:block;}
#cmComplianceModal .cm-requirement-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:10px 0;}
#people .cm-professional-statuses button.badge{border:1px solid currentColor;cursor:pointer;white-space:normal;}
#alerts>button.person{width:100%;text-align:left;color:inherit;}


#cmLocalOrganizationControls{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:4px 0 20px;padding:14px;border:1px solid #426573;border-radius:12px;background:#143b4b;color:#eaf7fa;}
#cmLocalOrganizationControls label{flex:1;min-width:180px;font-size:13px;}#cmLocalOrganizationControls select{display:block;margin-top:6px;background:#102f40;color:#eaf7fa;border-color:#426573;}
#cmLocalOrganizationModal .cm-org-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;}

/* Selected controls use their text color for icons; other states keep icon colors. */
button.active .cm-icon,button[aria-selected="true"] .cm-icon,button[aria-pressed="true"] .cm-icon{color:inherit!important;}

.cm-mfa-dialog{width:min(460px,calc(100vw - 32px));max-height:90vh;overflow:auto;padding:28px;border:1px solid #d7e4e6;border-radius:22px;color:#173b4d;background:#f7fbfc;box-shadow:0 24px 80px #173b4d40}.cm-mfa-dialog::backdrop{background:#173b4d99;backdrop-filter:blur(5px)}.cm-mfa-dialog h2{margin:0 0 12px;font-size:23px}.cm-mfa-dialog p{line-height:1.5}.cm-mfa-dialog label{display:block;margin-top:18px;font-weight:600}.cm-mfa-dialog input,.cm-mfa-dialog select{display:block;box-sizing:border-box;width:100%;margin-top:8px;padding:12px;border:1px solid #b7ced1;border-radius:12px;background:white;color:#173b4d;font-size:18px}.cm-mfa-dialog details{margin:12px 0}.cm-mfa-dialog code{display:block;overflow-wrap:anywhere;margin-top:10px;padding:10px;background:#e8f0f2}.cm-mfa-qr{display:block;width:210px;height:210px;background:white;padding:8px;margin:18px auto;max-width:100%;object-fit:contain}.cm-mfa-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;margin-top:20px}.cm-mfa-error{color:#9e2333;min-height:20px}.cm-mfa-dialog :focus-visible{outline:3px solid #167b78;outline-offset:3px}
/* VISUAL-ENSAYO-02: extend the supplied reference palette only to MFA. */
.cm-mfa-dialog{background:linear-gradient(130deg,#1e4c58,#143b4b 70%);color:#eaf7fa;border-color:#426573;color-scheme:dark;}
.cm-mfa-dialog::backdrop{background:#001e2bb8;backdrop-filter:blur(8px);}
.cm-mfa-dialog h2{color:#f3fbfc;}
.cm-mfa-dialog :is(p,label,summary){color:#c2d8e1;}
.cm-mfa-dialog :is(input,select){background:#102f40;color:#eaf7fa;border-color:#426573;}
.cm-mfa-dialog code{background:#102f40;color:#eaf7fa;border:1px solid #426573;}
.cm-mfa-dialog .cm-mfa-error{color:#ffb4ba;}
.cm-mfa-dialog :focus-visible{outline:2px solid #9de9ed;outline-offset:2px;}

/* ORG-UI-01: one organization panel for local and connected modes. */
#app>main :is(#cmLocalOrganizationControls,#cmOrganizationTools).cm-org-panel{
 display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin:0 0 20px;padding:20px;
 background:rgba(4,35,43,.12);border:1px solid #426573;border-radius:18px;
 color:#eaf7fa;box-shadow:0 10px 30px #001e2b24;
}
.cm-org-panel .cm-org-field{flex:1 1 260px;min-width:0;}
.cm-org-panel .cm-org-field>label,.cm-org-panel .cm-org-caption{display:block;margin:0 0 8px;color:#c2d8e1;font-size:13px;font-weight:600;line-height:1.4;}
#app .cm-org-panel .cm-org-field>select{display:block;width:100%;min-height:46px;margin:0;padding:11px 14px;background:#102f40;color:#eaf7fa;border:1px solid #426573;border-radius:12px;color-scheme:dark;font:inherit;}
#app .cm-org-panel .cm-org-add{flex:0 0 auto;min-height:46px;margin:0;padding:11px 18px;border-radius:12px;background:#80e4dc;color:#08383b;border:1px solid #80e4dc;font-weight:600;line-height:1.4;}
.cm-org-panel .cm-org-name{display:block;color:#eaf7fa;font-size:16px;line-height:1.5;overflow-wrap:anywhere;}
#app .cm-org-panel :focus-visible{outline:2px solid #9de9ed;outline-offset:3px;}
:is(#cmLocalOrganizationModal,#cmOrganizationModal) .sheet{background:linear-gradient(130deg,#1e4c58,#143b4b 70%);color:#eaf7fa;border:1px solid #426573;}
:is(#cmLocalOrganizationModal,#cmOrganizationModal) h3{color:#eaf7fa;}
:is(#cmLocalOrganizationModal,#cmOrganizationModal) label{display:block;color:#c2d8e1;font-size:13px;font-weight:600;}
:is(#cmLocalOrganizationModal,#cmOrganizationModal) input{display:block;margin-top:8px;background:#102f40;color:#eaf7fa;border:1px solid #426573;color-scheme:dark;}
@media(max-width:560px){#app>main :is(#cmLocalOrganizationControls,#cmOrganizationTools).cm-org-panel{padding:16px;gap:12px;}#app .cm-org-panel .cm-org-add{width:100%;flex:1 1 100%;}}

/* UI-STANDARD-01: shared visual tokens for every application surface. */
:root{
 --cm-ui-text:#eaf7fa;--cm-ui-muted:#c2d8e1;--cm-ui-border:#426573;
 --cm-ui-field:#102f40;--cm-ui-primary:#80e4dc;--cm-ui-primary-text:#08383b;
 --cm-ui-secondary:#254b5a;--cm-ui-secondary-text:#f1f8fa;
 --cm-ui-danger:#c83f4c;--cm-ui-danger-border:#e36b75;
 --cm-ui-focus:#9de9ed;--cm-ui-radius:12px;--cm-ui-control-height:46px;
 --cm-ui-section:rgba(4,35,43,.12);--cm-ui-panel-radius:18px;
}
:is(#app,#loginScreen,.modal,.cm-user-panel,.cm-message-dialog,.cm-mfa-dialog) :is(select,textarea,input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="color"]):not([type="range"])){
 min-height:var(--cm-ui-control-height);padding:11px 14px;box-sizing:border-box;
 border:1px solid var(--cm-ui-border)!important;border-radius:var(--cm-ui-radius)!important;
 background:var(--cm-ui-field)!important;color:var(--cm-ui-text)!important;
 font-family:inherit!important;font-size:16px!important;font-weight:400!important;line-height:1.4!important;
 color-scheme:dark;max-width:100%;min-width:0;
}
:is(#app,#loginScreen,.modal,.cm-user-panel,.cm-message-dialog,.cm-mfa-dialog) select option{background:var(--cm-ui-field);color:var(--cm-ui-text);}
:is(#app,#loginScreen,.modal,.cm-user-panel,.cm-message-dialog,.cm-mfa-dialog) :is(input,textarea)::placeholder{color:var(--cm-ui-muted);opacity:1;}
:is(#app,#loginScreen,.modal,.cm-user-panel,.cm-message-dialog,.cm-mfa-dialog) :is(input[type="checkbox"],input[type="radio"]){accent-color:var(--cm-ui-primary);}
:is(#app,#loginScreen,.modal,.cm-user-panel,.cm-message-dialog,.cm-mfa-dialog) :is(button,input,select,textarea,a):focus-visible{
 outline:2px solid var(--cm-ui-focus)!important;outline-offset:3px!important;
}
/* Context labels and sections use the same typography, border and background. */
#app>main :is(.cm-client-bar,#cmLocalOrganizationControls,#cmOrganizationTools){
 background:var(--cm-ui-section)!important;border:1px solid var(--cm-ui-border)!important;
 border-radius:var(--cm-ui-panel-radius)!important;padding:20px!important;gap:16px;
 color:var(--cm-ui-text);align-items:flex-end;margin:0 0 20px;
 box-shadow:0 8px 24px #001f3218;
}
#app :is(.cm-client-picker label,.cm-org-field>label,.cm-org-caption){
 display:block;margin:0 0 8px!important;color:var(--cm-ui-muted)!important;
 font-size:14px!important;font-weight:600!important;line-height:1.4!important;
}
#app :is(#cmClientSelect,#cmLocalOrganizationSelect,#cmOrganizationSelect){display:block;width:100%;margin:0!important;}
#app .cm-client-bar .small{color:var(--cm-ui-muted);font-size:13px;line-height:1.4;}
#app :is(#cmHomeSection,#cmPeopleSection,#cmCredentialsSection,#cmAlertsSection,#cmReportsSection,#cmAuditSection){color:var(--cm-ui-text);}
#app :is(#cmHomeSection,#cmPeopleSection,#cmCredentialsSection,#cmAlertsSection)>h2{
 font-family:inherit;font-size:22px;font-weight:700;line-height:1.35;color:var(--cm-ui-text);
}
#app>main :is(.person,.card,.toolbar){border-color:var(--cm-ui-border);}
#app :is(.modal label,.cm-user-panel label){font-size:14px;line-height:1.4;}
:is(.modal,.cm-user-panel,.cm-mfa-dialog) label:not(.cm-access-check){color:var(--cm-ui-muted);}
:is(.modal,.cm-message-dialog,.cm-mfa-dialog) :is(h2,h3){font-family:inherit;font-size:22px;line-height:1.35;font-weight:700;color:var(--cm-ui-text);}
#app :is(.cm-panel-tab.active,.cm-profile-tab.active){background:var(--cm-ui-primary);color:var(--cm-ui-primary-text);border-color:var(--cm-ui-primary);}
#app #cmHomeSection .cards>.card.cm-selected{border:2px solid var(--cm-ui-primary);}
@media(max-width:560px){
 #app>main :is(.cm-client-bar,#cmLocalOrganizationControls,#cmOrganizationTools){padding:16px!important;gap:12px;}
}
/* Client summary stays below the controls instead of shifting their alignment. */
#app>main .cm-client-bar{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;column-gap:16px;row-gap:8px;}
#app .cm-client-picker{display:contents;}
#app .cm-client-picker label{grid-column:1;grid-row:1;margin-bottom:0!important;}
#app #cmClientSelect{grid-column:1;grid-row:2;}
#app #cmClientSummary{grid-column:1/-1;grid-row:3;margin-top:0;}
@media(max-width:700px){
 #app>main .cm-client-bar{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;}
 #app .cm-client-picker label,#app #cmClientSelect{grid-column:1/-1;}
 #app #cmClientSummary{grid-row:4;}
}
#app :is(#cmReportsSection,#cmAuditSection)>h2{font-family:inherit;font-size:22px;font-weight:700;line-height:1.35;color:var(--cm-ui-text);}
#app .cm-report-controls label{font-size:14px;font-weight:600;color:var(--cm-ui-muted);line-height:1.4;}
#app :is(.cm-report-section,.cm-client-contact-row,.cm-panel-row){border-color:var(--cm-ui-border);}

/* UI-BADGES-01: compact visuals with a separate 44px requirement hit area. */
#people .cm-professional-statuses{gap:4px;}
#people .cm-professional-statuses .cm-compact-status{
 display:inline-flex;align-items:center;justify-content:center;gap:5px;
 min-height:32px;max-width:100%;padding:5px 8px;border-radius:999px;
 font-family:inherit;font-size:13px;font-weight:600;line-height:1.3;white-space:normal;text-align:center;
}
#people .cm-compact-status .cm-icon{width:16px;height:16px;flex:0 0 16px;color:inherit;}
#people .cm-compact-status>span{min-width:0;overflow-wrap:anywhere;}
#people .cm-requirement-trigger{
 display:inline-flex;align-items:center;justify-content:flex-start;min-height:44px;min-width:44px;
 max-width:100%;padding:6px 0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;
 border-radius:12px;box-sizing:border-box;
}
#people .cm-requirement-trigger:hover .cm-compact-status{filter:brightness(1.12);}
#people .cm-requirement-trigger:focus-visible{outline:2px solid var(--cm-ui-focus);outline-offset:2px;}
/* UI-BUTTONS-03: compact aligned action rows across the application. */
:root{--cm-ui-control-height:44px;--cm-ui-action-gap:12px;}
:is(.cm-message-actions,.cm-client-form-actions,.cm-access-actions,.cm-org-actions,.cm-profile-edit-actions,.cm-mfa-actions,.cm-credential-actions,.cm-document-tools,.cm-professional-tools){
 gap:var(--cm-ui-action-gap)!important;align-items:stretch;
}
:is(.cm-client-form-actions,.cm-access-actions,.cm-org-actions,.cm-mfa-actions) {flex-wrap:wrap;}
#cmProfileEditForm .cm-profile-edit-actions,
.cm-message-dialog[data-kind="confirm"] .cm-message-actions,
#cmProfessionalStatusModal .cm-client-form-actions{grid-template-columns:repeat(2,minmax(0,1fr));}
#app .cm-professional-tools{gap:12px;align-items:stretch;}
#app :is(.toolbar,.cm-report-controls){gap:12px;align-items:flex-end;}
#app .cm-client-bar{column-gap:12px;}
@media(max-width:360px){
 #cmProfileEditForm .cm-profile-edit-actions,
 .cm-message-dialog[data-kind="confirm"] .cm-message-actions,
 #cmProfessionalStatusModal .cm-client-form-actions{grid-template-columns:minmax(0,1fr);}
 #app .cm-professional-tools{grid-template-columns:minmax(0,1fr);}
 #app .cm-professional-state-action{grid-column:auto;}
}
/* UI-FORMS-01: the same label-to-control spacing in every form. */
:root{--cm-ui-label-gap:8px;--cm-ui-form-gap:16px;}
:is(#app,#loginScreen,.modal,.cm-user-panel,.cm-message-dialog,.cm-mfa-dialog) label:has(>select,>textarea,>input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"])){
 display:grid!important;gap:var(--cm-ui-label-gap)!important;
 font-size:14px;line-height:1.4;
}
:is(#app,#loginScreen,.modal,.cm-user-panel,.cm-message-dialog,.cm-mfa-dialog) label:has(>select,>textarea,>input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]))>:is(input,select,textarea,span){
 margin-top:0!important;margin-bottom:0!important;
}
:is(.modal,.cm-user-panel,.cm-mfa-dialog) :is(form.grid,.cm-client-grid,.cm-notification-settings){gap:var(--cm-ui-form-gap);}
:is(.modal,.cm-user-panel) :is(.cm-access-check,.cm-notification-check){display:flex;align-items:center;gap:8px;}

/* UI-CREDENTIALS-01: collapsed rows and one expanded credential per list. */
#credList>details.credential>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;cursor:pointer;list-style:none;color:var(--cm-ui-text);}
#credList>details.credential>summary::-webkit-details-marker{display:none;}
#credList>details.credential>summary>b{flex:1;min-width:0;overflow-wrap:anywhere;}
#credList>details.credential>summary::after{content:'⌄';flex:none;font-size:20px;line-height:1;}
#credList>details.credential[open]>summary::after{transform:rotate(180deg);}
#credList>details.credential[open]>summary{margin-bottom:12px;}
#credList>details.credential[hidden]{display:none!important;}
#credList>details.credential>summary:focus-visible{outline:2px solid var(--cm-ui-focus);outline-offset:3px;border-radius:8px;}
@media(max-width:480px){#credList>details.credential>summary{flex-wrap:wrap;}#credList>details.credential>summary>b{flex-basis:calc(100% - 32px);}#credList>details.credential>summary>.badge{order:2;}}

/* UI-LOGOUT-01: desktop uses the existing sidebar logout, without a profile duplicate. */
@media(min-width:801px){
}

/* UI-TOOLTIP-01: custom logout tooltip shares the Crystal palette. */
.cm-crystal-tooltip{
 position:fixed;z-index:100000;max-width:calc(100vw - 16px);padding:8px 12px;
 background:linear-gradient(130deg,#1e4c58,#143b4b 70%);color:#f1f8fa;
 border:1px solid #426573;border-radius:10px;box-shadow:0 8px 24px #00192166;
 font-family:inherit;font-size:13px;font-weight:600;line-height:1.4;
 pointer-events:none;overflow-wrap:anywhere;
}
.cm-crystal-tooltip[hidden]{display:none!important;}

/* UI-PROFILE-01: logout beside the role{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap;}
#cmProfileEditForm .cm-profile-edit-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;flex-wrap:wrap;}

/* UI-PROFILE-02: align both icons at the right edge without visible boxes. */
.cm-user-panel .cm-panel-identity-text{flex:1;}
:is(.cm-action-row,.cm-user-mode-actions,.cm-document-tools,.cm-credential-actions,.cm-access-actions,.cm-org-actions,.cm-client-form-actions,.cm-mfa-actions){
 display:flex;flex-wrap:wrap;align-items:stretch;gap:12px!important;
}
.cm-permission-actions,.cm-document-actions{margin-top:16px;}
#cmUserAccessModal .cm-user-mode-actions{justify-content:flex-end;}
#cmUserAccessModal :is(#cmAccessAdd,#cmAccessEdit){margin-left:0!important;}
#cmProfileEditForm .cm-profile-edit-actions{gap:12px!important;align-items:stretch;}
#cmProfessionalStatusModal .cm-client-form-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
#cmCatalogModal :is(.cm-catalog-add,.cm-catalog-section>form,form.cm-catalog-section){display:grid;gap:16px;}
#cmCatalogModal .cm-catalog-requirements{margin:0;}
#app :is(.cm-credential-pager,.cm-glass-filter){gap:12px!important;align-items:center;}
#app :is(.toolbar,.cm-report-controls,.cred-modal-header,.cm-document-heading){gap:12px!important;flex-wrap:wrap;}
#app .cm-professional-tools{gap:12px!important;align-items:stretch;}
@media(max-width:480px){
}

/* UI-FILE-01: one turquoise file-picker button on every application surface. */
input[type="file"]::file-selector-button{
 background:var(--cm-ui-primary)!important;color:var(--cm-ui-primary-text)!important;border:1px solid var(--cm-ui-primary)!important;
 border-radius:12px!important;padding:8px 12px!important;margin-inline-end:12px!important;
 min-height:44px;font-family:inherit!important;font-size:14px!important;font-weight:600!important;line-height:1.4!important;cursor:pointer;
}
input[type="file"]::file-selector-button:hover{background:#a1efe8!important;border-color:#a1efe8!important;}

/* UI-FILE-04: application-owned labels instead of browser-localized file text. */
.cm-file-control{position:relative;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 12px;border:1px solid #426573;border-radius:12px;background:#102f40;min-width:0;}
.cm-file-control[hidden]{display:none!important;}
.cm-file-control>input[type="file"]{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;overflow:hidden;clip-path:inset(50%);opacity:0;}
.cm-file-control>.cm-file-trigger{flex:0 0 auto;background:var(--cm-ui-primary)!important;color:var(--cm-ui-primary-text)!important;border-color:var(--cm-ui-primary)!important;}
.cm-file-name{flex:1 1 140px;min-width:0;color:#c2d8e1;font-size:13px;line-height:1.4;overflow-wrap:anywhere;}
label.cm-file-label{display:grid!important;gap:8px!important;}

}

/* Acciones de edición uniformes: icono de lápiz, sin alterar otros botones. */
#app button.cm-pencil-edit,
#app a.cm-pencil-edit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  min-height: 40px;
  padding: 8px;
}
#app .cm-pencil-edit .cm-action-icon {
  margin-inline: 0;
  width: 19px;
  height: 19px;
}