/* Keep booking hints quieter than the day numbers. */
.fmth-calendar .fmth-dots i{opacity:.42}

/* Compact dashboard shortcuts; retain the three colored tiles. */
@media(max-width:767px){
 .fm-quick{margin-bottom:20px}
 .fm-quick .fm-action{min-height:82px;padding:10px;gap:8px;border-radius:15px}
 .fm-quick .fm-action-icon{width:30px;height:30px;border-radius:10px}
 .fm-quick .fm-action-icon svg{width:20px;height:20px}
 .fm-quick .fm-action strong{font-size:12px;line-height:1.35}
}

/* The heading tools must only occupy their own width on mobile. */
@media(max-width:767px){
 .app-layout:has(.fm-nav) .cc-simple .cc-heading{gap:8px;align-items:center}
 .app-layout:has(.fm-nav) .cc-simple .cc-heading>div:first-child{flex:1;min-width:0}
 .app-layout:has(.fm-nav) .cc-simple .cc-heading h2{display:block;font-size:clamp(13px,4vw,18px);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.4px}
 .app-layout:has(.fm-nav) .cc-simple .cc-heading-actions{width:auto;flex:0 0 auto;gap:4px}
 .app-layout:has(.fm-nav) .cc-simple .cc-heading-actions button{width:44px;min-width:44px;height:44px;padding:10px}
 .app-layout:has(.fm-nav) .cc-simple .cc-heading-actions button span{display:none}
}