/* Emma diary refinement: compact controls and a calmer flat pink. */
.diary-wrap .calendar-appt,
.diary-wrap .calendar-appt:nth-last-child(4n+1),
.diary-wrap .calendar-appt:nth-last-child(4n+2),
.diary-wrap .calendar-appt:nth-last-child(4n+3),
.diary-wrap .calendar-appt:nth-last-child(4n),
.diary-wrap .calendar-appt:has(span.service[style*="#8b6b37"]){
  background:#e99dbd!important;
  border:1px solid #c96c96!important;
  border-left:3px solid #b45380!important;
  color:#301923!important;
  box-shadow:none!important;
}
.diary-wrap .calendar-appt strong,
.diary-wrap .calendar-appt .service{color:#301923!important}
@media(hover:hover) and (pointer:fine){
  .diary-wrap .calendar-appt:hover{background:#efacc8!important;box-shadow:none!important}
}
.diary-premium-header{min-height:44px!important;margin-bottom:4px!important}
.diary-calendar-toolbar{padding:5px 8px!important;gap:7px!important}
.diary-calendar-toolbar .diary-month-jump{grid-template-rows:auto 36px;gap:2px}
.diary-calendar-toolbar .diary-month-jump input,
.diary-calendar-toolbar select{min-height:36px!important;height:36px!important;padding:4px 8px!important}
.diary-calendar-toolbar .field label{font-size:9px!important}
.diary-toolbar-range{display:none}
.dashboard-schedule-bar .dashboard-schedule-actions{width:100%}
.dashboard-schedule-bar .dashboard-diary-primary{
  width:100%;min-height:58px;height:58px;
  border-color:#242024;background:#242024;color:#fff;
  font-size:18px;font-weight:750;letter-spacing:.01em;
  box-shadow:none;
}
.dashboard-schedule-bar .dashboard-diary-primary:hover,
.dashboard-schedule-bar .dashboard-diary-primary:focus-visible{
  background:#41313b;color:#fff;box-shadow:none;
}
.client-colour-history{margin-top:18px}
.client-colour-history h2{margin:0 0 5px}
.client-colour-form{display:grid;gap:11px;margin:15px 0;padding:16px;border:1px solid #e4d9d5;border-radius:14px;background:#fffafa}
.client-colour-fields{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.client-colour-form .field{display:grid;gap:5px}
.client-colour-form input,.client-colour-form textarea{box-sizing:border-box;width:100%;min-height:44px;padding:10px;border:1px solid #d6c8c6;border-radius:10px;background:#fff;color:#282126;font:inherit}
.client-colour-form textarea{min-height:76px;resize:vertical}
.client-colour-form .btn{justify-self:start;min-height:44px}
.client-colour-form .notice:empty{display:none}
.client-colour-records{display:grid;gap:9px}
.client-colour-record{padding:13px 15px;border:1px solid #e1d8d4;border-radius:12px;background:#fff}
.client-colour-record-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.client-colour-record p{margin:7px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:700px){
  .diary-premium-header{min-height:40px!important;margin-bottom:2px!important}
  .diary-premium-header .back-dashboard{min-height:36px!important}
  .diary-platform-brand img{max-height:28px!important}
  .diary-business-mark{width:38px!important;height:38px!important}
  .diary-calendar-toolbar{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-areas:"range range" "month selector"!important;
    padding:5px 7px!important;column-gap:6px!important;row-gap:3px!important;
  }
  .diary-calendar-toolbar>.diary-current-week{display:none!important}
  .diary-calendar-toolbar>.diary-toolbar-range{
    display:block;grid-area:range;overflow:hidden;
    color:#635962;font-size:11px;font-weight:650;
    line-height:1.25;white-space:nowrap;text-overflow:ellipsis;
  }
  .diary-calendar-toolbar>.diary-month-jump{grid-area:month;min-width:0!important}
  .diary-calendar-toolbar>.field{grid-area:selector;min-width:0!important}
  .diary-calendar-toolbar .diary-month-jump input,
  .diary-calendar-toolbar select{min-width:0!important;max-width:100%!important;font-size:11px!important}
  .diary-weekbar{display:none!important}
  .client-colour-fields{grid-template-columns:1fr}
}

/* Keep the page fixed while the diary time grid is the scrolling surface. */
body.diary-page-active{height:100dvh;overflow:hidden}
body.diary-page-active #app{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}
body.diary-page-active .layout.no-sidebar{display:flex!important;flex:1;min-height:0;flex-direction:column;overflow:hidden}
body.diary-page-active .main{display:flex;flex:1;min-height:0;min-width:0;flex-direction:column;overflow:hidden;padding-top:8px!important;padding-bottom:8px!important}
body.diary-page-active .diary-premium-header{position:relative;z-index:60;flex:0 0 auto;min-height:46px!important;margin-bottom:2px!important;grid-template-columns:minmax(70px,1fr) auto minmax(52px,1fr)}
body.diary-page-active .diary-business-mark{position:relative;z-index:61;justify-self:end;flex-shrink:0;align-self:center}
body.diary-page-active .diary-business-mark img{display:block;max-width:100%;max-height:100%;object-fit:contain}
body.diary-page-active .head{flex:0 0 auto}
body.diary-page-active .diary-wrap{display:flex;flex:1;min-height:0;flex-direction:column;margin-top:4px!important;overflow:hidden}
body.diary-page-active .diary-calendar-toolbar,
body.diary-page-active .diary-weekbar,
body.diary-page-active .diary-mobile-week,
body.diary-page-active .team-diary-toolbar{flex:0 0 auto}
body.diary-page-active .diary-scroll{flex:1;min-height:0;max-height:none!important;overflow-y:auto!important;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}
body.diary-page-active .calendar-appt.name-only>.client-avatar,
body.diary-page-active .calendar-appt.name-only>.service,
body.diary-page-active .calendar-appt.name-only>small,
body.diary-page-active .calendar-appt.name-only>.calendar-import-marker{display:none!important}
body.diary-page-active .calendar-appt.name-only>strong{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;width:100%;margin:0!important;line-height:1.12!important}
body.diary-page-active .calendar-appt.name-only{padding:3px 2px!important}
@media(max-width:700px){
  body.diary-page-active .main{padding-top:max(5px,env(safe-area-inset-top))!important;padding-right:max(7px,env(safe-area-inset-right))!important;padding-bottom:max(5px,env(safe-area-inset-bottom))!important;padding-left:max(7px,env(safe-area-inset-left))!important}
  body.diary-page-active .diary-premium-header{min-height:44px!important;grid-template-columns:minmax(70px,1fr) auto minmax(46px,1fr);gap:7px}
  body.diary-page-active .diary-business-mark{width:40px!important;height:40px!important}
  body.diary-page-active .diary-calendar-toolbar{padding:3px 6px!important}
  body.diary-page-active .diary-toolbar-range{font-size:10px;line-height:1.1}
}

/* One quiet surface for bookings; the resize hit area remains intact. */
body.diary-page-active .diary-wrap{box-shadow:none!important;border-radius:12px!important}
body.diary-page-active .diary-wrap .calendar-appt,
body.diary-page-active .diary-wrap .calendar-appt.micro,
body.diary-page-active .diary-wrap .calendar-appt:nth-last-child(n),
body.diary-page-active .diary-wrap .calendar-appt:has(span.service[style*="#8b6b37"]){
  background:#efd6e0!important;
  border:1px solid #d6aebb!important;
  border-left:2px solid #bf8198!important;
  border-radius:5px!important;
  box-shadow:none!important;
  text-shadow:none!important;
  transform-origin:center;
}
body.diary-page-active .diary-wrap .calendar-appt::before,
body.diary-page-active .diary-wrap .calendar-appt::after{content:none!important;box-shadow:none!important}
body.diary-page-active .diary-wrap .calendar-appt .client-avatar{display:none!important}
body.diary-page-active .diary-wrap .calendar-appt .service[style*="font-weight:700"]{
  width:auto;max-width:100%;padding:0;border:0;border-radius:0;
  background:transparent!important;font-weight:600!important;letter-spacing:0!important;
}
body.diary-page-active .diary-wrap .calendar-appt small{color:#67545c!important}
body.diary-page-active .diary-wrap .calendar-appt .diary-resize-handle{
  height:26px;background:transparent!important;
}
body.diary-page-active .diary-wrap .calendar-appt .diary-resize-handle::after{
  width:22px;height:2px;bottom:3px;border-radius:1px;background:#a36b81;opacity:.65;
}
body.diary-page-active .diary-wrap .calendar-appt.is-dragging,
body.diary-page-active .diary-wrap .calendar-appt.is-resizing{
  opacity:.88;box-shadow:none!important;outline:2px solid #a36b81;
}
@media(hover:hover) and (pointer:fine){
  body.diary-page-active .diary-wrap .calendar-appt:hover{background:#e9cbd7!important;box-shadow:none!important}
}