:root{
  --bg:#f4f8fc;--surface:#ffffff;--surface2:#f8fbff;--ink:#07152f;--muted:#60708a;--line:#dbe7f3;
  --blue:#0b84ff;--blue2:#006de5;--teal:#00b8c7;--green:#12a65a;--purple:#8c2bd6;--orange:#ff7a00;
  --red:#e72020;--amber:#f5a400;--shadow:0 16px 45px rgba(23,54,88,.12);--radius:24px;
}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:linear-gradient(135deg,#eef5fb,#f8fbff 45%,#eef7ff);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}small,p{color:var(--muted)}
.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:22px 18px;background:rgba(255,255,255,.82);backdrop-filter:blur(20px);border-right:1px solid var(--line);box-shadow:8px 0 40px rgba(25,72,120,.05);display:flex;flex-direction:column;gap:18px}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#e3f6ff,#fff);box-shadow:var(--shadow);font-size:32px}.brand-text strong{display:block;font-size:29px;line-height:.95;color:#0755b8;letter-spacing:.02em}.brand-text span{letter-spacing:.18em;color:#0755b8;font-weight:800}.brand-caption{font-size:12px;color:#405571;margin-top:4px}.user-badge{display:flex;align-items:center;gap:12px;padding:13px;border-radius:20px;background:#fff;box-shadow:var(--shadow);border:1px solid var(--line)}.avatar{width:52px;height:52px;border-radius:18px;background:linear-gradient(145deg,#e0f1ff,#c9dcff);display:grid;place-items:center;font-size:28px}.status-dot{display:inline-block;width:8px;height:8px;border-radius:99px;background:#18be67;margin-right:6px}.nav{display:flex;flex-direction:column;gap:7px}.nav-title{font-size:12px;color:#6d7e96;font-weight:900;margin:10px 8px 4px;text-transform:uppercase;letter-spacing:.05em}.nav a{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:16px;color:#15233a;font-weight:760}.nav a:hover,.nav a.active{background:linear-gradient(135deg,var(--blue),#006ee6);color:#fff;box-shadow:0 14px 30px rgba(11,132,255,.28)}.nav .danger-link{margin-top:auto;color:#e51e2a}.main{min-width:0;padding:24px 24px 96px}.top-strip{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.page-title{display:flex;align-items:center;gap:16px}.page-icon{width:64px;height:64px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,#e4f5ff,#fff);box-shadow:var(--shadow);font-size:36px}.page-title h1{font-size:clamp(28px,4vw,42px);margin:0}.page-title p{margin:4px 0 0}.time-card{padding:14px 18px;border-radius:20px;background:#fff;box-shadow:var(--shadow);border:1px solid var(--line);font-weight:900}.flash-wrap,.alerts{display:grid;gap:10px;margin-bottom:16px}.flash,.alert{padding:15px 17px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);font-weight:750}.success{background:#ecfff4;border-color:#bdebd0;color:#086331}.error,.danger{background:#fff1f1!important;border-color:#ffd0d0!important;color:#a90f18}.warning{background:#fff8e6;border-color:#ffe1a6;color:#855400}.grid{display:grid;gap:18px}.two-col{grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr)}.panel{background:rgba(255,255,255,.88);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.panel h2{margin:0 0 16px}.hero{display:flex;align-items:center;justify-content:space-between;gap:18px;overflow:hidden;background:linear-gradient(120deg,#fff,#f7fbff 45%,#dff4ff)}.hero h2{font-size:28px;margin:0 0 8px}.lab-art{font-size:96px;filter:drop-shadow(0 20px 25px rgba(0,109,229,.18))}.test-grid{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:18px}.test-card{position:relative;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#fff,#f4fbff);padding:16px;min-height:192px;box-shadow:0 14px 34px rgba(37,70,101,.08);display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:space-between;transition:.18s transform,.18s box-shadow}.test-card:hover{transform:translateY(-3px);box-shadow:0 20px 42px rgba(37,70,101,.14)}.test-card:nth-child(4n+1){--accent:var(--blue);background:linear-gradient(145deg,#fafdff,#eaf7ff)}.test-card:nth-child(4n+2){--accent:var(--green);background:linear-gradient(145deg,#fff,#edfff5)}.test-card:nth-child(4n+3){--accent:var(--purple);background:linear-gradient(145deg,#fff,#f7ecff)}.test-card:nth-child(4n+4){--accent:var(--orange);background:linear-gradient(145deg,#fff,#fff2e8)}.test-emoji{font-size:54px;line-height:1}.test-card h2{font-size:19px;margin:4px 0 0}.pill{position:absolute;top:12px;right:12px;padding:6px 9px;border-radius:999px;background:rgba(11,132,255,.12);color:var(--accent);font-size:11px;font-weight:900}.test-card textarea{display:none}.big-action,.primary,button{border:0;border-radius:14px;padding:13px 16px;background:linear-gradient(135deg,var(--accent,var(--blue)),var(--blue2));color:#fff;font-weight:900;cursor:pointer}.big-action{width:100%;font-size:15px}.secondary{background:#edf4fb;color:#1b385c}.quick-success{display:flex;align-items:center;gap:18px;margin-top:18px;padding:18px 24px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.check{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#47d647,#00933b);color:#fff;font-size:34px;font-weight:900}.alert-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.alert-card{padding:18px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);display:flex;gap:14px;align-items:center}.alert-card .icon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;font-size:28px}.amber .icon{background:#fff1c9}.red .icon{background:#ffe1e1}.blue .icon{background:#dff1ff}.alert-card strong{font-size:30px;display:block}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kpi{padding:18px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);display:flex;gap:14px;align-items:center}.kpi-icon{width:54px;height:54px;border-radius:18px;background:#e4f4ff;display:grid;place-items:center;font-size:28px}.kpi strong{font-size:32px;display:block}.kpi span{color:var(--muted);font-weight:760}.cards-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.inventory-card{padding:18px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);display:grid;gap:12px}.inventory-card.low{border-color:#ffc6c6;background:#fffafa}.inventory-card h3{margin:0}.inventory-card strong{font-size:30px}.stock-bar{height:10px;border-radius:999px;background:#e8eef5;overflow:hidden}.stock-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--green),var(--teal));width:var(--pct,50%)}.inventory-card.low .stock-fill{background:linear-gradient(90deg,var(--red),var(--amber))}.form{display:grid;gap:14px}.grid-form{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.grid-form.two{grid-template-columns:1fr 1fr}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}label{display:grid;gap:7px;color:#36506f;font-weight:760}input,select,textarea{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:#fbfdff;color:var(--ink);outline:none;font:inherit}textarea{min-height:78px;resize:vertical}.adjust-form{display:grid;grid-template-columns:1fr 1fr;gap:8px}.adjust-form input[name=reason]{grid-column:1/-1}.adjust-form button{grid-column:1/-1;background:#183452}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:13px;border-bottom:1px solid var(--line);text-align:left}th{font-size:12px;text-transform:uppercase;color:#657990;letter-spacing:.04em}.empty{padding:24px;border:1px dashed var(--line);border-radius:20px;color:var(--muted);background:#fff}.bottom-tabs{display:none}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(460px,100%);padding:30px;border-radius:32px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.hero-mark{width:82px;height:82px;border-radius:26px;display:grid;place-items:center;background:linear-gradient(145deg,#e1f5ff,#fff);font-size:42px;box-shadow:var(--shadow)}.login-card h1{font-size:34px;margin:16px 0 8px}
@media(max-width:1000px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.main{padding:16px 14px 108px}.two-col,.kpi-grid{grid-template-columns:1fr}.test-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}.top-strip{align-items:flex-start;gap:12px}.time-card{display:none}.bottom-tabs{position:fixed;left:10px;right:10px;bottom:10px;z-index:20;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:10px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:26px;box-shadow:0 18px 60px rgba(17,50,87,.2)}.bottom-tabs a{display:grid;place-items:center;gap:4px;padding:10px 6px;border-radius:18px;font-size:12px;font-weight:850;color:#314760}.bottom-tabs a.active{background:linear-gradient(135deg,var(--blue),#006ee6);color:#fff}.fab{margin-top:-34px;width:72px;height:72px;border-radius:50%;display:grid!important;place-items:center;background:linear-gradient(135deg,var(--blue),#0054d9)!important;color:#fff!important;font-size:34px;box-shadow:0 16px 40px rgba(11,132,255,.35)}}
@media(max-width:640px){.page-title{gap:10px}.page-icon{width:54px;height:54px;font-size:30px}.test-grid{grid-template-columns:1fr 1fr;gap:12px}.test-card{min-height:174px;padding:14px}.test-emoji{font-size:44px}.test-card h2{font-size:16px}.panel{padding:16px;border-radius:22px}.hero{display:none}.alert-cards{grid-template-columns:1fr}.grid-form,.grid-form.two{grid-template-columns:1fr}.kpi{padding:15px}.main{padding-left:10px;padding-right:10px}.quick-success{padding:15px}.lab-art{display:none}}
/* --- LabStock v2 dashboard/catalog refinements --- */
.rich-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.rich-head h1{margin:0}.head-action{padding:12px 16px;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;font-weight:900;box-shadow:0 12px 24px rgba(11,132,255,.24)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.panel-head h2{margin:0}.panel-head p{margin:4px 0 0}.dashboard-grid{display:grid;grid-template-columns:1.35fr .9fr .9fr;gap:18px;margin-top:18px}.dashboard-grid .wide{grid-column:span 1}.chart-panel{min-height:280px}.blue-card{background:linear-gradient(135deg,#fff,#eef7ff)}.green-card{background:linear-gradient(135deg,#fff,#ecfff4)}.amber-card{background:linear-gradient(135deg,#fff,#fff8e8)}.red-card{background:linear-gradient(135deg,#fff,#fff0f0)}.dashboard-kpis .kpi{min-height:130px}.line-chart{height:215px;display:grid;grid-template-columns:repeat(7,1fr);gap:12px;align-items:end;padding:16px 8px 0;border-radius:18px;background:linear-gradient(180deg,#fbfdff,#f3f8ff);border:1px solid var(--line)}.line-bar,.bar-item{height:175px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px}.line-bar span{width:100%;max-width:46px;min-height:6px;border-radius:14px 14px 6px 6px;background:linear-gradient(180deg,#0b84ff,#72b7ff);box-shadow:0 8px 18px rgba(11,132,255,.18)}.line-bar small,.bar-item small{font-size:11px}.bar-chart{height:215px;display:grid;grid-template-columns:repeat(7,1fr);gap:12px;align-items:end;padding:16px 8px 0;border-radius:18px;background:linear-gradient(180deg,#fbfdff,#f3f8ff);border:1px solid var(--line)}.bar-item span{width:26px;min-height:5px;border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,#13b86b,#95e6bd);box-shadow:0 8px 18px rgba(18,166,90,.18)}.donut-card{display:flex;align-items:center;justify-content:center;gap:20px;min-height:190px}.donut{width:146px;height:146px;border-radius:50%;background:conic-gradient(var(--green) 0 58%, var(--amber) 58% 80%, var(--red) 80% 91%, #9aa5b1 91% 100%);position:relative;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04),0 18px 32px rgba(20,50,80,.12)}.donut:after{content:'Reactivos';position:absolute;inset:34px;border-radius:50%;background:#fff;display:grid;place-items:center;text-align:center;font-weight:900;color:#102047}.legend{display:grid;gap:8px}.legend p{margin:0;display:flex;gap:8px;align-items:center;justify-content:space-between}.dot{width:11px;height:11px;border-radius:99px;display:inline-block}.dot.green{background:var(--green)}.dot.amber{background:var(--amber)}.dot.red{background:var(--red)}.ranking-list{display:grid;gap:13px}.rank-row{display:grid;grid-template-columns:minmax(120px,1fr) 1.4fr auto;align-items:center;gap:12px}.rank-row span{font-weight:800}.progress{height:8px;border-radius:999px;background:#e7eef8;overflow:hidden}.progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0b84ff,#6aa8ff)}.badge{display:inline-grid;place-items:center;min-width:24px;height:24px;border-radius:99px;background:#e72020;color:#fff;font-size:12px;margin-left:6px}.alert-list{display:grid;gap:10px}.alert-line{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff}.alert-line.warning{background:#fff9e8}.alert-line.danger{background:#fff0f0!important}.quick-test-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.mini-test{display:grid;place-items:center;text-align:center;gap:6px;padding:16px;border-radius:18px;border:1px solid var(--line);background:#fbfdff;font-weight:900}.mini-test span{font-size:34px}.accordion-list{display:grid;gap:12px}.recipe-accordion{border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(37,70,101,.06);overflow:hidden}.recipe-accordion summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:16px}.recipe-accordion summary::-webkit-details-marker{display:none}.recipe-accordion summary:after{content:'⌄';font-weight:900;color:#1b65c9}.recipe-accordion[open] summary:after{content:'⌃'}.recipe-accordion summary small{display:block;margin-top:3px}.test-dot{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#eaf5ff}.status-chip{justify-self:end;padding:7px 10px;border-radius:999px;background:#eaffe9;color:#08743c;font-size:12px;font-weight:900}.recipe-table-wrap{padding:0 16px 16px}.recipe-table{min-width:0}.recipe-table th,.recipe-table td{padding:11px}.recipe-grid.compact{max-height:360px;overflow:auto;padding:4px;border-radius:18px}@media(max-width:1200px){.dashboard-grid{grid-template-columns:1fr 1fr}.dashboard-grid .wide{grid-column:span 2}}@media(max-width:1000px){.bottom-tabs.admin-tabs{grid-template-columns:repeat(6,1fr);overflow-x:auto}.bottom-tabs.admin-tabs a{min-width:70px}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid .wide{grid-column:span 1}.rich-head{align-items:flex-start}.donut-card{justify-content:flex-start}.rank-row{grid-template-columns:1fr}.progress{width:100%}}@media(max-width:640px){.dashboard-kpis{grid-template-columns:1fr 1fr}.dashboard-kpis .kpi{min-height:112px}.dashboard-kpis .kpi strong{font-size:26px}.line-chart,.bar-chart{gap:6px}.donut-card{display:grid}.rich-head{display:grid}.head-action{text-align:center}.recipe-accordion summary{grid-template-columns:auto 1fr;}.status-chip{grid-column:2;justify-self:start}}
.export-actions{display:flex;gap:10px;align-items:center}.purple-card{background:linear-gradient(135deg,#fff,#f4efff)}.charts-real canvas{max-height:280px}.scanner-panel{margin-bottom:18px}.scanner-box{display:grid;grid-template-columns:220px 1fr auto;gap:12px;align-items:center;background:#f8fbff;border:1px solid #dbeafe;border-radius:18px;padding:12px}.scanner-box video{width:100%;height:120px;object-fit:cover;border-radius:14px;background:#dbeafe}.scanner-box input{height:46px;border:1px solid #cbd5e1;border-radius:14px;padding:0 14px}.scanner-box button{height:46px;border:0;border-radius:14px;background:#0b7cff;color:white;font-weight:800;padding:0 18px}.scanner-box small{grid-column:1/-1;color:#64748b}.compact-list{gap:8px}.remaining-row{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #eef2f7}.remaining-row b{color:#0f766e}.danger-text{color:#dc2626!important}.head-action{display:inline-flex;align-items:center;justify-content:center;border:1px solid #bfdbfe;background:#eff6ff;color:#0b63ce;border-radius:12px;padding:10px 14px;text-decoration:none;font-weight:800}.badge{background:#ef4444;color:white;border-radius:999px;padding:2px 8px;font-size:12px}@media(max-width:760px){.scanner-box{grid-template-columns:1fr}.scanner-box video{height:180px}.export-actions{width:100%;justify-content:stretch}.export-actions a{flex:1}.charts-real canvas{max-height:240px}}

.receive-panel { border: 1px solid rgba(11,124,255,.18); background: linear-gradient(135deg,#ffffff 0%,#f0f7ff 100%); }
.section-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:16px; }
.section-head p { margin:.25rem 0 0; color:#64748b; }
.success-pill { background:#dcfce7; color:#166534; border:1px solid #bbf7d0; }
.inventory-scanner { margin-bottom:16px; }
.category-combo { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.receive-form { align-items:end; }
@media (max-width: 760px){
  .section-head { flex-direction:column; }
  .category-combo { grid-template-columns:1fr; }
  .receive-panel .scanner-actions { display:grid; grid-template-columns:1fr; }
}