@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',Inter,system-ui,sans-serif;--jd-ink:#17243e;--jd-blue:#2467e8;--jd-violet:#675cf2;--jd-border:#e7eaf2;--jd-grey:#7e8ba0;color:var(--jd-ink);background:#f5f7fc}body{background:#f5f7fc}button{background:var(--jd-blue);box-shadow:0 4px 14px #356fe523;transition:transform .12s ease,filter .12s ease}button:hover:not(:disabled){filter:brightness(.975);transform:translateY(-1px)}button.ghost{background:#f0f4fe;color:#2255a8;box-shadow:none}input,select{border:1px solid #dce2ee;border-radius:10px;background:#fff}input:focus,select:focus{outline:2px solid #b4ccff}.top{height:68px;background:#fff;color:var(--jd-ink);border-bottom:1px solid #ecf0f7;padding:10px 24px;position:sticky;top:0;z-index:12}.top .brand>.mark{border-radius:13px;background:linear-gradient(135deg,#2176ff,#5548dc);box-shadow:0 7px 14px #266fe83c}.top .brand strong{letter-spacing:-.5px}.top .brand small{color:#7c8ea8}.top .brand sup{color:var(--jd-violet)}.topright{font-size:12px;font-weight:600;color:#6a7890}main{max-width:100%;margin:0;padding:0;min-height:calc(100vh - 100px)}.auth{margin:76px auto}.premium-shell{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:calc(100vh - 110px)}.side{background:#101b38;color:#dae6ff;padding:25px 14px;display:flex;flex-direction:column;min-height:calc(100vh - 68px);box-shadow:6px 0 22px #1b25420a}.side-brand{display:flex;gap:10px;align-items:center;padding:0 10px 28px}.side-brand b{font-size:16px;letter-spacing:-.5px}.side-brand small{display:block;color:#94aad4;font-size:10px;letter-spacing:1.7px;margin-top:3px}.side-logo{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#3c88ff,#766bff);color:white;font-weight:800;box-shadow:0 7px 18px #2170f83d}.side-caption{font-size:9px;letter-spacing:2px;padding:0 17px;color:#7f97c2;margin:0 0 12px;font-weight:700}.side-nav{display:flex;flex-direction:column;align-items:stretch;gap:4px;overflow:visible;padding:0}.side-nav button{flex-shrink:0;text-align:left;background:transparent;color:#b5c5e4;box-shadow:none;border-radius:11px;font-size:13px;font-weight:650;padding:11px 14px;white-space:nowrap}.side-nav button.active{background:#2e477f;color:white}.side-nav button:hover:not(:disabled){background:#23345a;color:white}.side-foot{margin-top:auto;padding:28px 14px 12px;border-top:1px solid #283553;color:#aab9d6;font-size:11px}.side-foot small{color:#7d8fae;display:block;margin-top:6px}.live-dot{display:inline-block;width:7px;height:7px;background:#36c997;border-radius:50%;margin-right:5px}.premium-main{min-width:0;padding:27px clamp(16px,3.5vw,45px) 45px}.hero{align-items:center;margin-bottom:18px}.hero h1{font-size:28px;letter-spacing:-1.2px}.hero p{font-size:13px;margin:0}.hero>div:last-child{display:flex;gap:10px}.hero label{font-size:11px;color:#77859c}.hero select{background:#fff;min-width:165px;font-weight:650}.breadcrumb-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;color:#8491a6;font-size:12px}.breadcrumb-row button{padding:7px 12px}.premium-main>.card{border:1px solid #edf0f5;box-shadow:0 15px 40px #1d34510b;border-radius:22px;padding:28px;min-height:470px}.premium-main .sectionhead h2{font-size:22px;letter-spacing:-.6px}.premium-main h3{letter-spacing:-.25px}.premium-main .grid>.metric{background:#fbfcff;border-color:#e8edf6}.premium-main .metric b{color:#172c60}.premium-main .pill{background:#e4f6eb;color:#1a7b4f}.premium-main .pill.off{background:#ffefef;color:#b73d43}.premium-main table th{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:#8190a8;background:#fafbfe;white-space:nowrap}.premium-main table td{font-size:12px}.premium-main .row{background:#fafbfe;padding:16px;border-radius:14px;border:1px solid #edf1f7;margin-bottom:20px}.premium-main label{color:#4d5d74}.premium-main .sectionhead{margin-bottom:24px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.6px;color:#7185ac;display:block;margin-bottom:8px}.welcome-panel{display:flex;align-items:center;justify-content:space-between;gap:25px;background:linear-gradient(115deg,#162e65,#2460bc 75%,#6156d9);color:white;border-radius:20px;padding:35px 37px;margin-bottom:20px;overflow:hidden}.welcome-panel h2{font-size:29px;line-height:1.12;margin:10px 0;letter-spacing:-1px}.welcome-panel p{max-width:430px;color:#d8e7ff;font-size:14px}.welcome-panel .eyebrow{color:#bed5ff}.welcome-panel button{background:white;color:#2457b0;box-shadow:none}.welcome-symbol{font-weight:900;font-size:60px;letter-spacing:-8px;opacity:.18}.welcome-symbol span{font-size:16px;letter-spacing:0;display:block;text-align:right}.premium-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:19px 0 25px}.premium-metrics>div{border:1px solid #e7ecf6;background:#fafcff;padding:17px 18px;border-radius:14px}.premium-metrics small{display:block;color:#7b8ca3;margin-bottom:9px}.premium-metrics strong{font-size:28px;letter-spacing:-.8px;display:block}.premium-metrics strong.small{font-size:19px;letter-spacing:-.3px}.premium-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(238px,1fr));gap:14px}.premium-tile{background:#fff;border:1px solid #e7edf6;padding:22px;border-radius:17px;box-shadow:0 5px 15px #19345c05}.premium-tile h3{margin:12px 0 7px}.premium-tile p{color:#76849a;line-height:1.55;font-size:13px}.tile-icon{font-size:24px;border-radius:12px;display:grid;place-items:center;background:#eef4ff;color:#386fe0;width:46px;height:46px}.business-card{background:#fff;border:1px solid #e7edf6;border-radius:16px;padding:18px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}.business-card>div:nth-child(2){flex:1;min-width:150px}.business-card h3{margin:0 0 7px}.business-card p{margin:0 0 7px;font-size:12px}.business-card small{font-size:11px;color:#8290a4}.business-avatar{display:grid;place-items:center;background:linear-gradient(145deg,#e7edff,#d7e4ff);color:#325fbb;width:49px;height:49px;border-radius:14px;font-size:22px;font-weight:800}.business-avatar.large{width:64px;height:64px;font-size:28px}.business-card button{margin-left:auto}.text-green{color:#148a60}.text-red{color:#ba3a55}.info-note{background:#eef5ff;border:1px solid #d6e4ff;padding:19px 20px;border-radius:13px;color:#31517c;line-height:1.65;font-size:12px;margin-top:20px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.premium-form{padding:20px;background:#fafcff;border:1px solid #e7edf6;border-radius:16px}.filter-toolbar{display:flex;align-items:end;gap:12px;margin:15px 0 20px}.filter-toolbar label{flex:1}.filter-toolbar input{width:100%}.filter-toolbar button{white-space:nowrap}.detail-field{padding:16px;background:#f4f7fd;border-radius:12px;display:grid;gap:8px}.detail-field small{color:#76849e}.profile-head{display:flex;align-items:center;gap:16px;padding:17px;background:#f6f9ff;border:1px solid #eaf0fa;border-radius:14px;margin-bottom:16px}.profile-head>div:nth-child(2){flex:1}.profile-head h3{margin:0 0 7px}.profile-head p{margin:0;color:#71839d;font-size:12px}.compact{padding:7px 11px;font-size:11px}.receipt-overlay{position:fixed;z-index:99;inset:0;display:grid;place-items:center;background:#0d1a36a8;padding:20px}.receipt-panel{background:#fff;color:#17243e;max-width:620px;width:100%;max-height:93vh;overflow:auto;padding:30px;border-radius:20px;box-shadow:0 18px 55px #0b1c4288}.receipt-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.receipt-head small{color:#5978ad}.receipt-head h2{margin:6px 0 15px}.receipt-actions{display:flex;gap:10px;margin-top:20px}.receipt-actions button{flex:1}.receipt-body{border:1px solid #e5ebf4;border-radius:14px;padding:20px}.receipt-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid #edf0f7;font-size:13px}.receipt-row strong{text-align:right}.receipt-summary{background:#eef7f4;border-radius:12px;padding:14px;margin-top:10px}footer{margin:25px}body:has(.premium-shell:not(.hidden)) footer{display:none}
@media(max-width:1050px){.premium-shell{grid-template-columns:210px minmax(0,1fr)}.side-nav button{font-size:12px}.premium-main{padding:22px 16px}.premium-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:750px){.premium-shell{display:block}.side{min-height:0;padding:10px 12px}.side-brand{padding:4px 0 12px}.side-caption,.side-foot{display:none}.side-nav{display:flex;flex-direction:row;overflow-x:auto;padding-bottom:5px}.side-nav button{padding:9px 12px;font-size:11px}.premium-main{padding:17px 12px 30px}.premium-main>.card{padding:18px;border-radius:16px}.hero{display:flex;flex-direction:column;align-items:stretch}.hero>div:last-child{display:flex;flex-wrap:wrap}.hero label{flex:1}.hero select{min-width:100%}.premium-metrics{grid-template-columns:repeat(2,1fr)}.welcome-panel{padding:24px}.welcome-panel h2{font-size:22px}.welcome-symbol{display:none}.filter-toolbar{flex-wrap:wrap}.filter-toolbar label{width:100%}.form-grid{grid-template-columns:1fr}.receipt-actions{flex-direction:column}}

/* V0.7 — selector de unidades compartido en ventas e inventario */
.measurement-box{background:linear-gradient(110deg,#eff5ff,#f5f9ff);padding:13px;border:1px solid #bcd1fb;border-radius:14px;min-width:210px}
.measurement-box .unit-trigger,.product-unit-section .unit-trigger{font-weight:750;background:#235fca;color:white;box-shadow:none;width:100%;padding:10px 13px;border-radius:11px;text-align:left}
.measurement-box .unit-options{margin-top:10px;display:grid;gap:5px}
.measurement-box .unit-options.hidden{display:none}
.measurement-box .unit-options small{color:#5d6e85;line-height:1.5}
.product-unit-section{grid-column:1/-1;background:#f0f5ff;padding:17px;border-radius:14px;border:1px solid #d3e2ff;display:grid;gap:11px}
.product-unit-section .unit-config{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.product-unit-section .unit-config.hidden{display:none}
.product-unit-section .unit-config small{grid-column:1/-1;font-size:12px;color:#5e7395}
.unit-badge{background:#ebf1ff;color:#2055aa;border-radius:8px;padding:5px 8px;font-weight:750}
@media(max-width:800px){.product-unit-section .unit-config{grid-template-columns:1fr}}