@import url('./compact-inbox.css?v=20261011-1');
.agenda-more-actions,.compact-general-menu,.wa-chat-menu,.wa-compose-menu{position:relative}
.compact-menu-panel{padding:8px;gap:6px}
.agenda-more-actions>summary,.compact-general-menu>summary,.wa-chat-menu>summary,.wa-compose-menu>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #cbdbe5;border-radius:12px;padding:0 12px;background:#fff;color:#234d75}
.agenda-more-actions>summary::-webkit-details-marker,.compact-general-menu>summary::-webkit-details-marker,.wa-chat-menu>summary::-webkit-details-marker,.wa-compose-menu>summary::-webkit-details-marker{display:none}
.agenda-more-actions[open]>.compact-menu-panel,.compact-general-menu[open]>.compact-menu-panel{position:absolute;right:0;top:calc(100% + 6px);z-index:40;display:grid;min-width:240px;max-width:calc(100vw - 24px);background:#fff;border:1px solid #d4e1eb;border-radius:14px;box-shadow:0 12px 30px #112e5026}
.compact-general-menu{display:contents}
.compact-general-menu>summary,.wa-chat-menu{display:none}
.compact-general-menu>.compact-menu-panel{display:contents}
.wa-compose-menu>summary{display:none}
.wa-compose-menu>.compact-menu-panel{display:flex;padding:0;flex-wrap:wrap}
@media(max-width:1180px){
 body[data-route="agenda"] #app .v4749-topbar{flex-wrap:nowrap;min-height:60px;padding:8px 12px;gap:8px}
 body[data-route="agenda"] #app .v4749-global-search{flex:1;min-width:0;width:auto}
 body[data-route="agenda"] .compact-general-menu{display:block}
 body[data-route="agenda"] .compact-general-menu>summary{display:flex;width:44px}
 body[data-route="agenda"] .compact-general-menu>.compact-menu-panel{display:none}
 body[data-route="agenda"] .compact-general-menu[open]>.compact-menu-panel{display:grid}
 body[data-route="agenda"] #app .compact-general-menu .v4749-top-actions{display:flex!important;flex-direction:column;width:100%;align-items:stretch}
 #content .agenda-compact-heading{margin-bottom:12px;gap:8px;align-items:center}
 #content .agenda-compact-heading .subtitle,#content .agenda-compact-heading .eyebrow{display:none}
 #content .agenda-compact-heading .actions{display:flex;gap:8px;width:auto;flex-wrap:wrap}
 #content .agenda-compact-heading h1{font-size:24px;margin:0}
 #content .agenda-compact-toolbar{display:grid;grid-template-columns:44px minmax(110px,1fr) 44px 52px;gap:6px;align-items:center}
 #content .agenda-compact-toolbar #agendaPrev{grid-column:1;grid-row:1}
 #content .agenda-compact-toolbar #agendaDate{grid-column:2;grid-row:1;width:100%;min-width:0;max-width:none;padding:6px;font-size:16px}
 #content .agenda-compact-toolbar #agendaNext{grid-column:3;grid-row:1}
 #content .agenda-compact-toolbar #agendaToday{grid-column:4;grid-row:1;padding:6px}
 #content .agenda-compact-toolbar .agenda-view-toggle{grid-column:1/3;grid-row:2;display:flex;gap:4px}
 #content .agenda-compact-toolbar .agenda-view-toggle button{flex:1;min-width:0;padding:6px;font-size:13px}
 #content .agenda-compact-toolbar [data-action="new-appointment"]{grid-column:3/5;grid-row:2;padding:6px;font-size:13px}
 #content .agenda-compact-toolbar .agenda-compact-options{grid-column:1/-1;grid-row:3;width:auto;display:flex;gap:6px;margin:0}
 #content .agenda-compact-toolbar .agenda-date-label{display:none}
 #content .agenda-compact-options button{min-height:44px;padding:6px 10px;font-size:13px}
 .agenda-sidebar{max-width:100%}
}
@media(max-width:720px){
 #app:has(.wa-mobile-chat-open){--mobile-dock-space:0px}
 #app:has(.wa-mobile-chat-open)>.sidebar,#app:has(.wa-mobile-chat-open) .v475528-mobile-dock,#app:has(.wa-mobile-chat-open) .crm-toolbar-reveal{display:none!important}
 #app:has(.wa-mobile-chat-open) .wa-content{padding:0!important}
 #app:has(.wa-mobile-chat-open) .wa-crm{height:100dvh!important;min-height:0}
 #app .wa-mobile-chat-open>.wa-toolbar{display:none}
 #app .wa-mobile-chat-open .wa-layout{flex:1;min-height:0;height:100%;overflow:hidden}
 #app .wa-mobile-chat-open .wa-chat{height:100%;min-height:0;overflow:hidden}
 #app .wa-chat-header{flex-wrap:nowrap;gap:4px;padding:6px 8px;min-height:60px;flex-shrink:0}
 #app .wa-chat-header .wa-mobile-back{font-size:0;padding:6px;width:44px;flex:0 0 44px}
 #app .wa-chat-header .wa-mobile-back:before{content:'←';font-size:22px}
 #app .wa-chat-header>.wa-avatar{width:30px;height:30px;flex:0 0 30px}
 #app .wa-chat-header>div{min-width:0}
 #app .wa-chat-header h2{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}
 #app .wa-chat-header small{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 #app .wa-chat-header>[data-toggle-panel]{display:none}
 #app .wa-chat-header>.wa-compact-penny{order:initial;flex-basis:44px;width:44px;flex-shrink:0;padding:6px;font-size:0;min-height:44px}
 #app .wa-chat-header>.wa-compact-penny:before{content:'✦';font-size:20px}
 #app .wa-chat-menu{display:block;flex:0 0 44px}
 #app .wa-chat-menu>summary{padding:0;width:44px}
 #app .wa-chat-menu[open]>.compact-menu-panel,#app .wa-compose-menu[open]>.compact-menu-panel{position:absolute;right:0;z-index:40;display:grid;width:240px;max-width:calc(100vw - 24px);max-height:55dvh;overflow:auto;background:#fff;border:1px solid #d4e1eb;border-radius:12px;box-shadow:0 8px 24px #112e5026}
 #app .wa-chat-menu .compact-menu-panel button,#app .wa-compose-menu .compact-menu-panel button{min-height:44px;text-align:left;padding:8px;font-size:14px}
 #app .wa-messages{flex:1;min-height:0;overflow-y:auto}
 #app .wa-crm .wa-composer{display:grid;grid-template-columns:44px minmax(0,1fr) 94px;gap:6px;padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));flex-shrink:0}
 #app .wa-composer>.wa-attach{grid-column:1;grid-row:1;width:44px;padding:8px}
 #app .wa-composer>.wa-compose-field{grid-column:2;grid-row:1;min-width:0}
 #app .wa-compose-actions{grid-column:3;grid-row:1;display:flex;gap:4px;overflow:visible;padding:0}
 #app .wa-compose-actions>button[type=submit]{font-size:0;width:46px;min-width:46px;padding:8px}
 #app .wa-compose-actions>button[type=submit] svg{width:20px;height:20px}
 #app .wa-compose-menu>summary{display:flex;width:44px;padding:0;font-size:24px}
 #app .wa-compose-menu>.compact-menu-panel{display:none}
 #app .wa-compose-menu[open]>.compact-menu-panel{bottom:calc(100% + 8px)}
 #app .wa-composer>[data-shop-draft],#app .wa-delivery-note{grid-column:1/-1}
 #app .wa-delivery-note{font-size:10px;margin:0;line-height:1.2}
}

/* Keep the mobile conversation inside the visible screen during keyboard pans. */
@media(max-width:720px){
 html.wa-mobile-viewport-locked{overflow:hidden;overscroll-behavior:none}
 body.wa-mobile-viewport-locked{position:fixed;top:var(--wa-page-lock-top,0px);left:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}
 body.wa-mobile-viewport-locked #app .wa-crm.wa-mobile-chat-open{position:fixed;top:var(--wa-chat-top,0px);left:0;right:0;bottom:auto;width:100%;height:var(--wa-chat-height,100dvh)!important;max-height:var(--wa-chat-height,100dvh);min-height:0;margin:0;border-radius:0;box-sizing:border-box;overflow:hidden;z-index:35;display:flex;flex-direction:column}
 body.wa-mobile-viewport-locked #app .wa-mobile-chat-open .wa-layout{flex:1;min-height:0;height:auto;overflow:hidden}
 body.wa-mobile-viewport-locked #app .wa-mobile-chat-open .wa-chat{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}
 body.wa-mobile-viewport-locked #app .wa-chat-header{flex:0 0 auto;position:relative;z-index:8}
 body.wa-mobile-viewport-locked #app .wa-messages{flex:1 1 0;min-height:0;overflow-y:auto;overscroll-behavior-y:contain}
 body.wa-mobile-viewport-locked #app .wa-composer{flex:0 0 auto;min-height:0;height:auto;align-content:start}
}