:root{
  --bg:#f5f7fa;
  --panel:#ffffff;
  --panel-soft:#f8fafc;
  --ink:#172033;
  --ink-strong:#0f172a;
  --muted:#667085;
  --muted-2:#98a2b3;
  --line:#e4e7ec;
  --line-strong:#d0d5dd;
  --sidebar:#0f172a;
  --sidebar-hover:#1e293b;
  --sidebar-active:#26354b;
  --sidebar-text:#e5e7eb;
  --accent:#2563eb;
  --accent-soft:#eff6ff;
  --ok:#067647;
  --warn:#b54708;
  --bad:#b42318;
  --blue:#175cd3;
  --radius:16px;
  --radius-sm:11px;
  --shadow-sm:0 1px 2px rgba(16,24,40,.05);
  --shadow-md:0 8px 24px rgba(15,23,42,.08);
}

*{box-sizing:border-box}
html{min-height:100%;background:var(--bg)}
body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}
body.sidebar-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{touch-action:manipulation}

.layout{display:grid;grid-template-columns:272px minmax(0,1fr);min-height:100vh}
.sidebar{background:var(--sidebar);color:#fff;padding:18px 14px 16px;position:sticky;top:0;height:100vh;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;z-index:60}
.sidebar-head{display:flex;align-items:center;gap:10px;min-height:56px;margin-bottom:12px}
.brand{display:flex;align-items:center;gap:11px;min-width:0;padding:4px 6px;flex:1}
.brand-mark{width:38px;height:38px;flex:0 0 38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#ffffff 0%,#dbeafe 100%);color:#0f172a;font-size:12px;font-weight:900;letter-spacing:.03em;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.brand-copy{display:flex;flex-direction:column;min-width:0}
.brand-copy strong{font-size:15px;line-height:1.2;font-weight:800;letter-spacing:.01em;white-space:nowrap}
.brand-copy small{color:#94a3b8;font-size:10px;font-weight:600;margin-top:3px;white-space:nowrap}

.nav{display:flex;flex-direction:column;flex:1;padding-bottom:14px}
.nav-title{color:#7f8ba3;text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:.16em;margin:18px 10px 7px}
.nav-link{display:flex;align-items:center;gap:11px;min-height:42px;padding:9px 11px;border-radius:11px;color:var(--sidebar-text);font-size:14px;font-weight:600;margin:2px 0;transition:background .15s ease,color .15s ease,transform .15s ease}
.nav-link:hover{background:var(--sidebar-hover);color:#fff}
.nav-link.active{background:var(--sidebar-active);color:#fff;box-shadow:inset 3px 0 0 #60a5fa}
.nav-link:active{transform:scale(.99)}
.nav-icon{width:19px;height:19px;flex:0 0 19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:#94a3b8}
.nav-link.active .nav-icon,.nav-link:hover .nav-icon{color:#bfdbfe}

.sidebar-footer{margin-top:auto;padding-top:10px;border-top:1px solid rgba(148,163,184,.16)}
.sidebar-account{display:flex;align-items:center;gap:10px;padding:9px 8px;border-radius:11px}
.sidebar-account:hover{background:var(--sidebar-hover)}
.sidebar-account-copy{display:flex;flex-direction:column;min-width:0}
.sidebar-account-copy strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-account-copy small{margin-top:2px;color:#94a3b8;font-size:10px;text-transform:capitalize}
.footer{color:#64748b;font-size:9px;margin:11px 8px 2px}

.avatar{width:32px;height:32px;flex:0 0 32px;border-radius:50%;display:grid;place-items:center;background:#dbeafe;color:#1d4ed8;font-weight:900;font-size:12px}
.small-avatar{width:30px;height:30px;flex-basis:30px}

.content{min-width:0;width:100%;padding:26px 30px 40px;max-width:1600px}
.page-content{width:100%}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:48px;margin-bottom:22px}
.topbar-title{display:flex;align-items:center;gap:11px;min-width:0}
.topbar h1{font-size:25px;line-height:1.2;margin:0;color:var(--ink-strong);letter-spacing:-.02em}
.topbar-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.account-chip{display:flex;align-items:center;gap:9px;padding:5px 9px 5px 6px;border-radius:12px;border:1px solid transparent;transition:background .15s,border-color .15s}
.account-chip:hover{background:#fff;border-color:var(--line)}
.account-chip-copy{display:flex;flex-direction:column;text-align:left}
.account-chip-copy strong{font-size:12px;color:#344054;line-height:1.2}
.account-chip-copy small{font-size:10px;color:var(--muted);margin-top:2px;text-transform:capitalize}
.mobile-userline{display:none;color:var(--muted);font-size:11px;margin-top:3px;text-transform:capitalize}

.icon-btn{border:0;background:transparent;color:inherit;display:inline-grid;place-items:center;cursor:pointer;border-radius:11px;width:42px;height:42px;padding:0}
.icon-btn svg,.logout-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mobile-toggle,.sidebar-close{display:none}
.sidebar-overlay{display:none}

.muted{color:var(--muted)}
.grid{display:grid;gap:16px}
.grid.cards{grid-template-columns:repeat(5,minmax(0,1fr))}
.card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}
.card{padding:18px;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
a.card:hover{border-color:#cbd5e1;box-shadow:var(--shadow-md);transform:translateY(-1px)}
.card .num{font-size:28px;font-weight:800;margin-top:6px;color:var(--ink-strong)}
.panel{padding:20px;margin-bottom:18px}
.panel h2{font-size:18px;margin:0 0 16px;color:var(--ink-strong)}
.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.three{grid-template-columns:repeat(3,minmax(0,1fr))}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:10px;min-height:40px;padding:9px 14px;font-weight:750;cursor:pointer;background:#e4e7ec;color:#111827;transition:background .15s,border-color .15s,box-shadow .15s,transform .1s}
.btn:hover{background:#d9dde3}
.btn:active{transform:translateY(1px)}
.btn.primary{background:#111827;color:#fff}.btn.primary:hover{background:#1f2937}
.btn.blue{background:#175cd3;color:#fff}.btn.blue:hover{background:#1849a9}
.btn.danger{background:#b42318;color:#fff}.btn.danger:hover{background:#912018}
.btn.ghost{background:#fff;border-color:var(--line);color:#344054}.btn.ghost:hover{background:#f9fafb;border-color:#d0d5dd}
.btn.small{min-height:32px;padding:6px 10px;font-size:12px}
.actions{display:flex;gap:8px;flex-wrap:wrap}
.logout-btn{min-height:38px;padding:8px 11px;font-size:12px}
.logout-btn svg{width:17px;height:17px}

.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;background:#fff;-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:collapse;font-size:14px}
th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#667085;background:#f9fafb}
tr:last-child td{border-bottom:0}
.badge{display:inline-block;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;background:#eef2f6}
.badge.available,.badge.closed,.badge.returned{background:#ecfdf3;color:#067647}
.badge.loaned,.badge.open,.badge.overdue{background:#fff4ed;color:#b54708}
.badge.repair,.badge.damaged,.badge.missing{background:#fef3f2;color:#b42318}
.badge.maintenance,.badge.in_progress{background:#eff8ff;color:#175cd3}

.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}
label{font-size:12px;font-weight:800;color:#344054}
input,select,textarea{width:100%;border:1px solid #d0d5dd;border-radius:10px;padding:10px 12px;background:#fff;color:#101828;outline:none;transition:border-color .15s,box-shadow .15s}
input:focus,select:focus,textarea:focus{border-color:#84adff;box-shadow:0 0 0 3px rgba(47,128,237,.12)}
textarea{min-height:100px;resize:vertical}
.searchbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.searchbar input{max-width:420px}
.qr-card{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.qr-card img{width:180px;height:180px;image-rendering:pixelated}
.photo{max-width:360px;max-height:260px;border-radius:12px;border:1px solid var(--line)}
.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800}
.empty{padding:24px;color:#667085;text-align:center}

.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}
.login-card{width:min(420px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:var(--shadow-md)}
.login-card h1{margin-top:0}
.flash-error{background:#fef3f2;color:#b42318;padding:10px;border-radius:10px;margin-bottom:14px}
.scanner{background:#111827;border-radius:14px;overflow:hidden;min-height:280px;display:grid;place-items:center;color:#fff}
.scanner video{width:100%;max-height:420px;object-fit:cover}
.kbd{font-family:ui-monospace,monospace;border:1px solid var(--line);background:#fff;border-radius:6px;padding:2px 6px}
.danger-zone{border-color:#fda29b;background:#fffafa}

@media(max-width:1300px){
  .grid.cards{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:1180px){
  .layout{display:block}
  .sidebar{position:fixed;left:0;top:0;width:min(360px,86vw);height:100dvh;transform:translateX(-102%);transition:transform .22s cubic-bezier(.4,0,.2,1);box-shadow:18px 0 50px rgba(15,23,42,.24);padding:16px 14px;z-index:80}
  .sidebar.open{transform:translateX(0)}
  .sidebar-close{display:inline-grid;color:#cbd5e1;flex:0 0 42px}
  .sidebar-close:hover{background:rgba(255,255,255,.08);color:#fff}
  .sidebar-overlay{display:block;position:fixed;inset:0;z-index:70;border:0;padding:0;background:rgba(15,23,42,.48);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;backdrop-filter:blur(1px)}
  body.sidebar-open .sidebar-overlay{opacity:1;visibility:visible;pointer-events:auto}
  .content{max-width:none;padding:18px 22px 36px}
  .topbar{margin-bottom:20px}
  .mobile-toggle{display:inline-grid;background:#e9edf3;color:#172033}
  .mobile-toggle:hover{background:#dde3eb}
  .account-chip-copy{display:none}
  .grid.cards{grid-template-columns:repeat(3,minmax(0,1fr))}
  .three{grid-template-columns:1fr 1fr}
}

@media(max-width:760px){
  .content{padding:14px 16px 32px}
  .topbar{gap:10px;align-items:flex-start;margin-bottom:18px}
  .topbar-title{align-items:center;min-height:42px}
  .topbar h1{font-size:24px}
  .mobile-userline{display:block}
  .account-chip{display:none}
  .logout-btn{width:40px;height:40px;min-height:40px;padding:0;border-radius:11px}
  .logout-btn span{display:none}
  .grid.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .form-grid,.two,.three{grid-template-columns:1fr}
  .panel{padding:17px}
}

@media(max-width:520px){
  .content{padding:12px 14px 28px}
  .topbar{position:sticky;top:0;z-index:30;margin:0 -14px 16px;padding:10px 14px;background:rgba(245,247,250,.94);backdrop-filter:blur(10px);border-bottom:1px solid rgba(228,231,236,.8)}
  .topbar h1{font-size:22px}
  .mobile-toggle{width:40px;height:40px}
  .sidebar{width:min(340px,88vw)}
  .brand-copy strong{font-size:14px}
  .nav-link{font-size:15px;min-height:45px}
  .grid.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .card{padding:14px 15px}
  .card .muted{font-size:12px;line-height:1.25}
  .card .num{font-size:25px;margin-top:7px}
  .panel{border-radius:14px}
  .qr-card img{width:150px;height:150px}
}

@media(max-width:360px){
  .grid.cards{grid-template-columns:1fr}
}

@media print{
  .sidebar,.sidebar-overlay,.topbar,.no-print,.footer{display:none!important}
  .layout{display:block}.content{padding:0;max-width:none}.panel{border:0;box-shadow:none}
}

/* UI-02 dashboard */
.dashboard-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 30px;margin-bottom:28px;border-radius:22px;background:linear-gradient(135deg,#0f172a 0%,#15233d 58%,#1d4ed8 145%);color:#fff;box-shadow:0 16px 40px rgba(15,23,42,.13)}
.dashboard-hero::after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-95px;top:-120px;background:rgba(96,165,250,.13);box-shadow:-80px 145px 0 20px rgba(37,99,235,.09);pointer-events:none}
.dashboard-hero-copy{position:relative;z-index:1;max-width:700px}
.eyebrow{display:block;margin-bottom:7px;font-size:10px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;color:#64748b}
.dashboard-hero .eyebrow{color:#93c5fd}
.dashboard-hero h2{margin:0;font-size:28px;line-height:1.15;letter-spacing:-.025em;color:#fff}
.dashboard-hero p{max-width:650px;margin:9px 0 0;color:#cbd5e1;font-size:14px;line-height:1.55}
.dashboard-hero-actions{position:relative;z-index:1;display:flex;align-items:center;gap:10px;flex:0 0 auto}
.dashboard-hero-actions .btn{min-height:44px;padding:10px 15px;border-radius:12px}
.dashboard-hero-actions svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.dashboard-scan{background:#fff;color:#0f172a}.dashboard-scan:hover{background:#eff6ff}
.dashboard-secondary{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.18)}.dashboard-secondary:hover{background:rgba(255,255,255,.15)}
.dashboard-section{margin-top:28px}
.section-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:13px}
.section-heading-row .eyebrow{margin-bottom:4px}
.section-heading-row h2{margin:0;color:var(--ink-strong);font-size:19px;letter-spacing:-.015em}
.dashboard-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.stat-card{position:relative;min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:17px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#cbd5e1}
.stat-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:#1d4ed8;background:#eff6ff}
.stat-icon svg,.quick-action-icon svg,.activity-icon svg,.empty-state-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.stat-copy{min-width:0;display:flex;flex-direction:column}
.stat-label{font-size:12px;font-weight:750;color:#475467;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stat-copy strong{font-size:25px;line-height:1.05;color:#101828;margin-top:4px;letter-spacing:-.03em}
.stat-copy small{font-size:9px;color:#98a2b3;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stat-arrow{color:#98a2b3;font-size:15px;transition:transform .15s ease,color .15s ease}.stat-card:hover .stat-arrow{transform:translateX(2px);color:#344054}
.stat-loaned .stat-icon{color:#b54708;background:#fff4ed}.stat-incidents .stat-icon{color:#b42318;background:#fef3f2}.stat-maintenance .stat-icon{color:#175cd3;background:#eff8ff}.stat-products .stat-icon{color:#6941c6;background:#f4f3ff}
.quick-actions-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.quick-action{display:flex;align-items:center;gap:12px;min-width:0;padding:15px 16px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--shadow-sm);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.quick-action:hover{transform:translateY(-1px);border-color:#cbd5e1;box-shadow:var(--shadow-md)}
.quick-action-icon{width:38px;height:38px;flex:0 0 38px;border-radius:11px;display:grid;place-items:center;background:#f2f4f7;color:#344054}
.quick-action>span:last-child{min-width:0;display:flex;flex-direction:column}.quick-action strong{font-size:12px;color:#1d2939}.quick-action small{font-size:10px;color:#98a2b3;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dashboard-activity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.activity-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-sm);overflow:hidden}
.activity-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 18px;border-bottom:1px solid #f0f2f5}
.activity-title-wrap{display:flex;align-items:center;gap:11px;min-width:0}.activity-title-wrap>div{min-width:0}
.activity-icon{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:10px;background:#eff6ff;color:#175cd3}.incident-icon{background:#fef3f2;color:#b42318}
.activity-card h3{margin:0;color:#101828;font-size:14px}.activity-card-head p{margin:3px 0 0;color:#98a2b3;font-size:10px}
.text-link{flex:0 0 auto;font-size:10px;font-weight:800;color:#175cd3;padding:6px 7px;border-radius:8px}.text-link:hover{background:#eff6ff}
.dashboard-table{border:0;border-radius:0}.dashboard-table th{background:#fcfcfd}.dashboard-table th,.dashboard-table td{padding:10px 13px;font-size:11px}.dashboard-table th{font-size:9px}
.empty-state{min-height:165px;padding:24px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#667085}
.empty-state-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#ecfdf3;color:#067647;margin-bottom:8px}.empty-state-icon svg{width:18px;height:18px}
.empty-state strong{font-size:13px;color:#344054}.empty-state>span:not(.empty-state-icon){font-size:11px;margin-top:4px}.empty-state a{margin-top:10px;font-size:10px;font-weight:800;color:#175cd3}

@media(max-width:1300px){
  .dashboard-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .quick-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .dashboard-hero{padding:24px;align-items:flex-start}
  .dashboard-hero-actions{flex-direction:column;align-items:stretch}
  .dashboard-hero-actions .btn{white-space:nowrap}
  .dashboard-activity-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .dashboard-hero{display:block;margin:0 0 24px;padding:22px;border-radius:18px}
  .dashboard-hero h2{font-size:24px}.dashboard-hero p{font-size:12px}
  .dashboard-hero-actions{margin-top:18px;display:grid;grid-template-columns:1fr 1fr}
  .dashboard-hero-actions .btn{min-width:0;padding:9px 10px;font-size:11px}
  .dashboard-section{margin-top:24px}.section-heading-row{margin-bottom:10px}.section-heading-row h2{font-size:17px}
  .dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .stat-card{display:flex;align-items:flex-start;min-height:112px;padding:14px;gap:10px;flex-wrap:wrap}
  .stat-icon{width:34px;height:34px;flex:0 0 34px}.stat-icon svg{width:18px;height:18px}
  .stat-copy{flex:1 1 calc(100% - 50px)}.stat-label{font-size:11px}.stat-copy strong{font-size:24px}.stat-copy small{display:none}.stat-arrow{display:none}
  .stat-card:nth-child(5){grid-column:1/-1;min-height:90px;display:grid;grid-template-columns:auto minmax(0,1fr)}
  .stat-card:nth-child(5) .stat-copy small{display:block}
  .quick-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .quick-action{padding:13px;gap:9px}.quick-action-icon{width:34px;height:34px;flex-basis:34px}.quick-action small{display:none}
  .activity-card-head{padding:14px}.activity-card-head p{display:none}.activity-card h3{font-size:13px}.text-link{font-size:9px}
  .empty-state{min-height:132px;padding:18px 14px}
}
@media(max-width:420px){
  .dashboard-hero-actions{grid-template-columns:1fr}
  .quick-actions-grid{grid-template-columns:1fr 1fr}
  .quick-action strong{font-size:11px}
}


/* UI-03 · Productos y activos */
.inventory-page-lead{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px}.inventory-page-lead.compact{align-items:flex-start}.inventory-page-lead h2{margin:0;color:#101828;font-size:24px;letter-spacing:-.02em}.inventory-page-lead p{max-width:760px;margin:7px 0 0;color:#667085;font-size:13px;line-height:1.55}.inventory-primary-action svg,.inventory-lead-actions svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.inventory-lead-actions{display:flex;gap:8px;flex-wrap:wrap}
.inventory-toolbar{display:flex;align-items:center;gap:9px;padding:11px;margin-bottom:18px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow-sm)}.inventory-search{position:relative;display:flex;align-items:center;flex:1;min-width:220px}.inventory-search svg{position:absolute;left:12px;width:18px;height:18px;fill:none;stroke:#98a2b3;stroke-width:1.8;stroke-linecap:round}.inventory-search input{padding-left:39px;max-width:none}.inventory-toolbar select{width:auto;min-width:175px}
.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.catalog-card{display:flex;flex-direction:column;min-width:0;min-height:225px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow-sm);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.catalog-card:hover{transform:translateY(-2px);border-color:#cbd5e1;box-shadow:var(--shadow-md)}.catalog-card-top{display:flex;justify-content:space-between;align-items:center}.catalog-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#6941c6;background:#f4f3ff}.catalog-icon.quantity{color:#175cd3;background:#eff8ff}.catalog-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.catalog-chevron{color:#98a2b3;font-size:18px;transition:transform .15s ease,color .15s ease}.catalog-card:hover .catalog-chevron,.asset-card:hover .catalog-chevron,.asset-list-card:hover .catalog-chevron{transform:translateX(3px);color:#344054}.catalog-card-body{margin-top:18px}.catalog-tags{display:flex;gap:6px;flex-wrap:wrap}.soft-tag{display:inline-flex;align-items:center;min-height:23px;padding:3px 8px;border-radius:999px;background:#f2f4f7;color:#475467;font-size:9px;font-weight:800}.soft-tag.blue{background:#eff8ff;color:#175cd3}.soft-tag.purple{background:#f4f3ff;color:#6941c6}.catalog-card h3{margin:12px 0 0;color:#101828;font-size:17px;line-height:1.25}.catalog-card-body>p{margin:5px 0 0;color:#667085;font-size:12px}.catalog-card-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:auto;padding-top:18px;border-top:1px solid #f0f2f5}.catalog-card-foot>div{display:flex;align-items:baseline;gap:7px}.catalog-card-foot strong{font-size:22px;color:#101828}.catalog-card-foot span:not(.badge){font-size:10px;color:#98a2b3}
.inventory-empty-state{min-height:330px;padding:42px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#fff;border:1px dashed #d0d5dd;border-radius:18px}.inventory-empty-state.inline{min-height:190px}.inventory-empty-icon{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:#eff6ff;color:#175cd3;margin-bottom:15px}.inventory-empty-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.inventory-empty-state h3{margin:0;color:#1d2939;font-size:17px}.inventory-empty-state p{max-width:540px;margin:8px 0 17px;color:#667085;font-size:12px;line-height:1.55}
.tracking-explainer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.tracking-choice-card{display:flex;gap:13px;padding:15px 16px;border:1px solid var(--line);border-radius:15px;background:#fff;color:#475467}.tracking-choice-card.active{border-color:#b2ccff;background:#f5f8ff}.tracking-choice-icon{width:38px;height:38px;flex:0 0 38px;border-radius:11px;display:grid;place-items:center;background:#f4f3ff;color:#6941c6}.tracking-choice-icon.quantity{background:#eff8ff;color:#175cd3}.tracking-choice-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.tracking-choice-card strong{display:block;color:#1d2939;font-size:12px}.tracking-choice-card span:last-child{display:block;margin-top:4px;font-size:10px;line-height:1.45;color:#667085}
.inventory-form-shell{display:flex;flex-direction:column;gap:14px}.form-section-card{padding:20px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow-sm)}.form-section-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:19px}.form-section-head>span{width:28px;height:28px;flex:0 0 28px;border-radius:9px;display:grid;place-items:center;background:#eff6ff;color:#175cd3;font-size:11px;font-weight:900}.form-section-head.simple{display:block}.form-section-head h3{margin:1px 0 0;color:#101828;font-size:15px}.form-section-head p{margin:4px 0 0;color:#98a2b3;font-size:10px;line-height:1.45}.inventory-form-grid{gap:16px}.field-help{font-size:9px;color:#98a2b3;line-height:1.4}.tracking-note{display:flex;align-items:flex-start;gap:9px;padding:12px 13px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:11px;color:#475467;font-size:10px;line-height:1.5}.tracking-note svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:#175cd3;stroke-width:1.8}.form-submit-bar{position:sticky;bottom:10px;z-index:15;align-self:flex-end;display:flex;gap:8px;padding:8px;background:rgba(245,247,250,.92);border:1px solid rgba(208,213,221,.8);border-radius:13px;backdrop-filter:blur(10px);box-shadow:0 8px 22px rgba(15,23,42,.08)}
.entity-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px;margin-bottom:22px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-sm)}.entity-hero-icon{width:66px;height:66px;border-radius:18px;display:grid;place-items:center;background:#f4f3ff;color:#6941c6}.entity-hero-icon.quantity{background:#eff8ff;color:#175cd3}.entity-hero-icon svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.7}.entity-hero-copy h2{margin:8px 0 0;font-size:24px;color:#101828;letter-spacing:-.02em}.entity-hero-copy>p{margin:4px 0 0;color:#667085;font-size:12px}.entity-description{margin-top:11px;color:#475467;font-size:11px;line-height:1.5;max-width:720px}.entity-hero-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:170px}.plus{font-size:18px;line-height:1}.stock-hero-value{display:flex;flex-direction:column;align-items:flex-end}.stock-hero-value strong{font-size:32px;color:#101828}.stock-hero-value span{font-size:10px;color:#667085}.inventory-section-block{margin-top:24px}.asset-list-grid{display:flex;flex-direction:column;gap:8px}.asset-list-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:13px;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow-sm)}.asset-list-card:hover{border-color:#cbd5e1}.asset-list-thumb{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;overflow:hidden;background:#f2f4f7;color:#475467}.asset-list-thumb img{width:100%;height:100%;object-fit:cover}.asset-list-thumb svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}.asset-list-main{display:flex;flex-direction:column;min-width:0}.asset-list-main strong{font-size:12px}.asset-list-main small,.asset-list-meta small{margin-top:4px;font-size:9px;color:#98a2b3}.asset-list-meta{display:flex;flex-direction:column;align-items:flex-end}.stock-control-grid{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr);gap:14px}.stock-summary-card{padding:22px;background:linear-gradient(150deg,#f8fbff,#fff);border:1px solid #dbeafe;border-radius:17px}.stock-big-number{font-size:42px;font-weight:850;color:#101828;letter-spacing:-.04em}.stock-big-number small{font-size:14px;color:#667085;font-weight:700}.stock-threshold{margin:4px 0 15px;color:#667085;font-size:10px}.delta-positive{color:#067647}.delta-negative{color:#b42318}
.asset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.asset-card{display:grid;grid-template-columns:74px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-sm);transition:transform .15s,border-color .15s,box-shadow .15s}.asset-card:hover{transform:translateY(-1px);border-color:#cbd5e1;box-shadow:var(--shadow-md)}.asset-card-visual{width:74px;height:74px;border-radius:13px;overflow:hidden;background:#f2f4f7;display:grid;place-items:center}.asset-card-visual img{width:100%;height:100%;object-fit:cover}.asset-card-visual span{color:#667085}.asset-card-visual svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6}.asset-card-copy{min-width:0}.asset-card-topline{display:flex;align-items:center;justify-content:space-between;gap:8px}.asset-card-topline strong{font-size:11px}.asset-card h3{margin:8px 0 0;color:#101828;font-size:15px}.asset-card-copy>p{margin:3px 0 0;color:#667085;font-size:10px}.asset-card-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px;color:#667085;font-size:9px}.asset-card-meta span{display:flex;align-items:center;gap:4px}.asset-card-meta svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8}
.asset-detail-hero{display:grid;grid-template-columns:170px minmax(0,1fr) 155px;gap:22px;align-items:center;padding:20px;margin-bottom:14px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-sm)}.asset-detail-photo{height:150px;border-radius:14px;overflow:hidden;background:#f2f4f7;display:grid;place-items:center}.asset-detail-photo img{width:100%;height:100%;object-fit:cover}.asset-detail-photo span{color:#667085}.asset-detail-photo svg{width:50px;height:50px;fill:none;stroke:currentColor;stroke-width:1.4}.asset-detail-code-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.asset-detail-code-row .code{font-size:12px;color:#175cd3}.asset-detail-main h2{margin:10px 0 0;color:#101828;font-size:24px}.asset-detail-main>p{margin:4px 0;color:#667085;font-size:12px}.entity-product-link{display:inline-block;margin-top:7px;color:#175cd3;font-size:10px;font-weight:800}.asset-detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.asset-detail-qr{display:flex;flex-direction:column;align-items:center;gap:7px;padding:10px;border:1px solid #e4e7ec;border-radius:14px;background:#fcfcfd}.asset-detail-qr img{width:125px;height:125px;image-rendering:pixelated}.asset-detail-qr span{text-align:center;color:#98a2b3;font-size:8px}.asset-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.asset-info-card{padding:14px 15px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow-sm)}.asset-info-card span{display:block;color:#98a2b3;font-size:9px;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.asset-info-card strong{display:block;margin-top:6px;color:#1d2939;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-split-grid{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);gap:14px}.detail-split-grid .form-section-card{margin:0}.asset-data-list{display:flex;flex-direction:column;margin:0}.asset-data-list>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid #f0f2f5}.asset-data-list>div:last-child{border-bottom:0}.asset-data-list dt{color:#667085;font-size:10px}.asset-data-list dd{margin:0;color:#1d2939;font-size:10px;font-weight:750;text-align:right}

@media(max-width:1250px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-grid{grid-template-columns:1fr}}
@media(max-width:900px){.entity-hero{grid-template-columns:auto minmax(0,1fr)}.entity-hero-actions{grid-column:1/-1;flex-direction:row;min-width:0}.stock-hero-value{align-items:flex-start}.asset-detail-hero{grid-template-columns:130px minmax(0,1fr)}.asset-detail-photo{height:130px}.asset-detail-qr{grid-column:1/-1;flex-direction:row;justify-content:flex-start}.asset-detail-qr img{width:105px;height:105px}.asset-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-split-grid{grid-template-columns:1fr}.stock-control-grid{grid-template-columns:1fr}}
@media(max-width:760px){.inventory-page-lead{align-items:flex-start}.inventory-page-lead h2{font-size:21px}.inventory-page-lead p{font-size:11px}.inventory-lead-actions{width:100%}.inventory-lead-actions .btn{flex:1}.inventory-toolbar{align-items:stretch;flex-wrap:wrap;padding:9px}.inventory-search{flex:1 1 100%;min-width:0}.inventory-toolbar select{flex:1;min-width:0;width:100%}.catalog-grid{grid-template-columns:1fr}.catalog-card{min-height:190px;padding:15px}.tracking-explainer{grid-template-columns:1fr}.form-section-card{padding:16px}.form-submit-bar{width:100%;bottom:8px;justify-content:flex-end}.entity-hero{grid-template-columns:54px minmax(0,1fr);padding:16px;gap:13px}.entity-hero-icon{width:54px;height:54px;border-radius:14px}.entity-hero-icon svg{width:26px;height:26px}.entity-hero-copy h2{font-size:20px}.entity-description{font-size:10px}.entity-hero-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.asset-list-card{grid-template-columns:auto minmax(0,1fr) auto}.asset-list-meta{grid-column:2/3;align-items:flex-start;flex-direction:row;gap:8px}.asset-list-card>.catalog-chevron{grid-column:3;grid-row:1/3}.asset-card{grid-template-columns:64px minmax(0,1fr) auto;padding:12px;gap:11px}.asset-card-visual{width:64px;height:64px}.asset-card-topline{align-items:flex-start;flex-direction:column;gap:5px}.asset-card-meta{margin-top:7px}.asset-detail-hero{grid-template-columns:90px minmax(0,1fr);padding:14px;gap:13px}.asset-detail-photo{height:90px}.asset-detail-main h2{font-size:20px}.asset-detail-actions{grid-column:1/-1}.asset-detail-main .asset-detail-actions{display:none}.asset-detail-qr{grid-column:1/-1}.asset-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.asset-info-card{padding:12px}.asset-info-card strong{font-size:11px}}
@media(max-width:520px){.inventory-page-lead{display:block;margin-bottom:14px}.inventory-page-lead>.btn,.inventory-page-lead>.inventory-lead-actions{margin-top:13px}.inventory-primary-action{width:100%}.inventory-empty-state{min-height:260px;padding:30px 18px}.tracking-choice-card{padding:13px}.form-section-card{border-radius:14px}.form-submit-bar{position:static;padding:0;border:0;background:none;box-shadow:none;backdrop-filter:none}.form-submit-bar .btn{flex:1}.entity-hero-actions{grid-template-columns:1fr}.asset-list-thumb{width:38px;height:38px}.asset-card{grid-template-columns:58px minmax(0,1fr) auto}.asset-card-visual{width:58px;height:58px}.asset-detail-hero{grid-template-columns:74px minmax(0,1fr)}.asset-detail-photo{height:74px}.asset-detail-code-row .badge{font-size:9px}.asset-detail-qr{display:none}.asset-info-grid{grid-template-columns:1fr 1fr}.asset-data-list>div{gap:12px}}

/* UI-03.1 · Respeta el atributo HTML hidden */
[hidden]{display:none !important}