:root{--cgm-dark:#00534c;--cgm-green:#006b5e;--cgm-lime:#c5e90c;--cgm-lime-soft:#d4ec8e;--cgm-teal:#00948f;--cgm-orange:#ff5c39;--cgm-dark-alt:#00594f;--cgm-bg:#f5f5f5;--cgm-gray-dark:#231e23;--cgm-gray-light:#e9e9e9;--cgm-gray-brand:#d0d3d4;--cgm-gray-brand-50:#e7e9e8;--cgm-white:#fff;--state-espera:#f9a825;--state-atencion:#ff5c39}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--cgm-bg);color:var(--cgm-gray-dark);font-family:Inter,sans-serif;overflow:hidden}h1,h2,h3{margin:0;font-family:Barlow Condensed,sans-serif}.app{flex-direction:column;height:100%;display:flex}header{background:var(--cgm-dark);border-bottom:4px solid var(--cgm-lime);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 22px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:var(--cgm-lime);width:36px;height:36px;color:var(--cgm-dark);border-radius:6px;justify-content:center;align-items:center;font-family:Barlow Condensed;font-size:18px;font-weight:700;display:flex}.brand-text h1{color:var(--cgm-white);letter-spacing:.2px;font-size:20px;font-weight:600}.brand-text p{color:#bcd8d3;margin:2px 0 0;font-size:11.5px}.conn-dot{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.conn-dot.on{background:var(--cgm-lime)}.conn-dot.off{background:var(--state-atencion)}.kpis{gap:10px;display:flex}.kpi{background:var(--cgm-white);text-align:center;border-radius:8px;min-width:86px;padding:6px 16px;box-shadow:0 2px #0000002e}.kpi b{font-family:Barlow Condensed;font-size:20px;font-weight:700;display:block}.kpi span{color:#6b6f6c;letter-spacing:.2px;font-size:10px}.kpi.warn b{color:var(--state-atencion)}.kpi.ok b{color:var(--cgm-dark-alt)}main{flex:1;position:relative;overflow:hidden}.yard-shell{gap:16px;display:flex;position:absolute;inset:18px}.yard{border:2px solid var(--cgm-gray-brand);background:var(--cgm-white);border-radius:10px;flex:1;grid-template-columns:2.1fr 1fr .8fr;min-width:0;display:grid;box-shadow:0 3px #0000000f}.bays-block{grid-template-rows:112px 194px 112px 112px;grid-template-columns:repeat(3,minmax(88px,150px));align-content:start;gap:16px 18px;padding:22px 22px 22px 26px;display:grid}.bay{border:2.5px dashed var(--cgm-gray-brand);background:var(--cgm-gray-brand-50);border-radius:6px;flex-direction:column;transition:outline .1s;display:flex;position:relative}.bay.filled{background:var(--cgm-white);border-style:solid}.bay.drop-hint{outline:4px solid var(--cgm-lime);outline-offset:1px;background:var(--cgm-lime-soft)}.bay-tag{z-index:3;background:var(--cgm-dark);color:var(--cgm-white);border:2px solid var(--cgm-white);border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;font-family:Barlow Condensed;font-size:16px;font-weight:700;display:flex;position:absolute;top:-14px;left:10px;box-shadow:0 2px #00000026}.bay-empty-label{color:#8a8f8c;text-align:center;margin:auto;padding:6px;font-size:11.5px}.transito{border-left:2px solid var(--cgm-gray-brand);border-right:2px solid var(--cgm-gray-brand);background:repeating-linear-gradient(0deg,#0000 0 26px,#00948f1a 26px 30px);justify-content:center;align-items:center;display:flex}.transito-label{writing-mode:vertical-rl;letter-spacing:2px;color:#8b928f;font-family:Barlow Condensed;font-size:14px;font-weight:600}.right-block{flex-direction:column;display:flex}.zona-abierta{border-bottom:2px solid var(--cgm-gray-brand);color:#9a9e9b;flex:1.3;justify-content:center;align-items:center;font-size:12px;display:flex}.oficinas{background:var(--cgm-gray-brand-50);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.oficinas span{color:#6b706d;letter-spacing:1px;font-family:Barlow Condensed;font-size:13px;font-weight:600}.equip{text-align:center;cursor:grab;touch-action:none;border-radius:5px;flex-direction:column;align-items:center;gap:2px;height:100%;padding:9px 6px 8px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px #0000001a}.equip.dragging{opacity:.4}.equip-stripe{height:5px;position:absolute;top:0;left:0;right:0}.stripe-en_espera{background:var(--state-espera)}.stripe-en_atencion{background:var(--state-atencion)}.equip-icon{flex-shrink:0;width:40px;height:34px;margin-top:5px}.equip-info{min-width:0;max-width:100%}.equip-cip{color:#6b706d;white-space:nowrap;text-overflow:ellipsis;font-family:Barlow Condensed;font-size:11px;font-weight:700;overflow:hidden}.equip-model{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;line-height:1.2;overflow:hidden}.status-tag{border-radius:3px;margin-top:2px;padding:1px 6px;font-size:9.5px;font-weight:700;display:inline-block}.tag-en_espera{color:#8f6003;background:#f9a8252e}.tag-en_atencion{color:#c8451f;background:#ff5c3924}.tech-badge{background:var(--cgm-teal);border:2px solid var(--cgm-white);width:20px;height:20px;color:var(--cgm-white);border-radius:50%;justify-content:center;align-items:center;font-family:Barlow Condensed;font-size:9px;font-weight:700;display:flex;position:absolute;top:7px;right:6px}.side-panel{background:var(--cgm-white);border:2px solid var(--cgm-gray-brand);border-radius:10px;flex-direction:column;flex-shrink:0;width:308px;display:flex;overflow:hidden;box-shadow:0 3px #0000000f}.panel-tabs{flex-shrink:0;gap:6px;padding:12px 12px 8px;display:flex}.panel-tab{text-align:center;border:2px solid var(--cgm-gray-brand);background:var(--cgm-white);color:#6b706d;cursor:pointer;border-radius:7px;flex:1;padding:9px 6px;font-family:Barlow Condensed;font-size:13.5px;font-weight:700}.panel-tab.active{background:var(--cgm-lime);border-color:var(--cgm-lime);color:var(--cgm-dark)}.panel-filters{flex-wrap:wrap;flex-shrink:0;gap:6px;padding:0 12px 10px;display:flex}.filter-chip{border:1.5px solid var(--cgm-gray-brand);background:var(--cgm-white);color:#6b706d;cursor:pointer;border-radius:20px;padding:5px 11px;font-size:11.5px;font-weight:600}.filter-chip.active{background:var(--cgm-teal);border-color:var(--cgm-teal);color:#fff}.panel-list{flex-direction:column;flex:1;gap:10px;padding:4px 12px 14px;display:flex;overflow-y:auto}.panel-empty{text-align:center;color:#9a9e9b;padding:20px 0;font-size:12.5px}.panel-add-btn{border:2px dashed var(--cgm-gray-brand);background:var(--cgm-white);color:#6b706d;cursor:pointer;border-radius:7px;margin:0 12px 10px;padding:9px;font-size:12.5px;font-weight:600}.maq-card{text-align:left;border:2px solid var(--cgm-gray-brand);cursor:grab;touch-action:none;background:var(--cgm-white);border-radius:8px;align-items:center;gap:12px;padding:9px 12px;display:flex;position:relative;box-shadow:0 2px #00000014}.maq-icon-box{background:var(--cgm-gray-brand-50);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.maq-icon-box .equip-icon{width:36px;height:30px}.maq-category{color:#8a8f8c;font-size:10.5px}.maq-model{font-family:Barlow Condensed;font-size:15px;font-weight:700;line-height:1.25}.maq-sub{color:#8a8f8c;align-items:center;gap:6px;margin-top:2px;font-size:10.5px;display:flex}.maq-pill{border-radius:20px;padding:2px 8px;font-size:9.5px;font-weight:700}.maq-pill.asignada{color:var(--cgm-teal);background:#00948f24}.maq-pill.libre{background:var(--cgm-gray-light);color:#6b706d}.op-card{border:2px solid var(--cgm-gray-brand);cursor:grab;touch-action:none;background:var(--cgm-white);border-radius:8px;align-items:center;gap:10px;padding:9px 10px;display:flex;box-shadow:0 2px #00000014}.op-avatar{background:var(--cgm-lime);width:38px;height:38px;color:var(--cgm-gray-dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Barlow Condensed;font-size:13px;font-weight:700;display:flex}.op-card.ocupado .op-avatar{background:var(--cgm-teal);color:#fff}.op-name{font-size:13.5px;font-weight:700}.op-puesto{color:#8a8f8c;font-size:10.5px}.op-status{margin-top:2px;font-size:10px;font-weight:700}.op-status.libre{color:#6b706d}.op-status.ocupado{color:var(--cgm-teal)}.drag-overlay{opacity:.96;filter:drop-shadow(0 6px #0003);transform:scale(1.05)}.backdrop{z-index:40;background:#231e2373;position:fixed;inset:0}.drawer{background:var(--cgm-white);z-index:50;flex-direction:column;width:360px;max-width:88vw;height:100%;display:flex;position:fixed;top:0;right:0;box-shadow:-6px 0 #00000014}.drawer-head{background:var(--cgm-dark);padding:20px 22px 16px;position:relative}.bay-chip{background:var(--cgm-lime);color:var(--cgm-dark);border-radius:4px;margin-bottom:8px;padding:3px 9px;font-family:Barlow Condensed;font-size:12px;font-weight:700;display:inline-block}.drawer-head h2{color:var(--cgm-white);margin:0 0 3px;font-size:21px}.drawer-head p{color:#bcd8d3;margin:0;font-size:12.5px}.drawer-close{width:30px;height:30px;color:var(--cgm-white);cursor:pointer;background:#ffffff26;border:none;border-radius:50%;font-size:16px;position:absolute;top:16px;right:16px}.drawer-body{flex:1;padding:18px 22px;overflow-y:auto}.field-row{border-bottom:1px solid var(--cgm-gray-light);justify-content:space-between;gap:10px;padding:11px 0;display:flex}.field-row .k{color:#6b706d;font-size:12.5px}.field-row .v{text-align:right;font-size:13px;font-weight:600}.status-pill{color:#fff;border-radius:20px;align-items:center;gap:6px;padding:4px 11px;font-size:12px;font-weight:700;display:inline-flex}.pill-en_espera{background:var(--state-espera);color:var(--cgm-gray-dark)}.pill-en_atencion{background:var(--state-atencion)}.materials h3{color:#6b706d;margin:14px 0 8px;font-size:13px;font-weight:700}.material-item{border-bottom:1px dashed var(--cgm-gray-light);justify-content:space-between;padding:6px 0;font-size:12.5px;display:flex}.add-material{gap:6px;margin-top:10px;display:flex}.add-material input{border:2px solid var(--cgm-gray-brand);border-radius:5px;flex:1;padding:8px 10px;font-family:Inter;font-size:12.5px}.add-material button,.drawer-actions button{background:var(--cgm-dark);color:#fff;cursor:pointer;border:none;border-radius:5px}.add-material button{padding:0 14px;font-size:15px}.drawer-actions{border-top:1px solid var(--cgm-gray-light);flex-direction:column;gap:8px;padding:14px 22px 20px;display:flex}.drawer-actions button{letter-spacing:.4px;border-radius:6px;width:100%;padding:12px;font-family:Barlow Condensed;font-size:14px;font-weight:700}.btn-liberar{background:var(--cgm-gray-light)!important;color:var(--cgm-gray-dark)!important}.btn-quitar-tec{color:#c8451f!important;background:#fbe9e4!important}.toast{background:var(--cgm-gray-dark);color:#fff;border-left:4px solid var(--cgm-lime);z-index:60;border-radius:8px;padding:10px 18px;font-size:12.5px;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.pin-overlay{z-index:70;background:#231e23a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pin-box{background:var(--cgm-white);text-align:center;border-radius:12px;width:300px;padding:28px 30px;box-shadow:0 8px #00000026}.pin-box h3{margin-bottom:6px}.pin-box p{color:#6b706d;margin:0 0 16px;font-size:12.5px}.pin-box input{text-align:center;letter-spacing:6px;border:2px solid var(--cgm-gray-brand);border-radius:8px;width:100%;margin-bottom:12px;padding:12px;font-size:22px}.pin-box button{background:var(--cgm-dark);color:#fff;cursor:pointer;border:none;border-radius:7px;width:100%;padding:11px;font-family:Barlow Condensed;font-size:14px;font-weight:700}.pin-box .pin-error{color:var(--state-atencion);margin-top:8px;font-size:11.5px}.pin-box .pin-skip{color:#8a8f8c;background:0 0;margin-top:10px;font-size:11px;text-decoration:underline}.modal-overlay{z-index:80;background:#231e2380;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:var(--cgm-white);border-radius:12px;width:340px;padding:22px 24px;box-shadow:0 8px #00000026}.modal-box h3{margin-bottom:14px}.modal-box label{color:#6b706d;margin:10px 0 4px;font-size:11.5px;display:block}.modal-box input,.modal-box select{border:2px solid var(--cgm-gray-brand);border-radius:6px;width:100%;padding:9px 10px;font-family:Inter;font-size:13px}.modal-actions{gap:8px;margin-top:18px;display:flex}.modal-actions button{cursor:pointer;border:none;border-radius:6px;flex:1;padding:10px;font-weight:700}.modal-actions .btn-cancelar{background:var(--cgm-gray-light);color:var(--cgm-gray-dark)}.modal-actions .btn-guardar{background:var(--cgm-dark);color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--cgm-gray-brand);border-radius:4px}