/* CONTROL DE BINES · FASE 1 (registro manual, sin QR/RFID) */
.bins-stage{background:linear-gradient(135deg,#083b67,#0b777b);color:#fff;border-radius:17px;padding:20px 22px;margin-bottom:16px;display:flex;justify-content:space-between;gap:18px;align-items:center;box-shadow:var(--shadow)}
.bins-stage h2{margin:0 0 5px;font-size:23px}.bins-stage p{margin:0;color:#dbeef1;font-size:12px;line-height:1.55}.bins-stage-badge{background:var(--yellow);color:var(--navy);padding:8px 12px;border-radius:999px;font-weight:950;font-size:11px;white-space:nowrap}
.bins-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px}.bins-kpi{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px;box-shadow:var(--shadow);position:relative;overflow:hidden}.bins-kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#8290a0}.bins-kpi.green:before{background:#16865b}.bins-kpi.orange:before{background:#ed8b24}.bins-kpi.red:before{background:#cf3d3d}.bins-kpi.blue:before{background:#126c8a}.bins-kpi span{display:block;color:var(--muted);font-size:11px;font-weight:800}.bins-kpi strong{display:block;color:var(--navy);font-size:27px;margin-top:7px}.bins-kpi small{display:block;color:#8390a0;font-size:10px;margin-top:5px}
.bins-main-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:16px;margin-bottom:16px}.bins-panel-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.bins-panel-title h3{margin:0}.bins-panel-title p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.45}
.bins-form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.bins-form-grid .wide-2{grid-column:span 2}.bins-form-grid .wide-all{grid-column:1/-1}.bins-textarea{min-height:125px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;line-height:1.55}
.bin-count-box{display:flex;gap:10px;flex-wrap:wrap;padding:11px 12px;border:1px solid var(--line);background:#f8fbfd;border-radius:11px;margin-top:8px}.bin-count-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:900;background:#e8f1fb;color:#174d78}.bin-count-chip.ok{background:#e6f5ed;color:#17623f}.bin-count-chip.warn{background:#fff0df;color:#98520a}.bin-count-chip.bad{background:#ffe8e8;color:#a62f2f}
.bin-form-note{background:#fff9d5;border:1px solid #f0d65d;color:#675500;border-radius:11px;padding:11px 12px;font-size:11px;line-height:1.5}.bin-save-status{font-size:12px;font-weight:800;min-height:18px;margin-top:9px}.bin-hidden-field{display:none!important}
.bin-search-row{display:grid;grid-template-columns:1fr auto;gap:8px}.bin-result-card{border:1px solid var(--line);border-radius:14px;margin-top:13px;overflow:hidden;background:#fbfdff}.bin-result-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 15px;background:#eef5fa;border-bottom:1px solid var(--line)}.bin-result-head strong{font-size:21px;color:var(--navy)}.bin-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.bin-result-grid div{padding:11px 13px;border-bottom:1px solid var(--line)}.bin-result-grid div:nth-child(odd){border-right:1px solid var(--line)}.bin-result-grid span{display:block;color:var(--muted);font-size:10px}.bin-result-grid b{display:block;margin-top:4px;font-size:12px}.bin-search-empty{padding:25px;text-align:center;color:var(--muted);font-size:12px}
.bin-status-pill,.bin-alert-pill,.bin-type-pill{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:950;white-space:nowrap}.bin-status-pill.en-venimetrix{background:#e5f5ec;color:#16633f}.bin-status-pill.fuera{background:#fff0df;color:#95510b}.bin-status-pill.en-retorno{background:#e6f1fb;color:#15567d}.bin-status-pill.otros{background:#edf0f4;color:#596677}.bin-alert-pill.rojo{background:#ffe4e4;color:#a32626}.bin-alert-pill.naranja{background:#fff0dc;color:#9a5100}.bin-alert-pill.verde{background:#e5f5ec;color:#16633f}.bin-alert-pill.gris{background:#edf0f4;color:#596677}.bin-type-pill.egreso{background:#fff0df;color:#95510b}.bin-type-pill.recoleccion{background:#e8efff;color:#2d5292}.bin-type-pill.ingreso{background:#e5f5ec;color:#16633f}
.bins-toolbar{display:grid;grid-template-columns:1fr auto auto;gap:9px;align-items:center;margin-bottom:12px}.bins-table{width:100%;border-collapse:collapse;min-width:1180px}.bins-table th{position:sticky;top:0;background:var(--navy);color:#fff;font-size:10px;text-transform:uppercase;text-align:left;padding:9px 8px}.bins-table td{padding:9px 8px;border-bottom:1px solid var(--line);font-size:11px;white-space:nowrap}.bins-table tbody tr:hover td{background:#f5f9fd}.bins-table .bin-code-button{border:0;background:none;color:#0d5f91;font-weight:950;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:3px}.bins-sync-note{font-size:11px;color:var(--muted)}.bins-error{background:#ffecec;border:1px solid #efb6b6;color:#8e2929;padding:12px;border-radius:10px;font-size:12px}.bins-ready{background:#e8f5ee;border:1px solid #b9dfc8;color:#17613d;padding:10px 12px;border-radius:10px;font-size:11px}
.bin-dispatch-summary{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.bin-dispatch-card{background:#f8fbfd;border:1px solid var(--line);border-radius:13px;padding:14px;margin-top:12px}.bin-dispatch-card[hidden]{display:none}.bin-dispatch-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.bin-dispatch-card-grid div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 10px}.bin-dispatch-card-grid span{display:block;color:var(--muted);font-size:10px}.bin-dispatch-card-grid b{display:block;margin-top:4px;font-size:12px}.bin-dispatch-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.bin-pending-status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:950}.bin-pending-status.pendiente{background:#edf0f4;color:#596677}.bin-pending-status.incompleto{background:#fff0dc;color:#9a5100}.bin-pending-status.atrasado{background:#ffe4e4;color:#a32626}.bin-pending-status.completo{background:#e5f5ec;color:#16633f}.bin-pending-status.revisar{background:#f2e8ff;color:#6b2d91}.bin-dispatch-table{min-width:1120px}.bin-dispatch-table td small{color:var(--muted)}
.bin-history-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:12px 0 14px}.bin-history-kpi{border:1px solid var(--line);border-radius:12px;padding:11px 12px;background:#f8fbfd}.bin-history-kpi span{display:block;color:var(--muted);font-size:10px;font-weight:800}.bin-history-kpi strong{display:block;margin-top:4px;font-size:20px;color:var(--navy)}.bin-history-toolbar{display:grid;grid-template-columns:2fr repeat(3,minmax(145px,1fr)) auto;gap:9px;align-items:end;margin-bottom:12px}.bin-history-toolbar label span{display:block;font-size:10px;font-weight:900;color:var(--muted);margin-bottom:5px}.bin-history-table{min-width:1550px}.bin-history-numbers summary{cursor:pointer;color:#075b8c;font-weight:900}.bin-history-numbers div{max-width:440px;white-space:normal;line-height:1.45;padding-top:6px}.bin-relation-pill{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:950;white-space:nowrap}.bin-relation-pill.segura,.bin-relation-pill.registrado,.bin-relation-pill.historico{background:#e5f5ec;color:#16633f}.bin-relation-pill.probable{background:#e8efff;color:#2d5292}.bin-relation-pill.ambigua,.bin-relation-pill.revisar{background:#fff0dc;color:#9a5100}.bin-relation-pill.sin,.bin-relation-pill.anulado{background:#ffe4e4;color:#a32626}
@media(max-width:1050px){.bin-history-kpis{grid-template-columns:repeat(3,1fr)}.bin-history-toolbar{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.bin-history-kpis{grid-template-columns:1fr 1fr}.bin-history-toolbar{grid-template-columns:1fr}}
.bin-module-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:2px 0 16px}.bin-module-tab{border:1px solid #c8d6e3;background:#fff;color:var(--navy);padding:10px 14px;border-radius:999px;font-weight:950;cursor:pointer}.bin-module-tab.active{background:var(--navy);color:#fff;border-color:var(--navy)}.bin-tab-panel[hidden]{display:none!important}.bin-history-date-row td{background:#eaf1f8!important;color:var(--navy);font-size:12px;font-weight:950;padding:10px 12px!important}.bin-current-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:12px 0 14px}.bin-current-card{border:1px solid var(--line);border-radius:12px;padding:11px 12px;background:#f8fbfd}.bin-current-card span{display:block;color:var(--muted);font-size:10px;font-weight:850}.bin-current-card strong{display:block;margin-top:4px;font-size:21px;color:var(--navy)}.bin-current-toolbar{display:grid;grid-template-columns:2fr minmax(160px,1fr) auto auto;gap:9px;align-items:end;margin-bottom:12px}.bin-current-table{min-width:1420px}.bin-number-link{border:0;background:transparent;color:#045b91;text-decoration:underline;font:inherit;font-weight:950;padding:0;cursor:pointer}.bin-number-link:hover{color:#003a67}.bin-timeline-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:16px}.bin-timeline-card{border:1px solid var(--line);background:#f7fafc;border-radius:12px;padding:11px 12px}.bin-timeline-card span{display:block;color:var(--muted);font-size:10px;font-weight:850}.bin-timeline-card strong{display:block;color:var(--navy);font-size:15px;margin-top:4px}.bin-timeline-table{min-width:1350px}.bin-timeline-route{line-height:1.45}.bin-timeline-loading{text-align:center;color:var(--muted);padding:28px}.bin-timeline-note{background:#fff8d9;border:1px solid #efd86b;border-radius:11px;padding:10px 12px;font-size:11px;color:#6b5700;margin-bottom:13px}@media(max-width:900px){.bin-timeline-summary{grid-template-columns:1fr 1fr}}.bin-days-pill{display:inline-flex;min-width:42px;justify-content:center;padding:5px 8px;border-radius:999px;font-weight:950;background:#e8f0fa;color:#264e79}.bin-days-pill.red{background:#ffe1e1;color:#a52525}.bin-days-pill.orange{background:#ffeed8;color:#9a5300}.bin-state-pill{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:9px;font-weight:950}.bin-state-pill.fuera{background:#ffead4;color:#9a5100}.bin-state-pill.retorno{background:#dff3f7;color:#126273}.bin-state-pill.recuperado{background:#dff4e8;color:#17623e}.bin-history-toolbar{grid-template-columns:2fr repeat(5,minmax(135px,1fr)) auto}
@media(max-width:1150px){.bin-current-grid{grid-template-columns:repeat(3,1fr)}.bin-history-toolbar{grid-template-columns:1fr 1fr 1fr}.bin-current-toolbar{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.bin-current-grid{grid-template-columns:1fr 1fr}.bin-current-toolbar,.bin-history-toolbar{grid-template-columns:1fr}}




.bin-route-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bin-route-card{display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:14px;padding:14px;background:#f8fbfd;text-align:left;color:inherit}
.bin-route-card b{color:var(--navy);font-size:13px}.bin-route-card span{color:var(--muted);font-size:11px;line-height:1.5}
button.bin-route-card.action{cursor:pointer;background:#fff8dc;border:2px solid #e2b500}
button.bin-route-card.action:hover{box-shadow:0 6px 18px rgba(16,47,74,.08)}
.bin-route-grid-3{grid-template-columns:repeat(3,1fr)}@media(max-width:850px){.bin-route-grid,.bin-route-grid-3{grid-template-columns:1fr}}
.bin-operation-launcher{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:10px;margin:0 0 16px}
.bin-operation-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:13px 14px;text-align:left;cursor:pointer;transition:.16s ease;box-shadow:0 4px 14px rgba(16,47,74,.04)}
.bin-operation-card:hover{transform:translateY(-1px);border-color:#8fb9c0;box-shadow:0 7px 18px rgba(16,47,74,.08)}
.bin-operation-card.active{border:2px solid var(--navy);background:#eef5fb}
.bin-operation-card strong{display:block;color:var(--navy);font-size:13px;margin-bottom:4px}
.bin-operation-card span{display:block;color:var(--muted);font-size:10px;line-height:1.4}
.bin-operation-card .bin-op-icon{font-size:20px;margin-bottom:7px}
.bin-operation-card.historical{border:2px solid #d6a900;background:#fffaf0}
.bin-operation-card.historical.active{border-color:#9c7600;background:#fff3c7}
.bin-historical-help{margin:0 0 14px;border:1px solid #e3c45b;background:#fff9df;color:#6d5200;border-radius:12px;padding:11px 13px;font-size:11px;line-height:1.55}

.bin-operation-mode{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f4f8fb;border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:12px}
.bin-operation-mode b{color:var(--navy)}
.bin-operation-mode small{color:var(--muted)}
.bin-single-mode #bin-movement-codes{min-height:58px}
.bin-single-mode #bin-movement-codes{font-size:17px;font-weight:900;letter-spacing:.5px}
@media(max-width:900px){.bin-operation-launcher{grid-template-columns:1fr 1fr}}
.bin-group-panel{margin-bottom:16px;border:2px solid #b9d8dc}.bin-group-header-actions{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.bin-group-header-actions label{min-width:310px}.bin-group-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:12px 0}.bin-group-summary div{border:1px solid var(--line);background:#f7fbfc;border-radius:11px;padding:10px 11px}.bin-group-summary span{display:block;color:var(--muted);font-size:10px;font-weight:850}.bin-group-summary strong{display:block;color:var(--navy);font-size:16px;margin-top:4px}.bin-group-units{display:grid;gap:11px}.bin-group-unit{border:1px solid var(--line);border-radius:13px;background:#f8fbfd;padding:12px}.bin-group-unit-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:9px}.bin-group-unit-head h4{margin:0;color:var(--navy)}.bin-group-unit-head p{margin:3px 0 0;color:var(--muted);font-size:10px}.bin-group-unit-kpis{display:flex;gap:6px;flex-wrap:wrap}.bin-group-unit textarea{min-height:82px}.bin-group-global-preview{margin-top:10px}.bin-group-footer{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}.bin-independent-note{background:#eaf5f5;border:1px solid #b9d8dc;color:#155f66;border-radius:11px;padding:10px 12px;font-size:11px;line-height:1.45;margin-bottom:13px}.bin-hidden-field{display:none!important}.bin-action-help{font-size:10px;color:var(--muted);margin-top:5px}.bin-type-pill.descarga{background:#fff0df;color:#95510b}.bin-type-pill.subida{background:#e8efff;color:#2d5292}.bin-type-pill.transferencia{background:#f0e9ff;color:#6c3bad}
@media(max-width:1050px){.bin-group-summary{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.bin-group-summary{grid-template-columns:1fr 1fr}.bin-group-header-actions{display:grid;grid-template-columns:1fr;width:100%}.bin-group-header-actions label{min-width:0}.bin-group-footer{align-items:stretch;flex-direction:column}.bin-group-footer button{width:100%}}
@media(max-width:1200px){.bins-kpis{grid-template-columns:repeat(3,1fr)}.bins-main-grid{grid-template-columns:1fr}.bins-form-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.bin-dispatch-card-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.bin-dispatch-card-grid{grid-template-columns:1fr}.bins-stage{align-items:flex-start;flex-direction:column}.bins-kpis,.bins-form-grid{grid-template-columns:1fr}.bins-form-grid .wide-2{grid-column:auto}.bins-toolbar{grid-template-columns:1fr}.bin-result-grid{grid-template-columns:1fr}.bin-result-grid div:nth-child(odd){border-right:0}}