*{box-sizing:border-box}body{color:#111827;background:#e9e9e9;margin:0;font-family:Tahoma,Arial,sans-serif;font-size:14px}.top-shell{background:#f2f2f2;border-bottom:1px solid #b5b5b5}.window-title{color:#111;background:#f5b400;align-items:center;gap:12px;height:24px;padding:0 10px;font-size:13px;display:flex}.menu-bar{background:#efefef;border-bottom:1px solid #c8c8c8;align-items:center;gap:0;height:32px;padding-left:8px;display:flex}.menu-bar a{color:#111;align-items:center;height:32px;padding:8px 10px;font-size:13px;text-decoration:none;display:flex}.menu-bar a:hover{background:#fff;border-left:1px solid #c8c8c8;border-right:1px solid #c8c8c8}.quick-bar{background:#eee;border-bottom:1px solid #c7c7c7;align-items:center;gap:8px;height:48px;padding:6px 14px;display:flex}.quick-bar a{background:linear-gradient(#fff,#dcdcdc);border:1px solid #c4c4c4;border-radius:5px;justify-content:center;align-items:center;width:36px;height:36px;font-size:21px;text-decoration:none;display:flex}.quick-bar a:hover{background:#fff6c8}.brand-name{color:#1f2937;margin-left:auto;padding-right:24px;font-family:Georgia,serif;font-size:22px}.work-tabs{background:#d8d8d8;border-bottom:2px solid #f2d600;align-items:end;gap:2px;height:31px;padding-left:38px;display:flex}.tab{background:#fff8a8;border:1px solid #c9b800;border-bottom:none;border-radius:4px 4px 0 0;padding:6px 14px;font-size:13px}.tab.active{background:#fff15a;font-weight:700}.workspace{background:#f6f6f6;border-bottom:3px solid #f2df00;border-left:3px solid #f2df00;border-right:3px solid #f2df00;min-height:calc(100vh - 190px);padding:10px}main{background:#f7f7f7;border:1px solid #cfcfcf;min-height:calc(100vh - 230px);padding:14px}h1{margin-top:0;font-size:28px}h2{color:#f0a000}input,textarea,select{background:#fff;border:1px solid #b8b8b8;padding:5px;font-size:13px}button{cursor:pointer;color:#111;background:linear-gradient(#fff,#ddd);border:1px solid #a5a5a5;margin:2px;padding:5px 10px}button:hover{background:#fff2b8}button:disabled{color:#888;cursor:not-allowed}table{border-collapse:collapse;background:#fff;width:100%;margin-top:8px;font-size:13px}th,td{text-align:left;border:1px solid #ddd;padding:5px}th{background:#eaeaea;font-weight:400}tbody tr:nth-child(2n){background:#fff0fb}article{background:#f9f9f9;border:1px solid #ccc;margin-bottom:12px;padding:12px}.bottom-panel{background:#efefef;border-top:1px solid #c7c7c7;flex-direction:column;height:42px;padding:4px 8px;font-size:13px;display:flex}.bottom-panel strong{font-family:Georgia,serif;font-size:18px;font-weight:400}.switch-on{color:#fff;background:#16a34a}.switch-off{color:#fff;background:#dc2626}.ticket{color:#000;background:#fff;border:1px solid #ddd;width:300px;margin-top:24px;padding:16px}.ticket img{margin:12px auto;display:block}@media print{body *{visibility:hidden}.ticket,.ticket *{visibility:visible}.ticket{border:none;position:absolute;top:0;left:0}.ticket button{display:none}}.product-editor{background:#eee;border:1px solid #bdbdbd;padding:10px}.product-editor-header{background:#dedede;border:1px solid #c3c3c3;justify-content:space-between;align-items:center;margin-bottom:10px;padding:8px 10px;display:flex}.product-editor-header h2{color:#111;margin:0;font-size:22px}.product-editor-grid{grid-template-columns:2fr 1fr 1fr;gap:10px;display:grid}.editor-panel{background:#f8f8f8;border:1px solid #c9c9c9;padding:10px}.editor-panel h3{color:#111;background:#e5e5e5;border-bottom:1px solid #c9c9c9;margin:-10px -10px 10px;padding:6px 10px;font-size:15px}.main-panel{grid-row:span 2}.form-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.product-editor label{margin-top:6px;margin-bottom:2px;font-size:12px;display:block}.big-input{font-size:20px;font-weight:700}.price-input{color:#0f5132;font-size:22px;font-weight:700}.profit-box{background:#fff8c5;border:1px solid #d4c45f;padding:8px;font-weight:700}.check-line{align-items:center;gap:8px;padding:4px 0;display:flex!important}.check-line input{width:auto}.muted{color:#777}.image-preview{background:#fff;border:1px solid #c8c8c8;justify-content:center;align-items:center;height:150px;margin-bottom:8px;display:flex}.image-preview img{object-fit:contain;max-width:100%;max-height:145px}.tabs-panel{grid-column:span 3}.fake-tabs{border-bottom:1px solid #bbb;gap:2px;margin-bottom:10px;display:flex}.fake-tabs span{background:#e7e7e7;border:1px solid #bbb;border-bottom:none;padding:6px 10px}.fake-tabs .active{background:#fff;font-weight:700}@media (max-width:900px){.product-editor-grid{grid-template-columns:1fr}.tabs-panel{grid-column:span 1}}.client-editor{background:#eee;border:1px solid #bdbdbd;padding:10px}.client-editor-grid{grid-template-columns:2fr 1fr;gap:10px;display:grid}@media (max-width:900px){.client-editor-grid{grid-template-columns:1fr}}.pos-screen{grid-template-columns:1fr 280px;gap:10px;display:grid}.pos-panel{background:#f8f8f8;border:1px solid #c9c9c9;margin-bottom:10px;padding:10px}.pos-panel h2,.pos-panel h3{color:#111;background:#e5e5e5;border-bottom:1px solid #c9c9c9;margin:-10px -10px 10px;padding:6px 10px}.pos-row{grid-template-columns:2fr 1fr;gap:8px;display:grid}.pos-search{border:2px solid #f0b000;font-size:22px;font-weight:700}.pos-results{background:#fff;border:1px solid #c8c8c8;max-height:220px;margin-bottom:8px;overflow:auto}.pos-results button{color:#111;text-align:left;background:#fff;border:none;border-bottom:1px solid #eee;justify-content:space-between;width:100%;display:flex}.pos-results button:hover{background:#fff4bd}.pos-table th{background:#dcdcdc}.qty-input{width:70px}.pos-right{flex-direction:column;gap:10px;display:flex}.total-box{color:#fff;text-align:center;background:#111827;border:3px solid #f2d600;padding:16px}.total-box span{font-size:18px;display:block}.total-box strong{color:#facc15;font-size:34px;display:block}.pos-actions{gap:8px;display:grid}.pos-actions button{padding:12px;font-size:18px}@media (max-width:900px){.pos-screen{grid-template-columns:1fr}}.web-orders{grid-template-columns:1fr 360px;gap:10px;display:grid}.orders-list,.order-detail{background:#f8f8f8;border:1px solid #c9c9c9;padding:10px}.orders-header{justify-content:space-between;align-items:center;display:flex}.orders-header h2{color:#111;margin:0}.selected-row{background:#fff3a3!important}.order-ticket{background:#fff;border:1px solid #ccc;padding:12px}.order-ticket h2{color:#111;margin-top:0}.order-total{text-align:right;color:#111}@media print{body *{visibility:hidden}.order-ticket,.order-ticket *{visibility:visible}.order-ticket{border:none;width:360px;position:absolute;top:0;left:0}}@media (max-width:1000px){.web-orders{grid-template-columns:1fr}}.cole-credits{flex-direction:column;gap:10px;display:flex}.credits-dashboard{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.credits-dashboard article{color:#fff;text-align:center;background:#111827;border:2px solid #f2d600}.credits-dashboard h3{color:#facc15;margin:0 0 8px;font-size:14px}.credits-dashboard strong{font-size:30px}.credits-grid{grid-template-columns:1fr 1.3fr;gap:10px;display:grid}.credits-panel{background:#f8f8f8;border:1px solid #c9c9c9;padding:10px}.credits-header{justify-content:space-between;align-items:center;display:flex}.credits-header h2,.credits-panel h2{color:#111;margin:0 0 10px}@media (max-width:1000px){.credits-dashboard,.credits-grid{grid-template-columns:1fr}}.reports-dashboard{flex-direction:column;gap:10px;display:flex}.reports-actions{justify-content:flex-end;display:flex}.reports-cards{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.reports-cards article{color:#fff;text-align:center;background:#111827;border:2px solid #f2d600;padding:12px}.reports-cards h3{color:#facc15;margin:0 0 8px;font-size:14px}.reports-cards strong{font-size:28px;display:block}.reports-cards span{color:#e5e7eb;font-size:12px}.reports-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.report-panel{background:#f8f8f8;border:1px solid #c9c9c9;padding:10px}.report-panel h2{color:#111;margin:0 0 10px}@media (max-width:1000px){.reports-cards,.reports-grid{grid-template-columns:1fr}}.cash-session{flex-direction:column;gap:10px;display:flex}.cash-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cash-panel{background:#f8f8f8;border:1px solid #c9c9c9;padding:10px}.cash-panel h2{color:#111;margin:0 0 10px}.cash-positive{color:#15803d}.cash-negative{color:#b91c1c}@media (max-width:1000px){.cash-grid{grid-template-columns:1fr}}.comprobantes-screen{grid-template-columns:1fr 380px;gap:10px;display:grid}.comprobantes-list,.comprobante-detail{background:#f8f8f8;border:1px solid #c9c9c9;padding:10px}.comprobante-detail h2{color:#111;margin-top:0}@media (max-width:1000px){.comprobantes-screen{grid-template-columns:1fr}}
