/**
 * Proyecto: AlmacenTech · Centro de Dispositivos
 * Archivo: prototipos/dispositivos/recursos/css/portatiles.css
 * Versión: V5
 * Uso: ajustes exclusivos del nuevo Dashboard y listado de Portátiles.
 * Aislamiento: prefijo body[data-page="portatiles"].
 */
body[data-page="portatiles"] { --brand:#214e89; --accent:#2865a8; --accent-weak:#eaf3ff; --accent-border:#bdd3ef; }
body[data-page="portatiles"] .brand-symbol{background:#214e89;color:white;display:grid;place-items:center;border-radius:11px;font-size:1.7rem;min-width:47px;height:47px}
body[data-page="portatiles"] .page-intro code{background:#eaf3ff;border-radius:4px;padding:2px 5px}
body[data-page="portatiles"] .tools-top .tools-group{align-items:end;flex-wrap:wrap}
body[data-page="portatiles"] label{font-weight:600;font-size:.87rem}
body[data-page="portatiles"] label input,body[data-page="portatiles"] label select{display:block;margin-top:5px}
body[data-page="portatiles"] .filter-search .input{min-width:220px;}
body[data-page="portatiles"] .filter-fold{margin-top:16px}
body[data-page="portatiles"] .filter-fold summary{cursor:pointer}
body[data-page="portatiles"] .filter-fold .filter-grid{padding:18px}
body[data-page="portatiles"] .portatiles-toolbar{display:flex;gap:12px;justify-content:space-between;margin:20px 0 10px;font-size:.88rem}
body[data-page="portatiles"] .text-muted{color:var(--muted)}
body[data-page="portatiles"] .pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:16px}
body[data-page="portatiles"] .notice{border:1px solid #c5ddec;background:#f0f7ff;border-radius:12px;padding:12px 16px;margin-top:10px}
body[data-page="portatiles"] .notice.error{background:#fff3f3;border-color:#eab9b9;color:#9f2933}
body[data-page="portatiles"] .portatiles-table{width:100%;border-collapse:collapse;min-width:1000px}
body[data-page="portatiles"] .portatiles-table th{background:#153854;color:white;font-size:.79rem;text-transform:uppercase;letter-spacing:.03em;text-align:left;padding:13px 10px}
body[data-page="portatiles"] .portatiles-table td{border-bottom:1px solid #dce7ee;padding:12px 10px;font-size:.88rem;vertical-align:top}
body[data-page="portatiles"] .portatiles-table tr:hover{background:#f0f7ff}
body[data-page="portatiles"] .portatiles-table .mono{font-family:ui-monospace,Consolas,monospace;overflow-wrap:anywhere}
body[data-page="portatiles"] .state-tag{padding:4px 9px;background:#e8f2ff;border-radius:999px;font-weight:650;color:#214e89;white-space:nowrap}
body[data-page="portatiles"] .state-tag.done{background:#dcf8e8;color:#066940}
body[data-page="portatiles"] .state-tag.progress{background:#fff1d7;color:#80560d}
body[data-page="portatiles"] .mini-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:12px}
body[data-page="portatiles"] .mini-card{border:1px solid #d7e7ef;border-radius:12px;background:white;padding:15px}
body[data-page="portatiles"] .mini-card h3{font-size:1rem;margin:0 0 10px}
body[data-page="portatiles"] .mini-card dl{display:grid;grid-template-columns:1fr 1.5fr;gap:6px 8px;font-size:.86rem;margin:10px 0 0}
body[data-page="portatiles"] .mini-card dt{color:var(--muted)}
body[data-page="portatiles"] .mini-card dd{margin:0;overflow-wrap:anywhere}
@media(max-width:850px){body[data-page="portatiles"] .tools-top{flex-direction:column;align-items:stretch}body[data-page="portatiles"] .tools-top .tools-group{justify-content:flex-start}body[data-page="portatiles"] .filter-search .input{min-width:0;width:100%}body[data-page="portatiles"] .portatiles-toolbar .text-muted{display:none}body[data-page="portatiles"] .pagination{justify-content:center}}

/* ========== V4 · Dashboard y listado son pantallas diferenciadas ========== */
body[data-page="portatiles"][data-vista="dashboard"] .listado-view,
body[data-page="portatiles"][data-vista="listado"] .dashboard-view { display:none !important; }
body[data-page="portatiles"] .top-info { margin:14px 0 15px; border-left:4px solid #256bc2; }
body[data-page="portatiles"] .device-subnav { display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 17px; }
body[data-page="portatiles"] .device-subnav .btn { text-decoration:none; }
body[data-page="portatiles"] .pending-modules { display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px; }
body[data-page="portatiles"] .pending-modules>div { display:flex;flex-direction:column;gap:6px;background:#f7fbff;border:1px solid #d4e2f3;border-radius:10px;padding:16px;color:#275c93; }
body[data-page="portatiles"] .pending-modules small { color:#576f87; }
body[data-page="portatiles"] .port-filter-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px; }
body[data-page="portatiles"] .port-filter-grid .input,body[data-page="portatiles"] .port-filter-grid .select { width:100%;min-width:0; }
@media (max-width:1024px) {body[data-page="portatiles"] .port-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px) {body[data-page="portatiles"] .port-filter-grid{grid-template-columns:1fr}}

/* ===== V5 | Copia de referencia original y cuadros de mando por dispositivo ===== */
body[data-page=portatiles][data-vista=dashboard] .listado-view,
body[data-page=portatiles][data-vista=dashboard] .stock-view,
body[data-page=portatiles][data-vista=dashboard] .calendario-view,
body[data-page=portatiles][data-vista=listado] .dashboard-view,
body[data-page=portatiles][data-vista=listado] .stock-view,
body[data-page=portatiles][data-vista=listado] .calendario-view,
body[data-page=portatiles][data-vista=stock] .dashboard-view,
body[data-page=portatiles][data-vista=stock] .listado-view,
body[data-page=portatiles][data-vista=stock] .calendario-view,
body[data-page=portatiles][data-vista=calendario] .dashboard-view,
body[data-page=portatiles][data-vista=calendario] .listado-view,
body[data-page=portatiles][data-vista=calendario] .stock-view {display:none!important}
.dashboard-original-lectura{display:grid;gap:12px}
.legacy-panel{border:1px solid #c8dbe9;border-radius:12px;background:#fff;overflow:hidden}
.legacy-panel>summary{padding:14px 17px;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;background:#eef5fc;color:#14344e;font-weight:750}
.legacy-panel>summary small{font-size:11px;font-weight:500;color:#496a80}
.legacy-panel-body{padding:14px}
.legacy-grid{display:grid;gap:12px}.legacy-grid.six{grid-template-columns:repeat(6,minmax(0,1fr))}.legacy-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.legacy-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.legacy-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.legacy-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.legacy-stat{min-width:0;min-height:104px;border:1px solid #d6e4ee;border-left:4px solid #2460a4;background:white;border-radius:9px;display:grid;align-content:center;justify-items:start;gap:5px;padding:13px}
.legacy-stat-icon{font-size:18px;color:#28679b}.legacy-stat strong{font-size:26px;color:#15375c;line-height:1}.legacy-stat>span:last-of-type{font-size:12px}.legacy-stat.warning{border-left-color:#ef981e}.legacy-stat.critical{border-left-color:#dc4242}.legacy-stat.highlight{background:#ecf5ff}.legacy-stat.success{border-left-color:#22935c}.legacy-stat.success strong{color:#0a6d4d}
.legacy-stat progress{width:100%;height:7px}.legacy-line-metrics{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:14px}.legacy-line-metrics span{font-size:13px}.legacy-line-metrics b{color:#125a94;padding:0 4px}
.legacy-day{border:1px solid #dbe6ee;border-radius:9px;text-align:center;overflow:hidden;display:grid;gap:10px;padding-bottom:16px}.legacy-day header{background:#0868bb;color:#fff;padding:11px 5px;font-weight:750;font-size:13px}.legacy-day.d1 header{background:#0a819d}.legacy-day.d2 header{background:#098a74}.legacy-day.d3 header{background:#198956}.legacy-day.d4 header{background:#aa6817}.legacy-day strong{font-size:25px;color:#b12724}.legacy-day span{font-size:12px}.legacy-day.has-prod{border-color:#078c71}
.legacy-footnote{color:#5a7287;font-size:12px;margin:12px 0 2px}.legacy-alert{padding:13px 17px;border:1px solid #b2d6e8;background:#edf9fd;border-radius:9px;color:#285471;font-size:13px}
.calendar-month{display:flex;gap:10px;align-items:center;margin-bottom:15px}.calendar-month input{border:1px solid #cadbe6;border-radius:9px;padding:9px}
@media(max-width:1260px){.legacy-grid.six{grid-template-columns:repeat(3,minmax(0,1fr))}.legacy-grid.five{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:750px){.legacy-grid.six,.legacy-grid.four,.legacy-grid.five,.legacy-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.legacy-panel>summary{flex-direction:column;align-items:flex-start}.legacy-stat strong{font-size:23px}}
@media(max-width:420px){.legacy-grid.six,.legacy-grid.four,.legacy-grid.five,.legacy-grid.three,.legacy-grid.two{grid-template-columns:1fr}}