/* ELEJEM · Etapa 10F · Sistema de diseño único (operaciones + área cliente).
   Se carga el último. Solo presentación: no cambia IDs, data-* ni comportamiento.
   1 Tokens · 2 Base · 3 Botones · 4 Campos · 5 Tarjetas y secciones · 6 Chips y segmentados
   7 Estados vacíos · 8 Maquetación de operaciones · 9 Ficha de orden · 10 Área cliente · 11 Móvil · 12 Accesibilidad */

/* 1 · Tokens */
:root{
 --u-s1:4px;--u-s2:8px;--u-s3:12px;--u-s4:16px;--u-s5:20px;--u-s6:24px;--u-s8:32px;
 --u-r-sm:8px;--u-r:10px;--u-r-lg:14px;--u-pill:999px;
 --u-fs-xs:12px;--u-fs-sm:13px;--u-fs:14px;--u-fs-md:15px;--u-fs-lg:18px;--u-fs-xl:22px;--u-fs-2xl:28px;
 --u-bg:var(--e-bg);--u-card:var(--e-surface);--u-card-2:var(--e-surface-2);--u-line:var(--e-border);--u-line-2:var(--e-border-strong);
 --u-text:var(--e-text);--u-muted:var(--e-muted);--u-faint:var(--e-faint);--u-gold:var(--e-gold);--u-gold-2:var(--e-gold-2);--u-ink:var(--e-gold-ink);
 --u-danger:#f08a83;--u-danger-bg:#ef6a6214;--u-ok:var(--e-ok);
 --u-h-btn:40px;--u-h-btn-sm:32px;--u-h-input:42px;
}
@media(max-width:980px){:root{--u-h-btn:44px;--u-h-btn-sm:36px;--u-h-input:46px}}

/* 2 · Base */
.ops-shell h2,.ops-shell .card>h3:first-child{font-size:var(--u-fs-lg);font-weight:800;margin:0 0 var(--u-s2)}
.ops-shell h3{font-size:var(--u-fs-md);font-weight:800;margin:var(--u-s4) 0 var(--u-s2)}
.ops-shell p{line-height:1.5}
.u10-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* 3 · Botones: primary / secondary / ghost / danger + tamaño compacto */
.btn{text-transform:none!important;letter-spacing:0!important;font-size:var(--u-fs)!important;font-weight:700!important;min-height:var(--u-h-btn)!important;padding:0 var(--u-s4)!important;border-radius:var(--u-r)!important;align-items:center;justify-content:center;gap:6px;line-height:1.15;white-space:normal;text-align:center;max-width:100%}
.btn.primary{box-shadow:none!important;background:var(--u-gold)!important;border:1px solid var(--u-gold)!important;color:var(--u-ink)!important}
.btn.primary:hover{background:var(--u-gold-2)!important;filter:none}
.btn.secondary{background:var(--u-card-2)!important;border:1px solid var(--u-line-2)!important;color:var(--u-text)!important;opacity:1}
.btn.secondary:hover{border-color:#e8b84a88!important;background:#e8b84a0f!important}
.btn.ghost{background:transparent!important;border:1px solid transparent!important;color:var(--u-muted)!important}
.btn.ghost:hover{color:var(--u-text)!important;background:#ffffff0a!important}
.btn.danger,.btn.secondary.danger,.btn[data-danger]{background:var(--u-danger-bg)!important;border:1px solid #ef6a6255!important;color:var(--u-danger)!important}
.btn.small,.btn.sm,.u10-sm{min-height:var(--u-h-btn-sm)!important;padding:0 var(--u-s3)!important;font-size:var(--u-fs-sm)!important}
.btn[disabled],.btn[aria-disabled="true"]{opacity:.5!important}

/* 4 · Campos */
input:not([type=checkbox]):not([type=radio]):not([type=range]),select{min-height:var(--u-h-input)!important}
input:not([type=checkbox]):not([type=radio]),select,textarea{max-width:100%;box-sizing:border-box;border-radius:var(--u-r-sm)!important;font-size:var(--u-fs-md)}
textarea{min-height:84px;resize:vertical}
.ops-shell label,.ops-shell .field>span{font-size:var(--u-fs-sm);color:var(--u-muted);font-weight:600}

/* 5 · Tarjetas y cabeceras de sección */
.ops-shell .card{border-radius:var(--u-r-lg)!important;box-shadow:none!important;background:var(--u-card)!important;max-width:100%;box-sizing:border-box}
.ops-content>section>.card,.ops-content>section>div>.card{padding:var(--u-s5)!important}
.ops-content>section>h2:first-child,.ops-content>section>.card>h2:first-child{display:flex;align-items:center;gap:var(--u-s2)}
.ops-content>section>h2+p,.ops-content>section>.card>h2+p{color:var(--u-muted);font-size:var(--u-fs-sm);margin:0 0 var(--u-s4);max-width:72ch}
.ops-content .context-row{display:grid;grid-template-columns:minmax(110px,34%) minmax(0,1fr);gap:var(--u-s3);align-items:baseline;padding:8px 0!important}
.ops-content .context-row small{font-size:var(--u-fs-sm);color:var(--u-faint)}
.ops-content .context-row strong{font-size:var(--u-fs);overflow-wrap:anywhere}
.divider{margin:var(--u-s3) 0!important}

/* 6 · Chips y grupos segmentados (pestañas internas de cada apartado) */
.u10-seg:not([hidden]){display:flex!important;}.u10-seg{flex-wrap:wrap;gap:6px!important;margin:0 0 var(--u-s4)!important;flex-direction:row!important}
.u10-seg>.btn{flex:0 0 auto!important;width:auto!important;min-height:var(--u-h-btn-sm)!important;padding:0 14px!important;border-radius:var(--u-pill)!important;font-size:var(--u-fs-sm)!important;margin:0!important}
.u10-seg>.btn.secondary{background:transparent!important;color:var(--u-muted)!important}
.u10-seg>.btn.secondary:hover{color:var(--u-text)!important}
.u10-seg>.btn.primary,.u10-seg>.btn.active,.u10-seg>.btn[aria-selected="true"],.u10-seg>.btn[aria-pressed="true"]{background:var(--e-gold-soft)!important;color:var(--u-gold-2)!important;border-color:#e8b84a77!important}
.u10-row{display:flex!important;flex-wrap:wrap;gap:var(--u-s2)!important;align-items:center}
.u10-row>.btn{width:auto!important;flex:0 1 auto!important;margin:0!important}

/* 7 · Estados vacíos compactos */
.u10-empty:not([hidden]),.photo-placeholder{display:flex!important}.u10-empty,.photo-placeholder{align-items:center;gap:10px;min-height:0!important;height:auto!important;aspect-ratio:auto!important;width:auto!important;padding:12px 14px!important;margin:var(--u-s2) 0!important;border:1px dashed var(--u-line-2)!important;border-radius:var(--u-r)!important;background:transparent!important;color:var(--u-faint)!important;font-size:var(--u-fs-sm)!important;font-style:normal!important;line-height:1.4}
.u10-empty::before,.photo-placeholder::before{content:"";flex:0 0 8px;height:8px;border-radius:50%;border:1.5px solid currentColor;opacity:.7}
#adminPhotos:has(>.photo-placeholder){display:block!important;grid-template-columns:none!important}
[class*="pagination"]:has(button[disabled]+button[disabled]),[class$="-list"]:empty+[class*="pagination"]{display:none!important}
.eq-error{font-size:var(--u-fs-sm)!important;padding:10px 12px!important;border-radius:var(--u-r)!important}

/* 8 · Maquetación de operaciones */
@media(min-width:1024px){
 #adminWorkspace.ops-shell:not(.hidden){grid-template-rows:auto 1fr!important;row-gap:0}
 .ops-shell>.admin-header{align-items:flex-end;margin-bottom:var(--u-s3)!important}
 .ops-shell .admin-header .actions{margin-top:0!important;flex-wrap:nowrap}
 .ops-shell .admin-header .actions .btn{white-space:nowrap}
}
.ops-shell .admin-header h1{font-size:clamp(22px,2.4vw,28px)!important}
.ops-shell .admin-header .actions .btn{min-height:var(--u-h-btn)!important}
.ops-shell .admin-header .actions:not(:has(.btn:not([hidden]):not(.hidden))){display:none!important}
.gs9{margin-bottom:var(--u-s3)!important}
.gs9 input{min-height:38px!important;font-size:var(--u-fs)!important}
.u10-dup{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0!important}
.ops-content{min-width:0;max-width:100%}
.ops-content table{max-width:100%}
.ops-content :is(.table-wrap,.ev4-grid-wrap,.ops-table){overflow-x:auto;max-width:100%}
/* buscador de órdenes: un solo borde */
#adminWorkspace .ops-toolbar .search-box,#adminWorkspace .ops-toolbar label:has(#adminSearch){border:0!important;background:transparent!important;padding:0!important}
#adminWorkspace .source-tabs button{min-height:36px!important;padding:6px 10px!important}
#adminWorkspace .source-tabs button span{font-size:11px}

/* 9 · Ficha de orden */
#caseDetail.od{overflow-x:hidden!important}
#caseDetail.od>*:not(.od-bar):not(.od-tabs){max-width:calc(100% - 40px)!important;box-sizing:border-box}
#caseDetail.od textarea,#caseDetail.od input,#caseDetail.od select{width:100%!important;max-width:100%!important}
#caseDetail.od .od-bar{padding:10px 16px!important}
#caseDetail.od .od-id strong{font-size:17px}
.od-who{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-top:2px;font-size:var(--u-fs-sm)}
.od-who .od-next{margin:0;padding:0;border:0;background:none;font-size:var(--u-fs-sm);color:var(--u-text);min-width:0;flex:1 1 220px}
.od-who .od-next span{display:inline;margin:0 6px 0 0;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--u-gold);font-weight:800}
.od-who .od-next span::before{content:"→ ";letter-spacing:0}
#caseDetail.od .od-actions{margin-top:8px;gap:6px}
@media(min-width:981px){#caseDetail.od .od-btn{min-height:34px;font-size:var(--u-fs-sm)}}
#caseDetail.od .od-tabs{margin-bottom:var(--u-s3)!important;padding:0 8px!important}
#caseDetail.od .od-tabs button{padding:10px 9px!important;min-height:40px}
#caseDetail.od>.btn:not(#closeCase),#caseDetail.od>a.btn{width:auto!important;margin:var(--u-s2) 6px 0 20px!important;vertical-align:top}
#caseDetail.od>#savePlanning{width:calc(100% - 40px)!important;margin:var(--u-s3) 20px 0!important}
#caseDetail.od>#sendQuote{background:transparent!important;border:1px solid #e8b84a66!important;color:var(--u-gold-2)!important}
#caseDetail.od>#sendQuote:hover{background:#e8b84a14!important}
#caseDetail.od>:is(#copyTracking,a[href*="wa.me"]){min-height:var(--u-h-btn-sm)!important;font-size:var(--u-fs-sm)!important;padding:0 12px!important}
#caseDetail.od .context-row{grid-template-columns:minmax(96px,32%) minmax(0,1fr)}
#caseDetail.od h3{font-size:var(--u-fs-md);margin:var(--u-s4) 0 6px}
#caseDetail.od>.u10-desc{margin-bottom:var(--u-s2)}
.u10-desc>p{margin:0 0 8px;color:var(--u-text);font-size:var(--u-fs)}
.u10-desc dl{display:grid;grid-template-columns:minmax(110px,40%) minmax(0,1fr);margin:0;border:1px solid var(--u-line);border-radius:var(--u-r);overflow:hidden}
.u10-desc dt,.u10-desc dd{margin:0;padding:7px 10px;font-size:var(--u-fs-sm);border-top:1px solid var(--u-line)}
.u10-desc dt{color:var(--u-faint);background:#ffffff05}
.u10-desc dd{color:var(--u-text);font-weight:600;overflow-wrap:anywhere}
.u10-desc dt:first-of-type,.u10-desc dt:first-of-type+dd{border-top:0}
.u10-desc .u10-desc-h{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--u-gold);font-weight:800;margin:0 0 6px}
.u10-src{display:none!important}
#caseDetail.od .ev4-warn,#caseDetail.od [class*="note"]>strong:only-child{font-size:var(--u-fs-sm)}
#adminPhotos{gap:8px}

/* 10 · Área cliente */
.view .card{border-radius:var(--u-r-lg)!important}
.view .btn{min-height:var(--u-h-btn)!important}
.workflow-foot{gap:var(--u-s2)}
.mobile-nav button{font-size:12px}

/* 11 · Móvil */
@media(max-width:980px){
 .btn{min-height:44px!important}
 .u10-seg>.btn{min-height:38px!important}
 .ops-content>section>.card,.ops-content>section>div>.card{padding:var(--u-s4)!important}
 #caseDetail.od>*:not(.od-bar):not(.od-tabs){max-width:calc(100% - 28px)!important}
 #caseDetail.od>.btn:not(#closeCase),#caseDetail.od>a.btn{margin-left:14px!important}
 #caseDetail.od>#savePlanning{width:calc(100% - 28px)!important;margin-left:14px!important;margin-right:14px!important}
 #caseDetail.od>:is(#copyTracking,a[href*="wa.me"]){min-height:40px!important}
 .ops-content .context-row{grid-template-columns:minmax(0,1fr);gap:2px}
 #caseDetail.od .context-row{grid-template-columns:minmax(92px,36%) minmax(0,1fr);gap:8px}
 .od-who .od-next{flex-basis:100%}
 input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important}
 .u10-desc dl{grid-template-columns:minmax(100px,42%) minmax(0,1fr)}
}
@media(max-width:600px){
 .ops-shell .admin-header .actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}
 .ops-shell .admin-header .actions .btn{width:100%;min-width:0;white-space:normal}
 .ops-shell .admin-header .actions .btn.primary{grid-column:1/-1}
}

/* 12 · Accesibilidad y movimiento */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
@media print{.u10-src{display:block!important}.u10-desc{display:none}}
/* 8b · Lista + ficha: más aire para la ficha en pantallas anchas */
@media(min-width:1280px){.admin-grid{grid-template-columns:minmax(0,1fr) minmax(420px,1fr)!important}}
@media(min-width:981px){#caseList .case{grid-template-columns:10px 104px minmax(0,1fr) auto 118px!important}#caseList .case .case-title{min-width:0}#caseList .case .case-title>*:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}

/* 13 · Etapa 11 · Pulido visual (24/10/2026). Solo presentación; criterios del Redesign Skill:
   iconos de un mismo trazo, sin rótulos en mayúsculas diminutas, cifras tabulares, filas de órdenes legibles,
   pulsación física en botones, tarjetas sin degradado ni sombra genérica, un solo logotipo visible en escritorio. */
/* 13.1 Iconos del menú: un juego SVG propio de trazo 1,6 en lugar de glifos Unicode mezclados */
.ops-ico::before{content:""!important;display:block;width:18px;height:18px;margin:auto;background:currentColor;-webkit-mask:var(--ico,none) center/18px 18px no-repeat;mask:var(--ico,none) center/18px 18px no-repeat}
.ops-ico{display:inline-grid;place-items:center;width:22px;height:22px;font-size:0!important}
.ops-tab[data-section="operations"] .ops-ico{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='4' width='17' height='16' rx='2'/%3E%3Cpath d='M3.5 9h17M8 13h8M8 16.5h5'/%3E%3C/svg%3E")}
.ops-tab[data-section="agenda"] .ops-ico{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15' rx='2'/%3E%3Cpath d='M3.5 10h17M8 3v4M16 3v4M8 14h2M13 14h3M8 17h2'/%3E%3C/svg%3E")}
.ops-tab[data-section="availability"] .ops-ico{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.5V12l3 2'/%3E%3C/svg%3E")}
.ops-tab[data-section="notices"] .ops-ico{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 16V11a6 6 0 0 1 12 0v5l1.5 2h-15L6 16Z'/%3E%3Cpath d='M10 20.5h4'/%3E%3C/svg%3E")}
.ops-tab[data-section="templates"] .ops-ico{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3.5h7l4 4v13H7z'/%3E%3Cpath d='M14 3.5v4h4M10 12h5M10 15.5h5'/%3E%3C/svg%3E")}
.ops-tab[data-section="ai"] .ops-ico{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5l1.7 4.6 4.8 1.9-4.8 1.9L12 16.5l-1.7-4.6L5.5 10l4.8-1.9z'/%3E%3Cpath d='M18 15.5l.7 1.8 1.8.7-1.8.7-.7 1.8-.7-1.8-1.8-.7 1.8-.7z'/%3E%3C/svg%3E")}
.ops-tab[data-section="shift"] .ops-ico{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='13' r='7.5'/%3E%3Cpath d='M12 9.5V13l2.5 1.5M9.5 3h5M12 3v2.5'/%3E%3C/svg%3E")}
.ops-tab[data-section="personnel"] .ops-ico{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8.5' r='3'/%3E%3Cpath d='M3.5 19c.6-3 2.8-4.8 5.5-4.8s4.9 1.8 5.5 4.8'/%3E%3Ccircle cx='17' cy='9.5' r='2.4'/%3E%3Cpath d='M15.8 14.4c2.3.1 4 1.6 4.7 4.3'/%3E%3C/svg%3E")}
.ops-tab[data-section="users"] .ops-ico{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8.5' r='3.6'/%3E%3Cpath d='M5 20c.8-3.6 3.6-5.6 7-5.6s6.2 2 7 5.6'/%3E%3C/svg%3E")}
.ops-tab[data-section="security"] .ops-ico{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10.5' width='14' height='10' rx='2'/%3E%3Cpath d='M8.5 10.5V8a3.5 3.5 0 0 1 7 0v2.5M12 14.5v2.5'/%3E%3C/svg%3E")}
.ops-tab[data-section="clients"] .ops-ico{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V9.5l8-5 8 5V20'/%3E%3Cpath d='M9.5 20v-5.5h5V20'/%3E%3C/svg%3E")}
.ops-tab[data-section="aftersales"] .ops-ico{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12a8 8 0 1 1-2.6-5.9'/%3E%3Cpath d='M20 4.5v4h-4'/%3E%3Cpath d='M9 12.5l2 2 4-4'/%3E%3C/svg%3E")}
.ops-tab[data-section="billing"] .ops-ico{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='6' width='17' height='12' rx='2'/%3E%3Cpath d='M3.5 10h17M7 14.5h3'/%3E%3C/svg%3E")}
.ops-tab[data-section="profitability"] .ops-ico{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5h16'/%3E%3Cpath d='M5 15.5l4.5-4.5 3.5 3 6-6.5'/%3E%3Cpath d='M15 7.5h4v4'/%3E%3C/svg%3E")}
.ops-tab[data-section="dashboard"] .ops-ico{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='3.5' width='7' height='8' rx='1.5'/%3E%3Crect x='13.5' y='3.5' width='7' height='5' rx='1.5'/%3E%3Crect x='13.5' y='11.5' width='7' height='9' rx='1.5'/%3E%3Crect x='3.5' y='14.5' width='7' height='6' rx='1.5'/%3E%3C/svg%3E")}
.ops-tab[data-section="materials"] .ops-ico{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 6.5l3 3M4 20l8.5-8.5M13 4.5l6.5 6.5-2.5 2.5-6.5-6.5z'/%3E%3C/svg%3E")}
.ops-tab[data-section="inventory"] .ops-ico{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8l8.5-4.5L20.5 8v8.5L12 21l-8.5-4.5z'/%3E%3Cpath d='M3.5 8L12 12.5 20.5 8M12 12.5V21'/%3E%3C/svg%3E")}
.ops-tab[data-section="profile"] .ops-ico{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Ccircle cx='12' cy='10' r='2.8'/%3E%3Cpath d='M6.8 18.2c1.2-2 3-3 5.2-3s4 1 5.2 3'/%3E%3C/svg%3E")}
.ops-tab[data-section="sessions"] .ops-ico{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='4.5' width='17' height='11.5' rx='2'/%3E%3Cpath d='M8.5 20h7M12 16v4'/%3E%3C/svg%3E")}
.ops-tab .ops-ico{color:var(--u-faint)}
.ops-tab:hover .ops-ico{color:var(--u-text)}
.ops-tab.active .ops-ico{color:var(--u-gold)}
/* 13.2 Títulos de grupo y rótulos: minúscula de frase legible en lugar de mayúsculas espaciadas */
.ops-group-title{text-transform:none!important;letter-spacing:0!important;font-size:12.5px!important;font-weight:700!important;color:var(--u-faint)!important}
.admin-header .eyebrow{text-transform:none!important;letter-spacing:0!important;font-size:13px!important;font-weight:600!important;color:var(--u-gold)!important}
.ops-drawer-brand small{text-transform:none!important;letter-spacing:0!important;font-size:13px!important}
.od-who .od-next span,.u10-desc .u10-desc-h{text-transform:none!important;letter-spacing:0!important;font-size:12.5px!important}
.ev4-grid th{text-transform:none!important;letter-spacing:0!important;font-size:12.5px!important}
/* 13.3 Escritorio: un único logotipo (el de la barra superior); el menú lateral solo dice dónde estás */
@media(min-width:1024px){.ops-drawer-head .ops-drawer-logo{display:none!important}.ops-drawer-head{padding-top:6px!important;padding-bottom:6px!important}.ops-drawer-brand small{font-size:14px!important;color:var(--u-text)!important;font-weight:700!important}}
/* 13.4 Cifras: tabulares en indicadores, contadores y códigos */
.metric strong,.od-kpis strong,.case-id,.source-tabs span,.ops-badge,.age-chip,[class*="kpi"] strong{font-variant-numeric:tabular-nums}
.metric{transition:background-color .18s var(--e-ease),border-color .18s}
.metric:hover{border-color:var(--u-line-2)!important}
.metric small{font-size:13px!important}
/* 13.5 Lista de órdenes: código en una línea, título y lugar a una línea con puntos suspensivos */
#caseList .case .case-id{white-space:nowrap;font-size:13.5px;letter-spacing:-.005em}
#caseList .case .case-title{min-width:0;line-height:1.3}
#caseList .case .case-title small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(min-width:981px){
 /* dos líneas: código y estados arriba, título y lugar a todo el ancho debajo */
 #caseList .case{grid-template-columns:10px auto minmax(0,1fr) auto auto!important;grid-template-areas:"dot id gap age st" "dot ti ti ti ti";column-gap:10px!important;row-gap:4px!important;align-items:center}
 #caseList .case>.od-dot{grid-area:dot}
 #caseList .case>.case-id{grid-area:id}
 #caseList .case>.age-chip{grid-area:age}
 #caseList .case>.od-chip{grid-area:st}
 #caseList .case>.case-title{grid-area:ti;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 #caseList .case>.case-title small{display:inline;margin-left:8px}
}
.age-chip{text-transform:none!important;letter-spacing:0!important}
#caseList .case{transition:background-color .15s var(--e-ease)}
/* 13.6 Botones: pulsación física y transición corta */
.btn{transition:background-color .18s var(--e-ease),border-color .18s,color .18s,transform .12s!important}
.btn:active:not([disabled]){transform:translateY(1px) scale(.985)}
.btn.primary{background:var(--u-gold)!important}
/* 13.7 Superficies: tono plano, sin degradado ni sombra genérica en reposo */
.card,.es-box{background:var(--u-card)!important;box-shadow:none!important}
.ev4-card{box-shadow:none!important}
/* 13.8 Área cliente: rejilla de servicios como lista sobria, sin rombos ni guiones decorativos */
#services.service-grid .service{transition:background-color .18s var(--e-ease)}
#services.service-grid .service::after{display:none!important}
#services.service-grid .service .service-icon{display:none!important}
#services.service-grid .service strong{font-size:17px;margin-top:auto}
#services.service-grid .service small{font-size:13.5px}
#services.service-grid .service{display:flex;flex-direction:column;justify-content:flex-end;min-height:132px!important;background:var(--e-surface)!important}
#services.service-grid .service:hover{background:var(--e-surface-2)!important}
#services.service-grid .service.urgent strong{color:#f3a49e}
#services.service-grid .service strong::after{content:"";display:inline-block;width:14px;height:14px;margin-left:8px;vertical-align:-1px;background:currentColor;opacity:0;transform:translateX(-4px);transition:opacity .18s,transform .18s;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/14px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/14px no-repeat}
#services.service-grid .service:hover strong::after,#services.service-grid .service:focus-visible strong::after{opacity:1;transform:none;color:var(--u-gold)}
@media(max-width:720px){#services.service-grid .service{min-height:112px!important}#services.service-grid .service strong::after{opacity:.7;transform:none}}
@media (prefers-reduced-motion:reduce){.btn:active:not([disabled]){transform:none}}
/* 13.9 Resto de rótulos en mayúsculas diminutas del panel */
.ops-who small,.usr-title,.usr-set legend,.usr-create,.od-next span,.ag7-mhead span{text-transform:none!important;letter-spacing:0!important}
.ops-who small{font-size:12.5px!important}
.usr-set legend{font-size:13px!important}
.od-next span{font-size:12.5px!important}
.eyebrow{text-transform:none!important;letter-spacing:0!important;font-size:13px!important;font-weight:600!important}
.ops-result-summary{text-transform:none!important;letter-spacing:0!important;font-size:13px!important}
.topbar .client-area-link{text-transform:none!important;letter-spacing:0!important}
.rail button{text-transform:none!important;letter-spacing:0!important;font-size:11.5px!important;line-height:1.2}