/* RaportOS employee planning cockpit v2 */
.planningCommandHero{padding:22px 24px 18px}
.planningHeroTop{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.planningQuickStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:18px}
.planningQuickStats>div{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.planningQuickStats span{font-size:10px;text-transform:uppercase;letter-spacing:.07em;opacity:.75;font-weight:850}
.planningQuickStats strong{font-size:20px}
.planningQuickStats .attention{background:rgba(225,143,27,.18);border-color:rgba(255,193,91,.36)}
.planningQuickStats .danger{background:rgba(187,50,50,.2);border-color:rgba(255,126,126,.3)}
.unassignedPanel{margin:14px 0;background:#fff8e9;border:1px solid #f0d39c;border-radius:14px;padding:12px 14px;display:grid;grid-template-columns:210px 1fr;gap:12px;align-items:center}
.unassignedPanel>div:first-child{display:flex;flex-direction:column;gap:3px}
.unassignedPanel>div:first-child span{font-size:10px;color:#9b6412;text-transform:uppercase;letter-spacing:.08em;font-weight:900}
.unassignedPanel>div:first-child strong{font-size:13px;color:#69460e}
.unassignedSlots{display:flex;gap:8px;overflow-x:auto;padding:2px}
.planningToolbar{margin:12px 0;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.planningToolbar>div:first-child{display:flex;flex-direction:column;gap:2px}
.planningToolbar>div:first-child strong{font-size:13px}
.planningToolbar>div:first-child span{font-size:10px;color:var(--ro-muted)}
.planningLegend{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:10px;color:#687b90}
.planningLegend span{display:flex;align-items:center;gap:5px}
.legendDot{width:8px;height:8px;border-radius:50%;display:inline-block;background:#4b79a7}
.legendDot.free{background:#cbd5df}.legendDot.absence{background:#7a6bb7}.legendDot.overload{background:#d96852}
 .teamPlanningWrap{overflow:auto;overscroll-behavior-inline:contain;scrollbar-gutter:stable;border:1px solid #dfe7ef;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(21,46,73,.06)}
.teamPlanning{min-width:1180px}
.teamPlanHeader,.teamPlanRow{display:grid;grid-template-columns:minmax(190px,1.25fr) repeat(7,minmax(125px,1fr)) 90px}
.teamPlanHeader{position:sticky;top:0;z-index:4;background:var(--ro-primary);color:#fff;border-bottom:1px solid #163553}
.teamPlanHeader>div{min-height:57px;padding:10px 8px;border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.teamPlanHeader>div span{font-size:10px;text-transform:capitalize;opacity:.72}
.teamPlanHeader>div strong{font-size:13px;margin-top:2px}
.teamPlanHeader .teamPlanWorkerHead{position:sticky;left:0;z-index:5;align-items:flex-start;background:var(--ro-primary);padding-left:14px}
.teamPlanHeader .isToday{background:#173d65}
.teamPlanRow{border-bottom:1px solid var(--ro-border-soft);min-height:94px}
.teamPlanRow:last-child{border-bottom:0}
.teamPlanWorker{position:sticky;left:0;z-index:2;background:#fff;border-right:1px solid #e7edf3;padding:11px 12px;display:flex;align-items:center;gap:10px}
.workerAvatar{width:38px;height:38px;border-radius:11px;background:#e7eef6;color:#173958;display:grid;place-items:center;overflow:hidden;font-size:11px;font-weight:900;flex:0 0 auto}
.workerAvatar img{width:100%;height:100%;object-fit:cover}
.workerIdentity{display:flex;flex-direction:column;min-width:0}
.workerIdentity strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.workerIdentity small{font-size:10px;color:var(--ro-muted);margin-top:1px}
.workerIdentity span{font-size:10px;color:#2c628f;font-weight:800;margin-top:5px}
.teamPlanCell{position:relative;border-right:1px solid var(--ro-border-soft);padding:7px;display:flex;flex-direction:column;gap:5px;min-height:94px;background:#fff;transition:.15s ease}
.teamPlanCell.isToday{background:#f5f9fd}
.teamPlanCell.isAbsent{background:#f5f1fb}
.teamPlanCell.isOverload{background:#fff2ef}
.teamPlanCell.dragOver{background:#eaf4ff;box-shadow:inset 0 0 0 2px #3778b5}
.teamPlanTotal{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fafbfd}
.teamPlanTotal strong{font-size:13px}.teamPlanTotal small{font-size:10px;color:#7c8da0;margin-top:3px}
.teamPlanSlot{position:relative;border:1px solid #dce5ee;border-left:3px solid #4d7fab;background:#fff;border-radius:9px;padding:7px 7px 7px 8px;display:grid;grid-template-columns:33px minmax(0,1fr) auto;gap:6px;align-items:start;text-align:left;color:#17304b;cursor:pointer;min-width:0}
.teamPlanSlot:hover{border-color:#aebfd0;box-shadow:0 3px 10px rgba(18,46,73,.08)}
.teamPlanSlot[draggable="true"]{cursor:grab}.teamPlanSlot[draggable="true"]:active{cursor:grabbing}
.teamPlanSlot.done{border-left-color:#3b8f5a}.teamPlanSlot.progress{border-left-color:#e19a22}.teamPlanSlot.urgent{border-left-color:#c33b36;background:#fff8f7}
.teamPlanTime{font-size:10px;font-weight:900;color:#254c71;padding-top:1px}
.teamPlanSlotText{display:flex;flex-direction:column;min-width:0}.teamPlanSlotText strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.teamPlanSlotText small{font-size:10px;color:#74869a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.teamPlanAlert{width:15px;height:15px;border-radius:50%;background:#c33b36;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:900}
.freeMark,.absenceMark{margin:auto;color:#a0adba;font-size:10px;font-weight:800}
.absenceMark{color:#6e5ea3;background:#eee9f8;border-radius:20px;padding:5px 9px}
.cellLoad{position:absolute;right:5px;bottom:4px;font-size:10px;color:#8190a0;font-weight:800}
.workerMobileWeek{display:grid;gap:10px}.mobilePlanDay{margin:0;padding:11px}.mobilePlanDayHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;text-transform:capitalize}.mobilePlanDayHead strong{font-size:13px}.mobilePlanDayHead span{font-size:10px;color:#7b8b9e}.freeMobile{font-size:11px;color:#8c9baa;padding:12px 4px}

.adminMobilePlanning{display:none}
.mobilePlanDayPicker{display:grid;grid-template-columns:repeat(7,minmax(52px,1fr));gap:6px;overflow-x:auto;padding:2px 1px 8px}
.mobilePlanDayPicker button{min-width:52px;min-height:48px;border:1px solid #dce5ee;background:#fff;color:#486078;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font:inherit;cursor:pointer}
.mobilePlanDayPicker button span{font-size:11px;text-transform:capitalize}.mobilePlanDayPicker button strong{font-size:14px;color:#193b5c}
.mobilePlanDayPicker button.active{background:var(--ro-primary);color:#fff;border-color:var(--ro-primary)}.mobilePlanDayPicker button.active strong{color:#fff}.mobilePlanDayPicker button.today:not(.active){border-color:#4c82b5}
.mobilePlanSelectedDay{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f5f8fb;border:1px solid #e0e7ef;border-radius:15px;padding:12px 13px}
.mobilePlanSelectedDay>div{display:flex;flex-direction:column;gap:2px}.mobilePlanSelectedDay>div:last-child{text-align:right}.mobilePlanSelectedDay span{font-size:11px;color:var(--ro-muted)}.mobilePlanSelectedDay strong{font-size:13px;text-transform:capitalize;color:#173958}
.mobilePlanWorkers{display:grid;gap:10px}.mobileWorkerPlanCard{background:#fff;border:1px solid #e0e7ef;border-radius:16px;overflow:hidden;box-shadow:0 4px 15px rgba(21,46,73,.04)}.mobileWorkerPlanCard.isAbsent{background:#faf8fd}.mobileWorkerPlanCard.isOverload{border-color:#edb8aa}
.mobileWorkerPlanHead{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px}.mobileWorkerIdentity{display:flex;min-width:0;flex-direction:column;gap:2px}.mobileWorkerIdentity strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobileWorkerIdentity span{font-size:11px;color:var(--ro-muted)}.mobileWorkerLoad{text-align:right;display:flex;flex-direction:column;gap:2px}.mobileWorkerLoad strong{font-size:14px;color:#193b5c}.mobileWorkerLoad span{font-size:10px;color:var(--ro-muted)}
.mobileWorkerMissions{border-top:1px solid var(--ro-border-soft);padding:9px;display:grid;gap:8px}.mobileWorkerState{min-height:48px;border-radius:12px;display:flex;align-items:center;padding:10px 12px;font-size:12px;font-weight:800}.mobileWorkerState.free{background:#f2f7f4;color:#33704a}.mobileWorkerState.absence{background:#f1edf8;color:#6e5ea3}
.mobilePlanMission{border:1px solid #dfe7ef;border-left:4px solid #4d7fab;border-radius:13px;padding:11px;background:#fff;display:grid;gap:9px}.mobilePlanMission.urgent{border-left-color:#c33b36;background:#fffafa}.mobilePlanMissionTop{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.mobilePlanMissionTop>div{min-width:0;display:flex;flex-direction:column;gap:2px}.mobilePlanMissionTop strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobilePlanMissionTop span{font-size:11px;color:var(--ro-muted)}.mobilePlanTime{font-size:12px;font-weight:900;color:#244f7d;white-space:nowrap}.mobilePlanMissionMeta{display:flex;gap:6px;flex-wrap:wrap}.mobilePlanMissionMeta span{background:#f1f5f8;border-radius:999px;padding:5px 8px;font-size:10px;color:#52677b}.mobilePlanMissionActions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mobilePlanMissionActions .btn{min-height:44px;margin:0}
.mobileUnassignedPanel{background:#fff8e9;border:1px solid #f0d39c;border-radius:16px;padding:10px;display:grid;gap:8px}.mobilePlanSectionHead{display:flex;align-items:center;justify-content:space-between;padding:2px 3px 4px}.mobilePlanSectionHead>div{display:flex;flex-direction:column}.mobilePlanSectionHead span{font-size:10px;color:#9b6412;text-transform:uppercase;font-weight:900}.mobilePlanSectionHead strong{font-size:13px;color:#69460e}.mobilePlanSectionHead b{background:#8b5a0b;color:#fff;border-radius:999px;min-width:28px;height:28px;display:grid;place-items:center}
.mobileMoveMission{display:flex;flex-direction:column;gap:3px;background:#edf3f8;border-radius:13px;padding:12px;margin-bottom:14px}.mobileMoveMission strong{font-size:14px}.mobileMoveMission span{font-size:12px;color:#607287}

@media(max-width:1199px){
  .planningCommandHero{padding:17px}
  .planningHeroTop{align-items:stretch;flex-direction:column}
  .planningQuickStats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .unassignedPanel{grid-template-columns:1fr}
  .planningToolbar{align-items:flex-start;flex-direction:column}
  .planningLegend{gap:8px}
  .teamPlanningWrap{display:none}
  .adminMobilePlanning{display:grid;gap:10px}
  .unassignedPanel{display:none}
  .planningToolbar{display:none}
}

@media(min-width:1200px){
  .workerMobileWeek,.adminMobilePlanning{display:none}
}


/* Planning readability consolidation */
.planningQuickStats span,.unassignedPanel>div:first-child span,.planningToolbar>div:first-child span,.planningLegend,
.teamPlanHeader>div span,.workerIdentity small,.workerIdentity span,.teamPlanTotal small,.teamPlanTime,
.teamPlanSlotText strong,.teamPlanSlotText small,.freeMark,.absenceMark,.cellLoad,
.mobilePlanDayHead span,.mobilePlanSelectedDay span,.mobileWorkerIdentity span,.mobileWorkerLoad span,
.mobilePlanMissionTop span,.mobilePlanMissionMeta span,.mobilePlanSectionHead span{font-size:11px}
.teamPlanSlotText strong,.workerIdentity strong,.mobilePlanMissionTop strong{line-height:1.35}
.teamPlanSlot{min-height:44px}
.mobilePlanDayPicker button{min-height:52px}
.mobilePlanMissionActions .btn{min-height:44px}
@media(min-width:700px) and (max-width:1199px){
  .adminMobilePlanning{gap:12px}
  .mobilePlanDayPicker{grid-template-columns:repeat(7,minmax(72px,1fr))}
  .mobilePlanWorkers{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .mobileUnassignedPanel{grid-column:1/-1}
}


/* Planning period navigation */
.planningToolbarRight{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap}
.planningPeriodNav{display:flex;align-items:center;gap:6px}
.planningPeriodNav strong{min-width:150px;text-align:center;font-size:12px;color:var(--ro-text)}
.planningPeriodNav .btn{margin:0}
@media(max-width:1199px){
  .planningToolbarRight{width:100%;justify-content:space-between}
  .planningPeriodNav{width:100%}
  .planningPeriodNav strong{flex:1}
}
@media(max-width:699px){
  .planningPeriodNav{display:grid;grid-template-columns:44px 1fr 44px}
  .planningPeriodNav strong{grid-column:1/-1;grid-row:2;min-width:0;padding-top:4px}
  .planningPeriodNav #planningTodayBtn{width:100%}
}


/* Planning V3 multi-period controls */
.planningControlBar{display:grid;grid-template-columns:auto minmax(160px,.8fr) minmax(180px,1fr) minmax(180px,1fr) auto;gap:8px;align-items:center;margin:12px 0;padding:10px}
.planningControlBar .field{margin:0;min-width:0}
.planningModeSwitch{display:grid;grid-template-columns:repeat(3,1fr);min-width:250px}
.planningModeSwitch button{border:1px solid var(--ro-border);background:var(--ro-surface-soft);color:var(--ro-muted-strong);padding:0 14px}
.planningModeSwitch button:first-child{border-radius:var(--ro-radius-sm) 0 0 var(--ro-radius-sm)}
.planningModeSwitch button:last-child{border-radius:0 var(--ro-radius-sm) var(--ro-radius-sm) 0}
.planningModeSwitch button+button{border-left:0}
.planningModeSwitch button.active{background:var(--ro-primary);border-color:var(--ro-primary);color:#fff}
.dayPlanningLayout{display:grid;gap:12px}
.dayPlanningWorkers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dayPlanningWorker{min-height:160px}
.dayUnassigned{margin-bottom:2px}
.monthPlanningWeekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:var(--ro-border);border:1px solid var(--ro-border);border-bottom:0;border-radius:var(--ro-radius) var(--ro-radius) 0 0;overflow:hidden}
.monthPlanningWeekdays span{background:var(--ro-primary);color:#fff;text-align:center;padding:9px 6px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.monthPlanningGrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:var(--ro-border);border:1px solid var(--ro-border);border-top:0;border-radius:0 0 var(--ro-radius) var(--ro-radius);overflow:hidden}
.monthPlanningDay{min-height:126px;border:0;background:var(--ro-surface);color:var(--ro-text);text-align:left;padding:9px;display:flex;flex-direction:column;gap:5px;cursor:pointer}
.monthPlanningDay:hover{background:var(--ro-primary-soft)}
.monthPlanningDay.outside{background:var(--ro-surface-soft);opacity:.58}
.monthPlanningDay.today{box-shadow:inset 0 0 0 2px var(--ro-accent)}
.monthDayNumber{font-size:13px;font-weight:900;color:var(--ro-text-strong)}
.monthDayCount{font-size:10px;color:var(--ro-muted);font-weight:800}
.monthDayItems{display:grid;gap:3px;min-width:0}
.monthDayItems>span{display:block;border-left:3px solid var(--ro-accent);background:var(--ro-primary-soft);border-radius:6px;padding:4px 5px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.monthDayItems>span.urgent{border-left-color:var(--ro-danger);background:var(--ro-danger-soft)}
.monthDayItems b{font-size:10px;margin-right:3px}
.monthDayItems em{font-size:10px;color:var(--ro-muted);font-style:normal;font-weight:800}

@media(max-width:1199px){
  .planningControlBar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .planningModeSwitch{grid-column:1/-1;min-width:0}
  .planningControlBar #planningResetFilters{grid-column:1/-1}
  .planningToolbar{display:flex}
  .planningToolbar .planningLegend{display:none}
  .dayPlanningWorkers{grid-template-columns:repeat(2,minmax(0,1fr))}
  .monthPlanningDay{min-height:108px}
  .monthDayItems>span:nth-child(n+3){display:none}
}
@media(max-width:699px){
  .planningControlBar{grid-template-columns:1fr}
  .planningModeSwitch,.planningControlBar #planningResetFilters{grid-column:auto}
  .dayPlanningWorkers{grid-template-columns:1fr}
  .monthPlanningWeekdays{display:none}
  .monthPlanningGrid{grid-template-columns:1fr;border-top:1px solid var(--ro-border);border-radius:var(--ro-radius)}
  .monthPlanningDay{min-height:auto;display:grid;grid-template-columns:42px 84px minmax(0,1fr);align-items:start}
  .monthPlanningDay.outside{display:none}
  .monthDayNumber{font-size:17px}
  .monthDayItems>span:nth-child(n){display:block}
}


/* Planning premium refinement v4 */
.planningCommandHero{position:relative;overflow:hidden;box-shadow:var(--ro-shadow-xs)}
.planningCommandHero::after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-150px;top:-220px;background:rgba(255,255,255,.055);pointer-events:none}
.planningHeroTop,.planningQuickStats{position:relative;z-index:1}
.planningQuickStats>div{min-height:62px;backdrop-filter:blur(2px)}
.planningQuickStats strong{font-size:22px;letter-spacing:-.03em}
.planningControlBar{border:1px solid var(--ro-border);border-radius:14px;background:var(--ro-surface);box-shadow:var(--ro-shadow-xs);padding:10px 12px}
.planningModeSwitch{background:var(--ro-surface-soft);border-radius:10px;padding:3px;gap:3px}
.planningModeSwitch button{border:0!important;border-radius:8px!important;min-height:38px}
.planningModeSwitch button.active{box-shadow:0 3px 10px rgba(11,31,58,.12)}
.planningToolbar{border:1px solid var(--ro-border);border-radius:12px;box-shadow:none;background:#fbfcfd}
.planningPeriodNav .btn{min-width:42px}
.unassignedPanel{box-shadow:none}
.teamPlanningWrap{border-radius:16px;box-shadow:var(--ro-shadow-sm)}
.teamPlanHeader{background:#102b49}
.teamPlanHeader .teamPlanWorkerHead{background:#102b49}
.teamPlanHeader .isToday{background:#173d65}
.teamPlanRow{min-height:100px}
.teamPlanRow:hover .teamPlanWorker{background:#fbfcfd}
.teamPlanWorker{padding:12px 13px}
.workerAvatar{width:42px;height:42px;border-radius:13px}
.workerIdentity strong{font-size:13px}
.teamPlanCell{padding:8px;min-height:100px}
.teamPlanSlot{border-radius:10px;min-height:46px;padding:8px;box-shadow:0 1px 0 rgba(11,31,58,.02);transition:border-color var(--ro-transition),box-shadow var(--ro-transition),transform var(--ro-transition)}
.teamPlanSlot:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(18,46,73,.10)}
.teamPlanSlotText strong{font-size:11px}
.teamPlanTotal{background:#f8fafc}
.monthPlanningWeekdays{border-radius:14px 14px 0 0}
.monthPlanningGrid{border-radius:0 0 14px 14px}
.monthPlanningDay{min-height:132px;transition:background var(--ro-transition),box-shadow var(--ro-transition)}
.monthPlanningDay:hover{box-shadow:inset 0 0 0 1px #b9c9d9}
.monthDayNumber{font-size:14px}
.monthDayCount{font-size:11px}
.monthDayItems>span{padding:5px 6px;border-radius:7px}
.mobilePlanDayPicker{gap:7px}
.mobilePlanDayPicker button{border-radius:13px;box-shadow:0 1px 0 rgba(11,31,58,.02)}
.mobilePlanSelectedDay{border-radius:13px;background:#f8fafc}
.mobileWorkerPlanCard{border-radius:14px;box-shadow:none}
.mobileWorkerPlanCard:hover{border-color:#c6d3df}
.mobileWorkerPlanHead{padding:13px 14px}
.mobileWorkerMissions{padding:10px}
.mobilePlanMission{border-radius:12px;padding:12px;box-shadow:none}
.mobilePlanMissionTop strong{font-size:14px}
.mobilePlanMissionMeta span{border:1px solid var(--ro-border-soft);background:#f8fafc}
.mobileUnassignedPanel{border-radius:14px}
.dayPlanningWorkers{align-items:stretch}
.dayPlanningWorker{min-height:170px}

/* Desktop planning feels like a professional scheduling grid */
@media(min-width:1200px){
  .planningCommandHero{padding:24px 26px 20px}
  .planningControlBar{position:sticky;top:74px;z-index:6}
  .teamPlanningWrap{max-height:calc(100dvh - 260px)}
  .teamPlanHeader{top:0}
  .teamPlanHeader,.teamPlanRow{grid-template-columns:minmax(205px,1.28fr) repeat(7,minmax(132px,1fr)) 92px}
  .teamPlanWorker{box-shadow:6px 0 12px rgba(11,31,58,.025)}
}

/* Tablet planning: operational cards, not a squeezed desktop table */
@media(min-width:700px) and (max-width:1199px){
  .planningCommandHero{padding:20px}
  .planningQuickStats{grid-template-columns:repeat(4,minmax(0,1fr))}
  .planningControlBar{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}
  .adminMobilePlanning{gap:12px}
  .mobilePlanDayPicker{grid-template-columns:repeat(7,minmax(68px,1fr))}
  .mobileWorkerPlanCard{min-height:150px}
}

/* Smartphone planning: one-hand usage */
@media(max-width:699px){
  .planningCommandHero{padding:16px}
  .planningHeroTop{gap:12px}
  .planningQuickStats{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:14px}
  .planningQuickStats>div{min-height:56px;padding:9px 10px}
  .planningQuickStats strong{font-size:19px}
  .planningControlBar{padding:8px;gap:7px;border-radius:12px}
  .planningModeSwitch{position:sticky;top:0;z-index:2}
  .planningModeSwitch button{min-height:42px}
  .mobilePlanDayPicker{scroll-snap-type:x mandatory;padding-bottom:6px}
  .mobilePlanDayPicker button{scroll-snap-align:start;min-width:56px}
  .mobilePlanSelectedDay{padding:10px 11px}
  .mobileWorkerPlanCard{border-radius:13px}
  .mobileWorkerPlanHead{padding:11px}
  .mobileWorkerMissions{padding:8px}
  .mobilePlanMission{padding:10px}
  .mobilePlanMissionActions{gap:7px}
  .monthPlanningGrid{gap:0}
  .monthPlanningDay{padding:10px 9px;border-bottom:1px solid var(--ro-border-soft)}
  .monthPlanningDay:last-child{border-bottom:0}
}


/* Planning commercial refinement v5 */
.planningCommandHero{background:var(--ro-primary);border-radius:14px;box-shadow:none}
.planningCommandHero::after{display:none}
.planningQuickStats{gap:7px}
.planningQuickStats>div{min-height:58px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.055);border-radius:9px}
.planningQuickStats span{font-size:10px;color:#b9c8d6}
.planningQuickStats strong{font-size:20px}
.planningControlBar{border-radius:11px;padding:8px 10px;box-shadow:none}
.planningModeSwitch{border-radius:8px;padding:2px}
.planningModeSwitch button{border-radius:7px!important;font-size:12px;font-weight:800}
.planningToolbar{border-radius:10px;padding:9px 11px;background:#fafbfd}
.planningPeriodNav strong{font-size:11px}
.teamPlanningWrap{border-radius:12px;box-shadow:none;border-color:var(--ro-border)}
.teamPlanHeader{background:#102742}
.teamPlanHeader .teamPlanWorkerHead{background:#102742}
.teamPlanHeader>div{min-height:52px}
.teamPlanRow{min-height:92px}
.teamPlanWorker{padding:10px 11px}
.workerAvatar{width:38px;height:38px;border-radius:9px}
.workerIdentity strong{font-size:12px}
.teamPlanCell{padding:6px;min-height:92px}
.teamPlanSlot{min-height:44px;border-radius:8px;padding:7px;border-left-width:3px;box-shadow:none}
.teamPlanSlot:hover{transform:none;box-shadow:none;background:#fbfcfd}
.teamPlanSlotText strong{font-size:11px}
.teamPlanSlotText small{font-size:10px}
.teamPlanTime{font-size:10px}
.teamPlanTotal{background:#fafbfd}
.monthPlanningWeekdays{border-radius:11px 11px 0 0}
.monthPlanningGrid{border-radius:0 0 11px 11px}
.monthPlanningDay{min-height:118px;padding:8px}
.monthDayItems>span{border-radius:6px;padding:4px 5px}
.mobilePlanSelectedDay{border-radius:10px}
.mobileWorkerPlanCard{border-radius:11px}
.mobilePlanMission{border-radius:9px;box-shadow:none}
.mobilePlanMissionMeta span{border-radius:var(--ro-radius-pill)}

@media(min-width:1200px){
  .planningCommandHero{padding:20px 22px}
  .planningControlBar{top:calc(var(--ro-header-height) + 8px)}
  .teamPlanningWrap{max-height:calc(100dvh - 244px)}
  .teamPlanHeader,.teamPlanRow{grid-template-columns:minmax(196px,1.22fr) repeat(7,minmax(128px,1fr)) 88px}
}

@media(min-width:700px) and (max-width:1199px){
  .planningCommandHero{padding:18px}
  .planningQuickStats{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .planningControlBar{border-radius:10px}
  .mobileWorkerPlanCard{min-height:138px}
}

@media(max-width:699px){
  .planningCommandHero{padding:15px;border-radius:12px}
  .planningQuickStats{gap:6px;margin-top:12px}
  .planningQuickStats>div{min-height:54px;padding:8px 9px}
  .planningQuickStats strong{font-size:18px}
  .planningControlBar{margin:9px 0;padding:7px;border-radius:10px}
  .planningModeSwitch button{min-height:40px}
  .mobilePlanDayPicker{gap:6px}
  .mobilePlanDayPicker button{min-height:50px;border-radius:10px}
  .mobilePlanSelectedDay{padding:9px 10px}
  .mobileWorkerPlanHead{padding:10px}
  .mobileWorkerMissions{padding:7px}
  .mobilePlanMission{padding:9px}
  .mobilePlanMissionActions .btn{min-height:44px}
  .monthPlanningDay{padding:9px 8px}
}
