/* Tema «Perla y obsidiana» y disposición A (riel de herramientas + inspector por pestañas).
   Se carga al final: cambia colores y acomodo; las funciones siguen en los mismos controles.
   Fichas del tema: fondo, panel, realce, línea, tinta, tinta secundaria y acento ámbar. Dos paletas con
   las mismas fichas: perla (clara) y obsidiana (oscura, clase tema-oscuro); el acomodo es el mismo. */
:root.tema-perla{color-scheme:light;
 --perla-fondo:#ece8df;--perla-panel:#f7f5ef;--perla-alto:#fcfbf8;--perla-linea:#d9d3c6;--perla-tinta:#17191b;--perla-tinta2:#55585a;--perla-acento:#9a5b0a;
 --perla-realce:#efebe2;--perla-linea2:#bfb8a8;--perla-acento2:#83500a;--perla-sobre-acento:#fff;--perla-tinta-realce:#2c2f32;--perla-escena:#dcd7cb;--perla-tenue:#6b6e70;
 --perla-sombra:rgba(23,25,27,.16);--perla-velo:#17191b66;--perla-soltar:#f7f5efe6;
 --ancho-riel:84px;--ancho-inspector:320px;
 --bg:var(--perla-fondo);--panel:var(--perla-panel);--panel2:var(--perla-alto);--line:var(--perla-linea);--text:var(--perla-tinta);--muted:var(--perla-tinta2);--accent:var(--perla-acento);--shadow:rgba(23,25,27,.14);
 --perla-sans:'IBM Plex Sans','IBM Plex Sans Var',Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
 --perla-mono:'IBM Plex Mono',ui-monospace,'DejaVu Sans Mono',Menlo,monospace}
:root.tema-perla.tema-oscuro{color-scheme:dark;
 --perla-fondo:#0f1113;--perla-panel:#16181b;--perla-alto:#1e2124;--perla-linea:#2c3035;--perla-tinta:#ece8df;--perla-tinta2:#a5a299;--perla-acento:#e0a04a;
 --perla-realce:#25292d;--perla-linea2:#454a50;--perla-acento2:#f0b464;--perla-sobre-acento:#17191b;--perla-tinta-realce:#fcfbf8;--perla-escena:#0b0c0e;--perla-tenue:#85827b;
 --perla-sombra:rgba(0,0,0,.5);--perla-velo:#000000a6;--perla-soltar:#16181be6;--shadow:rgba(0,0,0,.4)}
:root.tema-perla,:root.tema-perla body{background:var(--perla-fondo);color:var(--perla-tinta);font-family:var(--perla-sans)}

/* ── Rejilla: barra superior · riel | vista | inspector · estado ───────────────────────────── */
:root.tema-perla .app{grid-template-columns:var(--ancho-riel) minmax(0,1fr) var(--ancho-inspector);grid-template-rows:56px 0 minmax(0,1fr) 36px;background:var(--perla-fondo);font-family:var(--perla-sans);font-size:13px}
:root.tema-perla .topbar{grid-column:1/-1;grid-row:1}
:root.tema-perla .ui-ribbon,:root.tema-perla .ui-ribbon-overflow{display:none!important}
:root.tema-perla .riel{grid-column:1;grid-row:3}
:root.tema-perla .stage{grid-column:2;grid-row:3;background:var(--perla-escena)}
:root.tema-perla .inspector{grid-column:3;grid-row:3}
:root.tema-perla .status{grid-column:1/-1;grid-row:4}

/* ── Superficies y texto: todo lo que era azul noche pasa a perla ──────────────────────────── */
:root.tema-perla :is(.topbar,.status,.riel,.inspector,.panel,.navigation,.hud,.pt-panel,.precision-measure,.precision-options,.wall-xyz-float,.maestro-gallery,.ayuda-caja,.referencia-capa,.menu-perla,.toast,.ui-toast,.trillas-tools-menu){
 background:var(--perla-panel)!important;background-image:none!important;color:var(--perla-tinta)!important;border-color:var(--perla-linea)!important;backdrop-filter:none!important;font-family:var(--perla-sans)}
:root.tema-perla :is(.topbar,.status,.riel,.inspector,.panel,.navigation,.hud,.pt-panel,.precision-measure,.precision-options,.wall-xyz-float,.maestro-gallery,.ayuda-caja,.menu-perla,.trillas-tools-menu) :is(div,section,nav,header,footer,details,summary,p,label,li,dl,dt,dd,h3,h4,small,span,b,strong,a){
 background-color:transparent!important;background-image:none!important;color:inherit!important;border-color:var(--perla-linea)!important;text-shadow:none!important}
:root.tema-perla :is(.panel,.inspector,.pt-panel,.precision-measure,.wall-xyz-float,.maestro-gallery,.ayuda-caja) :is(p,small,label,.intro,.save-note,.note,.section-caption,.studio-section-title,.xy-lead,.xy-dims,.xy-feedback,.insp-nota,.ayuda-pie,dd){color:var(--perla-tinta2)!important}
:root.tema-perla :is(.panel,.pt-panel,.maestro-gallery,.wall-xyz-float,.precision-measure,.precision-options,.trillas-tools-menu,.menu-perla,.referencia-capa){box-shadow:0 12px 32px var(--perla-sombra)!important}

/* Botones, campos y listas */
:root.tema-perla button{background:var(--perla-alto)!important;background-image:none!important;color:var(--perla-tinta)!important;border-color:var(--perla-linea)!important;box-shadow:none!important;font-family:var(--perla-sans)}
:root.tema-perla button:hover:not(:disabled){background:var(--perla-realce)!important;border-color:var(--perla-linea2)!important}
:root.tema-perla button:is(.on,.active,[aria-pressed="true"]){background:var(--perla-tinta)!important;color:var(--perla-panel)!important;border-color:var(--perla-tinta)!important}
:root.tema-perla button:is(.on,.active,[aria-pressed="true"]) :is(span,b,small,i){color:inherit!important}
:root.tema-perla :is(input:not([type=color]):not([type=range]):not([type=checkbox]),select,textarea,.text-field,.search){background:var(--perla-alto)!important;color:var(--perla-tinta)!important;border-color:var(--perla-linea)!important;font-family:var(--perla-sans)}
:root.tema-perla input[type=number]{font-family:var(--perla-mono)}
:root.tema-perla :is(input,select,textarea)::placeholder{color:var(--perla-tenue)}
:root.tema-perla :is(button,input,select,summary,a):focus-visible{outline:2px solid var(--perla-acento)!important;outline-offset:2px}
:root.tema-perla :is(input[type=checkbox],input[type=range]){accent-color:var(--perla-acento)}
:root.tema-perla *{scrollbar-color:var(--perla-linea2) transparent}
:root.tema-perla ::-webkit-scrollbar-thumb{background:var(--perla-linea2)!important;border-color:var(--perla-panel)!important}
/* Acciones principales: el acento ámbar */
:root.tema-perla :is(#tqApply,#xyMoveAbsolute,#xySetBounds,#applyArchitecture,#ptStart,#precCalculate,.insp-primario,.wall-xyz-apply,#tqHeightApply):not(:disabled){background:var(--perla-acento)!important;border-color:var(--perla-acento)!important;color:var(--perla-sobre-acento)!important;font-weight:600}
:root.tema-perla :is(#tqApply,#xyMoveAbsolute,#xySetBounds,#applyArchitecture,#ptStart,#precCalculate,.insp-primario,.wall-xyz-apply,#tqHeightApply):hover:not(:disabled){background:var(--perla-acento2)!important}

/* ── Barra superior ───────────────────────────────────────────────────────────────────────── */
:root.tema-perla .topbar{padding:0 20px;gap:20px;border-bottom:1px solid var(--perla-linea);box-shadow:none!important}
:root.tema-perla .brand{min-width:0;gap:10px}
:root.tema-perla .brand .mark{width:32px;height:32px;border:0;border-radius:8px;background:var(--perla-tinta)!important;color:var(--perla-panel)!important;font-size:15px;font-weight:600}
:root.tema-perla .brand strong{font-size:14px;font-weight:600;letter-spacing:.02em}
:root.tema-perla .brand small{margin-top:3px;font-size:11px;letter-spacing:0;color:var(--perla-tinta2)!important}
:root.tema-perla :is(.project,.ui-project-pill,.topbar .toolbar,.ui-canvas-badge,.hint,.legend,.floating,.ui-rail,.trillas-quick){display:none!important}
:root.tema-perla .ui-tabs{height:100%;gap:4px;margin-left:4px;align-items:center}
:root.tema-perla .topbar .ui-tabs .ui-tab{height:44px;padding:0 14px;border:0!important;border-bottom:2px solid transparent!important;border-radius:0;background:transparent!important;color:var(--perla-tinta2)!important;font-size:13px;font-weight:500}
:root.tema-perla .topbar .ui-tabs .ui-tab::before,:root.tema-perla .topbar .ui-tabs .ui-tab::after{display:none!important}
:root.tema-perla .topbar .ui-tabs .ui-tab:hover{color:var(--perla-tinta)!important;background:transparent!important}
:root.tema-perla .menu-abierto .topbar .ui-tabs .ui-tab.active{color:var(--perla-tinta)!important;border-bottom-color:var(--perla-tinta)!important;font-weight:600}
:root.tema-perla .acciones-perla{display:flex;gap:8px;margin-left:auto}
:root.tema-perla .acciones-perla button{height:44px;padding:0 16px;border-radius:8px;font-size:13px}
:root.tema-perla .acciones-perla #guardarPerla{background:var(--perla-tinta)!important;border-color:var(--perla-tinta)!important;color:var(--perla-panel)!important;font-weight:500}
:root.tema-perla .acciones-perla #guardarPerla:hover{background:var(--perla-tinta-realce)!important}
/* Menú de cada pestaña: sustituye a la cinta fija y deja libre esa franja para la vista */
:root.tema-perla .menu-perla{position:fixed;z-index:60;top:52px;min-width:232px;max-height:calc(100vh - 80px);overflow:auto;padding:8px;border:1px solid var(--perla-linea);border-radius:12px}
:root.tema-perla .menu-perla[hidden]{display:none}
:root.tema-perla .menu-perla button{display:block;width:100%;height:auto;min-height:40px;padding:0 12px;border:0!important;border-radius:8px;background:transparent!important;text-align:left;font-size:13px}
:root.tema-perla .menu-perla button:hover{background:var(--perla-fondo)!important}

/* ── Riel de herramientas ─────────────────────────────────────────────────────────────────── */
:root.tema-perla .riel{display:flex;flex-direction:column;gap:4px;min-height:0;padding:12px 8px;overflow-y:auto;border-right:1px solid var(--perla-linea)}
:root.tema-perla .riel button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;height:auto;min-height:60px;padding:8px 4px;border:0!important;border-radius:10px;background:transparent!important;color:var(--perla-tinta2)!important;font-size:11px;line-height:1.2;white-space:normal}
:root.tema-perla .riel button:hover:not(:disabled){background:var(--perla-fondo)!important;color:var(--perla-tinta)!important}
:root.tema-perla .riel button:is(.on,[aria-pressed="true"]),:root.tema-perla .riel button:is(.on,[aria-pressed="true"]):hover:not(:disabled){background:var(--perla-tinta)!important;color:var(--perla-panel)!important;font-weight:500}
:root.tema-perla .riel svg{width:22px;height:22px;flex:none}
:root.tema-perla .riel-separador{flex:none;height:1px;margin:6px 8px;background:var(--perla-linea)!important}
:root.tema-perla .riel-final{margin-top:auto}

/* ── Vista 3D: rótulos y controles sobre el modelo ────────────────────────────────────────── */
:root.tema-perla .hud{top:16px!important;left:16px!important;right:auto!important;transform:none!important;display:flex;align-items:center;gap:10px;padding:0 12px!important;height:44px;border:1px solid var(--perla-linea);border-radius:8px;font-size:12px!important;font-weight:500;letter-spacing:0;pointer-events:none;max-width:none;z-index:8}
:root.tema-perla .hud strong{font-weight:600;letter-spacing:.02em}
:root.tema-perla .hud #fps{color:var(--perla-tinta2)!important;font-family:var(--perla-mono)}
:root.tema-perla .hud .candado-colision{margin:0;padding:6px 8px;border-radius:6px}
:root.tema-perla .hud .candado-colision:hover{background:var(--perla-fondo)!important}
:root.tema-perla .vistas-perla{position:absolute;z-index:8;top:16px;right:16px;display:flex;padding:3px;border:1px solid var(--perla-linea);border-radius:10px;background:var(--perla-panel)}
:root.tema-perla .vistas-perla button{height:38px;padding:0 12px;border:0!important;border-radius:7px;background:transparent!important;font-size:12px}
:root.tema-perla .vistas-perla button:is(.on,[aria-pressed="true"]){background:var(--perla-tinta)!important;color:var(--perla-panel)!important}
:root.tema-perla .navigation{left:auto!important;right:16px!important;bottom:16px!important;transform:none!important;gap:2px!important;padding:3px!important;border:1px solid var(--perla-linea)!important;border-radius:10px!important;box-shadow:none!important;max-width:none!important;z-index:8!important}
:root.tema-perla .navigation button{width:44px;min-width:44px;height:44px;padding:0;border:0!important;border-radius:7px;background:transparent!important;font-size:16px}
:root.tema-perla .navigation :is(span,.tool-divider){display:none}
:root.tema-perla .maestro-station-btn{top:72px!important;right:16px!important;bottom:auto!important;left:auto!important;z-index:8!important;height:40px;padding:0 12px;border:1px solid var(--perla-linea)!important;border-radius:8px;font-size:12px}
:root.tema-perla .maestro-guide{display:none}
:root.tema-perla .referencia-capa{right:16px;bottom:76px;border:1px solid var(--perla-linea)}
:root.tema-perla .referencia-capa figcaption{color:var(--perla-tinta2)!important}
/* La medición se abre a la derecha: a la izquierda se abre el panel de capas. */
:root.tema-perla .precision-measure{top:124px!important;right:16px!important;left:auto!important;bottom:auto!important;border:1px solid var(--perla-linea)!important;border-radius:12px;z-index:9}
:root.tema-perla .precision-tip{background:var(--perla-panel)!important;color:var(--perla-tinta)!important;border:1px solid var(--perla-linea)!important;border-radius:8px;box-shadow:0 8px 24px var(--perla-sombra)!important;font-family:var(--perla-sans);font-size:12px}
:root.tema-perla .precision-results{font-family:var(--perla-mono)}
:root.tema-perla :is(.toast,.ui-toast){border:1px solid var(--perla-linea)!important;border-radius:8px;font-size:12px}
:root.tema-perla .soltar-archivo{background:var(--perla-soltar);border-color:var(--perla-acento);color:var(--perla-tinta)}
:root.tema-perla .soltar-archivo small{color:var(--perla-tinta2)}

/* ── Paneles que se abren sobre la vista (capas, estudio) ─────────────────────────────────── */
:root.tema-perla .panel{top:16px!important;bottom:16px!important;border:1px solid var(--perla-linea)!important;border-radius:12px!important}
:root.tema-perla .panel.left{left:16px}
:root.tema-perla #rightPanel{display:none!important}
:root.tema-perla #studioPanel.studio{top:0!important;bottom:0!important;right:0;width:min(380px,calc(100% - 32px));border:0!important;border-left:1px solid var(--perla-linea)!important;border-radius:0!important}
:root.tema-perla .phead{border-bottom:1px solid var(--perla-linea)!important}
:root.tema-perla .phead b{font-size:13px!important;font-weight:600;letter-spacing:.02em!important}
:root.tema-perla #studioPanel .studio-heading small{font-size:11px;letter-spacing:0;color:var(--perla-tinta2)!important}
:root.tema-perla .layerrow:hover{background:var(--perla-fondo)!important}
:root.tema-perla .layerrow small{color:var(--perla-tinta2)!important;font-family:var(--perla-mono)}
:root.tema-perla :is(#studioPanel>.studio-content>details,#studioPanel #architectureEditor>details,#studioPanel .studio-quick-tools){border:1px solid var(--perla-linea)!important;border-radius:10px;background:var(--perla-alto)!important}
:root.tema-perla #studioPanel details[open]>summary{border-bottom:1px solid var(--perla-linea)!important;font-weight:600}
:root.tema-perla .engine-status{border:1px solid var(--perla-linea)!important;color:var(--perla-tinta2)!important;font-family:var(--perla-mono)}
:root.tema-perla .editor-tip{border-left:2px solid var(--perla-acento)!important;background:var(--perla-fondo)!important;color:var(--perla-tinta)!important}
:root.tema-perla .tabs button,:root.tema-perla :is(.studio-group-nav,.editor-group-nav) button{border-radius:8px}

/* ── Inspector por pestañas ───────────────────────────────────────────────────────────────── */
:root.tema-perla .inspector{display:flex;flex-direction:column;min-height:0;overflow-y:auto;border-left:1px solid var(--perla-linea)}
:root.tema-perla .insp-vacio{padding:32px 20px;color:var(--perla-tinta2)!important}
:root.tema-perla .insp-vacio strong{display:block;margin-bottom:6px;font-size:15px;font-weight:600;color:var(--perla-tinta)!important}
:root.tema-perla .insp-vacio p{margin:0;line-height:1.5}
:root.tema-perla .insp-cabeza{padding:16px 20px 12px}
:root.tema-perla .insp-cabeza span{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--perla-tinta2)!important}
:root.tema-perla .insp-cabeza strong{display:block;margin-top:4px;font-size:16px;font-weight:600;overflow-wrap:anywhere}
/* Procedencia de la cota Z, tal como la declara el modelo. */
:root.tema-perla .insp-fuente{display:inline-block;margin-top:8px;padding:3px 8px;border:1px solid var(--perla-linea2);border-radius:999px;font-family:var(--perla-mono);font-size:11px;font-style:normal;color:var(--perla-tinta2)!important}
:root.tema-perla .insp-fuente[data-fuente="md"]{border-color:var(--perla-tinta);color:var(--perla-tinta)!important}
:root.tema-perla .insp-fuente:is([data-fuente="editada"],[data-fuente="provisional"]){border-color:var(--perla-acento);color:var(--perla-acento)!important}
:root.tema-perla .insp-pestanas{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 12px;border-bottom:1px solid var(--perla-linea);background:var(--perla-panel)!important}
:root.tema-perla .insp-pestanas button{height:44px;padding:0 2px;border:0!important;border-bottom:2px solid transparent!important;border-radius:0;background:transparent!important;color:var(--perla-tinta2)!important;font-size:12px;font-weight:500;white-space:nowrap}
:root.tema-perla .insp-pestanas button:hover:not(:disabled){background:transparent!important;color:var(--perla-tinta)!important}
:root.tema-perla .insp-pestanas button[aria-selected="true"]{border-bottom-color:var(--perla-acento)!important;color:var(--perla-tinta)!important;font-weight:600}
:root.tema-perla .insp-panel[hidden]{display:none}
:root.tema-perla .insp-bloque{padding:16px 20px 0}
:root.tema-perla .insp-bloque:empty,:root.tema-perla .insp-bloque[hidden]{display:none}
:root.tema-perla .insp-bloque h4{margin:0 0 10px;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--perla-tinta2)!important}
:root.tema-perla .insp-acciones{padding:6px 20px 16px}
:root.tema-perla .insp-acciones:empty{display:none}
:root.tema-perla .insp-seccion{margin:16px 0 0;padding:0 20px;border:0;border-top:1px solid var(--perla-linea)!important}
:root.tema-perla .insp-seccion+.insp-seccion{margin-top:0}
:root.tema-perla .insp-seccion>summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;font-size:13px;font-weight:500;color:var(--perla-tinta2)!important;cursor:pointer;list-style:none}
:root.tema-perla .insp-seccion>summary::-webkit-details-marker{display:none}
:root.tema-perla .insp-seccion>summary::after{content:'';width:8px;height:8px;margin-right:4px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(-45deg);transition:transform .15s}
:root.tema-perla .insp-seccion[open]>summary{color:var(--perla-tinta)!important;font-weight:600}
:root.tema-perla .insp-seccion[open]>summary::after{transform:rotate(45deg)}
:root.tema-perla .insp-seccion[open]{padding-bottom:16px}
:root.tema-perla .insp-medidas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
:root.tema-perla .insp-medidas div{padding:10px;border-radius:8px;background:var(--perla-fondo)!important}
:root.tema-perla .insp-medidas span{display:block;font-size:11px;color:var(--perla-tinta2)!important}
:root.tema-perla .insp-medidas b{display:block;font-family:var(--perla-mono);font-size:15px;font-weight:500}
:root.tema-perla :is(.insp-campos,.inspector .xy-fields){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
:root.tema-perla :is(.insp-campos,.inspector .xy-fields) label{display:flex;flex-direction:column;gap:4px;font-size:11px}
:root.tema-perla .inspector input[type=number]{width:100%;height:44px;padding:0 10px;border:1px solid var(--perla-linea);border-radius:8px;font-size:14px}
:root.tema-perla .inspector :is(.insp-primario,#xyMoveAbsolute,.xy-actions button,#isolate,#finishSelected,#editArchitectureSelected){width:100%;height:44px;margin-top:10px!important;border:1px solid var(--perla-linea);border-radius:8px;font-size:13px;letter-spacing:0}
:root.tema-perla .inspector .xy-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
:root.tema-perla .inspector .xy-data-group{margin:0;padding:0;border:0!important}
:root.tema-perla .inspector .xy-data-group h4{display:none}
:root.tema-perla .inspector .xy-data-group p{margin:0 0 10px;font-size:12px;line-height:1.45}
:root.tema-perla .insp-nota{margin:10px 0 0;font-size:12px;line-height:1.45}
:root.tema-perla .insp-nota:empty{display:none}
:root.tema-perla .insp-acabados{display:flex;flex-direction:column;gap:6px}
:root.tema-perla .insp-caras{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}
:root.tema-perla .insp-caras[hidden]{display:none}
:root.tema-perla .insp-caras button{height:34px!important;padding:0 10px!important;font-size:12px!important;text-align:left;justify-content:flex-start}
:root.tema-perla .insp-caras button[aria-checked="true"]{outline:2px solid var(--perla-acento);outline-offset:-2px;background:var(--perla-alto)!important;color:var(--perla-tinta)!important}
:root.tema-perla #inspQuitarPintura{height:32px!important;font-size:12px!important;margin:6px 0}
:root.tema-perla #inspQuitarPintura[hidden]{display:none}
:root.tema-perla .insp-color{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;flex-wrap:wrap}
:root.tema-perla .insp-color label{display:flex;align-items:center;gap:8px;font-size:12px}
:root.tema-perla .insp-color input[type=color]{width:34px;height:28px;padding:0;border:1px solid var(--perla-linea);border-radius:6px;background:none}
:root.tema-perla .insp-recientes{display:flex;gap:5px}
:root.tema-perla .insp-recientes button{width:24px!important;height:24px!important;padding:2px!important;border-radius:5px;border:1px solid var(--perla-linea2)!important}
:root.tema-perla .insp-recientes button i{display:block;width:100%;height:100%;border-radius:3px}
:root.tema-perla .insp-acabados-grupo.insp-pintura{grid-template-columns:repeat(6,1fr);gap:5px}
:root.tema-perla .insp-acabados-grupo.insp-pintura button{height:30px!important;padding:0!important;justify-content:center;font-size:0!important}
:root.tema-perla .insp-acabados-grupo.insp-pintura button i{width:100%;height:100%;border-radius:6px;border:0}
:root.tema-perla .insp-acabados-grupo{display:grid;grid-template-columns:1fr 1fr;gap:6px}
:root.tema-perla .insp-acabados-grupo button{height:36px!important;padding:0 8px!important;font-size:12px!important;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
:root.tema-perla .insp-familia,:root.tema-perla .preset-familia{grid-column:1/-1;flex-basis:100%;margin:6px 0 0;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--perla-tinta2)}
:root.tema-perla .insp-acabados button{display:flex;align-items:center;gap:8px;height:44px;padding:0 12px;border:1px solid var(--perla-linea);border-radius:8px;font-size:13px}
:root.tema-perla .insp-acabados button i{flex:none;width:16px;height:16px;border-radius:4px;border:1px solid var(--perla-linea2)}
:root.tema-perla .insp-acabados button[aria-pressed="true"]{background:var(--perla-alto)!important;color:var(--perla-tinta)!important;border:2px solid var(--perla-acento)!important;font-weight:500}
:root.tema-perla .inspector .gridinfo{display:grid;grid-template-columns:max-content minmax(0,1fr);font-size:12px;gap:8px 12px}
:root.tema-perla .inspector .gridinfo span:nth-child(even){text-align:right;overflow-wrap:anywhere}
:root.tema-perla .inspector .gridinfo span:nth-child(odd){color:var(--perla-tinta2)!important}
:root.tema-perla .inspector .note{margin:0;font-size:12px;line-height:1.45;color:var(--perla-tinta2)!important}
:root.tema-perla .inspector .facts{font-size:12px;line-height:1.45;color:var(--perla-tinta2)!important}

/* ── Barra de estado ──────────────────────────────────────────────────────────────────────── */
:root.tema-perla .status{gap:20px;padding:0 20px;border-top:1px solid var(--perla-linea);font-family:var(--perla-mono);font-size:12px;color:var(--perla-tinta2)!important}
:root.tema-perla .status .sel{color:var(--perla-tinta)!important;font-weight:500}
:root.tema-perla .status #medidasSeleccion{color:var(--perla-tinta2)!important}
:root.tema-perla .status .rightstat{display:none}
:root.tema-perla .status #objCount{margin-left:auto}

/* ── Pantalla de carga y ayuda ────────────────────────────────────────────────────────────── */
:root.tema-perla .carga-visor{background:var(--perla-fondo);color:var(--perla-tinta)}
:root.tema-perla .carga-visor span{color:var(--perla-tinta2)}
:root.tema-perla .carga-marca{border:0;background:var(--perla-tinta);color:var(--perla-panel)}
:root.tema-perla .carga-barra{background:var(--perla-linea)}
:root.tema-perla .carga-barra i{background:var(--perla-acento)}
:root.tema-perla .ayuda-atajos{background:var(--perla-velo)}
:root.tema-perla .ayuda-caja{border:1px solid var(--perla-linea)}
:root.tema-perla .ayuda-caja kbd{background:var(--perla-fondo)!important;border-color:var(--perla-linea)!important;color:var(--perla-tinta)!important;font-family:var(--perla-mono)}
:root.tema-perla .presentacion-salida{background:var(--perla-panel);color:var(--perla-tinta);border-color:var(--perla-linea)}

/* ── Paneles contraíbles ──────────────────────────────────────────────────────────────────── */
:root.tema-perla .app.riel-contraido{--ancho-riel:0px}
:root.tema-perla .app.inspector-contraido{--ancho-inspector:0px}
:root.tema-perla .app.riel-contraido .riel,:root.tema-perla .app.inspector-contraido .inspector{display:none}
:root.tema-perla .asa-panel{position:absolute;top:50%;z-index:9;display:grid;place-items:center;width:18px;height:64px;padding:0;transform:translateY(-50%);border:1px solid var(--perla-linea)!important;background:var(--perla-panel)!important;color:var(--perla-tinta2)!important;opacity:.82}
:root.tema-perla .asa-panel:hover:not(:disabled){opacity:1;color:var(--perla-tinta)!important}
:root.tema-perla .asa-panel svg{width:14px;height:14px}
:root.tema-perla .asa-izquierda{left:0;border-left:0!important;border-radius:0 8px 8px 0}
:root.tema-perla .asa-derecha{right:0;border-right:0!important;border-radius:8px 0 0 8px}
:root.tema-perla .asa-izquierda[aria-expanded="false"] svg,:root.tema-perla .asa-derecha[aria-expanded="true"] svg{transform:rotate(180deg)}

/* ── Modo Presentación y pantallas angostas ───────────────────────────────────────────────── */
:root.tema-perla .app.modo-presentacion{--ancho-riel:0px;--ancho-inspector:0px;grid-template-rows:56px 0 minmax(0,1fr) 0}
:root.tema-perla .app.modo-presentacion.pantalla-completa{grid-template-rows:0 0 minmax(0,1fr) 0}
:root.tema-perla .app.modo-presentacion :is(.riel,.inspector,.menu-perla,.asa-panel,.ui-tabs,.acciones-perla){display:none!important}
:root.tema-perla .app.modo-presentacion.pantalla-completa .vistas-perla{display:none!important}
@media(max-width:1080px){
 :root.tema-perla .app{--ancho-riel:72px;--ancho-inspector:0px}
 :root.tema-perla .inspector{display:none}
 :root.tema-perla .app.inspector-abierto .inspector{display:flex;grid-column:2;grid-row:3;justify-self:end;width:min(320px,100%);z-index:30;box-shadow:-12px 0 32px var(--perla-sombra)}
 :root.tema-perla .app.inspector-abierto .asa-derecha{right:min(320px,100%);z-index:31}
 :root.tema-perla .ui-tabs{overflow-x:auto}
}
@media(min-width:1081px){:root.tema-perla #rielDatos{display:none}}
@media(max-width:700px){
 :root.tema-perla .topbar{padding:0 10px;gap:8px}
 :root.tema-perla .brand small,:root.tema-perla .acciones-perla #deshacerPerla{display:none}
 :root.tema-perla .vistas-perla{top:auto;bottom:72px}
}
@media(prefers-reduced-motion:reduce){:root.tema-perla .insp-seccion>summary::after{transition:none}}