/* Container POS 2026 | clases aisladas de las pantallas heredadas */
.inotec-nav,.inotec-nav *,.container-pos *,.container-login *,.container-home *{box-sizing:border-box}
.inotec-nav{font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;position:relative;z-index:40;min-height:72px;padding:10px clamp(16px,2.6vw,42px);background:#111e30;color:#eef5ff;display:flex;align-items:center;gap:28px;justify-content:space-between;box-shadow:0 8px 24px rgba(12,26,41,.12)}
.inotec-nav a{text-decoration:none!important}
.inotec-brand{display:flex;gap:11px;align-items:center;color:white!important;flex-shrink:0}
.inotec-brand-symbol{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#2f83f5;color:white;font-size:23px;font-weight:800;box-shadow:0 5px 15px #2f83f52a}
.inotec-brand strong{font-size:18px;letter-spacing:-.45px;display:block;color:#fff}
.inotec-brand small{font-size:9px;letter-spacing:1.4px;display:block;color:#92a9c2;font-weight:700;margin-top:1px}
.inotec-nav-links{display:flex;align-items:center;flex-wrap:wrap;gap:4px}
.inotec-nav-links>a,.inotec-nav-group>a{display:inline-block;color:#c5d2e3!important;font-size:13px;font-weight:600;padding:12px 11px;border-radius:8px;white-space:nowrap}
.inotec-nav-links>a:hover,.inotec-nav-group>a:hover,.inotec-nav .is-current{background:#21354d!important;color:white!important}
.inotec-nav-group{position:relative}.inotec-nav-menu{display:none;position:absolute;top:100%;left:0;min-width:208px;background:#fff;border:1px solid #e3ebf2;box-shadow:0 18px 36px #16283933;border-radius:12px;padding:7px;z-index:100}
.inotec-nav-group:hover .inotec-nav-menu,.inotec-nav-group:focus-within .inotec-nav-menu{display:block}
.inotec-nav-menu a{display:block;color:#293c55!important;font-weight:600;font-size:13px;padding:10px 12px;border-radius:6px;white-space:nowrap}
.inotec-nav-menu a:hover{background:#edf5ff;color:#1368cb!important}
.inotec-nav-end{display:flex;align-items:center;gap:12px;flex-shrink:0}.inotec-nav-user{font-size:12px;color:#b2c4d9;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inotec-logout{font-size:12px;font-weight:700;padding:10px 14px;color:white!important;background:#2a405b;border-radius:8px}.inotec-logout:hover{background:#395473}
.container-pos input[type="text"],.container-pos input[type="number"],.container-pos input[type="search"],.container-pos textarea{margin:0;box-sizing:border-box}.container-pos .pos-qty{width:83px!important;padding:7px 4px!important}.container-pos .pos-result-qty{width:65px!important;padding:7px!important}.container-pos .pos-table{margin-top:0}
body.container-pos{background:#f2f5f9;color:#182b41;margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.45}
.container-pos button,.container-pos input,.container-pos textarea{font:inherit}.container-pos button{cursor:pointer}.container-pos button:disabled{cursor:not-allowed;opacity:.5}
.pos-page{max-width:1660px;margin:auto;padding:32px clamp(18px,2.7vw,44px) 60px}
.pos-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:23px;flex-wrap:wrap}.pos-eyebrow,.pos-label{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#7890ab}.pos-eyebrow{color:#3668a6}.pos-dot{height:5px;width:5px;background:#abc0d7;display:inline-block;border-radius:50%;vertical-align:middle;margin:0 4px}
.pos-heading h1{font-size:clamp(26px,3vw,35px);color:#142942;line-height:1.15;letter-spacing:-1px;margin:8px 0 7px;font-weight:800}.pos-heading p{font-size:13px;color:#7e90a6;margin:0}
.pos-head-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.pos-user,.pos-clock,.pos-status{border:1px solid #dfe7ef;background:white;border-radius:9px;padding:10px 12px;color:#506885;font-size:12px;font-weight:700}.pos-clock{font-variant-numeric:tabular-nums;color:#244661}.pos-status.pos-open{color:#168258;background:#e8f8f0;border-color:#c7ecd9}.pos-status.pos-closed{color:#b14b4b;background:#fff1f1;border-color:#fed1d1}
.pos-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(300px,.92fr);gap:20px;align-items:start}.pos-main,.pos-sidebar{display:flex;flex-direction:column;gap:18px;min-width:0}.pos-disabled{opacity:.58;pointer-events:none}
.pos-card{background:#fff;border:1px solid #e0e7f0;box-shadow:0 6px 22px rgba(22,49,82,.035);border-radius:14px;overflow:hidden}.pos-scan-card{padding:23px 24px 15px;overflow:visible}.pos-card-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.pos-card-top h2{font-size:18px;margin:6px 0 0;color:#1a304b;letter-spacing:-.35px}.pos-hotkeys{font-size:11px;color:#8092a8;display:flex;align-items:center;gap:7px}.pos-hotkeys kbd{font-family:inherit;padding:3px 6px;border:1px solid #d6e0eb;border-radius:5px;color:#4a6485;background:#f5f8fb;font-size:10px}
.pos-label-field{display:block;font-size:12px;color:#526781;font-weight:700;margin-bottom:9px}.pos-scan-input{border:2px solid #c8d9ef;border-radius:11px;display:flex;align-items:center;gap:12px;background:#fbfdff;padding:0 11px;min-height:62px;transition:border-color .2s,box-shadow .2s}.pos-scan-input:focus-within{border-color:#4387e9;box-shadow:0 0 0 4px #4d92f018}.pos-scan-icon{font-size:29px;color:#2e81e8;line-height:1}
.pos-scan-input input{width:100%;outline:0;border:0;background:transparent;color:#172b45;font-size:16px;font-weight:600;min-width:0;height:58px}.pos-scan-input input::placeholder{font-weight:400;color:#a1b0c1}.pos-scan-input button{border:0;background:none;font-size:24px;color:#9badbf;padding:5px 9px}.pos-scan-under{display:flex;justify-content:space-between;gap:6px;flex-wrap:wrap;font-size:11px;margin-top:10px;color:#94a4b6}.pos-scan-under span:first-child{color:#3280cf;font-weight:700}
.pos-search-results{max-height:300px;overflow-y:auto;margin-top:14px;border-top:1px solid #ebeff5;padding-top:6px}.pos-search-results[hidden],.pos-empty[hidden]{display:none!important}
.pos-result{display:flex;align-items:center;gap:13px;border-bottom:1px solid #edf1f5;padding:10px 2px}.pos-result-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.pos-result-info strong{font-size:13px;color:#213651;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pos-result-info span{font-size:11px;color:#95a5b8}.pos-result-price{font-size:13px;color:#244966;white-space:nowrap}.pos-result-qty{width:65px!important;border:1px solid #dbe5ef;border-radius:7px;padding:7px;font-size:12px!important;text-align:center}.pos-result-btn{font-size:11px!important;border:0;border-radius:7px;color:#fff;background:#2677df;padding:9px 12px;font-weight:700;white-space:nowrap}.pos-result-empty{padding:18px;color:#8d9fb3;font-size:13px}
.pos-basket .pos-card-top{padding:22px 24px;margin:0}.pos-count{display:inline-block;border-radius:7px;padding:3px 9px;font-size:12px;color:#4976ae;background:#eaf3ff;vertical-align:middle;margin-left:5px}.pos-text-action{color:#357acc!important;border:0;background:none!important;font-weight:700;font-size:12px!important;padding:5px 0}.pos-text-action:hover{text-decoration:underline}.pos-table-scroll{min-height:240px;max-height:480px;overflow:auto}
.pos-table{border-spacing:0;border-collapse:collapse;width:100%;white-space:nowrap}.pos-table thead{background:#f6f9fc;position:sticky;top:0;z-index:2}.pos-table th{font-size:10px;letter-spacing:.5px;text-transform:uppercase;text-align:left;color:#8b9eb5;border-top:1px solid #eff2f7;border-bottom:1px solid #eff2f7;padding:13px 16px;font-weight:800}.pos-table th:first-child,.pos-table td:first-child{padding-left:24px}.pos-table td{padding:16px;font-size:12px;color:#627790;border-bottom:1px solid #edf1f5}.pos-table td:first-child{min-width:180px;white-space:normal}.pos-table td:first-child strong{display:block;color:#233e5b;font-weight:700;font-size:13px}.pos-table td:first-child small{display:block;color:#9bb0c4;font-size:11px;margin-top:3px}.pos-table td:first-child em{font-style:normal;font-size:10px;color:#a46e23;background:#fff5e2;display:inline-block;border-radius:3px;padding:1px 5px;margin-top:4px}.pos-qty{border:1px solid #d9e4ef;border-radius:6px;width:83px!important;text-align:center;padding:7px 4px;color:#27425e;font-size:12px!important}.pos-qty:focus,.pos-field:focus,.pos-money-input:focus-within{outline:none;border-color:#3680df;box-shadow:0 0 0 3px #3487eb1a}.pos-subtotal{color:#213d57!important;font-weight:800;font-size:13px!important}.pos-align-right{text-align:right!important}.pos-remove{border:0!important;background:#fff1f1!important;border-radius:6px;color:#d37b7b!important;padding:5px 10px;font-size:20px!important;line-height:1}.pos-remove:hover{background:#ffe2e2!important}
.pos-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;color:#8e9fb3;min-height:228px;font-size:12px}.pos-empty strong{color:#536b84;font-size:14px}.pos-empty-icon{font-size:33px;background:#f4f8fd;width:68px;height:68px;border-radius:19px;display:grid;place-items:center;color:#9cbbdf;margin-bottom:3px}
.pos-checkout{padding:24px;background:#152840;color:#fff;border-color:#152840;box-shadow:0 14px 25px #1528401b}.pos-checkout .pos-label{color:#8ca8ca}.pos-summary-row{display:flex;justify-content:space-between;align-items:center;color:#a4b9d3;font-size:12px;margin-top:21px}.pos-summary-row strong{color:#d9e7f7}.pos-total-label{font-size:10px;letter-spacing:1.3px;color:#99b0ca;font-weight:800;margin-top:27px}.pos-total{color:#fff;font-size:clamp(32px,3.4vw,47px);font-weight:800;line-height:1.3;letter-spacing:-1.5px;font-variant-numeric:tabular-nums}.pos-divider{height:1px;background:#2b4564;margin:20px 0}.pos-checkout .pos-label-field{color:#bfcee0}.pos-money-input{display:flex;align-items:center;gap:8px;border:1px solid #46617c;background:#203955;border-radius:9px;height:46px;padding:0 13px;color:#a7c0d8}.pos-money-input input{width:100%;border:0;background:transparent;color:#fff;outline:none;font-size:17px;font-weight:700}.pos-money-input input::placeholder{color:#839fbc}.pos-change{display:flex;align-items:center;justify-content:space-between;margin:14px 0 23px;font-size:12px;color:#9ab2cf}.pos-change strong{color:#b3f6d7;font-size:16px}.pos-change strong.pos-negative{color:#ffb5b5}.pos-payment{display:grid;gap:10px}.pos-btn{border:0;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px;font-size:13px;font-weight:800;width:100%}.pos-btn-primary{background:#2b85ec;color:white}.pos-btn-primary:hover{background:#1871d9}.pos-btn-secondary{background:#365776;color:white}.pos-btn-secondary:hover{background:#436c92}.pos-btn-cancel{background:transparent;color:#c6d5e5;border:1px solid #46617c;margin-top:11px;justify-content:center}.pos-btn-cancel:hover{background:#2b4361}
.pos-customer{padding:23px}.pos-customer-current{display:flex;align-items:center;gap:11px;margin:16px 0 20px}.pos-customer-current small{display:block;color:#97a9bb;font-size:11px}.pos-customer-current strong{display:block;font-size:14px;color:#25415d}.pos-avatar{background:#eaf3ff;color:#3580d9;width:39px;height:39px;border-radius:11px;display:grid;place-items:center}.pos-field{border:1px solid #d9e4ef;border-radius:9px;padding:12px 13px;font-size:13px;width:100%;outline:none;color:#244362;background:#fbfdff}.pos-customer>.pos-text-action{margin-top:13px}.pos-clientes{max-height:175px;overflow:auto}.pos-client-option{display:block;text-align:left;width:100%;border:0;border-bottom:1px solid #edf2f8;background:#fff;padding:10px;font-size:12px;color:#30587d}.pos-client-option:hover{background:#ecf5ff}.pos-client-empty{font-size:12px;color:#96a7b7;padding:10px}.pos-tip{display:flex;gap:10px;align-items:flex-start;color:#8da1b8;font-size:11px;padding:2px 6px}.pos-tip strong{color:#617c98}
.pos-alert{padding:14px 16px;border-radius:9px;margin-bottom:16px;font-size:13px}.pos-alert-error{background:#fff1f1;color:#b64a4a;border:1px solid #ffcccc}.pos-alert a{color:inherit;font-weight:800}.pos-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,22px);opacity:0;pointer-events:none;z-index:1001;background:#103d2c;color:white;padding:12px 20px;max-width:90vw;border-radius:9px;box-shadow:0 12px 30px #0003;font-size:13px;font-weight:700;transition:transform .2s,opacity .2s}.pos-toast-visible{opacity:1;transform:translate(-50%,0)}.pos-toast-error{background:#a6373c}
#pos-modal{border:0;border-radius:16px;padding:0;max-width:440px;width:calc(100% - 30px);box-shadow:0 30px 100px #0004}#pos-modal::backdrop{background:#0b1925a8}.pos-dialog{padding:26px}.pos-dialog h2{font-size:22px;color:#203852;margin:0}.pos-dialog p{font-size:13px;color:#7c8fa4;margin:9px 0 22px}.pos-dialog textarea{width:100%;border:1px solid #dce4ed;border-radius:8px;padding:12px;resize:vertical}.pos-dialog-actions{display:flex;gap:10px;margin-top:18px}.pos-btn-outline{background:#f0f4f9;color:#2d4969;justify-content:center}.pos-btn-danger{background:#d94755;color:#fff;justify-content:center}
/* Página de bienvenida y login */
body.container-home,body.container-login{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:#f2f5f9;color:#172b44}
.container-home main{max-width:1150px;margin:55px auto;padding:0 24px}.container-home h1{letter-spacing:-1px;font-size:35px;margin:0 0 8px}.container-home .home-lead{color:#8496aa;margin:0 0 30px}.home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.home-tile{text-decoration:none;color:#25405b;background:#fff;display:flex;flex-direction:column;gap:14px;border:1px solid #e0e9f2;padding:25px;border-radius:15px;min-height:168px;box-shadow:0 6px 20px #1a335408}.home-tile:hover{transform:translateY(-2px);border-color:#9cc6f3}.home-tile-icon{background:#edf5ff;color:#2674cf;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-size:23px}.home-tile strong{font-size:17px}.home-tile small{font-size:12px;color:#8195a9}
.container-login{display:grid;place-items:center;min-height:100vh;padding:22px;background:radial-gradient(ellipse at 72% 10%,#24415f 0,#101e31 70%)}.login-box{width:100%;max-width:425px;background:#fff;border-radius:19px;box-shadow:0 30px 90px #0004;padding:35px}.login-logo{display:flex;align-items:center;gap:12px;margin-bottom:27px}.login-logo>span{width:48px;height:48px;background:#2b83ec;color:#fff;font-size:27px;font-weight:800;border-radius:12px;display:grid;place-items:center}.login-logo strong{font-size:19px;display:block}.login-logo small{color:#8c9fb1;font-size:10px;letter-spacing:1.1px}.login-box h1{font-size:25px;letter-spacing:-.6px;margin:0}.login-box p{font-size:13px;color:#7c8c9d;margin:9px 0 25px}.login-box label{display:block;color:#536a82;font-size:12px;font-weight:800;margin:16px 0 7px}.login-box input{width:100%;padding:13px 14px;border:1px solid #d8e3ee;border-radius:9px;outline:none}.login-box input:focus{border-color:#428fea;box-shadow:0 0 0 3px #428fea20}.login-submit{width:100%;background:#2b83ec;color:#fff;border:0;padding:14px 18px;border-radius:9px;font-weight:800;margin-top:24px;cursor:pointer}.login-error{padding:11px 14px;border-radius:8px;background:#fff0f0;color:#af3c3c;margin-top:15px!important}.login-footer{color:#93abc1;font-size:11px;margin-top:26px;text-align:center}
@media(max-width:1200px){.inotec-nav{gap:14px;flex-wrap:wrap}.inotec-nav-links{order:3;width:100%;justify-content:center}.pos-grid{grid-template-columns:minmax(0,1fr) 330px}.pos-head-actions{margin-left:0}}
@media(max-width:880px){.pos-grid{grid-template-columns:1fr}.pos-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.pos-tip{grid-column:1/-1}.home-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.inotec-nav{gap:8px;padding:12px}.inotec-nav-links{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.inotec-nav-links>a,.inotec-nav-group>a{font-size:11px;padding:9px}.inotec-nav-end{margin-left:auto}.inotec-nav-user{display:none}.pos-page{padding:20px 12px 40px}.pos-heading h1{font-size:28px}.pos-card{border-radius:12px}.pos-scan-card,.pos-checkout,.pos-customer{padding:17px}.pos-hotkeys{display:none}.pos-scan-input input{font-size:13px}.pos-basket .pos-card-top{padding:17px}.pos-table th,.pos-table td{padding:11px 9px}.pos-table th:first-child,.pos-table td:first-child{padding-left:14px}.pos-sidebar{display:flex}.pos-result{flex-wrap:wrap}.pos-result-info{flex-basis:100%}.pos-table-scroll{overflow:auto}.home-grid{grid-template-columns:1fr}.container-home main{margin:30px auto}}