/* Destreza CRM 14.0: exact hour geometry and responsive CRM shell. */
.crmEventPill.v14ExactHour{margin:0!important;border-radius:7px}
.v13ScrollBottom{width:52px!important;height:52px!important;font-size:28px!important}
@media(max-width:1100px){
  html,body{max-width:100%;overflow-x:hidden}
  .content{padding:8px!important}
  .crmMobileLayout{display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;gap:8px!important}
  .crmSideMenu{position:sticky!important;top:0!important;z-index:90!important;display:flex!important;align-items:center!important;gap:4px!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:64px!important;padding:6px!important;overflow-x:auto!important;overflow-y:hidden!important;border-radius:12px!important;scrollbar-width:thin}
  .crmStudioBadge{position:sticky;left:0;z-index:2;flex:0 0 190px;min-width:190px;padding:5px 8px!important;background:#fff;border-right:1px solid #dfe9e7}
  .crmStudioBadge .crmStudioAvatar{width:34px!important;height:34px!important}
  .crmStudioBadge b{font-size:11px!important;line-height:1.15}.crmStudioBadge small{font-size:9px!important}
  .crmSideMenu>button{flex:0 0 auto!important;width:auto!important;min-width:max-content!important;min-height:46px!important;padding:8px 12px!important;border-radius:9px!important;border-bottom:0!important}
  .crmSideMenu>button span{margin-right:5px}.crmMenuFoot{display:none!important}
  .crmMobileMain{width:100%!important;max-width:100%!important;min-width:0!important;height:calc(100dvh - 150px)!important;min-height:560px!important;overflow:auto!important;padding:0!important}
  .crmSchedulePhone,.crmClientPhone,.crmWhitePanel,.crmServiceShell{width:100%!important;max-width:100%!important;margin:0!important;border-radius:12px!important}
  .crmSchedulePhone{overflow-x:auto!important;overflow-y:visible!important}
  .crmEventForm,.crmServiceFormGrid,.crmWorkFields,.crmDailyTimes,.crmDailyBreak{grid-template-columns:1fr!important}
  .crmEventRow{grid-template-columns:40px minmax(0,1fr)!important;padding:12px!important}
  .crmServiceTabs,.crmMessageTabs,.crmClientTabs{overflow-x:auto;grid-auto-flow:column;grid-auto-columns:minmax(110px,1fr)}
  .crmServiceTabs button,.crmMessageTabs button,.crmClientTabs button{white-space:nowrap}
  .v13Back{position:fixed!important;left:10px!important;top:auto!important;bottom:12px!important;z-index:150!important}
  .v94Period{grid-template-columns:42px minmax(110px,1fr) 42px!important;gap:5px!important}.v94Period b{grid-column:1/-1;text-align:center}
}
@media(max-width:700px){
  .topbar{padding:8px!important;gap:8px!important}.topbar nav{display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important;width:100%}.topbar nav button{flex:0 0 auto;white-space:nowrap}
  .content{padding:0!important}.crmMobileLayout{gap:0!important}
  .crmSideMenu{border-radius:0!important;min-height:58px!important}.crmStudioBadge{flex-basis:148px;min-width:148px}.crmStudioBadge b{max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crmStudioBadge b br{display:none}
  .crmSideMenu>button{min-height:42px!important;padding:6px 9px!important;font-size:11px!important}.crmSideMenu>button span{font-size:15px!important}
  .crmMobileMain{height:calc(100dvh - 135px)!important;min-height:480px!important;border-radius:0!important}
  .crmSchedulePhone,.crmClientPhone,.crmWhitePanel,.crmServiceShell{border-radius:0!important;box-shadow:none!important}
  .crmScheduleTop{grid-template-columns:38px 30px minmax(118px,1fr) 30px auto 30px!important;min-width:500px!important}.crmTodayButton{font-size:16px!important}
  .crmDayStrip{min-width:442px!important}.crmDateTools,.crmScheduleMoney{min-width:500px!important}.crmDateTools{grid-template-columns:1fr 130px 1fr!important}.crmDateTools button{font-size:11px;padding:6px!important}
  .crmResourceHeads,.crmResourceGrid,.v125ScheduleGroups{min-width:max(500px,calc(var(--crm-columns,1)*116px))!important}
  .crmClientPhoneTop{grid-template-columns:42px minmax(0,1fr) 42px!important}.crmClientPhoneTop b{font-size:17px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .crmClientTabs{grid-template-columns:repeat(3,minmax(105px,1fr))!important;grid-auto-flow:row!important}
  .crmPhoneRow,.crmClientRow{grid-template-columns:38px minmax(0,1fr)!important;padding:12px!important}.crmPhoneRow>*:last-child:not(input):not(textarea):not(select){grid-column:2}
  .crmSocialRow{display:block!important}.crmSocialRow>.crmLineIcon{display:none!important}.crmSocialInputs{grid-template-columns:1fr!important}
  .clientComposer{position:sticky;bottom:0;z-index:12;grid-template-columns:38px minmax(120px,1fr) 38px 38px 38px!important;gap:4px!important;padding:8px!important}.clientComposer button,.composerAttach{min-height:38px!important;font-size:19px!important}
  .clientMessageList{padding:10px!important}.clientBubble{max-width:96%!important;padding:11px 12px!important}
  .clientMeetingSummary{padding:12px!important}.clientMeetingRow{grid-template-columns:5px minmax(0,1fr) auto!important;padding:11px!important}.clientMeetingRow strong{font-size:16px!important}
  .crmServiceRow,.crmBranchRow,.crmListRow{grid-template-columns:36px minmax(0,1fr)!important;padding:11px!important}.crmServiceRow .actions,.crmBranchRow .actions{grid-column:2;justify-content:flex-start!important}
  .v13PayrollBody form{grid-template-columns:1fr!important}.v13PayStatus{align-items:flex-start;flex-direction:column}.v13PayStatus button{width:100%}
  .bookingScheduleCard,.payDialog{width:calc(100vw - 16px)!important;max-height:92dvh!important;margin:8px!important;padding:14px!important;overflow:auto!important}
  .two,.three{grid-template-columns:1fr!important}
}
@media(max-width:420px){
  .crmStudioBadge{flex-basis:54px;min-width:54px}.crmStudioBadge>div:last-child{display:none}.crmSideMenu>button{font-size:0!important;min-width:44px!important}.crmSideMenu>button span{font-size:17px!important;margin:0!important}.crmSideMenu>button.active{font-size:10px!important;min-width:88px!important}.crmSideMenu>button.active span{margin-right:4px!important}
  .crmClientTabs button{font-size:11px!important}.crmPhoneRow{grid-template-columns:32px minmax(0,1fr)!important;gap:7px!important}.crmLineIcon{font-size:19px!important}
}