/* 4.17.275 VER1 · Ficha de material con la cabecera de Clientes/Proveedores (generado) */
#record-modal.material-mode .record-head-title,
#record-modal.material-mode .record-head-title{align-items:center;gap:16px}
#record-modal.material-mode .record-back-list,
#record-modal.material-mode .record-back-list{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:#0878ec;font:700 12px/1 'Segoe UI',Arial,sans-serif;cursor:pointer;padding:8px 4px;white-space:nowrap}
#record-modal.material-mode .record-back-list:hover,
#record-modal.material-mode .record-back-list:hover{color:#075fb8;text-decoration:underline}
#record-modal.material-mode .record-head-title>div,
#record-modal.material-mode .record-head-title>div{display:flex;align-items:center;gap:10px;min-width:0}
#record-modal.material-mode .record-head-actions>.btn,
#record-modal.material-mode .record-head-actions>.btn{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 16px;border-radius:4px;font:700 11px/1 'Segoe UI',Arial,sans-serif}
#record-modal.material-mode .record-head-title,
#record-modal.material-mode .record-head-title{
  gap:18px!important;
  align-items:center!important;
}
#record-modal.material-mode .record-back-list,
#record-modal.material-mode .record-back-list{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:38px!important;
  padding:0 14px!important;
  border:1px solid #a9c9ed!important;
  border-radius:4px!important;
  background:#f4f8fd!important;
  color:#0b5db7!important;
  font:700 12.5px/1 "Segoe UI Semibold","Segoe UI",Arial,sans-serif!important;
  text-decoration:none!important;
}
#record-modal.material-mode .record-back-list svg,
#record-modal.material-mode .record-back-list svg{
  width:17px!important;
  height:17px!important;
}
#record-modal.material-mode .record-back-list:hover,
#record-modal.material-mode .record-back-list:hover{
  color:#075fb8!important;
  background:#eaf3fd!important;
  border-color:#7eafe4!important;
  border-radius:4px!important;
  text-decoration:none!important;
}
#record-modal.material-mode .record-head-actions,
#record-modal.material-mode .record-head-actions{
  gap:8px!important;
}
#record-modal.material-mode .record-head-actions>.btn,
#record-modal.material-mode .record-head-actions>.btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  height:38px!important;
  min-width:132px!important;
  padding:0 16px!important;
  border-radius:4px!important;
  box-shadow:none!important;
  font:700 11.5px/1 "Segoe UI Semibold","Segoe UI",Arial,sans-serif!important;
  letter-spacing:.01em!important;
  cursor:pointer!important;
}
#record-modal.material-mode #record-head-cancel,
#record-modal.material-mode #record-head-cancel{
  border:1px solid #a9c9ed!important;
  background:#f4f8fd!important;
  color:#0b5db7!important;
}
#record-modal.material-mode #record-head-cancel:hover,
#record-modal.material-mode #record-head-cancel:hover{
  background:#eaf3fd!important;
  border-color:#7eafe4!important;
}
#record-modal.material-mode #record-head-save:not(.is-dirty),
#record-modal.material-mode #record-head-save:not(.is-dirty){
  border:1px solid #76c997!important;
  background:#effbf4!important;
  color:#098644!important;
}
#record-modal.material-mode #record-head-save:hover:not(.is-dirty),
#record-modal.material-mode #record-head-save:hover:not(.is-dirty){
  background:#e2f7eb!important;
  border-color:#55b77a!important;
}
#record-modal.material-mode .record-head-actions>.btn svg,
#record-modal.material-mode .record-head-actions>.btn svg{
  width:16px!important;
  height:16px!important;
}
#record-modal.material-mode #record-title,
#record-modal.material-mode #record-title{
  font-weight:700!important;
}
#record-modal.material-mode .record-head-actions,
#record-modal.material-mode .record-head-actions{
  flex:0 0 auto!important;
  margin-left:auto!important;
}
#record-modal.material-mode #record-title{
  font-family:"Segoe UI",Arial,sans-serif!important;font-weight:700!important;
}

/* ===== 4.17.275 · MATERIALES · menú horizontal con la jerarquía de Presupuestos/Albaranes ===== */
body[data-route="materiales"] #material-sector-context.has-sector-menu{min-height:84px!important}
body[data-route="materiales"] #material-sector-context #material-sector-menu.material-sector-menu{height:74px!important;min-height:74px!important}
body[data-route="materiales"] #material-sector-menu .material-sector-btn{padding:5px 6px 4px!important;gap:3px!important;background:#fff!important}
body[data-route="materiales"] #material-sector-menu .material-sector-btn > b,
body[data-route="materiales"] #material-sector-menu .material-sector-btn img.nav{width:38px!important;height:38px!important;min-width:38px!important}
body[data-route="materiales"] #material-sector-menu .material-sector-btn img.nav{opacity:.6!important;filter:saturate(.45)!important;transition:opacity .15s,filter .15s!important}
body[data-route="materiales"] #material-sector-menu .material-sector-btn:hover img.nav,
body[data-route="materiales"] #material-sector-menu .material-sector-btn.active img.nav{opacity:1!important;filter:none!important}
body[data-route="materiales"] #material-sector-menu .material-sector-btn.active{background:#fff!important;box-shadow:inset 0 -3px #1477f2!important}
body[data-route="materiales"] #material-sector-menu:hover .material-sector-btn.active:not(:hover){box-shadow:none!important}
body[data-route="materiales"] #material-sector-menu:hover .material-sector-btn.active:not(:hover) img.nav{opacity:.6!important;filter:saturate(.45)!important}
body[data-route="materiales"] #material-sector-menu .material-sector-btn:hover{background:#fff!important;box-shadow:inset 0 -3px #1477f2!important}
body[data-route="materiales"] #material-sector-menu .material-sector-btn:hover span,
body[data-route="materiales"] #material-sector-menu .material-sector-btn.active span{color:#1477f2!important}
body[data-route="materiales"] .wf-action-btn{min-height:40px!important;height:40px!important;font-size:12px!important;padding-left:18px!important;padding-right:18px!important}
body[data-route="materiales"] #module-search,body[data-route="materiales"] .module-toolbar select{box-shadow:2px 2px 4px rgba(20,58,110,.24)!important}

/* ===== Ficha de material ===== */
#wf-material-title-picto{width:42px;height:42px;flex:0 0 42px;margin-right:10px}
#record-modal.material-mode .record-head-title{display:flex!important;align-items:center!important}
#record-modal.material-mode #record-title{font-family:"Segoe UI",Arial,sans-serif!important;font-weight:700!important}
#record-modal.material-mode .material-avatar.wf-has-img{background:transparent!important;border:0!important;box-shadow:none!important}
#record-modal.material-mode .material-avatar.wf-has-img img{width:46px;height:46px;display:block}
#record-modal.material-mode .material-tabs{display:flex!important;height:auto!important;border:1px solid #d9e5f2;border-radius:6px;overflow:hidden;background:#fff;margin:10px 0}
#record-modal.material-mode .material-tab{flex:1 1 0!important;min-width:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:8px 6px 6px!important;height:74px!important;background:#fff!important;border:0!important;border-right:1px solid #e6eef7!important;color:#17385e!important;font:600 12px "Segoe UI",Arial!important;cursor:pointer}
#record-modal.material-mode .material-tab:last-child{border-right:0!important}
#record-modal.material-mode .material-tab > b{width:38px;height:38px;display:grid;place-items:center}
#record-modal.material-mode .material-tab > b img{width:38px;height:38px;opacity:.6;filter:saturate(.45);transition:opacity .15s,filter .15s}
#record-modal.material-mode .material-tab:hover > b img,#record-modal.material-mode .material-tab.active > b img{opacity:1;filter:none}
#record-modal.material-mode .material-tab.active{background:#eaf7ef!important;box-shadow:inset 0 -3px #12a150!important;color:#0b8f4a!important}
#record-modal.material-mode .material-tab:hover{box-shadow:inset 0 -3px #1477f2!important}
#record-modal.material-mode .record-fields input:not([type=checkbox]):not([type=radio]),#record-modal.material-mode .record-fields select,#record-modal.material-mode .record-fields textarea{box-shadow:2px 2px 4px rgba(20,58,110,.24)!important}

/* ===== 4.17.276 · Lector de albaranes de proveedor (IA local) ===== */
.wf-lector-overlay{position:fixed;inset:0;z-index:9000;background:rgba(10,30,60,.45);display:flex;align-items:center;justify-content:center;padding:16px}
.wf-lector-overlay.hidden{display:none}
.wf-lector-dialog{background:#fff;border-radius:10px;box-shadow:0 20px 50px rgba(0,0,0,.3);width:min(1500px,98vw);height:min(92vh,980px);display:flex;flex-direction:column;overflow:hidden;font-family:"Segoe UI",Arial,sans-serif}
.wf-lector-dialog.wf-lector-small{width:min(560px,96vw);height:auto}
.wf-lector-dialog header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid #e6eef7}
.wf-lector-dialog header small{color:#6d86a5;font-size:11px;letter-spacing:.4px}
.wf-lector-dialog header h2{margin:2px 0 0;font-size:20px;color:#123b73}
.wf-lector-dialog header [data-x]{border:0;background:none;font-size:26px;color:#6d86a5;cursor:pointer}
.wf-lector-dialog footer{display:flex;gap:8px;justify-content:flex-end;align-items:center;padding:12px 20px;border-top:1px solid #e6eef7;background:#f7fafd}
.wf-lector-body{padding:18px 20px;display:flex;flex-direction:column;gap:14px}
.wf-lector-status{padding:10px 12px;border-radius:6px;background:#fff7e6;color:#7a5200;font-size:13px}
.wf-lector-status.ok{background:#eaf7ef;color:#0b6b37}
.wf-lector-status code{background:#fff;padding:1px 6px;border-radius:3px}
.wf-lector-drop{display:block;border:2px dashed #a9c9ed;border-radius:10px;background:#f4f8fd;cursor:pointer;text-align:center;padding:22px;min-height:120px}
.wf-lector-drop b{display:block;font-size:16px;color:#1477f2;margin-bottom:6px}.wf-lector-drop span{font-size:12px;color:#5f7896}
.wf-lector-drop img{max-width:100%;max-height:340px;border-radius:6px}
.wf-lector-spin{display:inline-block;width:14px;height:14px;border:2px solid #1477f2;border-right-color:transparent;border-radius:50%;animation:wflspin 1s linear infinite;vertical-align:-2px;margin-right:6px}
@keyframes wflspin{to{transform:rotate(360deg)}}
.wf-lector-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr)}
.wf-lector-img{overflow:auto;background:#eef3f9;border-right:1px solid #e6eef7;padding:10px}
.wf-lector-img img{width:100%;display:block;box-shadow:0 2px 10px rgba(0,0,0,.2)}
.wf-lector-form{display:flex;flex-direction:column;min-height:0;padding:12px 16px;gap:10px}
.wf-lector-head{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.2fr;gap:10px}
.wf-lector-head label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:#123b73;font-weight:600}
.wf-lector-head em{font-style:normal;font-weight:400;color:#6d86a5;font-size:11px}
.wf-lector-head input,.wf-lector-head select{height:34px;border:1px solid #cfdcea;border-radius:4px;padding:0 8px;font-size:13px;box-shadow:2px 2px 4px rgba(20,58,110,.18)}
.wf-lector-lines{flex:1;min-height:0;overflow:auto;border:1px solid #e1eaf5;border-radius:6px}
.wf-lector-lines table{width:100%;border-collapse:collapse;font-size:12px}
.wf-lector-lines th{position:sticky;top:0;background:#eef4fb;color:#123b73;text-align:left;padding:8px 6px;font-size:11px;z-index:1}
.wf-lector-lines td{padding:4px 5px;border-top:1px solid #edf2f8;vertical-align:middle}
.wf-lector-lines input,.wf-lector-lines select{width:100%;height:30px;box-sizing:border-box;border:1px solid #d6e2ef;border-radius:4px;padding:0 6px;font-size:12px}
.wf-lector-lines input[type=number]{text-align:right;width:84px}
.wf-lector-lines .lx-wide{min-width:240px}.wf-lector-lines .lx-xs{width:56px}
.wf-lector-lines select{min-width:220px}
.wf-lector-lines .lx-imp{text-align:right;font-weight:700;white-space:nowrap}
.lx-dot{display:inline-block;width:12px;height:12px;border-radius:50%}.lx-dot.ok{background:#12a150}.lx-dot.new{background:#f5a100}
.lx-del{border:1px solid #f1c2bd;background:#fff;color:#d33a2c;border-radius:4px;width:28px;height:28px;cursor:pointer}
.wf-lector-foot{font-size:13px;color:#123b73}
@media(max-width:1000px){.wf-lector-grid{grid-template-columns:1fr}.wf-lector-img{max-height:30vh}.wf-lector-head{grid-template-columns:1fr 1fr}}
/* 4.17.278 · PDF en el lector */
.wf-lector-drop.over{background:#e4efff;border-color:#1477f2}
.wf-lector-drop #wf-lector-prev > span{display:block;margin-top:6px}
.wf-lector-img img + img{margin-top:10px}
/* 4.17.279 · Lector: portes, piezas y comprobación */
.wf-lector-foot .lx-portes{width:80px;height:28px;border:1px solid #cfdcea;border-radius:4px;text-align:right;padding:0 6px}
.wf-lector-lines .lx-pz{display:block;font-size:10.5px;color:#5f7896;margin-top:2px}
.lx-ok{color:#0b8f4a;font-weight:700;margin-left:8px}.lx-warn{color:#c26a00;font-weight:700;margin-left:8px}

/* 4.17.284 · revisión del lector más compacta para ver los datos completos */
.wf-lector-grid{grid-template-columns:minmax(0,2.6fr) minmax(0,9.4fr)}
.wf-lector-form{padding:10px 12px;gap:8px}
.wf-lector-head{grid-template-columns:2fr 1.3fr .9fr 1fr 1fr;gap:8px}
.wf-lector-head label{font-size:10px}
.wf-lector-head input,.wf-lector-head select{height:28px;font-size:11.5px;padding:0 6px}
.wf-lector-lines table{font-size:11px;table-layout:fixed;width:100%}
.wf-lector-lines th{padding:6px 4px;font-size:10px}
.wf-lector-lines td{padding:3px 3px}
.wf-lector-lines input,.wf-lector-lines select{height:26px;font-size:11px;padding:0 4px;min-width:0!important;width:100%!important}
.wf-lector-lines .lx-wide{min-width:0}
.wf-lector-lines th:nth-child(1){width:16px}.wf-lector-lines th:nth-child(2){width:11%}.wf-lector-lines th:nth-child(3){width:21%}
.wf-lector-lines th:nth-child(4){width:6%}.wf-lector-lines th:nth-child(5){width:5%}.wf-lector-lines th:nth-child(6){width:6.5%}
.wf-lector-lines th:nth-child(7){width:4.5%}.wf-lector-lines th:nth-child(8){width:6.5%}.wf-lector-lines th:nth-child(9){width:11%}
.wf-lector-lines th:nth-child(10){width:9%}.wf-lector-lines th:nth-child(11){width:15%}.wf-lector-lines th:nth-child(12){width:28px}
.wf-lector-lines select:disabled,.wf-lector-lines input:disabled{background:#f1f4f8;color:#9aa9bb}
.wf-lector-lines .lx-imp{font-size:11px}
.wf-lector-lines small.lx-pz{font-size:10px}
.wf-lector-foot{font-size:12px}

/* 4.17.288 · zoom del documento, ocultar imagen y descripciones completas */
.wf-lector-imgcol{display:flex;flex-direction:column;min-height:0;border-right:1px solid #e6eef7;background:#eef3f9}
.wf-lector-imgcol .wf-lector-img{flex:1;border-right:0}
.lx-pages{min-width:100%}
.lx-pages img{width:100%;display:block;margin-bottom:8px;box-shadow:0 2px 10px rgba(0,0,0,.2)}
.lx-zoombar{display:flex;align-items:center;gap:6px;padding:6px 8px;background:#fff;border-bottom:1px solid #e6eef7}
.lx-zoombar button{border:1px solid #cfdcea;background:#fff;border-radius:4px;height:26px;min-width:28px;padding:0 8px;cursor:pointer;color:#123b73;font-weight:700;font-size:11px}
.lx-zoombar button:hover{background:#eef4fb}
.lx-zoombar b{font-size:11px;color:#123b73;min-width:38px;text-align:center}
.wf-lector-grid.sin-img{grid-template-columns:1fr}
.wf-lector-grid.sin-img .wf-lector-imgcol{display:none}
.lx-showimg{display:none;align-self:flex-start;border:1px solid #cfdcea;background:#fff;border-radius:4px;height:26px;padding:0 10px;font-size:11px;font-weight:700;color:#1477f2;cursor:pointer}
.wf-lector-grid.sin-img .lx-showimg{display:inline-block}
.wf-lector-lines textarea.lx-desc{width:100%;box-sizing:border-box;border:1px solid #d6e2ef;border-radius:4px;padding:5px 4px;font-size:11px;font-family:inherit;resize:none;overflow:hidden;min-height:26px;line-height:1.3}
.wf-lector-lines td{vertical-align:top}
.wf-lector-lines td:first-child .lx-dot{margin-top:7px}

/* 4.17.289 · ficha técnica por línea */
.wf-lector-lines tr.lx-ficha td{border-top:0;padding-top:0;padding-bottom:8px;background:#fafcff}
.wf-lector-lines tr.lx-ficha.hidden{display:none}
.lx-fgrid{display:grid;grid-template-columns:2fr 2.2fr 1.2fr repeat(11,minmax(0,1fr));gap:5px}
.lx-fgrid label{display:flex;flex-direction:column;gap:2px;font-size:9px;color:#6d86a5;font-weight:700}
.lx-fgrid input{height:24px!important;font-size:10.5px!important}

/* 4.17.292 · ficha material: general más ajustada */
#record-modal.material-mode .material-general-stock{grid-template-columns:repeat(24,minmax(0,1fr))!important}
#record-modal.material-mode .material-general-stock>.field-group{grid-column:span 4}
#record-modal.material-mode .material-general-stock>.field-group:nth-child(1){grid-column:span 3}
#record-modal.material-mode .material-general-stock>.field-group:nth-child(2){grid-column:span 4}
#record-modal.material-mode .material-general-stock>.field-group:nth-child(3){grid-column:span 11}
#record-modal.material-mode .material-general-stock>.field-group:nth-child(4),
#record-modal.material-mode .material-general-stock>.field-group:nth-child(5){grid-column:span 3}
#record-modal.material-mode .material-general-stock>.field-group:nth-child(n+12){grid-column:span 6}
#record-modal.material-mode .material-general-stock>.field-group.wide{grid-column:1/-1}
@media(max-width:1100px){#record-modal.material-mode .material-general-stock>.field-group{grid-column:span 12!important}#record-modal.material-mode .material-general-stock>.field-group.wide{grid-column:1/-1!important}}

/* 4.17.295 · ficha material: [pictograma][pestañas][nombre a la derecha] + acciones debajo */
#record-modal.material-mode .record-dialog-actions,#record-modal.material-mode #record-close{display:none!important}
#record-modal.material-mode #material-hero .material-hero2{display:flex!important;align-items:center;gap:14px;padding:8px 14px}
#record-modal.material-mode #material-hero .material-tabs2{display:flex!important;flex:0 1 auto;gap:0;border:0!important;margin:0!important;padding:0!important;overflow:visible!important;background:transparent!important;flex-wrap:nowrap}
#record-modal.material-mode #material-hero .material-tabs2 .client-tab{flex:0 0 auto;min-width:96px;padding:6px 10px}
#record-modal.material-mode #material-hero .material-identity2{flex:1;min-width:0;text-align:right}
#record-modal.material-mode #material-hero .material-identity2 strong{display:block;white-space:normal;line-height:1.25}
#record-modal.material-mode #material-hero .material-actions-bar2{display:flex;gap:8px;justify-content:flex-start;padding:10px 14px}
@media(max-width:1200px){#record-modal.material-mode #material-hero .material-hero2{flex-wrap:wrap}#record-modal.material-mode #material-hero .material-tabs2{order:3;width:100%;flex-wrap:wrap}}
#record-modal.material-mode .material-fields{min-height:0!important;height:auto!important;align-content:start}
#record-modal.material-mode .material-section{min-height:0!important;height:auto!important}

/* 4.17.296 · nombre a la izquierda, pestañas a la derecha sin solaparse; cabecera igual que el resto */
#record-modal.material-mode #material-hero .material-identity2{text-align:left!important;flex:1 1 260px}
#record-modal.material-mode #material-hero .material-tabs2{margin-left:auto!important;flex:0 0 auto!important}
#record-modal.material-mode #material-hero .material-tabs2 .client-tab{min-width:0!important;width:auto!important;padding:6px 12px!important}
#record-modal.material-mode #material-hero .material-tabs2 .client-tab span{white-space:nowrap;font-size:12px}
@media(max-width:1350px){#record-modal.material-mode #material-hero .material-hero2{flex-wrap:wrap}#record-modal.material-mode #material-hero .material-tabs2{order:3;width:100%;justify-content:flex-end;flex-wrap:wrap}}
#record-modal.material-mode #record-mode{display:none!important}
/* 4.17.297 · pestañas con el texto dentro y acciones a la derecha */
#record-modal.material-mode #material-hero .material-tabs2 > .client-tab.material-tab{flex:0 0 auto!important;width:auto!important;max-width:none!important;min-width:max-content!important;padding:6px 14px!important;overflow:visible!important}
#record-modal.material-mode #material-hero .material-tabs2 > .client-tab.material-tab span{white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;max-width:none!important;width:auto!important;font-size:11.5px!important}
#record-modal.material-mode #material-hero .material-actions-bar2{justify-content:flex-end!important}
/* 4.17.298 · todas las pestañas con el ancho de la más ancha (Comercio electrónico) */
#record-modal.material-mode #material-hero .material-tabs2 > .client-tab.material-tab{flex:0 0 142px!important;width:142px!important;min-width:142px!important;max-width:142px!important;padding:6px 4px!important}
#record-modal.material-mode #material-hero .material-actions-bar2 > .wf-action-btn{width:172px;justify-content:center}

/* 4.17.300 · fila de stock con M² EN STOCK */
#record-modal.material-mode .material-general-stock>.field-group:nth-child(12),#record-modal.material-mode .material-general-stock>.field-group:nth-child(13),#record-modal.material-mode .material-general-stock>.field-group:nth-child(15),#record-modal.material-mode .material-general-stock>.field-group:nth-child(16){grid-column:span 5}
#record-modal.material-mode .material-general-stock>.field-group:nth-child(14){grid-column:span 4}
#record-modal.material-mode .material-general-stock input[name="metros_stock"]{background:#eef7f1;color:#0b6b37;font-weight:700}

/* 4.17.305 · título como Clientes; NUEVO / GUARDAR CAMBIOS / GUARDAR Y SALIR / CANCELAR / SUMAR ENTRADA arriba */
#record-modal.material-mode #wf-material-title-picto{width:42px!important;height:42px!important}
#record-modal:not(.material-mode) .wf-mat-headbtn{display:none!important}
#record-modal.material-mode .record-head-actions{display:flex!important;align-items:center;gap:8px}
#record-modal.material-mode .record-head-actions [data-material-new]{order:1}
#record-modal.material-mode #record-head-save{order:2}
#record-modal.material-mode #record-head-save-exit{order:3}
#record-modal.material-mode #record-head-cancel{order:4}
#record-modal.material-mode .record-head-actions [data-material-stock]{order:5}
#record-modal.material-mode #record-close{order:6}
#record-modal.material-mode .record-head-actions .wf-mat-headbtn{width:auto!important;height:auto;min-height:38px}

/* 4.17.306 · cabecera de la ficha de material = misma jerarquía que Clientes (reglas copiadas) */
.record-modal.material-mode .record-dialog-head{
  min-height:62px;
  padding:12px 18px;
  flex:0 0 auto;
}
.record-modal.material-mode .record-dialog-head small{
  font-size:10px;
  letter-spacing:.2px;
}
.record-modal.material-mode .record-dialog-head h2{
  font-size:22px;
  margin:2px 0 0;
}
#record-modal.material-mode .record-dialog-head{
  min-height:62px!important;
  padding:12px 18px!important;
  flex:0 0 auto!important;
}
#record-modal.material-mode .record-dialog-head h2{
  font-size:22px!important;
}
#record-modal.material-mode .record-dialog-head{min-height:64px;padding:10px 16px;gap:12px}
#record-modal.material-mode .record-head-title{align-items:center;gap:16px}
#record-modal.material-mode .record-back-list{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:#0878ec;font:700 12px/1 'Segoe UI',Arial,sans-serif;cursor:pointer;padding:8px 4px;white-space:nowrap}
#record-modal.material-mode .record-back-list:hover{color:#075fb8;text-decoration:underline}
#record-modal.material-mode .record-head-title>div{display:flex;align-items:center;gap:10px;min-width:0}
#record-modal.material-mode .record-dialog-head small{margin:0;color:#0878ec;font-size:10px;font-weight:800;letter-spacing:.02em}
#record-modal.material-mode .record-dialog-head h2{font-size:20px;line-height:1.1;margin:0;color:#0b2d5c;font-weight:700}
#record-modal.material-mode .record-head-actions>.btn{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 16px;border-radius:4px;font:700 11px/1 'Segoe UI',Arial,sans-serif}
#record-modal.material-mode .record-dialog-head{
  min-height:76px!important;
  padding:12px 20px!important;
  gap:16px!important;
  border-bottom:1px solid #d7e5f4!important;
  background:#fff!important;
}
#record-modal.material-mode .record-head-title{
  gap:18px!important;
  align-items:center!important;
}
#record-modal.material-mode .record-back-list{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:38px!important;
  padding:0 14px!important;
  border:1px solid #a9c9ed!important;
  border-radius:4px!important;
  background:#f4f8fd!important;
  color:#0b5db7!important;
  font:700 12.5px/1 "Segoe UI Semibold","Segoe UI",Arial,sans-serif!important;
  text-decoration:none!important;
}
#record-modal.material-mode .record-back-list svg{
  width:17px!important;
  height:17px!important;
}
#record-modal.material-mode .record-back-list:hover{
  color:#075fb8!important;
  background:#eaf3fd!important;
  border-color:#7eafe4!important;
  border-radius:4px!important;
  text-decoration:none!important;
}
#record-modal.material-mode .record-dialog-head small{
  display:block!important;
  margin:0 0 3px!important;
  color:#0878ec!important;
  font:800 10px/1 "Segoe UI Semibold","Segoe UI",Arial,sans-serif!important;
  letter-spacing:.04em!important;
}
#record-modal.material-mode .record-dialog-head small:empty{display:none!important}
#record-modal.material-mode .record-dialog-head h2{
  margin:0!important;
  color:#0b2d5c!important;
  font:700 23px/1.1 "Segoe UI Semibold","Segoe UI",Arial,sans-serif!important;
  white-space:nowrap!important;
}
#record-modal.material-mode .record-head-actions{
  gap:8px!important;
}
#record-modal.material-mode .record-head-actions>.btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  height:38px!important;
  min-width:132px!important;
  padding:0 16px!important;
  border-radius:4px!important;
  box-shadow:none!important;
  font:700 11.5px/1 "Segoe UI Semibold","Segoe UI",Arial,sans-serif!important;
  letter-spacing:.01em!important;
  cursor:pointer!important;
}
#record-modal.material-mode .record-head-actions>.btn svg{
  width:16px!important;
  height:16px!important;
}
#record-modal.material-mode #record-title{
  font-weight:700!important;
}
#record-modal.material-mode .record-head-actions{
  flex:0 0 auto!important;
  margin-left:auto!important;
}
#record-modal.material-mode #record-title{
  font-family:"Segoe UI",Arial,sans-serif!important;font-weight:700!important;
}
#record-modal.material-mode #wf-material-title-picto{width:42px!important;height:42px!important;flex:0 0 42px}
#record-modal.material-mode .record-dialog-head h2#record-title{font-size:20px!important;line-height:1.1!important;color:#0b2d5c!important;font-weight:700!important;font-family:"Segoe UI",Arial,sans-serif!important}

/* 4.17.307 · fila de unidades (compra/consumo/conversión/tipo/formato/decimales) y fila de stock desplazada */
#record-modal.material-mode .material-general-stock>.field-group:nth-child(n+12){grid-column:span 4}
#record-modal.material-mode .material-general-stock>.field-group:nth-child(18),#record-modal.material-mode .material-general-stock>.field-group:nth-child(19),#record-modal.material-mode .material-general-stock>.field-group:nth-child(21),#record-modal.material-mode .material-general-stock>.field-group:nth-child(22){grid-column:span 5}
#record-modal.material-mode .material-general-stock>.field-group:nth-child(20){grid-column:span 4}
#record-modal.material-mode .material-general-stock>.field-group.wide{grid-column:1/-1}
#record-modal.material-mode input[name="tipo_medida"]{background:#f1f5fa}

#record-modal.material-mode input[data-wf-green]{background:#eef7f1;color:#0b6b37;font-weight:700}

.lx-mem{display:block;font-size:12px;line-height:1;margin-top:3px;cursor:help}
/* 4.17.320 · Información general: 5 columnas (referencia, ref. proveedor, código barras, proveedor, SECTOR) */
#record-modal.material-mode .material-section:first-child .material-fields{grid-template-columns:repeat(5,minmax(0,1fr))!important}
#record-modal.material-mode select[data-wf-sector]{font-weight:700;color:#1477f2}

/* 4.17.611 · ficha de material: las pestañas (General, Técnica, Proveedores…) siempre alineadas a la derecha
   (la regla general de .client-tabs las estiraba a todo el ancho y quedaban pegadas al nombre) */
html body:not(#_a):not(#_b):not(#_c):not(#_d) #record-modal.material-mode #material-hero .material-hero2 > .material-tabs2{width:auto!important;min-width:0!important;max-width:none!important;flex:0 0 auto!important;margin:0 0 0 auto!important;justify-content:flex-end!important;flex-wrap:nowrap!important}
html body:not(#_a):not(#_b):not(#_c):not(#_d) #record-modal.material-mode #material-hero .material-hero2 > .material-tabs2 > button{flex:0 0 142px!important;width:142px!important;min-width:142px!important}
html body:not(#_a):not(#_b):not(#_c):not(#_d) #record-modal.material-mode #material-hero .material-hero2 > .material-identity2{flex:1 1 260px!important;min-width:0!important}
@media(max-width:1350px){html body:not(#_a):not(#_b):not(#_c):not(#_d) #record-modal.material-mode #material-hero .material-hero2 > .material-tabs2{flex-wrap:wrap!important}}