:root{font-family:Inter,system-ui,sans-serif;color:#24302b;background:#f4f7f3}*{box-sizing:border-box}body{margin:0}main{max-width:1200px;margin:auto;padding:24px}.card,form,.panel{background:#fff;border:1px solid #dce6df;border-radius:14px;padding:22px;box-shadow:0 6px 20px #183b2410}#login{max-width:430px;margin:12vh auto}h1{margin:0 0 6px;color:#235c3d}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}header h1{margin:0}input,select,button{font:inherit;padding:10px;border-radius:8px;border:1px solid #c7d5cb}input,select{width:100%;margin:5px 0 10px}label{display:block;font-weight:600;color:#365342}label input,label select{font-weight:400}button{background:#2d7a4b;color:#fff;border:0;cursor:pointer}button.secondary{background:#e8eee9;color:#235c3d}.edit-record{background:#eef4ff;color:#24578a;border:1px solid #b7cbe6;font-size:22px;font-weight:700;line-height:1;padding:4px 9px;border-radius:50%;cursor:pointer}nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}form button{width:100%;margin-top:8px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.metric{background:#e9f4eb;border-radius:12px;padding:18px}.metric b{display:block;font-size:30px;color:#235c3d}table{width:100%;border-collapse:collapse;background:#fff;margin-top:16px}th,td{text-align:left;padding:10px;border-bottom:1px solid #e5ece7;font-size:14px}th{background:#edf5ef;color:#235c3d}.table-wrap{overflow:auto}.panel{margin-bottom:18px}.hint{background:#f1f7f2;border-left:4px solid #2d7a4b;padding:10px}.error{color:#a52d2d}.ok{color:#237344}@media(max-width:600px){main{padding:12px}th,td{padding:7px;font-size:12px}}
:root{font-family:Inter,system-ui,sans-serif;color:#24302b;background:#f4f7f3}*{box-sizing:border-box}body{margin:0}main{max-width:1200px;margin:auto;padding:24px}.card,form,.panel{background:#fff;border:1px solid #dce6df;border-radius:14px;padding:22px;box-shadow:0 6px 20px #183b2410}#login{max-width:430px;margin:12vh auto}h1{margin:0 0 6px;color:#235c3d}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}header h1{margin:0}input,select,button{font:inherit;padding:10px;border-radius:8px;border:1px solid #c7d5cb}input,select{width:100%;margin:5px 0 10px}label{display:block;font-weight:600;color:#365342}label input,label select{font-weight:400}button{background:#2d7a4b;color:#fff;border:0;cursor:pointer}button.secondary{background:#e8eee9;color:#235c3d}.edit-record{background:#eef4ff;color:#24578a;border:1px solid #b7cbe6;font-size:22px;font-weight:700;line-height:1;padding:4px 9px;border-radius:50%;cursor:pointer}.delete-record{background:#fbeaea;color:#a52d2d;border:1px solid #efbcbc;font-size:22px;font-weight:700;line-height:1;padding:4px 9px;border-radius:50%;cursor:pointer}nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}form button{width:100%;margin-top:8px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.metric{background:#e9f4eb;border-radius:12px;padding:18px}.metric b{display:block;font-size:30px;color:#235c3d}table{width:100%;border-collapse:collapse;background:#fff;margin-top:16px}th,td{text-align:left;padding:10px;border-bottom:1px solid #e5ece7;font-size:14px}th{background:#edf5ef;color:#235c3d}.table-wrap{overflow:auto}.panel{margin-bottom:18px}.hint{background:#f1f7f2;border-left:4px solid #2d7a4b;padding:10px}.modal-backdrop{position:fixed;inset:0;background:#183b2455;display:grid;place-items:center;padding:18px;z-index:10}.modal{width:min(680px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:14px;padding:24px;box-shadow:0 12px 40px #183b2440}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.modal-actions button{width:auto;margin:0}.error{color:#a52d2d}.ok{color:#237344}@media(max-width:600px){main{padding:12px}th,td{padding:7px;font-size:12px}}
:root{font-family:Inter,system-ui,sans-serif;color:#24302b;background:#f4f7f3}*{box-sizing:border-box}body{margin:0}main{max-width:1200px;margin:auto;padding:24px}.card,form,.panel{background:#fff;border:1px solid #dce6df;border-radius:14px;padding:22px;box-shadow:0 6px 20px #183b2410}#login{max-width:430px;margin:12vh auto}h1{margin:0 0 6px;color:#235c3d}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}header h1{margin:0}input,select,button{font:inherit;padding:10px;border-radius:8px;border:1px solid #c7d5cb}input,select{width:100%;margin:5px 0 10px}label{display:block;font-weight:600;color:#365342}label input,label select{font-weight:400}button{background:#2d7a4b;color:#fff;border:0;cursor:pointer}.edit-record,.delete-record{background:#eef4ff;color:#24578a;border:1px solid #b7cbe6;font-size:22px;font-weight:700;line-height:1;padding:4px 9px;border-radius:50%;cursor:pointer}nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}form button{width:100%;margin-top:8px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.metric{background:#e9f4eb;border-radius:12px;padding:18px}.metric b{display:block;font-size:30px;color:#235c3d}table{width:100%;border-collapse:collapse;background:#fff;margin-top:16px}th,td{text-align:left;padding:10px;border-bottom:1px solid #e5ece7;font-size:14px}th{background:#edf5ef;color:#235c3d}.table-wrap{overflow:auto}.panel{margin-bottom:18px}.hint{background:#f1f7f2;border-left:4px solid #2d7a4b;padding:10px}.modal-backdrop{position:fixed;inset:0;background:#183b2455;display:grid;place-items:center;padding:18px;z-index:10}.modal{width:min(680px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:14px;padding:24px;box-shadow:0 12px 40px #183b2440}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.modal-actions button{width:auto;margin:0}.error{color:#a52d2d}.ok{color:#237344}@media(max-width:600px){main{padding:12px}th,td{padding:7px;font-size:12px}}
:root{font-family:Inter,system-ui,sans-serif;color:#24302b;background:#f4f7f3}.availability{padding:10px 12px;border-radius:8px;margin:4px 0 8px;font-weight:600}.availability.good{background:#e9f4eb;color:#237344}.availability.warning{background:#fff1e5;color:#a34a13}
.availability{font-size:12px;padding:6px 9px;margin:2px 0 6px;border-radius:7px;font-weight:600}
.order-filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:12px 0}.order-filters label{min-width:190px}.order-filters select{margin-top:5px}
td,th{overflow-wrap:anywhere;word-break:break-word}.table-wrap{max-width:100%;overflow-x:auto}
.responsive-table-label{display:none}@media(max-width:600px){main{padding:10px}.card,form,.panel{padding:14px}.panel h2{font-size:22px}.grid{grid-template-columns:1fr;gap:8px}.order-filters{display:grid;grid-template-columns:1fr;gap:4px}.order-filters label{min-width:0}table,thead,tbody,tr,td{display:block}table{margin-top:10px}thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}tbody{display:grid;gap:10px}tbody tr{background:#fff;border:1px solid #dce6df;border-radius:10px;padding:8px;box-shadow:0 2px 8px #183b2410}tbody td{display:grid;grid-template-columns:minmax(105px,42%) 1fr;gap:8px;align-items:start;padding:8px 4px;font-size:14px;overflow-wrap:anywhere;word-break:normal}tbody td::before{content:attr(data-label);font-weight:700;color:#235c3d}tbody td:last-child{border-bottom:0}.table-wrap{overflow:visible}.order-status{width:100%;margin:0}}
.edit-record,.delete-record{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;min-width:38px;padding:0;border-radius:50%;vertical-align:middle}.order-status{min-width:90px}@media(max-width:600px){tbody td[data-label="Acciones"]{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}tbody td[data-label="Acciones"]::before{flex:0 0 42%}tbody td[data-label="Acciones"] .edit-record,tbody td[data-label="Acciones"] .delete-record{flex:0 0 38px;width:38px;height:38px}}
.record-sort{display:flex;justify-content:flex-end;align-items:end;margin-top:12px}.record-sort label{min-width:220px}.record-sort select{margin:5px 0 0}@media(max-width:600px){.record-sort{justify-content:stretch}.record-sort label{width:100%;min-width:0}tbody td[data-label="Fecha"]{white-space:nowrap}}
.sortable-date{cursor:pointer;user-select:none;white-space:nowrap}.sortable-date:hover{background:#e2efe5}.record-sort{display:none}.table-wrap td[data-label^="Fecha"],.table-wrap th.sortable-date{white-space:nowrap;word-break:normal;overflow-wrap:normal}
.brand{display:flex;align-items:center;gap:14px}.logo{object-fit:contain;background:#fff}.logo-login{display:block;width:min(260px,80%);height:auto;margin:0 auto 10px}.logo-header{width:76px;height:76px;border-radius:12px}#login h1{text-align:center;font-family:"Segoe Print","Bradley Hand","Brush Script MT",cursive;font-weight:600;letter-spacing:.02em} @media(max-width:600px){.brand{gap:8px}.logo-header{width:58px;height:58px}.brand h1{font-size:22px}#login h1{font-size:30px;line-height:1.1}}
@media(min-width:601px){#content .table-wrap table{table-layout:auto}#content .table-wrap th:nth-child(1),#content .table-wrap td:nth-child(1){min-width:115px}#content .table-wrap th:nth-child(2),#content .table-wrap td:nth-child(2){min-width:125px}#content .table-wrap th:nth-child(3),#content .table-wrap td:nth-child(3){min-width:70px}#content .table-wrap th:nth-child(4),#content .table-wrap td:nth-child(4){min-width:85px;white-space:nowrap;word-break:normal;overflow-wrap:normal}#content .table-wrap th:nth-child(5),#content .table-wrap td:nth-child(5){min-width:105px}#content .table-wrap th:nth-child(6),#content .table-wrap td:nth-child(6){min-width:85px}#content .table-wrap th:nth-child(7),#content .table-wrap td:nth-child(7){min-width:160px}#content .table-wrap th:last-child,#content .table-wrap td:last-child{min-width:95px}}
@media(min-width:601px){#content .table-wrap th{white-space:nowrap;word-break:normal;overflow-wrap:normal}#content .table-wrap td[data-label="Unidad"],#content .table-wrap td[data-label="Cantidad"],#content .table-wrap td[data-label="Importe"],#content .table-wrap td[data-label="Precio unitario"]{white-space:nowrap;word-break:normal;overflow-wrap:normal}}
#login h1{font-family:'Pacifico','Segoe Print','Bradley Hand','Brush Script MT',cursive;font-weight:400;text-align:center;letter-spacing:0}
:root{color:#315f61;background:#f8f7f0}h1,h2{color:#315f61}header h1{color:#315f61}label{color:#315f61}button{background:#3f7473}button:hover{background:#315f61}.metric{background:#edf2e8}.metric b{color:#315f61}th{background:#edf2e8;color:#315f61}.hint{background:#f4f1df;border-left-color:#c4a94b}.ok{color:#3f7473}.logo-login,.logo-header{background:#fff}.card,form,.panel{border-color:#dedbc9}.edit-record{background:#eef3f1;color:#315f61;border-color:#b9ceca}.delete-record{background:#fbf3df;color:#a05b3a;border-color:#e4c878}
#login .logo-login{margin-bottom:-55px}@media(max-width:600px){#login .logo-login{margin-bottom:-48px}}
#login .logo-login{margin-bottom:-30px}@media(max-width:600px){#login .logo-login{margin-bottom:-25px}}