/* V4.0.0-4073 — desktop my schedule repair + pre-leave approval */
.schedule-request-review{margin-top:16px;padding-top:14px;border-top:1px solid #e4ebe7}
.schedule-request-review .panel-head{margin-bottom:10px}
.schedule-request-review h4{margin:0;font-size:15px}
.schedule-request-review .panel-head p{margin:3px 0 0;font-size:12px;color:#718078}
.review-count{font-size:12px;font-weight:800;color:#52675e;background:#eef4f1;border-radius:999px;padding:5px 9px}
.schedule-review-grid{display:grid;gap:10px}
.schedule-review-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1.5px solid #dfe8e3;border-radius:14px;background:#fff;box-shadow:0 2px 8px rgba(27,64,49,.04)}
.schedule-review-card>div:first-child{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;min-width:0}
.schedule-review-card strong{font-size:14px}.schedule-review-card span,.schedule-review-card small{font-size:12px;color:#65756d}
.schedule-review-actions{display:flex;gap:7px;flex:0 0 auto}.danger-soft{color:#9a4a3d!important;background:#fff7f5!important;border-color:#ead9d5!important}
.schedule-request-status{font-size:11px;font-weight:800;border-radius:999px;padding:3px 7px;background:#f1f4f2;color:#64736c}.schedule-request-status.is-approved{background:#eaf5ef;color:#28644f}.schedule-request-status.is-rejected{background:#fff0ed;color:#984b3a}
.schedule-person-chip.is-leave{display:inline-flex;background:#fff2df;color:#8a5b13;border:1px solid #f0d7ad;cursor:default}
@media(min-width:901px){
  /* 4066 calendar styles were mobile-only; provide the same complete calendar on desktop for ordinary users. */
  #schedulingView.schedule-user-mode>.mobile-my-schedule-panel{display:block!important;max-width:980px;width:100%}
  /* 4077: My Schedule is shared by ordinary users, supervisors and managers.
     Apply the calendar grid to the component itself instead of only schedule-user-mode. */
  #schedulingView>.mobile-my-schedule-panel{display:block!important;max-width:980px;width:100%;padding:16px!important;overflow:hidden}
  #schedulingView .mobile-my-schedule-list{display:block!important;overflow-x:auto;overflow-y:hidden}
  #schedulingView .mobile-schedule-month{min-width:700px;border:1px solid #dfe8e3;border-radius:14px;overflow:hidden;background:#fff}
  #schedulingView .mobile-schedule-weekdays,#schedulingView .mobile-schedule-month-grid{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;width:100%}
  #schedulingView .mobile-schedule-weekdays>div{padding:9px 0;text-align:center;font-size:12px;font-weight:800;color:#62746c;background:#f5f8f6;border-bottom:1px solid #e6ece9}
  #schedulingView .mobile-schedule-day{display:block!important;min-width:0;min-height:92px;padding:8px;border-right:1px solid #edf1ef;border-bottom:1px solid #edf1ef;background:#fff;box-sizing:border-box}
  #schedulingView .mobile-schedule-day-number{display:block;font-size:13px;font-weight:800;margin-bottom:6px}
  #schedulingView .mobile-schedule-day.is-other{opacity:.35}
  #schedulingView .mobile-schedule-day.is-today{background:#f1f8f5}
  #schedulingView .mobile-schedule-chip{display:block!important;margin:3px 0;padding:4px 6px;border-radius:7px;background:#e8f3ee;color:#235f4b;font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #schedulingView .mobile-schedule-chip small{display:block;margin-top:2px;font-size:10px;font-weight:600;color:inherit}
  #schedulingView .mobile-schedule-chip.is-leave{background:#fff0f1;color:#a54555}
  #schedulingView .mobile-schedule-more{display:block;font-size:10px;color:#718078}
  #schedulingView.schedule-user-mode .schedule-toolbar{display:none!important}
  #schedulingView.schedule-user-mode #scheduleSupervisorPanel,#schedulingView.schedule-user-mode #scheduleUnitFilterPanel,#schedulingView.schedule-user-mode #scheduleSupervisorPanelSettings,#schedulingView.schedule-user-mode #scheduleAdminPanel{display:none!important}
  #schedulingView .schedule-request-row{grid-template-columns:minmax(100px,1fr) minmax(100px,.9fr) minmax(70px,.7fr) minmax(110px,1fr) auto auto!important}
}
@media(max-width:900px){
 .schedule-review-card{align-items:flex-start;flex-direction:column}.schedule-review-actions{width:100%}.schedule-review-actions .btn{flex:1}
}