*{box-sizing:border-box}body{margin:0;background:#edf1f4;color:#12202b;font-family:Inter,"Segoe UI",Arial,sans-serif}.topbar{height:78px;background:#0b1a26;color:#fff;padding:0 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid #f3b719}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.brand-icon{font-size:31px}.brand strong{display:block;font-size:20px}.brand em{font-style:normal;color:#f4b718}.brand small{display:block;color:#9caab5;font-size:10px;letter-spacing:1px;margin-top:3px}.header-actions{display:flex;gap:12px;align-items:center}.header-actions a,.header-actions button{border:1px solid #41505c;background:#142633;color:#e7edf1;padding:11px 15px;border-radius:8px;text-decoration:none;font-weight:700;cursor:pointer}.header-actions button{background:#f4b718;border-color:#f4b718;color:#111}.planner-head{max-width:1540px;margin:auto;padding:28px 35px 20px;display:flex;justify-content:space-between;align-items:end}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#b17b00;margin:0 0 8px}.planner-head h1{margin:0;font-size:34px}.planner-head p:last-child{margin:7px 0 0;color:#71808b}.week-nav{display:flex;align-items:center;background:#fff;border:1px solid #d4dce1;border-radius:11px;overflow:hidden;box-shadow:0 5px 16px #1525300c}.week-nav button{height:58px;width:52px;border:0;background:#fff;font-size:27px;cursor:pointer}.week-nav>div{min-width:220px;text-align:center;border-left:1px solid #e1e6e9;border-right:1px solid #e1e6e9}.week-nav small,.week-nav strong{display:block}.week-nav small{font-size:9px;color:#8c989f;letter-spacing:1.4px}.week-nav strong{margin-top:4px}.week-nav .today-btn{width:auto;padding:0 17px;font-size:13px;font-weight:800;color:#9a6900}.planner-card{max-width:1540px;margin:0 auto 40px;background:#fff;border:1px solid #d4dce1;border-radius:14px;overflow:hidden;box-shadow:0 10px 30px #1424310d}.legend{height:48px;background:#10222f;color:#c5d0d7;display:flex;align-items:center;gap:24px;padding:0 20px;font-size:12px}.legend span{display:flex;align-items:center;gap:7px}.legend i{width:9px;height:9px;border-radius:50%;display:block}.legend .pending{background:#f3b719}.legend .progress{background:#2388e8}.legend .finished{background:#24a35a}.legend .delivered{background:#8996a0}.legend b{margin-left:auto;color:#fff}.days-bar{display:grid;grid-template-columns:repeat(6,1fr);height:66px;border-bottom:1px solid #d5dde2;background:#fff}.days-bar button{position:relative;border:0;border-right:1px solid #dfe5e9;background:#fff;cursor:pointer;color:#13222d}.days-bar button small{font-size:11px;font-weight:900;color:#65747e;margin-right:8px}.days-bar button strong{font-size:24px}.days-bar button em{position:absolute;right:9px;top:7px;font-size:8px;font-style:normal;color:#a87200;font-weight:900}.days-bar button.active{background:#fff6dc;box-shadow:inset 0 -4px #f3b719}.selected-strip{height:56px;background:#f7f9fa;border-bottom:1px solid #dbe2e6;padding:0 18px;display:flex;align-items:center;justify-content:space-between}.selected-strip small{display:block;font-size:8px;letter-spacing:1.3px;color:#87949c}.selected-strip strong{text-transform:capitalize;font-size:15px}#dayStats{display:flex;gap:9px}#dayStats span{background:#fff;border:1px solid #d8e0e4;border-radius:20px;padding:7px 12px;font-size:11px;color:#697780}#dayStats b{color:#172631}.planner-scroll{overflow:auto;max-height:calc(100vh - 350px);min-height:470px}.planner-stage{position:relative;min-width:1080px}.box-heads{height:58px;display:grid;grid-template-columns:76px repeat(7,1fr);position:sticky;top:0;z-index:9;background:#fff;border-bottom:2px solid #cad4da}.box-heads>div{border-right:1px solid #dce2e6;display:flex;align-items:center;justify-content:center;gap:7px}.box-heads span{font-size:10px;font-weight:900;color:#71808a}.box-heads strong{font-size:21px}.box-heads .hour-head{font-size:9px;font-weight:900;color:#8b979e}#plannerGrid{display:grid;grid-template-columns:76px repeat(7,1fr);grid-auto-rows:44px}.timecell{border-right:1px solid #dce2e6;border-bottom:1px solid #edf0f2;text-align:center;padding-top:8px;font-size:11px;font-weight:800;color:#71808a;background:#f8fafb}.slot{border-right:1px solid #e0e5e8;border-bottom:1px solid #edf0f2;cursor:pointer}.slot:hover{background:#fff8e7}#eventsLayer{position:absolute;inset:0;pointer-events:none}.event{position:absolute;z-index:5;pointer-events:auto;background:#fff8df;border:1px solid #e4b334;border-left:5px solid #f3b719;border-radius:8px;padding:7px 9px;overflow:hidden;box-shadow:0 4px 12px #172a3717;touch-action:none;cursor:grab}.event.en_proceso{background:#e8f4ff;border-color:#4c9de8;border-left-color:#2388e8}.event.terminado{background:#eaf8ef;border-color:#55ad75;border-left-color:#24a35a}.event.entregado{background:#eef1f3;border-color:#9aa6ae;border-left-color:#8996a0}.event-top{display:flex;justify-content:space-between;font-size:9px;margin-bottom:3px}.event-top b{color:#172631}.event-top span{color:#677781}.event>strong{font-size:12px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.event>small{font-size:10px;color:#687781;display:block;margin-top:2px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.event .plate{font-weight:900;color:#9b6c00}.event.compact{padding:3px 7px}.compact-line{height:100%;display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden;font-size:9px}.compact-line b{flex:0 0 auto;color:#172631}.compact-line strong{flex:0 1 auto;font-size:10px;overflow:hidden;text-overflow:ellipsis}.compact-line span{flex:0 0 auto;font-weight:900;color:#9b6c00}.compact-line small{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;color:#687781}.resize-handle{position:absolute;left:0;right:0;bottom:0;height:14px;cursor:ns-resize;z-index:3;background:linear-gradient(transparent 7px,rgba(40,55,65,.2) 7px,rgba(40,55,65,.2) 9px,transparent 9px)}.modal{position:fixed;inset:0;background:#07131cc4;display:none;place-items:center;z-index:50;padding:20px}.modal.open{display:grid}.modal-box{width:min(780px,96vw);max-height:94vh;overflow:auto;background:#fff;border-radius:16px;box-shadow:0 30px 80px #0008}.modal-head{background:#10222f;color:#fff;padding:20px 25px;display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid #f3b719}.modal-head h2{margin:0;font-size:25px}.modal-head .eyebrow{color:#f3b719}.modal-head button{background:none;border:0;color:#fff;font-size:31px;cursor:pointer}.form-grid{padding:24px;display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.form-grid label{font-size:12px;font-weight:800;color:#53636e}.form-grid input,.form-grid select,.form-grid textarea{width:100%;margin-top:7px;border:1px solid #ccd5da;border-radius:8px;padding:11px;background:#f9fbfc;font:inherit;color:#172631}.form-grid textarea{resize:vertical}.form-grid .wide{grid-column:1/-1}.modal-actions{display:flex;gap:10px;padding:17px 24px;border-top:1px solid #e2e7ea}.modal-actions span{flex:1}.modal-actions button{border:0;border-radius:8px;padding:12px 18px;font-weight:800;cursor:pointer}.save{background:#f3b719}.secondary{background:#e9edf0}.danger{background:#d8343f;color:#fff}.hidden{display:none!important}#toast{position:fixed;right:25px;bottom:25px;background:#173326;color:#fff;padding:13px 18px;border-radius:9px;opacity:0;transform:translateY(20px);transition:.2s;z-index:80}#toast.show{opacity:1;transform:none}#toast.bad{background:#9d2730}@media(pointer:coarse){.resize-handle{height:20px}}@media(max-width:800px){.topbar{padding:0 16px}.header-actions a{display:none}.planner-head{padding:20px 14px;display:block}.week-nav{margin-top:18px}.planner-card{margin:0 10px 25px}.legend{overflow:auto}.legend b{display:none}.days-bar button small{display:block;margin:0}.days-bar button strong{font-size:21px}.selected-strip{padding:0 10px}#dayStats span:last-child{display:none}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.planner-scroll{max-height:calc(100vh - 360px)}}
/* V3.3 - Arrastre protegido: evita selección de texto */
#plannerStage,
#plannerStage *{
  -webkit-user-select:none;
  user-select:none;
}
.event{
  -webkit-user-select:none !important;
  user-select:none !important;
  -webkit-touch-callout:none;
  touch-action:none;
}
body.planning-dragging,
body.planning-dragging *{
  -webkit-user-select:none !important;
  user-select:none !important;
  cursor:grabbing !important;
}
body.planning-dragging{
  overflow-x:hidden;
}
.slot.drop-target{
  background:#fff0b8 !important;
  box-shadow:inset 0 0 0 2px #f3b719;
}
.event.is-dragging{
  z-index:30;
  opacity:.88;
  box-shadow:0 12px 28px rgba(15,30,40,.28);
}

/* V3.4 - Pointer Events nativos para arrastre estable */
.event{
  touch-action:none !important;
  user-select:none !important;
  -webkit-user-select:none !important;
}
.resize-handle{
  touch-action:none !important;
}

/* V3.5 - Zona inferior de redimensionado más fácil de agarrar */
.resize-handle{
  height:22px !important;
  bottom:-4px !important;
  cursor:ns-resize !important;
  z-index:20 !important;
  touch-action:none !important;
}
.event.compact .resize-handle{
  height:18px !important;
  bottom:-3px !important;
}
@media (pointer:coarse){
  .resize-handle{
    height:28px !important;
    bottom:-6px !important;
  }
}