.planner-month-nav{display:grid;grid-template-columns:36px 132px 36px;gap:6px;align-items:center}
.planner-month-nav input{width:132px;padding:8px 9px;font-size:13px;border-radius:9px}
.planner-month-nav button,.planner-week-nav button{border:0;border-radius:9px;background:#e7ece8;color:var(--green);font-size:20px;font-weight:900}
.planner-month-nav button{height:38px}
.planner-week-nav{display:flex;align-items:center;justify-content:center;gap:12px;margin:10px 0}
.planner-week-nav button{width:42px;height:34px}
.planner-week-nav span{color:var(--muted);font-size:12px;font-weight:800}
.planner-row{width:max-content}
.planner-head>span{display:flex;flex-direction:column;justify-content:center;line-height:1.05}
.planner-head small{font-size:8px;color:var(--muted)}
.planner-head em{font-size:8px;color:var(--green);font-style:normal}
.planner-weekend{background:#edf0ed}
.planner-vacation{background:#6b9fe8!important}
.planner-pending{background:#f0c84b!important}
.planner-request[data-planner-focus]{cursor:pointer}
.planner-request[data-planner-focus]:hover{background:#f5f7f3}
@media(max-width:650px){.planner-month-nav{grid-template-columns:34px 118px 34px}.planner-month-nav input{width:118px}.planner-week-nav span{display:none}}
.cancel-vacation{margin-left:auto;border:0;border-radius:8px;padding:8px 10px;background:#f6d9d4;color:#8a2f24;font-weight:850}
.vacation-history-row.cancelled,.employee-request-detail.cancelled,.personal-request-item.cancelled{border-color:#9aa5a1;background:#eef0ee;color:#596560}
.notification-item.cancellation{background:#fff4d4;border-color:#e5c466}
.notification-item.cancellation .notification-mark{background:#f0c84b;color:#654c00}
@media(max-width:650px){.cancel-vacation{width:100%;margin-top:8px}}