*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fa;color:#333}#root{min-height:100vh}.modelo-selector{display:flex;align-items:center;gap:10px;padding:8px 15px;background-color:#f8f9fa;border-radius:6px;border:1px solid #dee2e6}.modelo-label{font-size:14px;font-weight:600;color:#495057}.modelo-buttons{display:flex;gap:5px}.modelo-btn{padding:6px 16px;border:2px solid #6c757d;background-color:#fff;color:#6c757d;font-weight:600;font-size:14px;border-radius:4px;cursor:pointer;transition:all .2s;min-width:40px}.modelo-btn:hover:not(:disabled){background-color:#f8f9fa;border-color:#495057}.modelo-btn.active{background-color:#ff9800;border-color:#ff9800;color:#fff}.modelo-btn:disabled{cursor:not-allowed;opacity:.6}.navbar{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:1000;padding:.5rem 0}.navbar-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.navbar-logo{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none;display:flex;align-items:center;margin-right:2rem}.navbar-menu{display:flex;list-style:none;gap:1rem;margin:0;padding:0;flex-grow:1}.navbar-item{margin:0}.navbar-link{color:#ffffffe6;text-decoration:none;font-weight:500;padding:.5rem .8rem;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;gap:6px;font-size:.95rem}.navbar-link:hover{background:#fff3;color:#fff;transform:translateY(-2px)}.nav-icon{opacity:.8}.navbar-secondary{display:flex;align-items:center;gap:1rem}.navbar-btn-icon{background:#ffffff1a;border:none;color:#fff;padding:8px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;text-decoration:none}.navbar-btn-icon:hover{background:#ffffff4d;transform:scale(1.1)}.navbar-item-dropdown{position:relative}.dropdown-menu{position:absolute;top:120%;right:0;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:220px;overflow:hidden;animation:slideDown .2s ease-out;padding:5px 0}.dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 15px;color:#333;text-decoration:none;font-size:.9rem;transition:background .2s}.dropdown-item:hover{background:#f3f4f6;color:#667eea}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.navbar-modelo{margin-left:10px}.layout{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:2rem}.home{padding:2rem 0}.hero{text-align:center;margin-bottom:4rem;padding:3rem 0;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:16px}.hero-title{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.hero-subtitle{font-size:1.25rem;color:#666;font-weight:500}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.feature-card{background:#fff;border:2px solid #f0f0f0;border-radius:16px;padding:2rem;text-align:center;text-decoration:none;color:inherit;transition:all .3s ease;box-shadow:0 4px 6px #0000000d}.feature-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #667eea33;border-color:#667eea}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:#333}.feature-card p{color:#666;line-height:1.6}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;width:600px;min-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 4px 6px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0}.modal-header h2{margin:0;font-size:20px;color:#333}.close-button{background:none;border:none;font-size:28px;cursor:pointer;color:#999}form{display:flex;flex-direction:column;flex:1;min-height:0;width:100%}.modal-body-scroll{overflow-y:auto;flex-grow:1;overflow-x:hidden;width:100%;display:block;background:#fff}.form-section{padding:20px;border-bottom:1px solid #f0f0f0;width:100%!important;display:block;clear:both;box-sizing:border-box}.form-section:last-of-type{border-bottom:none}.form-section h3{margin:0 0 15px;font-size:16px;color:#555;font-weight:600;display:block}.form-row{display:block;width:100%;margin-bottom:15px}.form-group{display:flex;flex-direction:column;width:100%;margin-bottom:15px;box-sizing:border-box}.form-group label{font-size:14px;color:#666;margin-bottom:5px;font-weight:500}.form-group input,.form-group select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;width:100%;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:#4caf50}.form-group input:disabled{background-color:#f5f5f5;color:#999}.modal-footer{padding:20px;display:flex;gap:10px;justify-content:flex-end;background:#fff;border-top:1px solid #e0e0e0}.btn-save{background-color:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:500}.btn-cancel{background-color:#f44336;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:500}.clientes-container{display:flex;flex-direction:column;height:calc(100vh - 140px);padding:15px;gap:10px}.clientes-container h1{font-size:22px;margin:0 0 10px;color:#333}.search-bar{display:flex;gap:10px}.search-bar input{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.modelo-label{font-size:13px;font-weight:600;color:#555;padding:6px 12px;background-color:#f0f0f0;border-radius:4px;display:inline-block;align-self:flex-start}.table-scroll-container{flex:1;overflow:auto;border:1px solid #ddd;margin-bottom:10px;background-color:#fff;position:relative;min-height:0}.clientes-table{width:100%;border-collapse:collapse;table-layout:fixed}.clientes-table thead{position:sticky;top:0;background-color:#f5f5f5;z-index:10;box-shadow:0 1px 2px #0000001a}.clientes-table th{padding:6px 4px;text-align:left;font-weight:600;font-size:11px;color:#333;border-bottom:1px solid #ddd;border-right:1px solid #e0e0e0;white-space:nowrap;-webkit-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis}.clientes-table th:nth-child(1){width:45px}.clientes-table th:nth-child(2){width:180px}.clientes-table th:nth-child(3){width:90px}.clientes-table th:nth-child(4){width:200px}.clientes-table th:nth-child(5){width:120px}.clientes-table th:nth-child(6){width:60px}.clientes-table th:nth-child(7){width:40px}.clientes-table th:nth-child(8){width:40px}.clientes-table th:nth-child(9){width:45px}.clientes-table th:nth-child(10){width:45px}.clientes-table th:last-child{border-right:none}.clientes-table th.active-column{background-color:#ffe0b2}.clientes-table th.sortable{cursor:pointer}.clientes-table th.sortable:hover{background-color:#e0e0e0}.clientes-table th.sortable.active-column:hover{background-color:#ffcc80}.clientes-table td{padding:4px;font-size:11px;border-bottom:1px solid #f0f0f0;border-right:1px solid #f5f5f5;white-space:nowrap;cursor:pointer;overflow:hidden;text-overflow:ellipsis}.clientes-table td:last-child{border-right:none}.clientes-table td.active-column{background-color:#fff3e0}.clientes-table tbody tr:hover{background-color:#f5f5f5}.clientes-table tbody tr:hover td.active-column{background-color:#ffe0b2}.clientes-table tbody tr.selected{background-color:#bbdefb!important}.clientes-table tbody tr.selected td.active-column{background-color:#90caf9!important}.action-buttons{display:flex;justify-content:space-between;align-items:center;padding-top:10px;flex-shrink:0;gap:10px;flex-wrap:wrap}.actions-group{display:flex;gap:8px}.actions-group.center{justify-content:center}.actions-group.right{justify-content:flex-end}.action-buttons button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600}.btn-edit{background-color:#2196f3;color:#fff}.btn-edit:hover{background-color:#0b7dda}.btn-edit:disabled{background-color:#90caf9;cursor:not-allowed}.btn-delete{background-color:#f44336;color:#fff}.btn-delete:hover{background-color:#da190b}.btn-delete:disabled{background-color:#ef9a9a;cursor:not-allowed}.btn-reactivate{background-color:#ff9800;color:#fff}.btn-reactivate:hover{background-color:#e68900}.btn-rutas,.btn-nav{background-color:#9c27b0;color:#fff}.btn-rutas:hover,.btn-nav:hover{background-color:#7b1fa2}.btn-print{background-color:#ff9800;color:#fff}.btn-print:hover{background-color:#e68900}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid #e0e0e0}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#999;padding:0}.modal-body{padding:15px;display:flex!important;flex-direction:column!important;gap:15px}.modal-reactivar-body{display:flex!important;flex-direction:column!important;gap:15px;padding:20px!important;width:100%!important;box-sizing:border-box!important}.search-input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:13px;margin-bottom:0}.inactive-list{max-height:300px;overflow-y:auto;border:1px solid #e0e0e0;border-radius:4px}.inactive-item{padding:8px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:10px;font-size:13px}.modal-footer{padding:15px;border-top:1px solid #e0e0e0;display:flex;gap:10px;justify-content:flex-end}.btn-save{background-color:#4caf50;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500}.btn-cancel{background-color:#f44336;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500}.modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0000004d;width:90%;max-width:700px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;border-radius:8px 8px 0 0}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600}.modal-close{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;line-height:1;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s ease}.modal-close:hover{background:#fff3}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}.form-group label{font-weight:600;font-size:.9rem;margin-bottom:.4rem;color:#333}.form-group input,.form-group select{padding:.6rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.form-group input.error,.form-group select.error{border-color:#f44336}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.error-message{color:#f44336;font-size:.8rem;margin-top:.25rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1.5rem;border-top:1px solid #e0e0e0;margin-top:1rem}.btn-cancel,.btn-save{padding:.65rem 1.5rem;border:none;border-radius:4px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.btn-cancel{background:#f5f5f5;color:#666}.btn-cancel:hover{background:#e0e0e0}.btn-save{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;box-shadow:0 2px 6px #4caf504d}.btn-save:hover{transform:translateY(-1px);box-shadow:0 4px 10px #4caf5066}.editable-cell-input{width:100%;border:1px solid transparent;background-color:transparent;padding:4px 8px;font-family:inherit;font-size:inherit;color:inherit;border-radius:4px;transition:all .2s}.editable-cell-input:hover{border-color:#e0e0e0;background-color:#f9f9f9}.editable-cell-input:focus{border-color:#2196f3;background-color:#fff;outline:none;box-shadow:0 0 0 2px #2196f31a}.editable-cell-readonly{padding:4px 8px}.productos-table-compact td{padding:0!important;height:32px}.productos-table-compact td .editable-cell-input{height:100%;border-radius:0}.productos-page-compact{animation:fadeIn .3s ease;background:#fff;border-radius:8px;padding:1rem;box-shadow:0 2px 8px #0000001a}.page-header-compact{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;padding:.75rem 1rem;margin:-1rem -1rem 1rem;border-radius:8px 8px 0 0}.page-header-compact h2{margin:0;font-size:1.25rem;font-weight:600}.search-bar-compact{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem;background:#f8f9fa;border-radius:4px}.search-bar-compact label{font-weight:600;font-size:.9rem;color:#333;white-space:nowrap}.search-input-compact{flex:1;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.search-input-compact:focus{outline:none;border-color:#2196f3}.table-container-compact{overflow-x:auto;overflow-y:auto;max-height:calc(100vh - 350px);border:1px solid #ddd;border-radius:4px}.productos-table-compact{width:100%;border-collapse:collapse;font-size:.85rem}.productos-table-compact thead{position:sticky;top:0;background:#2196f3;color:#fff;z-index:10}.productos-table-compact th{padding:.6rem .5rem;text-align:left;font-weight:600;font-size:.8rem;white-space:nowrap}.productos-table-compact th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s ease}.productos-table-compact th.sortable:hover{background:#1976d2}.productos-table-compact tbody tr{border-bottom:1px solid #e0e0e0;cursor:pointer;transition:background .15s ease}.productos-table-compact tbody tr:hover{background:#e3f2fd}.productos-table-compact tbody tr.selected{background:#2196f3;color:#fff;font-weight:600}.productos-table-compact td{padding:.5rem;white-space:nowrap}.nombre-col{max-width:300px;overflow:hidden;text-overflow:ellipsis}.action-buttons{display:flex;gap:.5rem;margin-top:1rem;padding:.75rem;background:#f8f9fa;border-radius:4px}.action-buttons button{padding:.6rem 1.5rem;border:none;border-radius:4px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;color:#fff}.btn-insertar{background:#4caf50}.btn-insertar:hover{background:#45a049;transform:translateY(-1px);box-shadow:0 2px 6px #4caf504d}.btn-editar{background:#ff9800}.btn-editar:hover{background:#f57c00;transform:translateY(-1px);box-shadow:0 2px 6px #ff98004d}.btn-buscar{background:#ffc107;color:#333}.btn-buscar:hover{background:#ffb300;transform:translateY(-1px);box-shadow:0 2px 6px #ffc1074d}.btn-listar{background:#2196f3}.btn-listar:hover{background:#1976d2;transform:translateY(-1px);box-shadow:0 2px 6px #2196f34d}.btn-eliminar{background:#f44336}.btn-eliminar:hover{background:#d32f2f;transform:translateY(-1px);box-shadow:0 2px 6px #f443364d}.table-footer-compact{margin-top:.75rem;text-align:right;color:#666;font-size:.85rem;font-weight:500}.loading,.error{text-align:center;padding:3rem;font-size:1.1rem}.error{color:#d32f2f}.modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0000004d;width:90%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease}.small-modal{max-width:300px!important}.medium-modal{max-width:600px!important}.modal-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.modal-body{padding:1.5rem;overflow-y:auto}.radio-group{display:flex;flex-direction:column;gap:.8rem;margin-top:.5rem}.radio-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:1rem}.btn-save{background:#4caf50;color:#fff;padding:.6rem 1.2rem;border:none;border-radius:4px;cursor:pointer;font-weight:600}.productos-table-compact th.col-codigo,.productos-table-compact td.col-codigo{width:70px!important;max-width:70px!important;min-width:70px!important}.productos-table-compact th.col-nombre,.productos-table-compact td.col-nombre{width:auto!important;min-width:350px!important;max-width:none!important;white-space:normal!important;word-wrap:break-word!important}.productos-table-compact td.col-nombre{white-space:normal!important;word-wrap:break-word!important}.productos-table-compact th.col-precio,.productos-table-compact td.col-precio{width:80px!important;max-width:80px!important;min-width:80px!important}.productos-table-compact th.col-orden,.productos-table-compact td.col-orden{width:60px!important;max-width:60px!important;min-width:60px!important;text-align:center!important}.productos-table-compact th.col-iva,.productos-table-compact td.col-iva{width:55px!important;max-width:55px!important;min-width:55px!important;text-align:center!important}.productos-table-compact th.col-umedida,.productos-table-compact td.col-umedida{width:90px!important;max-width:90px!important;min-width:90px!important;text-align:center!important}.productos-table-compact th.col-coste,.productos-table-compact td.col-coste,.productos-table-compact th.col-peso,.productos-table-compact td.col-peso{width:80px!important;max-width:80px!important;min-width:80px!important}.productos-table-compact th.col-encargo,.productos-table-compact td.col-encargo{width:80px!important;max-width:80px!important;min-width:80px!important;text-align:center!important}.search-input-wrapper{position:relative;display:inline-block;width:auto}.clear-search-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;font-size:20px;color:#999;cursor:pointer;padding:0 4px;line-height:1;transition:color .2s}.clear-search-btn:hover{color:#333}.productos-table-compact .col-codigo{max-width:80px;min-width:80px;width:80px}.productos-table-compact .col-nombre{min-width:250px;max-width:400px;width:auto}.productos-table-compact .col-precio{max-width:100px;min-width:100px;width:100px}.productos-table-compact .col-orden{max-width:80px;min-width:80px;width:80px}.productos-table-compact .col-iva{max-width:70px;min-width:70px;width:70px}.productos-table-compact .col-umedida,.productos-table-compact .col-coste{max-width:100px;min-width:100px;width:100px}.productos-table-compact .col-peso,.productos-table-compact .col-encargo{max-width:90px;min-width:90px;width:90px}.productos-table-compact .editable-cell-input{border:none!important;background:transparent!important;box-shadow:none!important;padding:6px 8px}.productos-table-compact .editable-cell-input:hover{background-color:#f5f5f5!important;border:none!important}.productos-table-compact .editable-cell-input:focus{background-color:#fff!important;border:2px solid #2196F3!important;box-shadow:0 0 0 2px #2196f31a!important}.catalogo-container{display:flex;flex-direction:column;height:calc(100vh - 140px);padding:15px;gap:15px}.catalogo-header{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex-shrink:0}.catalogo-header h1{margin:0;font-size:24px;font-weight:700;color:#1a237e;display:flex;align-items:center;gap:12px}.header-title-container{display:flex;align-items:center;gap:20px}.btn-back{background-color:#f5f5f5;color:#616161;border:1px solid #e0e0e0;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s;display:flex;align-items:center}.btn-back:hover{background-color:#eee;color:#212121;transform:translate(-3px)}.client-name-highlight{background:linear-gradient(120deg,#bbdefb,#e3f2fd);padding:4px 12px;border-radius:6px;color:#0d47a1;box-shadow:0 2px 4px #0000000d}.client-selector{display:flex;align-items:center;gap:10px;position:relative;flex:1;max-width:500px;margin:0 20px}.client-selector input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.client-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 6px #0000001a;z-index:100;max-height:300px;overflow-y:auto}.client-dropdown div{padding:8px 12px;cursor:pointer;font-size:14px}.client-dropdown div:hover{background-color:#f5f5f5}.selected-client-badge{position:absolute;top:50%;left:5px;transform:translateY(-50%);background:#e3f2fd;color:#1976d2;padding:4px 8px;border-radius:4px;font-size:13px;display:flex;align-items:center;gap:5px;width:calc(100% - 10px);box-sizing:border-box}.selected-client-badge button{background:none;border:none;color:#1976d2;font-weight:700;cursor:pointer;padding:0 4px;margin-left:auto}.actions{display:flex;gap:10px}.btn-save{background-color:#4caf50;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500}.btn-save:disabled{background-color:#ccc;cursor:not-allowed}.btn-revert{background-color:#607d8b;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500}.btn-revert:hover{background-color:#455a64}.btn-revert:disabled{background-color:#cfd8dc;cursor:not-allowed}.catalogo-content{display:flex;gap:20px;flex:1;min-height:0}.panel-left,.panel-right{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;padding:15px;overflow:hidden;flex:1}.panel-left h3,.panel-right h3{margin:0 0 15px;font-size:16px;color:#555;border-bottom:1px solid #eee;padding-bottom:10px}.search-input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;margin-bottom:10px;box-sizing:border-box}.table-container{flex:1;overflow-y:auto;border:1px solid #eee;border-radius:4px}.catalogo-table{width:100%;border-collapse:collapse}.catalogo-table th{position:sticky;top:0;background:#f5f5f5;padding:8px;text-align:left;font-size:12px;color:#666;border-bottom:1px solid #ddd;z-index:1}.catalogo-table td{padding:6px 8px;border-bottom:1px solid #f5f5f5;font-size:13px}.editable-cell{width:100%;padding:4px;border:1px solid transparent;border-radius:2px;font-size:13px;text-align:right}.editable-cell:focus{border-color:#2196f3;outline:none;background-color:#e3f2fd}.btn-remove{background:none;border:none;color:#f44336;font-size:18px;cursor:pointer;padding:0;line-height:1}.btn-remove:hover{color:#d32f2f}.empty-message{text-align:center;color:#999;padding:40px!important;font-style:italic}.empty-state-message{display:flex;justify-content:center;align-items:center;height:200px;color:#888;font-style:italic;background-color:#f9f9f9;border-radius:8px;margin-top:20px;text-align:center;padding:20px}.checkbox-cell{text-align:center;padding:4px!important;width:40px}.checkbox-cell input[type=checkbox]{cursor:pointer;width:16px;height:16px}.selected-row{background-color:#e3f2fd!important}.selected-row:hover{background-color:#bbdefb!important}.selection-actions{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#e8f5e9;border-radius:4px;margin-bottom:10px;border:1px solid #4CAF50}.selection-actions.danger{background-color:#ffebee;border-color:#f44336}.selection-count{font-size:13px;font-weight:600;color:#2e7d32}.selection-actions.danger .selection-count{color:#c62828}.btn-add-selected{background-color:#4caf50;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600}.btn-add-selected:hover{background-color:#45a049}.btn-remove-selected{background-color:#f44336;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600}.btn-remove-selected:hover{background-color:#d32f2f}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0000004d;width:90%;max-width:400px;display:flex;flex-direction:column;animation:slideUp .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;border-radius:8px 8px 0 0}.modal-header h3{margin:0;font-size:1.1rem;font-weight:600}.modal-body{padding:1.5rem;font-size:1rem;color:#333}.modal-footer{padding:1rem 1.5rem;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:.5rem}.btn-cancel{background:#f5f5f5;color:#666;padding:.6rem 1.2rem;border:none;border-radius:4px;cursor:pointer;font-weight:600}.btn-confirm{background:#4caf50;color:#fff;padding:.6rem 1.2rem;border:none;border-radius:4px;cursor:pointer;font-weight:600}.btn-confirm:hover{background:#45a049}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}color: #333; } .filtros{display:flex;gap:20px;align-items:center;padding:15px;background-color:#f5f5f5;border-radius:8px;flex-shrink:0}.filtros label{display:flex;align-items:center;gap:10px;font-weight:600;color:#555}.filtros select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background-color:#fff;cursor:pointer}.cambios-pendientes{color:#ff9800;font-weight:700;margin-left:auto;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.table-container{background-color:#fff;border:1px solid #ddd;border-radius:8px;overflow:auto;flex:1;min-height:0}.rutas-table{width:100%;border-collapse:collapse}.rutas-table thead{position:sticky;top:0;background-color:#f8f9fa;z-index:10}.rutas-table th{padding:12px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #ddd}.rutas-table th.drag-column{width:40px}.rutas-table td{padding:12px;border-bottom:1px solid #f0f0f0}.rutas-table tbody tr{transition:background-color .2s}.rutas-table tbody tr:hover{background-color:#f8f9fa}.rutas-table tbody tr.dragging{background-color:#e3f2fd;box-shadow:0 4px 8px #0003}.drag-handle{cursor:grab;text-align:center;color:#999;font-size:18px;-webkit-user-select:none;user-select:none}.drag-handle:active{cursor:grabbing}.action-buttons{display:flex;gap:10px;justify-content:flex-end;flex-shrink:0;padding-top:10px}.action-buttons button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;transition:background-color .2s}.btn-add{background-color:#4caf50;color:#fff}.btn-add:hover{background-color:#45a049}.btn-recalcular{background-color:#ff9800;color:#fff}.btn-recalcular:hover{background-color:#e68900}.btn-guardar{background-color:#4caf50;color:#fff}.btn-guardar:hover:not(:disabled){background-color:#45a049}.btn-guardar:disabled{background-color:#ccc;cursor:not-allowed}.btn-descartar{background-color:#f44336;color:#fff}.btn-descartar:hover:not(:disabled){background-color:#da190b}.btn-descartar:disabled{background-color:#ccc;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0003;max-height:90vh;overflow-y:auto}.modal-medium{width:600px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #e0e0e0}.modal-header h2{margin:0;font-size:18px;color:#333}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#999;padding:0;line-height:1}.close-button:hover{color:#333}.search-input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;margin-bottom:15px;box-sizing:border-box}.clientes-list{max-height:400px;overflow-y:auto;border:1px solid #e0e0e0;border-radius:4px}.cliente-item{padding:10px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:10px;font-size:14px}.cliente-item:last-child{border-bottom:none}.cliente-item:hover{background-color:#f8f9fa}.cliente-item input[type=checkbox]{cursor:pointer}.modal-footer{padding:15px 20px;border-top:1px solid #e0e0e0;display:flex;gap:10px;justify-content:flex-end}.btn-save{background-color:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600}.btn-cancel{background-color:#f44336;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600}.configuracion-container{padding:20px;max-width:1200px;margin:0 auto}.configuracion-container h1{margin-bottom:20px;color:#333}.config-tabs{display:flex;gap:10px;border-bottom:2px solid #e0e0e0;margin-bottom:20px}.config-tab{padding:10px 20px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:16px;font-weight:500;color:#666;transition:all .3s}.config-tab:hover{color:#333;background-color:#f5f5f5}.config-tab.active{color:#673ab7;border-bottom-color:#673ab7}.config-content{padding:20px 0}.gestion-iva{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.iva-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.iva-header h2{margin:0;color:#333}.iva-actions{display:flex;gap:10px;align-items:center}.show-inactivos{display:flex;align-items:center;gap:5px;font-size:14px;cursor:pointer}.btn-nuevo-iva{background-color:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color .3s}.btn-nuevo-iva:hover{background-color:#45a049}.btn-migrar-iva{background-color:#ff9800;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color .3s}.btn-migrar-iva:hover{background-color:#e68900}.iva-table{width:100%;border-collapse:collapse;margin-top:20px}.iva-table thead{background-color:#f5f5f5}.iva-table th{padding:12px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #ddd}.iva-table td{padding:12px;border-bottom:1px solid #f0f0f0}.iva-table tr:hover{background-color:#f8f9fa}.iva-table tr.inactive{color:#999;font-style:italic}.iva-table tr.inactive td{background-color:#fafafa}.status-active{color:#4caf50;font-weight:600}.status-inactive{color:#999}.edit-input{width:100%;padding:6px;border:1px solid #ddd;border-radius:4px;font-size:14px}.btn-edit-small,.btn-save-small,.btn-cancel-small,.btn-deactivate,.btn-activate{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:13px;margin-right:5px;transition:background-color .3s}.btn-edit-small{background-color:#2196f3;color:#fff}.btn-edit-small:hover{background-color:#1976d2}.btn-save-small{background-color:#4caf50;color:#fff}.btn-save-small:hover{background-color:#45a049}.btn-cancel-small{background-color:#f44336;color:#fff}.btn-cancel-small:hover{background-color:#da190b}.btn-deactivate{background-color:#ff9800;color:#fff}.btn-deactivate:hover{background-color:#e68900}.btn-activate{background-color:#4caf50;color:#fff}.btn-activate:hover{background-color:#45a049}.modal-small{width:500px;max-width:90vw}.form-group input,.form-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.migration-info{margin-top:5px;color:#666;font-size:14px;font-style:italic}.migration-warning{background-color:#fff3cd;border:1px solid #ffc107;border-radius:4px;padding:10px;margin-top:15px;font-size:13px;color:#856404}.btn-save{background-color:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:600}.btn-save:hover{background-color:#45a049}.btn-cancel{background-color:#f44336;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:600}.btn-cancel:hover{background-color:#da190b}.mantenimiento-encargos{padding:2rem;max-width:1400px;margin:0 auto}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header h1{display:flex;align-items:center;gap:.5rem;color:#2c3e50;margin:0}.header-actions{display:flex;gap:1rem;align-items:center}.filtros{display:flex;gap:.5rem;background:#fff;padding:.25rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.filtros button{padding:.5rem 1rem;border:none;background:transparent;border-radius:6px;cursor:pointer;transition:all .2s;font-weight:500}.filtros button:hover{background:#f1f3f5}.filtros button.active{background:#4caf50;color:#fff}.btn-primary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#4caf50;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;box-shadow:0 4px 6px #4caf504d;transition:all .2s}.btn-primary:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 6px 8px #4caf5066}.tabla-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a}.tabla-encargos{width:100%;border-collapse:collapse}.tabla-encargos thead{background:#34495e;color:#fff}.tabla-encargos th{padding:1rem;text-align:left;font-weight:600;text-transform:uppercase;font-size:.85rem;letter-spacing:.5px}.tabla-encargos tbody tr{border-bottom:1px solid #ecf0f1;transition:background .2s}.tabla-encargos tbody tr:hover{background:#f8f9fa}.tabla-encargos tbody tr.inactive{opacity:.6}.tabla-encargos td{padding:1rem}.btn-expand{background:transparent;border:none;cursor:pointer;padding:.25rem;color:#7f8c8d;transition:color .2s}.btn-expand:hover{color:#2c3e50}.badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;display:inline-block;margin-right:.5rem}.badge-success{background:#d4edda;color:#155724}.badge-danger{background:#f8d7da;color:#721c24}.badge-warning{background:#fff3cd;color:#856404}.badge-secondary{background:#e2e3e5;color:#383d41}.acciones{display:flex;gap:.5rem}.btn-icon{background:transparent;border:1px solid #dee2e6;padding:.5rem;border-radius:6px;cursor:pointer;color:#495057;transition:all .2s}.btn-icon:hover:not(:disabled){background:#f1f3f5;border-color:#adb5bd}.btn-icon:disabled{opacity:.4;cursor:not-allowed}.btn-icon.btn-danger:hover:not(:disabled){background:#f8d7da;border-color:#f5c6cb;color:#721c24}.detalle-row td{background:#f8f9fa!important;padding:1.5rem!important}.subproductos-detalle h4{margin:0 0 1rem;color:#2c3e50}.tabla-subproductos{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}.tabla-subproductos thead{background:#ecf0f1}.tabla-subproductos th{padding:.75rem;text-align:left;color:#2c3e50;font-weight:600}.tabla-subproductos td{padding:.75rem;border-top:1px solid #dee2e6}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d;animation:slideIn .3s}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #dee2e6}.modal-header h2{margin:0;color:#2c3e50}.btn-close{background:transparent;border:none;font-size:2rem;line-height:1;cursor:pointer;color:#6c757d;padding:0;width:2rem;height:2rem}.btn-close:hover{color:#2c3e50}.modal-content form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#2c3e50;font-weight:600}.form-group input[type=text],.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid #ced4da;border-radius:6px;font-size:1rem;transition:border-color .2s}.form-group input[type=text]:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group input[type=checkbox]{margin-right:.5rem}.subproductos-list{max-height:300px;overflow-y:auto;border:1px solid #ced4da;border-radius:6px;padding:.5rem}.checkbox-item{display:flex;align-items:center;padding:.5rem;border-radius:4px;cursor:pointer;transition:background .2s}.checkbox-item:hover{background:#f1f3f5}.checkbox-item input{margin-right:.75rem}.warning-message{background:#fff3cd;border:1px solid #ffc107;padding:1rem;border-radius:6px;color:#856404;margin-bottom:1rem}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid #dee2e6}.btn-secondary{padding:.75rem 1.5rem;background:#6c757d;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s}.btn-secondary:hover{background:#5a6268}.loading{text-align:center;padding:4rem;font-size:1.2rem;color:#6c757d}.company-settings-tab{padding:20px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.settings-form{max-width:600px}.form-group label{display:block;margin-bottom:5px;font-weight:500}.form-group input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}.form-row{display:flex;gap:15px}.form-row .form-group{flex:1}.save-btn{background-color:#2196f3;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:16px}.save-btn:hover{background-color:#1976d2}.message{padding:10px;margin-bottom:15px;border-radius:4px}.message.success{background-color:#e8f5e9;color:#2e7d32}.message.error{background-color:#ffebee;color:#c62828}.group-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.group-modal-content{background-color:#fff;padding:20px;border-radius:8px;width:400px;max-width:90%;box-shadow:0 4px 6px #0000001a}.group-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:10px}.group-modal-header h3{margin:0;color:#333}.close-btn{background:none;border:none;cursor:pointer;color:#666;padding:5px}.close-btn:hover{color:#333;background-color:#f5f5f5;border-radius:4px}.add-group-row{display:flex;gap:10px;margin-bottom:20px}.group-input{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.add-btn{background-color:#4caf50;color:#fff;border:none;border-radius:4px;width:40px;height:38px;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:0}.add-btn:hover{background-color:#45a049}.add-btn:disabled{background-color:#ccc;cursor:not-allowed}.groups-list{max-height:300px;overflow-y:auto;border:1px solid #eee;border-radius:4px}.groups-table{width:100%;border-collapse:collapse}.groups-table tr{border-bottom:1px solid #f5f5f5}.groups-table td{padding:10px;vertical-align:middle}.delete-btn-cell{width:40px;text-align:center}.delete-group-btn{background:none;border:none;cursor:pointer;padding:5px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center}.delete-group-btn:hover{background-color:#ffebee}.error-msg{color:#d32f2f;background-color:#ffebee;padding:10px;border-radius:4px;margin-bottom:15px;font-size:14px}.empty-state{padding:20px;text-align:center;color:#888;font-style:italic}.product-settings-tab{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;height:100%}.toolbar{padding:15px;border-bottom:1px solid #eee}.search-input{padding:8px 12px;width:300px;border:1px solid #ddd;border-radius:4px;font-size:14px}.table-container{flex:1;overflow-y:auto;padding:0}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:10px;text-align:left;border-bottom:1px solid #eee}th{background-color:#f8f9fa;position:sticky;top:0;font-weight:600;color:#444}.number-input{width:70px;padding:5px;border:1px solid #ddd;border-radius:4px}.small-text-input{width:40px;padding:5px;border:1px solid #ddd;border-radius:4px;text-align:center}.check-cell{text-align:center}.action-btn{padding:5px 10px;background-color:#eee;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:background .2s}.action-btn:hover{background-color:#ddd}.action-btn.success{background-color:#4caf50;color:#fff}.action-btn.error{background-color:#f44336;color:#fff}.search-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 6px #0000001a;z-index:1000;max-height:200px;overflow-y:auto;margin-top:5px}.search-item{padding:10px 15px;cursor:pointer;border-bottom:1px solid #f0f0f0;font-size:14px;color:#333}.search-item:last-child{border-bottom:none}.search-item:hover{background-color:#f5f5f5;color:#000}.delete-btn{background-color:#fff;border:1px solid #ffcdd2}.delete-btn:hover{background-color:#ffebee}.production-config-container{padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.config-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid #eee;padding-bottom:10px}.config-tab{padding:10px 20px;border:none;background:none;cursor:pointer;font-size:16px;font-weight:500;color:#666;border-radius:4px;transition:all .2s}.config-tab:hover{background-color:#f5f5f5;color:#333}.config-tab.active{background-color:#e3f2fd;color:#2196f3;font-weight:600}.empanadillas-list{display:flex;flex-direction:column;gap:10px;max-width:800px}.empanadilla-item{display:flex;align-items:center;gap:15px;padding:10px;background-color:#f8f9fa;border:1px solid #eee;border-radius:4px}.drag-handle{cursor:grab;color:#999;font-size:20px}.item-name{flex:1;font-weight:500}.item-config{display:flex;gap:10px;align-items:center}.color-input{width:100px;padding:5px;border:1px solid #ddd;border-radius:4px}.abbr-input{width:60px;padding:5px;border:1px solid #ddd;border-radius:4px}.global-config-section{margin-bottom:30px;padding:15px;background-color:#fff3e0;border-radius:4px;border-left:4px solid #ff9800}.tablillas-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-top:20px}.tablilla-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:15px;transition:transform .2s,box-shadow .2s}.tablilla-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.tablilla-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #f0f0f0}.tablilla-code{font-size:1.2em;font-weight:700;color:#2196f3}.tablilla-actions button{background:none;border:none;cursor:pointer;font-size:1.2em;margin-left:5px;padding:4px;border-radius:4px}.tablilla-actions button:hover{background-color:#f5f5f5}.tablilla-params{display:flex;flex-direction:row;gap:15px;align-items:flex-start;overflow-x:auto;padding-bottom:5px}.param-col{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;background-color:#fcfcfc;border-radius:4px;border:1px solid #f0f0f0;min-width:60px}.param-weight{font-weight:500;font-size:.9em;color:#333}.param-label{color:#2196f3;font-weight:700;font-size:1.1em;margin-bottom:4px}.add-tablilla-card{border:2px dashed #e0e0e0;display:flex;align-items:center;justify-content:center;cursor:pointer;min-height:200px;background-color:#fafafa}.add-tablilla-card:hover{border-color:#2196f3;background-color:#e3f2fd;color:#2196f3}.modal-content{background-color:#fff;padding:25px;border-radius:8px;width:600px;max-width:90%;max-height:90vh;overflow-y:auto}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{font-size:.85em;color:#666;font-weight:500}.form-group input{padding:8px;border:1px solid #ddd;border-radius:4px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.save-btn{background-color:#4caf50;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500}.items-list-container{max-height:400px;overflow-y:auto;border:1px solid #eee;padding:10px;border-radius:6px;margin-bottom:20px;background:#fafafa}.dynamic-item-row{display:flex;gap:15px;align-items:flex-end;background:#fff;padding:10px;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:10px}.btn-remove-item{background:#ffebee;color:#c62828;border:1px solid #ffcdd2;padding:8px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;height:38px}.btn-remove-item:hover{background:#ffcdd2}.btn-add-item{display:flex;align-items:center;gap:5px;background:#e3f2fd;color:#1565c0;border:none;padding:5px 10px;border-radius:4px;font-size:.9em;cursor:pointer;font-weight:500}.btn-add-item:hover{background:#bbdefb}.btn-add-item:disabled{opacity:.5;cursor:not-allowed}.cancel-btn{background-color:#f44336;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500}.albaranes-container{padding:20px;max-width:1400px;margin:0 auto}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.header h1{display:flex;align-items:center;gap:10px;margin:0;color:#333}.filtros-panel{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a;display:flex;gap:20px;flex-wrap:wrap}.filtro-grupo{display:flex;flex-direction:column;gap:5px}.filtro-grupo label{font-size:14px;font-weight:600;color:#666;display:flex;align-items:center;gap:5px}.filtro-botones{display:flex;gap:5px}.filtro-botones button{padding:8px 16px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.filtro-botones button:hover{background:#f5f5f5}.filtro-botones button.active{background:#673ab7;color:#fff;border-color:#673ab7}.tabla-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.tabla-albaranes{width:100%;border-collapse:collapse}.tabla-albaranes thead{background:#f8f9fa}.tabla-albaranes th{padding:12px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #ddd;font-size:14px}.tabla-albaranes td{padding:12px;border-bottom:1px solid #f0f0f0;font-size:14px}.tabla-albaranes tbody tr:hover{background-color:#f8f9fa}.acciones{display:flex;gap:5px}.badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.badge-primary{background-color:#2196f3;color:#fff}.badge-success{background-color:#4caf50;color:#fff}.badge-info{background-color:#00bcd4;color:#fff}.badge-danger{background-color:#f44336;color:#fff}.badge-warning{background-color:#ff9800;color:#fff}.badge-secondary{background-color:#9e9e9e;color:#fff}.btn-primary{background-color:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:8px;transition:background-color .3s}.btn-primary:hover{background-color:#45a049}.btn-icon{background:none;border:1px solid #ddd;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:16px;transition:all .3s}.btn-icon:hover{background-color:#f5f5f5}.btn-icon.btn-primary:hover{background-color:#2196f3;color:#fff;border-color:#2196f3}.empty-state{text-align:center;padding:60px 20px;color:#999}.empty-state svg{color:#ddd;margin-bottom:16px}.empty-state p{font-size:16px;margin:0}.loading{text-align:center;padding:60px;font-size:18px;color:#666}.detalle-container{padding:20px;max-width:1400px;margin:0 auto}.cabecera-albaran{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.cabecera-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.cabecera-item{display:flex;flex-direction:column;gap:5px}.cabecera-item label{font-size:12px;color:#666;font-weight:600;text-transform:uppercase}.cabecera-item .valor{font-size:16px;color:#333;font-weight:500}.productos-section{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2{margin:0;display:flex;align-items:center;gap:10px}.btn-secondary{background-color:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:6px;transition:background-color .3s}.btn-secondary:hover{background-color:#5a6268}.btn-danger{background-color:#f44336;color:#fff}.btn-danger:hover{background-color:#da190b}.totales-panel{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.totales-panel h3{margin-top:0;margin-bottom:15px}.total-linea{display:flex;justify-content:space-between;padding:8px 0;font-size:14px}.modal-header h2{margin:0}.btn-close{background:none;border:none;font-size:24px;cursor:pointer;color:#999}.modal-body{padding:0!important;flex:1;display:flex;flex-direction:column}.modal-footer{padding:20px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;gap:10px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:600;color:#333}.form-group input,.form-group select{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.modal-encargo{max-width:800px!important;width:90%!important}.subproductos-inputs{max-height:60vh;overflow-y:auto;border:1px solid #f0f0f0;border-radius:4px;padding:15px}.subproducto-item{display:grid;grid-template-columns:3fr 1fr 120px;gap:15px;align-items:center;padding:12px 0;border-bottom:1px solid #f5f5f5;font-size:15px}.subproducto-item:last-child{border-bottom:none}.modal-split-container{display:flex;flex:1;min-height:0;border-top:1px solid #eee;border-bottom:1px solid #eee}.modal-column{flex:1;display:flex;flex-direction:column;padding:15px;overflow:hidden}.modal-column.left{border-right:1px solid #eee;background-color:#f9f9f9;flex:.8}.modal-column.right{background-color:#fff;flex:1.2}.modal-column h3{margin-top:0;margin-bottom:15px;font-size:16px;color:#333;display:flex;justify-content:space-between;align-items:center}.catalog-list{flex:1;overflow-y:auto;border:1px solid #ddd;border-radius:4px;background:#fff}.catalog-item{padding:10px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .2s;display:flex;justify-content:space-between;align-items:center}.catalog-item:hover{background-color:#f0f7ff}.catalog-item.selected{background-color:#e3f2fd;border-left:3px solid #2196F3}.catalog-item-info{display:flex;flex-direction:column}.catalog-item-name{font-weight:500;color:#333}.catalog-item-price{font-size:12px;color:#666}.selection-list{flex:1;overflow-y:auto;border:1px solid #ddd;border-radius:4px;margin-bottom:10px}.selection-item{padding:10px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:10px;background:#fff}.selection-item-name{flex:3;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selection-item-inputs{display:flex;gap:5px;flex:1;justify-content:flex-end;border-bottom:1px solid #ddd;padding-bottom:10px}.modal-tabs{display:flex;background-color:#f0f0f0;padding:4px;border-radius:8px;border:none;gap:0;margin-bottom:15px}.tab-btn{flex:1;padding:10px 16px;border:1px solid transparent;background:none;cursor:pointer;font-weight:600;color:#666;border-radius:6px;transition:all .2s ease;text-align:center}.tab-btn.active{background-color:#ffb74d;color:#fff;box-shadow:0 2px 4px #0000001a}.modal-footer button{padding:12px 24px;font-size:16px;border-radius:6px}.search-input{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;margin-bottom:10px;font-size:14px}.qty-input-quick{width:75px;padding:4px 6px;border:1px solid #ddd;background:#fff;font-size:14px;font-family:inherit;color:inherit;text-align:right;border-radius:4px;transition:all .2s}.qty-input-quick:hover{border-color:#bbb;background-color:#fff}.qty-input-quick:focus{border-color:#2196f3;background-color:#fff;outline:none;box-shadow:0 0 0 2px #2196f31a}.btn-icon{background:none;border:none;cursor:pointer;padding:6px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s}.btn-icon:hover{background-color:#0000000d}.btn-icon.btn-primary{background-color:#e3f2fd;color:#1976d2}.btn-icon.btn-primary:hover{background-color:#1976d2;color:#fff}.btn-icon.btn-danger{color:#d32f2f}.btn-icon.btn-danger:hover{background-color:#ffebee}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:0;border-radius:8px;width:95%;max-width:1200px;height:85vh;overflow:visible!important;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column}.modal-header{padding:15px 20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.spinner-small{width:16px;height:16px;border:2px solid #ffffff;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.dropdown-results-final{position:absolute;top:100%;left:0;right:0;height:300px!important;overflow-y:auto;background-color:#fff;border:1px solid #ddd;border-radius:4px;z-index:9999!important;box-shadow:0 4px 6px #0000001a}.spinner-dots{width:16px;height:16px;border:2px solid #ddd;border-top:2px solid #673AB7;border-radius:50%;animation:spin .8s linear infinite}.btn-filter-apply{background-color:#673ab7;color:#fff;border:none;padding:8px 14px;border-radius:4px;cursor:pointer;font-weight:500;font-size:13px;display:flex;align-items:center;gap:6px;transition:background-color .2s;height:38px;align-self:flex-end}.btn-filter-apply:hover{background-color:#512da8}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-producto-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;width:95vw;max-width:1600px;height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:15px 20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;background:#f8f9fa;flex-shrink:0}.modal-header h2{margin:0;font-size:1.4rem;color:#333}.modal-body-split{flex:1;display:flex;flex-direction:row!important;overflow:hidden;min-height:0;padding:0}.catalog-column{flex:1;display:flex;flex-direction:column;padding:20px;border-right:1px solid #eee;background:#fff;min-width:0;overflow:hidden}.selection-column{width:45%;min-width:400px;max-width:700px;display:flex;flex-direction:column;padding:20px;background:#fcfcfc;overflow:hidden;border-left:1px solid #eee}.catalog-tabs{display:flex;gap:15px;margin-bottom:15px;border-bottom:2px solid #eee;flex-shrink:0}.tab-btn{padding:10px 20px;border:none;background:none;font-size:1rem;color:#666;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .2s;font-weight:500}.tab-btn:hover{color:#1976d2;background-color:#f5f9ff}.tab-btn.active{color:#1976d2;border-bottom-color:#1976d2;font-weight:700}.search-container{margin-bottom:15px;position:relative;flex-shrink:0}.search-input{width:100%;padding:12px 15px 12px 40px;border:1px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .2s}.search-input:focus{border-color:#1976d2;outline:none;box-shadow:0 0 0 3px #1976d21a}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#999}.product-list{flex:1;overflow-y:auto;border:1px solid #eee;border-radius:8px;min-height:0;background:#fff}.product-table{width:100%;border-collapse:collapse}.product-table th{position:sticky;top:0;background:#f1f3f5;padding:12px;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #ddd;z-index:10}.product-table td{padding:10px 12px;border-bottom:1px solid #f0f0f0;color:#333;vertical-align:middle}.product-table tr:hover{background-color:#f8f9fa}.product-table tr.selected{background-color:#e3f2fd}.selection-list{flex:1;overflow-y:auto;margin-bottom:15px;border:1px solid #eee;border-radius:8px;background:#fff;min-height:0}.selected-item{padding:12px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:12px;transition:background .2s}.selected-item:hover{background:#fafafa}.selected-item-info{flex:1;min-width:0}.selected-item-name{font-weight:600;color:#333;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-item-price{font-size:.85em;color:#666}.selected-item-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.qty-input{width:65px;padding:5px;border:1px solid #ced4da;border-radius:4px;text-align:right;font-weight:600}.btn-cancel{background:#fff;border:1px solid #ddd;padding:10px 20px;border-radius:6px;color:#666;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#f5f5f5;color:#333}.btn-add{background:#1976d2;border:none;padding:10px 20px;border-radius:6px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px #1976d233;white-space:nowrap}.btn-add:hover{background:#1565c0;transform:translateY(-1px);box-shadow:0 6px 8px #1976d240}.btn-add:disabled{background:#e0e0e0;color:#9e9e9e;cursor:not-allowed;transform:none;box-shadow:none}.btn-add-top{background:#28a745;border:none;padding:10px 20px;border-radius:6px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px #28a74533;white-space:nowrap}.btn-add-top:hover{background:#218838;transform:translateY(-1px);box-shadow:0 6px 8px #28a74540}.facturas-container{padding:20px;max_width:1200px;margin:0 auto}.header{display:flex;justify_content:space-between;align_items:center;margin_bottom:20px}.header h1{display:flex;align_items:center;gap:10px;color:#333}.filtros-panel{background:#fff;padding:15px;border-radius:8px;box_shadow:0 2px 4px rgba(0,0,0,.05);margin_bottom:20px;display:flex;gap:20px;align_items:flex-end;flex_wrap:wrap}.filtro-grupo{display:flex;flex_direction:column;gap:5px}.filtro-grupo label{font_size:.9em;color:#666;font_weight:500}.badge-info{background:#e0f7fa;color:#0097a7}.modal-footer{display:flex;justify_content:flex-end}.filtro-botones{display:flex;background:#f0f0f0;border-radius:6px;padding:2px}.filtro-botones button{border:none;background:none;padding:6px 12px;border_radius:4px;cursor:pointer;font_size:.9em;color:#666;transition:all .2s}.filtro-botones button.active{background:#fff;color:#646cff;box_shadow:0 1px 3px rgba(0,0,0,.1);font_weight:500}.tabla-container{background:#fff;border-radius:8px;box_shadow:0 2px 4px rgba(0,0,0,.05);overflow:hidden}.tabla-facturas{width:100%;border_collapse:collapse}.tabla-facturas th,.tabla-facturas td{padding:12px 15px;text_align:left;border_bottom:1px solid #eee}.tabla-facturas th{background:#f8f9fa;font_weight:600;color:#444;font_size:.9em;text_transform:uppercase;letter_spacing:.5px}.tabla-facturas tr:hover{background-color:#f8f9fa}.badge{padding:4px 8px;border-radius:12px;font_size:.8em;font_weight:500}.acciones{display:flex;gap:8px}.btn-icon{background:none;border:none;cursor:pointer;padding:4px;border_radius:4px;color:#666;transition:all .2s}.btn-icon:hover{background:#f0f0f0;color:#333}.btn-icon.btn-primary:hover{color:#646cff;background:#eef2ff}.btn-icon.btn-danger:hover{color:#dc3545;background:#ffebee}.text-right{text_align:right}.text-center{text_align:center}.empty-state{padding:40px;text_align:center;color:#666;display:flex;flex_direction:column;align_items:center;gap:10px}.loading{display:flex;justify_content:center;align_items:center;height:200px;color:#666;font-size:1.1em}.modal-backdrop{position:fixed;inset:0;background-color:#00000080;display:flex;justify_content:center;align_items:center;z-index:1000}.modal-content{background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 6px #0000001a;width:90%;max-width:500px;position:relative;animation:fadeIn .2s ease-out}.modal-header{display:flex;justify_content:space-between;align_items:center;margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:10px}.modal-header h2{margin:0;font-size:1.2em;color:#333}.modal-body{margin-bottom:20px}.modal-footer{display:flex;justify_content:flex-end;gap:10px;border-top:1px solid #eee;padding-top:15px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.totales-panel{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:20px;max-width:400px;margin-left:auto}transform: translateY(-10px); } to{opacity:1;transform:translateY(0)}} .totales-panel{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:20px;max-width:400px;margin-left:auto}.totales-panel h3{margin-top:0;margin-bottom:15px;font-size:1.1em;color:#333;border-bottom:1px solid #eee;padding-bottom:10px}.total-linea{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;color:#555}.total-linea.subtotal{font-weight:500;color:#333;border-bottom:1px dashed #eee;margin-bottom:5px;padding-bottom:10px}.total-linea.final{margin-top:10px;padding-top:10px;border-top:2px solid #eee;font-weight:700;font-size:1.2em;color:#333}.notas-section{background:#fff3cd;border:1px solid #ffeeba;padding:15px;margin-bottom:20px;border-radius:8px}.notas-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-weight:700;color:#856404}.notas-textarea{width:100%;min-height:80px;padding:10px;border:1px solid #ffeeba;border-radius:4px;resize:vertical;font-family:inherit}.historial-section{margin-top:30px;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000000d}.historial-list{margin-top:15px;max-height:300px;overflow-y:auto}.historial-item{display:flex;gap:15px;padding:10px;border-bottom:1px solid #eee;font-size:.9em}.historial-item:last-child{border-bottom:none}.historial-date{color:#666;min-width:140px;font-size:.85em}.historial-type{font-weight:700;min-width:100px;text-transform:uppercase;font-size:.8em}.historial-desc{flex:1}.type-creacion{color:#28a745}.type-modificacion{color:#007bff}.type-estado{color:#fd7e14}.type-nota{color:#6f42c1}.type-impresion{color:#17a2b8}.botones-accion{display:flex;gap:10px}.botones-accion button{display:flex;align-items:center;gap:8px;padding:8px 16px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.95em;box-shadow:0 2px 4px #0000001a}.botones-accion button:hover{transform:translateY(-1px);box-shadow:0 4px 6px #00000026}.botones-accion button:active{transform:translateY(0)}.btn-secondary{background-color:#6c757d;color:#fff}.btn-success{background-color:#28a745;color:#fff}.btn-info{background-color:#17a2b8;color:#fff}.btn-warning{background-color:#ffc107;color:#212529}.btn-danger{background-color:#dc3545;color:#fff}.botones-accion button svg{width:18px;height:18px}.btn-delete-line{background-color:transparent;color:#333;border:1px solid transparent;padding:6px;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-delete-line:hover{background-color:#ffebee;color:#d32f2f;border-color:#ffcdd2}.tabla-wrapper{position:relative;width:100%}.tabla-loading-overlay{position:absolute;inset:0;background:#ffffff73;display:flex;align-items:flex-start;justify-content:center;padding-top:80px;z-index:5;pointer-events:none;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.spinner-indicator{background:#fff;padding:10px 18px;border-radius:20px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:10px;font-weight:500;font-size:13px;color:#555;border:1px solid #e0e0e0}.spinner-dots{width:16px;height:16px;border:2px solid #ddd;border-top:2px solid #646cff;border-radius:50%;animation:spin .8s linear infinite}.btn-filter-apply{background-color:#646cff;color:#fff;border:none;padding:8px 14px;border-radius:4px;cursor:pointer;font-weight:500;font-size:13px;display:flex;align-items:center;gap:6px;transition:background-color .2s;height:38px;align-self:flex-end}.btn-filter-apply:hover{background-color:#535bf2}.btn-filter-clear{background-color:#f1f3f5;color:#495057;border:1px solid #ced4da;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:13px;display:flex;align-items:center;gap:4px;transition:background-color .2s;height:38px;align-self:flex-end}.btn-filter-clear:hover{background-color:#e9ecef}.paginacion-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:#fafafa;border-top:1px solid #eee;font-size:13px;color:#555;flex-wrap:wrap;gap:10px}.paginacion-info{display:flex;align-items:center;gap:8px}.paginacion-info strong{color:#222}.paginacion-controles{display:flex;align-items:center;gap:6px}.btn-paginacion{background:#fff;border:1px solid #ddd;color:#444;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:4px}.btn-paginacion:hover:not(:disabled){background:#f0f0f0;border-color:#bbb}.btn-paginacion:disabled{opacity:.45;cursor:not-allowed}.paginacion-select-limit{padding:4px 8px;border:1px solid #ddd;border-radius:4px;background:#fff;font-size:13px;color:#444}.report-container{padding:20px;max-width:1200px;margin:0 auto}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header h1{display:flex;align-items:center;gap:10px;color:#333;font-size:1.8em}.filtros-panel{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:20px;display:flex;gap:20px;align-items:flex-end;flex-wrap:wrap}.filtro-grupo{display:flex;flex-direction:column;gap:8px}.filtro-grupo label{font-size:.9em;color:#666;font-weight:600}.date-inputs{display:flex;gap:10px;align-items:center}.input-icon-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:10px;color:#999}.form-control{padding:10px 10px 10px 35px;border:1px solid #ddd;border-radius:6px;font-size:.95em;transition:border-color .2s;outline:none}.form-control:focus{border-color:#646cff}.btn-clear{position:absolute;right:5px;background:none;border:none;cursor:pointer;color:#999;display:flex;align-items:center;padding:4px}.btn-clear:hover{color:#666}.tabla-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;overflow:hidden;margin-bottom:20px}.tabla-reports{width:100%;border-collapse:collapse}.tabla-reports th,.tabla-reports td{padding:14px 20px;text-align:left;border-bottom:1px solid #eee}.tabla-reports th{background:#f8f9fa;font-weight:600;color:#444;font-size:.9em;text-transform:uppercase;letter-spacing:.5px}.tabla-reports tr:hover{background-color:#f8f9fa}.tabla-reports tfoot{background:#f8f9fa;font-weight:700}.tabla-reports tfoot td{border-top:2px solid #ddd;border-bottom:none;color:#333;font-size:1.1em}.badge{padding:4px 10px;border-radius:12px;font-size:.85em;font-weight:600;display:inline-block}.badge-success{background:#e8f5e9;color:#2e7d32}.badge-danger{background:#ffebee;color:#c62828}.badge-primary{background:#e3f2fd;color:#1976d2}.text-right{text-align:right}.text-center{text-align:center}.loading{display:flex;flex-direction:column;justify-content:center;align-items:center;height:300px;color:#666;font-size:1.1em;gap:15px}.search-results-box{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:0 0 6px 6px;box-shadow:0 4px 6px #0000001a;z-index:100;max-height:200px;overflow-y:auto}.search-result-item{padding:10px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background .2s}.search-result-item:hover{background:#f8f9fa}.spin{animation:spin 1s linear infinite}.validaciones-browser-container{padding:20px;max-width:1440px;margin:0 auto;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.browser-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.header-left{display:flex;align-items:center;gap:12px}.header-left h2{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.header-subtitle{color:#64748b;font-size:.85rem;display:block}.btn-add-test-compact{display:inline-flex;align-items:center;gap:6px;background-color:#2563eb;color:#fff;padding:8px 14px;border-radius:6px;font-weight:600;font-size:.85rem;border:none;cursor:pointer;transition:background-color .2s;box-shadow:0 2px 4px #2563eb26}.btn-add-test-compact:hover{background-color:#1d4ed8}.summary-pills-bar{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap;background:#fff;padding:12px 16px;border-radius:10px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #00000008}.summary-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:.82rem;font-weight:600;position:relative}.pill-label{color:#475569}.pill-val{font-weight:800;font-size:.95rem}.pill-total{background-color:#f1f5f9;color:#334155}.pill-validados{background-color:#d1fae5;color:#065f46}.pill-revision{background-color:#ffe4e6;color:#9f1239}.pill-resueltos{background-color:#dbeafe;color:#1e40af}.pill-pendientes{background-color:#fef3c7;color:#92400e}.alert-dot{width:8px;height:8px;background-color:#ef4444;border-radius:50%;display:inline-block;animation:ping 1.5s cubic-bezier(0,0,.2,1) infinite}@keyframes ping{75%,to{transform:scale(1.8);opacity:0}}.summary-progress-wrapper{display:flex;align-items:center;gap:10px;margin-left:auto;min-width:200px}.summary-progress-bar{flex:1;height:8px;background-color:#e2e8f0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background-color:#10b981;border-radius:4px;transition:width .3s}.progress-text{font-size:.8rem;font-weight:700;color:#059669}.browser-toolbar{display:flex;gap:12px;margin-bottom:16px;align-items:center;flex-wrap:wrap}.search-field{flex:1;min-width:280px;position:relative;display:flex;align-items:center}.search-field .search-icon{position:absolute;left:10px;color:#94a3b8}.search-field input{width:100%;padding:8px 12px 8px 34px;border:1px solid #cbd5e1;border-radius:6px;font-size:.88rem;outline:none;transition:border-color .2s;background:#fff}.search-field input:focus{border-color:#2563eb}.filter-select{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#475569;font-weight:600;background:#fff;padding:4px 10px;border-radius:6px;border:1px solid #cbd5e1}.filter-select select{border:none;outline:none;font-size:.85rem;background:transparent;cursor:pointer;color:#1e293b;font-weight:600}.browser-table-wrapper{background:#fff;border-radius:10px;border:1px solid #cbd5e1;box-shadow:0 1px 4px #0000000a;width:100%;overflow-x:hidden}.checklist-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:.82rem;text-align:left}.checklist-table th{background-color:#f8fafc;color:#475569;font-weight:700;padding:8px 6px;border-bottom:2px solid #e2e8f0;text-transform:uppercase;font-size:.72rem;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.checklist-table td{padding:6px;border-bottom:1px solid #f1f5f9;vertical-align:middle;overflow:hidden}.row-item{transition:background-color .15s}.row-item:hover{background-color:#f8fafc}.row-status-validado{background-color:#f0fdf4}.row-status-en_revision{background-color:#fff1f2}.row-status-resuelto{background-color:#eff6ff}.cell-id{display:flex;align-items:center;gap:2px;font-weight:700;color:#64748b;font-size:.78rem}.btn-toggle-row{background:none;border:none;color:#94a3b8;cursor:pointer;padding:1px;border-radius:3px;display:inline-flex;align-items:center}.btn-toggle-row:hover{color:#2563eb;background-color:#e0f2fe}.badge-mod{display:inline-block;padding:2px 6px;border-radius:4px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;background-color:#e2e8f0;color:#334155}.badge-mod.mod-clientes{background-color:#e0f2fe;color:#0369a1}.badge-mod.mod-productos{background-color:#fef3c7;color:#92400e}.badge-mod.mod-albaranes{background-color:#dcfce7;color:#15803d}.badge-mod.mod-facturas{background-color:#ede9fe;color:#6d28d9}.badge-mod.mod-encargos{background-color:#ffedd5;color:#c2410c}.badge-mod.mod-fabricación{background-color:#fae8ff;color:#86198f}.badge-mod.mod-reparto{background-color:#e0e7ff;color:#3730a3}.badge-mod.mod-configuración{background-color:#f1f5f9;color:#475569}.badge-mod.mod-verifactu{background-color:#dcfce7;color:#047857}.badge-mod.mod-mantenimiento{background-color:#ede9fe;color:#5b21b6}.cell-seccion{font-weight:600;color:#475569;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cell-titulo{cursor:pointer;overflow:hidden}.title-text{display:flex;align-items:center;gap:4px;color:#0f172a;font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.title-text strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-instructions{display:block;font-size:.74rem;color:#64748b;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.tag-custom{background-color:#fef3c7;color:#b45309;font-size:.65rem;font-weight:700;padding:1px 4px;border-radius:3px;shrink:0}.expected-text{font-size:.78rem;color:#334155;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cell-estado{padding:4px}.badge-st{display:inline-flex;align-items:center;gap:3px;padding:3px 6px;border-radius:6px;font-size:.72rem;font-weight:700;white-space:nowrap}.st-pendiente{background-color:#f1f5f9;color:#475569}.st-validado{background-color:#d1fae5;color:#065f46}.st-revision{background-color:#ffe4e6;color:#9f1239;border:1px solid #fecdd3}.st-resuelto{background-color:#dbeafe;color:#1e40af}.cell-obs{padding:4px}.obs-summary{display:flex;align-items:center;gap:4px;font-size:.75rem;width:100%;overflow:hidden}.obs-summary.user{color:#be123c;font-weight:500}.obs-summary.dev{color:#1d4ed8;font-weight:500}.truncate-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-muted-dash{color:#cbd5e1}.cell-actions{padding:4px}.compact-action-buttons{display:flex;gap:3px;justify-content:center;align-items:center}.badge-issue-count{background-color:#ffe4e6;color:#e11d48;font-size:.68rem;font-weight:800;padding:1px 6px;border-radius:10px;display:inline-flex;align-items:center;gap:3px}.issues-history-section{margin-top:14px;padding-top:12px;border-top:1px solid #e2e8f0}.issues-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.issues-history-header h6{margin:0;font-size:.85rem;font-weight:700;color:#1e293b}.btn-add-issue-small{background-color:#fff1f2;color:#be123c;border:1px solid #fecdd3;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:background-color .2s}.btn-add-issue-small:hover{background-color:#e11d48;color:#fff}.no-issues-text{display:flex;align-items:center;gap:8px;font-size:.82rem;color:#64748b;background-color:#f8fafc;padding:10px 14px;border-radius:6px;border:1px dashed #cbd5e1}.issues-timeline{display:flex;flex-direction:column;gap:10px}.issue-card{background:#fff;border-radius:8px;border:1px solid #e2e8f0;padding:12px 14px;box-shadow:0 1px 3px #00000005}.issue-card.issue-status-en_revision{border-left:4px solid #f43f5e;background-color:#fff1f2}.issue-card.issue-status-resuelto{border-left:4px solid #10b981;background-color:#f0fdf4}.issue-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.issue-id-tag{display:flex;align-items:center;gap:10px}.issue-num{font-size:.8rem;font-weight:800;color:#334155}.issue-date{font-size:.74rem;color:#64748b;display:flex;align-items:center;gap:4px}.badge-issue-st{font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:10px;display:inline-flex;align-items:center;gap:4px}.badge-issue-st.st-en_revision{background-color:#ffe4e6;color:#9f1239}.badge-issue-st.st-resuelto{background-color:#d1fae5;color:#065f46}.issue-card-body{display:flex;flex-direction:column;gap:8px}.issue-user-obs,.issue-dev-ans{font-size:.84rem;line-height:1.35}.issue-user-obs strong{color:#be123c;font-size:.78rem;display:block;margin-bottom:2px}.issue-user-obs p{margin:0;color:#1e293b}.issue-dev-ans{background-color:#eff6ff;padding:8px 12px;border-radius:6px;border:1px solid #bfdbfe;margin-top:4px}.issue-dev-ans strong{color:#1d4ed8;font-size:.78rem;display:block;margin-bottom:2px}.issue-dev-ans p{margin:0;color:#1e3a8a}.res-date{display:block;font-size:.7rem;color:#64748b;margin-top:4px}.dev-resolve-form{display:flex;gap:8px;margin-top:8px;padding-top:8px;border-top:1px dashed #cbd5e1}.dev-resolve-form input{flex:1;padding:6px 10px;border:1px solid #cbd5e1;border-radius:6px;font-size:.82rem;outline:none}.dev-resolve-form input:focus{border-color:#2563eb}.btn-resolve-issue{background-color:#2563eb;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-weight:700;font-size:.78rem;cursor:pointer;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;transition:background-color .2s}.btn-resolve-issue:hover{background-color:#1d4ed8}.btn-ok{background-color:#ecfdf5;color:#047857;border-color:#a7f3d0}.btn-ok:hover,.btn-ok.active{background-color:#10b981;color:#fff}.btn-rev{background-color:#fff1f2;color:#be123c;border-color:#fecdd3}.btn-rev:hover,.btn-rev.active{background-color:#e11d48;color:#fff}.btn-reset{background-color:#f8fafc;color:#64748b;border-color:#cbd5e1;padding:4px 6px}.btn-reset:hover{background-color:#64748b;color:#fff}.btn-del{background-color:#fef2f2;color:#ef4444;border-color:#fca5a5;padding:4px 6px}.btn-del:hover{background-color:#ef4444;color:#fff}.row-detail-expanded td{background-color:#f8fafc;border-bottom:2px solid #e2e8f0;padding:12px 16px}.expanded-detail-box{display:flex;flex-direction:column;gap:12px}.expanded-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.exp-box{background:#fff;padding:12px 16px;border-radius:8px;border:1px solid #e2e8f0}.exp-box h6{margin:0 0 6px;font-size:.8rem;font-weight:700;color:#475569;text-transform:uppercase}.exp-box p{margin:0;font-size:.88rem;color:#1e293b;line-height:1.4}.exp-obs-box{padding:12px 16px;border-radius:8px;font-size:.88rem}.exp-obs-box h6{margin:0 0 4px;font-size:.8rem;font-weight:700}.exp-obs-box p{margin:0;line-height:1.4;white-space:pre-wrap}.exp-obs-box.user-exp{background-color:#fff1f2;border:1px solid #fecdd3;color:#9f1239}.exp-obs-box.dev-exp{background-color:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.th-sortable{transition:background-color .2s,color .2s}.th-sortable:hover{background-color:#e2e8f0;color:#2563eb}.sort-select select{color:#2563eb;font-weight:700}.modal-vertical-form{max-width:580px;width:100%}.vertical-form-body{display:flex;flex-direction:column;gap:16px;padding:24px}.vertical-form-body .form-group{margin-bottom:0;display:flex;flex-direction:column;gap:6px}.vertical-form-body label{font-size:.88rem;font-weight:700;color:#1e293b}.form-select-vertical{width:100%;padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:.9rem;background-color:#fff;outline:none;font-weight:600;color:#334155;transition:border-color .2s}.form-select-vertical:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.modal-header h3{font-size:1.1rem;font-weight:700;margin:0;color:#0f172a}.btn-close{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:6px}.btn-close:hover{color:#0f172a;background-color:#f1f5f9}.modal-body{padding:20px}.modal-instruction{font-size:.9rem;color:#475569;margin-bottom:14px}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.form-group label{font-size:.82rem;font-weight:600;color:#334155}.form-group input,.form-group textarea,.form-group select{padding:9px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:.88rem;outline:none;font-family:inherit}.form-group input:focus,.form-group textarea:focus{border-color:#2563eb}.form-row{display:flex;gap:12px}.flex-1{flex:1}.form-error{display:flex;align-items:center;gap:6px;background-color:#ffe4e6;color:#9f1239;padding:8px 12px;border-radius:6px;font-size:.82rem;font-weight:600}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;background-color:#f8fafc;border-top:1px solid #e2e8f0;border-bottom-left-radius:14px;border-bottom-right-radius:14px}.btn-secondary{background-color:#fff;border:1px solid #cbd5e1;color:#475569;padding:8px 16px;border-radius:6px;font-weight:600;font-size:.85rem;cursor:pointer}.btn-secondary:hover{background-color:#f1f5f9}.btn-primary{background-color:#2563eb;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:600;font-size:.85rem;cursor:pointer}.btn-primary:hover{background-color:#1d4ed8}.btn-danger{background-color:#e11d48;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:600;font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.btn-danger:hover:not(:disabled){background-color:#be123c}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.browser-loading,.browser-empty{text-align:center;padding:40px;background:#fff;border-radius:10px;border:1px solid #e2e8f0;color:#64748b;display:flex;flex-direction:column;align-items:center;gap:10px}.mapa-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172ad9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:10000}.mapa-modal-content{background:#fff;width:95vw;height:90vh;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden;animation:modalPopIn .3s cubic-bezier(.16,1,.3,1)}.mapa-modal-header{padding:16px 24px;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.mapa-modal-header h2{margin:0;font-size:1.25rem;color:#0f172a;font-weight:600}.close-map-btn{background:transparent;border:none;color:#64748b;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.close-map-btn:hover{background:#e2e8f0;color:#0f172a}.mapa-modal-body{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#fafafa}.mapa-scroll-container{flex:1;overflow:auto;padding:24px;display:flex;justify-content:center;align-items:flex-start;min-height:0}.mermaid-render-area{background:#fff;padding:32px;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;min-width:800px}.mermaid-render-area svg{max-width:100%!important;height:auto!important}.mapa-leyenda{padding:16px 24px;background:#fff;border-top:1px solid #e2e8f0;display:flex;gap:24px;justify-content:center;flex-shrink:0;z-index:10}.leyenda-item{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#475569;font-weight:500}.leyenda-color{width:16px;height:16px;border-radius:4px;border:2px solid #333}.leyenda-color.base{background:#f9f}.leyenda-color.doc{background:#bbf}.leyenda-color.config{background:#bfb}.leyenda-color.report{background:#fbb}@keyframes modalPopIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.auditoria-page{padding:20px;max-width:1200px;margin:0 auto}.page-header{margin-bottom:24px}.page-header h2{display:flex;align-items:center;gap:10px;color:#1a365d;margin-bottom:8px}.page-header p{color:#4a5568;font-size:1.1rem}.auditoria-controls{display:flex;gap:16px;background:#fff;padding:20px;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;align-items:center}.date-picker-group{display:flex;align-items:center;gap:10px;background:#f7fafc;padding:8px 16px;border-radius:6px;border:1px solid #e2e8f0}.date-picker-group input{border:none;background:transparent;font-size:1.1rem;color:#2d3748;outline:none}.tabs-header{display:flex;gap:8px;margin-bottom:20px;border-bottom:2px solid #e2e8f0;padding-bottom:10px}.tab-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;background:#f7fafc;color:#4a5568;border-radius:6px;font-size:1.05rem;font-weight:500;cursor:pointer;transition:all .2s}.tab-btn:hover{background:#edf2f7}.tab-btn.active{background:#3182ce;color:#fff}.tab-body{background:#fff;padding:24px;border-radius:8px;box-shadow:0 1px 3px #0000001a;min-height:500px}.doc-link{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;text-decoration:none;font-weight:500;font-size:.9rem}.doc-link.albaran{background:#ebf8ff;color:#2b6cb0}.doc-link.factura{background:#faf5ff;color:#6b46c1}.doc-link:hover{text-decoration:underline}.row-factura{background:#fffaf0!important}.fabricacion-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.seccion-card{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.seccion-card h3{background:#2d3748;color:#fff;padding:12px 16px;margin:0;font-size:1.1rem}.reparto-container{display:flex;flex-direction:column;gap:30px}.ruta-block{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;padding:20px}.ruta-title{margin-top:0;color:#0f172a;border-bottom:2px solid #94a3b8;padding-bottom:8px;margin-bottom:16px}.clientes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.cliente-card{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:16px;box-shadow:0 1px 2px #0000000d}.cliente-card h4{margin:0 0 12px;color:#1e293b;font-size:1rem}.cliente-card ul{list-style:none;padding:0;margin:0}.cliente-card li{padding:6px 0;border-bottom:1px solid #f1f5f9;font-size:.95rem;display:flex;align-items:center;gap:8px}.cliente-card li:last-child{border-bottom:none}.qty{font-weight:700;color:#2563eb;background:#eff6ff;padding:2px 6px;border-radius:4px;min-width:24px;text-align:center}.doc-badge{font-size:.75rem;color:#64748b;margin-left:auto}.ayuda-container{padding:20px;max-width:1000px;margin:0 auto}.ayuda-header{display:flex;align-items:center;gap:15px;margin-bottom:30px;color:#333}.lead-text{font-size:1.1em;color:#666;margin-bottom:40px;line-height:1.6}.accordion-item{border:1px solid #e0e0e0;margin-bottom:10px;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 1px 3px #0000000d}.accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#fff;border:none;cursor:pointer;text-align:left;transition:background-color .2s}.accordion-header:hover{background-color:#f8f9fa}.accordion-header.active{background-color:#f0f4ff;border-bottom:1px solid #e0e0e0}.accordion-title{display:flex;align-items:center;gap:10px;font-size:1.1em;font-weight:600;color:#444}.accordion-title.active{color:#2196f3}.accordion-content{padding:20px;background-color:#fff;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.workflow-diagram{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;margin:20px 0;padding:20px;background:#f8f9fa;border-radius:10px}.step-card{background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 4px #0000000d;width:180px;text-align:center;border:1px solid #eee}.verifactu-flow{display:flex;align-items:center;justify-content:center;gap:20px;margin:30px 0}.audit-box{display:flex;gap:20px;align-items:center;background:#e8f5e9;padding:20px;border-radius:8px;border:1px solid #c8e6c9}.config-help-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.config-card{background:#fafafa;padding:15px;border-radius:8px;border:1px solid #eee}.badge{padding:4px 8px;border-radius:4px;font-size:.85em;font-weight:700;color:#fff;display:inline-block}.badge-primary{background:#007bff}.badge-success{background:#28a745}.badge-danger{background:#dc3545}.audit-evidence-container{display:flex;flex-direction:column;gap:20px;margin-top:20px}.evidence-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;box-shadow:0 4px 12px #0000000d}.mock-terminal{background:#1e1e1e;border-radius:6px;overflow:hidden;margin-top:15px;box-shadow:0 10px 30px #0003}.terminal-header{background:#2d2d2d;padding:10px 15px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #000}.dot{width:12px;height:12px;border-radius:50%;display:inline-block}.terminal-title{color:#888;font-size:.85em;font-family:sans-serif;margin-left:10px;letter-spacing:.5px}.terminal-body{padding:15px;line-height:1.5;background:#1e1e1e;color:#e0e0e0}.production-report-container{padding:15px;max-width:1200px;margin:0 auto;font-size:12px}.report-controls{display:flex;gap:15px;align-items:center;background-color:#f5f5f5;padding:15px;border-radius:8px;margin-bottom:20px;box-shadow:0 1px 3px #0000001a}.report-controls input[type=date]{padding:6px;border:1px solid #ddd;border-radius:4px;font-size:14px}.generate-btn{background-color:#2196f3;color:#fff;border:none;padding:8px 20px;border-radius:4px;cursor:pointer;font-size:16px;font-weight:500}.print-btn{background-color:#607d8b;color:#fff;border:none;padding:8px 20px;border-radius:4px;cursor:pointer;font-size:16px;margin-left:auto}.report-section{margin-bottom:30px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.section-header{background-color:#f8f9fa;padding:6px 12px;border-bottom:1px solid #eee;font-size:.95em;font-weight:700;color:#333}.report-table{width:100%;border-collapse:collapse}.report-table th,.report-table td{padding:4px 12px;text-align:left;border-bottom:1px solid #eee;font-size:.85em;line-height:1.3}.report-table th{background-color:#fafafa;color:#666;font-weight:600;font-size:.8em}.report-table tr:last-child td{border-bottom:none}.summary-card{display:inline-block;padding:5px 10px;background-color:#e3f2fd;color:#1976d2;border-radius:4px;font-weight:500;font-size:.9em;margin-left:10px}.color-dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:8px;border:1px solid rgba(0,0,0,.1)}.tablilla-item{padding:15px 20px;border-bottom:1px solid #eee}.tablilla-title{font-weight:700;margin-bottom:5px;display:flex;justify-content:space-between}.tablilla-composition{display:flex;flex-wrap:wrap;gap:10px;margin-top:5px}.tablilla-badge{background-color:#fff3e0;color:#e65100;padding:4px 8px;border-radius:4px;font-size:.9em;border:1px solid #ffe0b2}@media print{.report-controls,.main-nav{display:none!important}.production-report-container{padding:0;max-width:none}.report-section{border:1px solid #ccc;break-inside:avoid}}.empanadilla-details-container{padding:20px;background:#fff;min-height:100vh}.report-header-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:15px;background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 4px #0000000d}.date-input{padding:6px;border:1px solid #ddd;border-radius:4px;margin-left:10px}.generate-btn{background-color:#6f52ed;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:600}.generate-btn:hover{background-color:#5b43d6}.print-btn{background-color:#4caf50;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;margin-left:10px}.summary-header{text-align:center;font-size:1.2em;font-weight:700;margin-bottom:15px;padding:10px;border-bottom:2px solid #333}.details-table{width:100%;border-collapse:collapse;font-size:14px}.details-table th,.details-table td{padding:8px;border:1px solid #ddd}.details-table th{background-color:#f0f0f0;font-weight:700;text-transform:uppercase;font-size:12px}.details-table tr:nth-child(2n){background-color:#f9f9f9}@media print{.no-print{display:none!important}.empanadilla-details-container{padding:0}.details-table{font-size:12px}}.delivery-report-container{padding:20px;background:#f8f9fa;min-height:100vh}.report-header{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:20px;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px}.header-controls{display:flex;gap:15px;align-items:center}.model-selector{display:flex;gap:10px;background:#f0f0f0;padding:5px;border-radius:6px}.model-btn{padding:8px 16px;border:none;background:transparent;cursor:pointer;border-radius:4px;font-weight:600}.model-btn.active{background:#2196f3;color:#fff;box-shadow:0 1px 2px #0003}.report-summary-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.total-amount{font-size:1.5em;font-weight:700;color:#2e7d32}.grid-2-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.data-table-container{background:#fff;padding:20px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:12px;text-align:left;border-bottom:1px solid #eee}.data-table th{background-color:#f8f9fa;color:#555;font-weight:600}.section-title{margin-bottom:15px;color:#333;font-size:1.1em;display:flex;justify-content:space-between;align-items:center}.product-consumption-container{padding:20px;max-width:1400px;margin:0 auto}.search-filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:15px;background-color:#f5f5f5;padding:20px;border-radius:8px;margin-bottom:30px;align-items:end}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{font-weight:600;font-size:14px;color:#333}.autocomplete-wrapper{position:relative}.search-input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.suggestions-list{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 4px 4px;max-height:300px;overflow-y:auto;list-style:none;padding:0;margin:0;z-index:1000;box-shadow:0 4px 6px #0000001a}.suggestion-item{padding:10px;cursor:pointer;border-bottom:1px solid #f0f0f0;font-size:14px}.suggestion-item:hover{background-color:#e3f2fd}.suggestion-item:last-child{border-bottom:none}.filter-group input[type=date]{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.filter-actions{display:flex;gap:10px}.search-btn{background-color:#2196f3;color:#fff;border:none;padding:10px 25px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;transition:background-color .3s}.search-btn:hover:not(:disabled){background-color:#1976d2}.search-btn:disabled{opacity:.6;cursor:not-allowed}.reset-btn{background-color:#757575;color:#fff;border:none;padding:10px 25px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;transition:background-color .3s}.reset-btn:hover{background-color:#616161}.error-message{background-color:#ffebee;color:#c62828;padding:15px;border-radius:4px;margin-bottom:20px;border-left:4px solid #c62828}.results-container{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.product-info{margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #e0e0e0}.product-info h2{margin:0 0 10px;color:#1976d2}.product-info p{margin:5px 0;color:#666;font-size:14px}.no-data{text-align:center;padding:40px;color:#757575;font-size:16px}.consumption-table{width:100%;border-collapse:collapse;margin-top:20px}.consumption-table thead{background-color:#f5f5f5}.consumption-table th,.consumption-table td{padding:12px;text-align:left;border-bottom:1px solid #e0e0e0;font-size:14px}.consumption-table th{font-weight:600;color:#424242;position:sticky;top:0;background-color:#f5f5f5}.consumption-table tbody tr:hover{background-color:#f9f9f9}.consumption-table .quantity{text-align:right;font-family:Courier New,monospace;font-weight:500}.consumption-table tfoot{background-color:#e3f2fd}.total-row td{padding:15px 12px;font-size:15px;border-top:2px solid #2196f3}@media(max-width:1024px){.search-filters{grid-template-columns:1fr}.filter-actions{justify-content:flex-start}}.fabricacion-container{padding:40px 20px;max-width:1200px;margin:0 auto;min-height:calc(100vh - 80px)}.fabricacion-header{text-align:center;margin-bottom:50px}.fabricacion-header h1{font-size:2.5rem;color:#333;margin-bottom:10px}.fabricacion-header p{font-size:1.1rem;color:#666}.fabricacion-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-top:40px}.fabricacion-card{background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;cursor:pointer;border-top:4px solid transparent;display:flex;flex-direction:column;align-items:center;text-align:center}.fabricacion-card:hover{transform:translateY(-8px);box-shadow:0 8px 24px #00000026}.card-icon{margin-bottom:20px;transition:transform .3s ease}.fabricacion-card:hover .card-icon{transform:scale(1.1)}.fabricacion-card h3{font-size:1.5rem;color:#333;margin-bottom:10px;font-weight:600}.fabricacion-card p{color:#666;line-height:1.6;margin-bottom:25px;flex-grow:1}.card-button{background-color:#2196f3;color:#fff;border:none;padding:12px 30px;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.card-button:hover{opacity:.9;transform:scale(1.05)}@media(max-width:768px){.fabricacion-header h1{font-size:2rem}.fabricacion-grid{grid-template-columns:1fr;gap:20px}}.envio-facturas-container{max-width:1400px;margin:0 auto;padding:20px;font-family:inherit;color:#1e293b}.envio-facturas-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.header-title{display:flex;align-items:center;gap:12px}.header-icon{color:#2563eb;background:#eff6ff;padding:8px;border-radius:8px}.header-title h1{margin:0;font-size:1.5rem;color:#0f172a}.header-title p{margin:4px 0 0;color:#64748b;font-size:.9rem}.header-actions{display:flex;gap:10px}.btn-quick-month{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:1px solid #cbd5e1;border-radius:6px;font-size:.85rem;font-weight:500;color:#334155;cursor:pointer;transition:all .2s}.btn-quick-month:hover{background:#f1f5f9;border-color:#94a3b8}.btn-quick-month.active-month{background:#e0e7ff;color:#3730a3;border-color:#a5b4fc;font-weight:600}.feedback-alert{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:8px;margin-bottom:20px;font-size:.95rem;font-weight:500}.feedback-success{background:#dcfce7;color:#15803d;border:1px solid #86efac}.feedback-error{background:#fee2e2;color:#b91c1c;border:1px solid #fca5a5}.feedback-info{background:#e0f2fe;color:#0369a1;border:1px solid #7dd3fc}.filtros-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px 20px;margin-bottom:20px;box-shadow:0 1px 3px #0000000a}.filtros-grid{display:flex;align-items:flex-end;gap:20px;flex-wrap:wrap}.filtro-group{display:flex;flex-direction:column;gap:6px}.filtro-group label{font-size:.85rem;font-weight:600;color:#475569}.filtro-group input[type=date]{padding:8px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:.9rem;color:#1e293b;background:#f8fafc}.filtro-btn-container{display:flex;align-items:flex-end}.btn-buscar{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;background:#2563eb;color:#fff;border:none;border-radius:6px;font-weight:600;font-size:.9rem;cursor:pointer;transition:background .2s}.btn-buscar:hover:not(:disabled){background:#1d4ed8}.main-content-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;align-items:flex-start}@media(max-width:1024px){.main-content-layout{grid-template-columns:1fr}}.panel-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.panel-header h2{margin:0;font-size:1.1rem;color:#1e293b}.panel-header .subtitle{font-size:.8rem;color:#64748b;font-weight:400}.btn-toggle-select{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border:1px solid #cbd5e1;border-radius:4px;font-size:.8rem;font-weight:600;color:#334155;cursor:pointer;transition:all .2s}.btn-toggle-select:hover:not(:disabled){background:#f1f5f9}.table-wrapper{max-height:520px;overflow-y:auto}.facturas-table{width:100%;border-collapse:collapse;font-size:.875rem}.facturas-table th{background:#f1f5f9;padding:10px 12px;text-align:left;font-weight:600;color:#475569;border-bottom:2px solid #e2e8f0;position:sticky;top:0;z-index:1}.facturas-table td{padding:10px 12px;border-bottom:1px solid #f1f5f9;color:#334155}.facturas-table tbody tr{cursor:pointer;transition:background .15s}.facturas-table tbody tr:hover{background:#f8fafc}.facturas-table tbody tr.row-selected{background:#eff6ff}.cliente-cell{display:flex;flex-direction:column}.cliente-nombre{font-weight:500;color:#0f172a}.cliente-cod{font-size:.75rem;color:#64748b}.font-bold{font-weight:600}.font-primary{color:#2563eb}.loading-state,.empty-state{padding:40px 20px;text-align:center;color:#64748b}.loading-state p,.empty-state p{margin:10px 0 0;font-size:.95rem}.empty-state small{display:block;margin-top:6px;color:#94a3b8}.resumen-bar{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#f8fafc;border-top:1px solid #e2e8f0;flex-wrap:wrap;gap:15px}.resumen-item{display:flex;flex-direction:column;font-size:.8rem;color:#64748b}.resumen-item strong{font-size:1rem;color:#1e293b;margin-top:2px}.resumen-item.total-item strong{color:#16a34a;font-size:1.15rem}.email-panel{border-top:4px solid #2563eb}.email-form{padding:20px;display:flex;flex-direction:column;gap:16px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-size:.85rem;font-weight:600;color:#334155}.form-field input,.form-field textarea{padding:9px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:.9rem;color:#1e293b;font-family:inherit;transition:border-color .2s}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.cuerpo-header{display:flex;justify-content:space-between;align-items:center}.btn-incluir-nota{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;background:#fef3c7;border:1px solid #fde047;color:#92400e;border-radius:4px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-incluir-nota:hover{background:#fde68a}.btn-incluir-nota.active{background:#fed7aa;color:#9a3412;border-color:#fb923c}.nota-adicional-box{background:#fffbeb;border:1px dashed #f59e0b;border-radius:6px;padding:12px;display:flex;flex-direction:column;gap:8px}.nota-box-header{display:flex;justify-content:space-between;align-items:center}.nota-title{display:flex;align-items:center;gap:6px;font-weight:600;font-size:.85rem;color:#92400e}.btn-close-nota{background:none;border:none;cursor:pointer;color:#92400e;padding:2px}.nota-adicional-box textarea{width:100%;padding:8px;border:1px solid #fcd34d;border-radius:4px;font-size:.85rem;color:#1e293b;resize:vertical;background:#fff}.nota-help{font-size:.75rem;color:#b45309}.adjuntos-info{display:flex;align-items:flex-start;gap:10px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;padding:10px 12px;font-size:.8rem;color:#0369a1}.adjuntos-info p{margin:3px 0 0;line-height:1.4}.adjuntos-info code{background:#e0f2fe;padding:1px 4px;border-radius:3px;font-weight:600}.btn-enviar-facturas{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;background:#16a34a;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #16a34a40;margin-top:5px}.btn-enviar-facturas:hover:not(:disabled){background:#15803d;transform:translateY(-1px);box-shadow:0 4px 6px #16a34a4d}.btn-enviar-facturas:disabled{background:#94a3b8;cursor:not-allowed;box-shadow:none}.dev-audit-container{max-width:1200px;margin:0 auto;padding:24px 20px 60px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#1e293b}.dev-audit-header{display:flex;justify-content:space-between;align-items:center;background:#0f172a;color:#f8fafc;padding:22px 28px;border-radius:12px;margin-bottom:24px;box-shadow:0 4px 15px #0f172a26}.header-brand{display:flex;align-items:center;gap:18px}.shield-icon-box{background:#1e293b;border:1px solid #334155;padding:12px;border-radius:10px;color:#38bdf8;display:flex;align-items:center;justify-content:center}.dev-tag{display:inline-block;background:#38bdf8;color:#0f172a;font-size:.7rem;font-weight:800;padding:2px 8px;border-radius:4px;letter-spacing:.8px;margin-bottom:4px}.dev-audit-header h1{margin:0;font-size:1.45rem;font-weight:700;letter-spacing:-.3px;color:#f8fafc}.dev-audit-header p{margin:3px 0 0;font-size:.85rem;color:#94a3b8}.header-status-box{display:flex;align-items:center;gap:14px}.last-activity-badge{display:flex;align-items:center;gap:10px;background:#1e293b;border:1px solid #334155;padding:8px 14px;border-radius:8px}.pulse-dot{width:10px;height:10px;border-radius:50%}.pulse-dot.online{background:#22c55e;box-shadow:0 0 8px #22c55e;animation:pulse 1.8s infinite}.pulse-dot.offline{background:#64748b}@keyframes pulse{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.2);opacity:1}to{transform:scale(.95);opacity:.8}}.last-act-label{display:block;font-size:.7rem;color:#94a3b8;text-transform:uppercase;font-weight:600}.last-act-text{display:block;font-size:.82rem;font-weight:600;color:#38bdf8}.btn-auto-refresh{display:flex;align-items:center;gap:6px;background:#1e293b;border:1px solid #334155;color:#cbd5e1;padding:8px 14px;border-radius:8px;cursor:pointer;font-size:.82rem;font-weight:600;transition:all .2s}.btn-auto-refresh:hover{background:#334155;color:#fff}.btn-auto-refresh.active{background:#0284c7;border-color:#38bdf8;color:#fff}.btn-refresh-manual{display:flex;align-items:center;justify-content:center;background:#1e293b;border:1px solid #334155;color:#f8fafc;width:36px;height:36px;border-radius:8px;cursor:pointer;transition:all .2s}.btn-refresh-manual:hover{background:#38bdf8;color:#0f172a}.spin-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.audit-controls-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:0 2px 6px #0000000a}.quick-filters-row{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.filter-title{font-size:.85rem;font-weight:700;color:#475569;display:flex;align-items:center;gap:6px;margin-right:4px}.btn-filter-pill{background:#f1f5f9;border:1px solid #cbd5e1;color:#334155;padding:5px 12px;border-radius:20px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s}.btn-filter-pill:hover{background:#e2e8f0}.btn-filter-pill.active{background:#0f172a;border-color:#0f172a;color:#fff}.custom-datetime-row{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.datetime-input-group{display:flex;align-items:center;gap:6px}.datetime-input-group label{font-size:.82rem;font-weight:600;color:#64748b}.datetime-input-group input{padding:7px 10px;border:1px solid #cbd5e1;border-radius:6px;font-size:.85rem;background:#f8fafc;color:#1e293b}.datetime-input-group input:focus{outline:none;border-color:#0284c7;background:#fff}.btn-apply-dates{display:flex;align-items:center;gap:6px;background:#0284c7;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-apply-dates:hover{background:#0369a1}.search-box{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;padding:6px 12px;flex:1;min-width:220px}.search-box input{border:none;background:transparent;font-size:.85rem;width:100%;outline:none;color:#1e293b}.clear-search{background:none;border:none;cursor:pointer;color:#94a3b8;font-weight:700}.category-tabs-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f1f5f9;padding-top:14px;flex-wrap:wrap;gap:12px}.category-tabs{display:flex;gap:6px;flex-wrap:wrap}.tab-btn{background:#f8fafc;border:1px solid #e2e8f0;color:#64748b;padding:5px 10px;border-radius:6px;font-size:.78rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s}.tab-btn:hover{background:#f1f5f9;color:#1e293b}.tab-btn.active{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8}.tab-count{background:#0000000f;padding:1px 6px;border-radius:10px;font-size:.72rem}.toggle-mutations{display:flex;align-items:center;gap:8px;font-size:.82rem;color:#475569;font-weight:500;cursor:pointer}.audit-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:18px 20px;box-shadow:0 1px 3px #0000000a}.stat-label{font-size:.75rem;font-weight:700;text-transform:uppercase;color:#64748b;letter-spacing:.5px;margin-bottom:6px}.stat-number{font-size:2rem;font-weight:800;color:#0f172a;line-height:1.1}.stat-sub{font-size:.78rem;color:#94a3b8;margin-top:4px}.stat-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.ip-chip{background:#f1f5f9;border:1px solid #cbd5e1;color:#334155;font-size:.78rem;font-weight:600;padding:3px 8px;border-radius:6px;display:inline-flex;align-items:center;gap:5px}.stat-value-text{font-size:.95rem;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.stat-empty{font-size:.8rem;color:#94a3b8;font-style:italic}.timeline-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 2px 6px #0000000a}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.timeline-header h2{margin:0;font-size:1.15rem;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:8px}.timeline-hint{font-size:.8rem;color:#94a3b8}.audit-loading-box,.audit-empty-box{text-align:center;padding:50px 20px;color:#64748b}.audit-empty-box h3{margin:12px 0 6px;color:#334155}.btn-empty-action{margin-top:15px;background:#f1f5f9;border:1px solid #cbd5e1;color:#1e293b;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:600}.timeline-list{position:relative;padding-left:20px}.timeline-list:before{content:"";position:absolute;left:120px;top:15px;bottom:25px;width:2px;background:#e2e8f0}.timeline-item{display:flex;gap:20px;margin-bottom:20px;position:relative}.item-time-col{width:90px;text-align:right;flex-shrink:0;padding-top:4px}.time-exact{display:block;font-size:.9rem;font-weight:700;color:#0f172a;font-variant-numeric:tabular-nums}.date-exact{display:block;font-size:.72rem;color:#64748b}.time-ago{display:block;font-size:.68rem;color:#94a3b8;margin-top:2px}.item-marker{position:relative;z-index:2;flex-shrink:0;display:flex;justify-content:center}.marker-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #cbd5e1;box-shadow:0 1px 3px #00000014}.badge-albaranes{background:#dbeafe;color:#1e40af;border-color:#3b82f6!important}.badge-facturas{background:#dcfce7;color:#166534;border-color:#22c55e!important}.badge-encargos{background:#ffedd5;color:#9a3412;border-color:#f97316!important}.badge-clientes{background:#e0e7ff;color:#3730a3;border-color:#6366f1!important}.badge-productos{background:#fef3c7;color:#92400e;border-color:#f59e0b!important}.badge-email{background:#f3e8ff;color:#6b21a8;border-color:#a855f7!important}.badge-navegacion{background:#f1f5f9;color:#475569;border-color:#94a3b8!important}.badge-sistema{background:#fee2e2;color:#991b1b;border-color:#ef4444!important}.item-content-card{flex:1;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px 18px;transition:all .15s}.item-content-card:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.item-top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.item-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cat-badge{font-size:.72rem;font-weight:700;padding:3px 8px;border-radius:4px;display:inline-flex;align-items:center;gap:4px;text-transform:uppercase}.method-badge{font-size:.7rem;font-weight:800;color:#fff;padding:2px 7px;border-radius:4px;letter-spacing:.3px}.status-badge{font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:4px}.status-ok{background:#dcfce7;color:#15803d}.status-err{background:#fee2e2;color:#b91c1c}.duration-badge{font-size:.7rem;color:#64748b;background:#e2e8f0;padding:2px 6px;border-radius:4px}.item-meta-info{font-size:.75rem;color:#64748b}.meta-ip{display:inline-flex;align-items:center;gap:4px;font-family:monospace;font-weight:600}.item-title{margin:0 0 6px;font-size:.95rem;font-weight:700;color:#0f172a}.item-desc{margin:0 0 8px;font-size:.85rem;color:#475569;line-height:1.5}.item-path-row{display:flex;align-items:center;gap:10px;font-size:.75rem;color:#64748b;margin-bottom:8px}.item-path-row code{background:#e2e8f0;padding:2px 6px;border-radius:4px;font-family:monospace;color:#334155}.user-agent-text{color:#94a3b8}.item-expandable-section{margin-top:10px;border-top:1px dashed #e2e8f0;padding-top:8px}.btn-toggle-payload{background:none;border:none;color:#0284c7;font-size:.78rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:0}.btn-toggle-payload:hover{text-decoration:underline}.payload-box{margin-top:10px;background:#0f172a;border-radius:6px;padding:12px;color:#38bdf8;overflow-x:auto}.payload-label{display:block;font-size:.7rem;font-weight:700;color:#94a3b8;text-transform:uppercase;margin-bottom:4px}.payload-json{margin:0;font-family:Consolas,Monaco,Courier New,monospace;font-size:.75rem;white-space:pre-wrap;word-break:break-all;line-height:1.4;color:#e2e8f0}#root{max-width:100%;margin:0;padding:0}