/* OHH Manager: compact controls, clear hierarchy and consistent touch targets. */
:root{--ux-ink:#30272e;--ux-wine:#742b48;--ux-border:#e6dfe2;--ux-soft:#f8f3f5}
#mainContent{max-width:1680px;margin:0 auto}.topbar{min-height:66px;padding:10px 24px!important}.topbar .brand.small .logo{width:32px;height:32px;flex-basis:32px}.topbar .brand h1{font-size:15px!important;line-height:1.3}.topbar .top-actions button{min-height:36px;font-size:12px!important;padding:7px 10px!important;box-shadow:none}.topbar .top-actions .lang button{min-height:32px}.workspace-context{padding:20px 0 18px}.workspace-context h2{font-size:24px!important;line-height:1.2}.workspace-context-actions{gap:12px}.workspace-context button{min-height:40px;padding:9px 14px}.workspace-eyebrow{letter-spacing:.12em}.card{border-color:var(--ux-border)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a96881;outline-offset:3px}.booking-counts{gap:10px}.booking-filter-count{min-height:62px!important;padding:10px 13px!important;box-shadow:none;border-radius:12px;text-align:left}.booking-filter-count strong{font-size:23px!important;line-height:1.2}.booking-filter-count span{font-size:12px;line-height:1.35}.booking-filter-count[aria-pressed=true]{background:#f6eaf0;border-color:#8e4a66}.booking-toolbar{gap:12px;padding:14px!important}.booking-manager-layout{gap:16px}.booking-request-row{padding:14px!important;border-radius:11px;min-height:96px;text-align:left}.booking-request-row:hover,.client-row:hover{background:#fbf7f9;border-color:#c4a3b2}.booking-request-row.selected,.client-row.selected{background:#f7edf2;border-color:#9b6078}.request-row-top strong{font-size:15px;line-height:1.35}.request-row-top{gap:8px;align-items:start}.request-status{white-space:normal;line-height:1.4;font-size:11px}.booking-detail-actions{align-items:start;gap:12px}.booking-detail-actions h3{font-size:22px;line-height:1.25;margin:10px 0;overflow-wrap:anywhere}.booking-detail-meta{gap:12px}.booking-detail-meta>div{padding:12px;background:#faf7f8;border-radius:9px;border:1px solid #eee7ea}.booking-detail-meta dd{overflow-wrap:anywhere;font-size:14px;line-height:1.5}.request-guest-list li{padding:11px 0!important}.booking-request-detail>.danger{margin-top:20px;min-height:36px;background:#fff;color:#9a354f;border-color:#ead8df}.ohh-settings-grid .ohh-settings-card{min-height:84px;padding:13px 15px;border-radius:11px}.ohh-settings-card strong{font-size:14px}.ohh-settings-card span{font-size:12px;line-height:1.45}.ohh-settings-sections{gap:16px}.ux-input-wrap{position:relative;display:flex;align-items:center;width:100%;min-width:0}.ux-input-wrap input{width:100%;padding-right:45px!important;margin:0!important}.ux-search-clear{position:absolute;right:2px;top:50%;transform:translateY(-50%);min-width:38px;min-height:38px;padding:0!important;border:0;background:transparent;color:#76616c;font-size:22px!important;box-shadow:none}.ux-search-clear:hover{background:#f6edf1}.ux-filter-panel{margin:0;border:0!important;box-shadow:none!important;padding:0!important;min-width:0}.ux-filter-panel>summary{display:none}.ux-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ux-filter-grid label{min-width:0!important;width:auto!important}.ux-filter-grid label input,.ux-filter-grid label select{width:100%}.ux-periods{display:flex;gap:8px;flex-wrap:wrap}.ux-periods button{min-height:36px}.workspace-filters.ux-organized-filters{display:grid!important;grid-template-columns:minmax(220px,1fr) auto;gap:12px;align-items:end}.ux-organized-filters>.ux-filter-panel{grid-column:1/-1;grid-row:1}.ux-organized-filters>.grow{grid-column:1;grid-row:2;margin:0;min-width:0}.ux-organized-filters>.ux-periods{grid-column:2;grid-row:2}.ux-organized-filters label{min-width:0!important}.ux-mobile-tools{display:none}.ux-empty-actions{padding:0 15px 15px;text-align:center}.ux-empty-actions button{min-height:40px}.clients-layout>.card{min-width:0}.client-row{padding:13px 12px;min-height:75px;gap:10px}.client-row strong{font-size:14px}.client-row small{overflow-wrap:anywhere;line-height:1.45}.client-row-stats{flex-shrink:0;font-size:11px}.pro-client-actions button,.pro-client-actions a{min-height:40px;padding:9px 14px;display:inline-flex;align-items:center;justify-content:center}.pro-profile-tabs button{min-height:40px;padding:9px 12px}.pro-profile-tabs{gap:6px}.pro-preferences{padding:16px}.proClientDialog .card,#proClientDialog .card{border:0;box-shadow:none}.appointment-drawer-bar{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--ux-border);min-height:62px;padding:12px 18px;gap:12px}.appointment-drawer-bar button{min-width:72px;min-height:40px;font-size:13px;white-space:nowrap}.appointment-drawer-bar>span,.appointment-drawer-bar>strong{font-size:11px;letter-spacing:.04em}.booking-resource-settings{margin-top:18px!important;padding:12px 16px!important}.booking-resource-settings>summary{min-height:32px;display:list-item;cursor:pointer;font-size:13px}.ux-requests-filters .ux-filter-grid{grid-template-columns:1fr 1fr}.ux-requests-filters .ux-filter-panel{grid-column:1 / span 2}.ux-requests-filters>.booking-search{grid-column:3;min-width:0}.ux-filter-summary{font-weight:400;font-size:11px;color:#766a71;margin-left:auto}.ux-client-details-home{min-width:0}
@media(min-width:801px){.ux-filter-panel:not([open])>.ux-filter-grid{display:grid}#clients .client-list{max-height:calc(100dvh - 265px);overflow-y:auto}.clients-layout>.card:first-child{position:sticky;top:14px}}
@media(max-width:1100px) and (min-width:801px){.topbar{grid-template-columns:1fr!important;gap:8px!important}.topbar .top-actions{justify-content:flex-start}.ux-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){
 body{font-size:14px}.topbar{display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;gap:8px!important;padding:9px 12px!important;min-height:64px!important}.topbar #workspaceMenu{grid-column:1;grid-row:1;width:44px;height:44px;min-height:44px!important;padding:0}.topbar .brand{grid-column:2;grid-row:1}.topbar .brand h1{font-size:16px!important;line-height:1.25}.topbar .brand p{font-size:10px!important;line-height:1.4}.topbar .top-actions{display:contents!important}.topbar .top-actions .badge,.topbar .top-actions [data-install-ohh]{display:none!important}.topbar #ohhNotificationsShortcut{grid-column:3;grid-row:1;min-height:44px!important;width:44px!important;padding:0!important;font-size:0!important;overflow:hidden}.topbar #ohhNotificationsShortcut::before{content:'🔔';font-size:18px}.ux-mobile-tools{display:block;padding:16px 10px 6px;border-top:1px solid #ffffff26;margin-top:12px}.ux-mobile-tools>p{font-size:11px;color:#e8ccd8;margin:0 0 10px}.ux-mobile-tools .lang{display:flex;margin:0 0 12px;padding:3px;background:#ffffff16;border-radius:10px}.ux-mobile-tools .lang button{width:auto!important;flex:1;justify-content:center;min-height:44px!important;font-size:13px!important;padding:8px!important;border:0!important}.ux-mobile-tools .lang button::before,.ux-mobile-tools #logoutBtn::before{content:none!important}.ux-mobile-tools .lang button.active{background:white!important;color:#64243f!important}.ux-mobile-tools #logoutBtn{font-size:13px!important;min-height:44px!important;background:#ffffff0a;justify-content:center;border:1px solid #ffffff26}.ux-mobile-tools [data-install-ohh]{display:none!important}#workspaceNav{top:64px;max-height:calc(100dvh - 64px);padding:12px 14px 18px}#workspaceNav button{min-height:46px}#workspaceNav [data-nav-number]::before{width:18px;flex-shrink:0}.workspace-context{display:flex!important;align-items:center!important;justify-content:space-between;gap:10px;padding:17px 0 14px}.workspace-context>div:first-child{min-width:0;flex:1}.workspace-context>div:last-child{flex-shrink:0;justify-self:auto!important}.workspace-context h2{font-size:20px!important;line-height:1.25}.workspace-eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:5px}.workspace-context button{min-height:44px;padding:9px 12px;font-size:12px;white-space:nowrap}#workspaceClock{display:none}.card{padding:14px}.section-head{gap:10px}.section-head>div{min-width:0}#bookingRequests>.section-head{display:flex;align-items:center;margin-bottom:12px;gap:8px}#bookingRequests>.section-head>div{display:none}#refreshBookingRequests{min-height:44px;padding:9px 12px;font-size:13px}#ohhDeletedBookingsLink{margin-left:auto;display:inline-flex;align-items:center;min-height:44px;font-size:12px}.booking-counts{gap:8px;margin-bottom:14px}.booking-filter-count{min-height:68px!important;padding:9px 10px!important}.booking-filter-count strong{font-size:22px!important}.booking-filter-count span{font-size:11px;line-height:1.3}.booking-toolbar.ux-requests-filters{display:grid!important;grid-template-columns:1fr!important;padding:12px!important;gap:10px;margin-bottom:14px}.ux-requests-filters>.booking-search{grid-column:1;grid-row:1}.ux-requests-filters .ux-filter-panel{grid-column:1;grid-row:2}.ux-filter-panel>summary{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;font-size:13px;font-weight:600;list-style:none}.ux-filter-panel>summary::after{content:'⌄';font-size:18px}.ux-filter-panel[open]>summary::after{content:'⌃'}.ux-filter-panel>summary::-webkit-details-marker{display:none}.ux-filter-grid{grid-template-columns:1fr 1fr;gap:12px;padding:8px 0 3px}.ux-filter-grid select,.ux-filter-grid input{width:100%;min-width:0;font-size:16px;min-height:44px}.ux-filter-panel:not([open])>.ux-filter-grid{display:none!important}.booking-request-row{padding:13px!important;min-height:96px}.booking-manager-layout{display:block}.booking-manager-layout>div:first-child>.section-note{font-size:11px;margin-top:10px}#bookingRequests .booking-request-detail{display:none!important}#bookingRequests .booking-resource-settings{display:none!important}#bookingDrawer .booking-request-detail{display:block!important;border:0;margin:0;box-shadow:none;position:static}#bookingDrawer .booking-detail-actions #requestBackToCalendar{display:none}#bookingDrawer{width:100%;max-width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0;inset:0;margin:0;padding:0}.booking-detail-actions h3{font-size:23px;margin-top:0}.booking-detail-meta{grid-template-columns:1fr 1fr;gap:9px}.booking-detail-meta dd{font-size:13px}.booking-detail-meta>div{padding:10px}.request-guest-list h4{font-size:14px}.request-guest-list li span{font-size:12px;line-height:1.5}.visit-status-actions{display:flex;flex-wrap:wrap;gap:8px}.visit-status-actions button{min-height:44px;font-size:13px;padding:10px 12px;flex:1;min-width:0}.booking-detail-secondary summary{min-height:44px;padding:10px 0}.booking-request-detail>.danger{min-height:44px;margin:20px 0 6px;width:100%}.booking-request-detail{padding:16px!important}.booking-review-actions{gap:8px}.booking-review-actions button,#approveBookingRequest{min-height:46px;font-size:14px}.workspace-filters.ux-organized-filters{grid-template-columns:1fr;gap:10px}.ux-organized-filters>.grow{grid-column:1;grid-row:1}.ux-organized-filters>.ux-periods{grid-column:1;grid-row:2}.ux-organized-filters>.ux-filter-panel{grid-column:1;grid-row:3}.ux-periods button{min-height:44px;font-size:12px;padding:9px 12px;flex:1}.ux-organized-filters>.ux-filter-panel{border-top:1px solid #eee7ea!important;padding-top:2px!important}.pro-appointments .card>.section-head{display:none!important}.pro-appointments .table-wrap{margin-top:12px}.pro-appointments #apptBody tr.pro-open-row{margin:9px 0;border-radius:10px;padding:10px;box-shadow:0 2px 7px #40203305}.pro-appointments #apptBody td:nth-child(4){font-size:16px}.pro-appointments #apptBody td:last-child button{width:100%;min-height:44px}.pro-appointments .workspace-pagination button{min-height:44px}.pro-appointments .workspace-pagination{gap:7px}.clients-layout{display:block!important}.clients-layout>.card:first-child .section-head{display:block;margin:0 0 14px}.clients-layout>.card:first-child .section-head>div>p{font-size:12px;margin:0 0 12px}.clients-layout>.card:first-child .section-head input{width:100%;max-width:none}.clients-layout>.ux-client-profile-card{display:none}#proClientDialog .card{display:block;padding:16px}.client-list{max-height:none!important}.client-row{padding:13px 9px;min-height:78px}.client-row-stats{font-size:11px;max-width:100px}.client-row small{font-size:11px}.client-kpis{gap:7px}.client-kpis>div{padding:10px 8px;min-width:0}.client-kpis strong{font-size:19px!important;overflow-wrap:anywhere}.client-kpis span{font-size:10px}.pro-client-actions{gap:8px}.pro-client-actions button,.pro-client-actions a{min-height:44px;font-size:13px;padding:10px}.pro-profile-tabs{gap:5px}.pro-profile-tabs button{font-size:12px;padding:10px 6px;min-height:44px}.pro-client-actions .primary{width:100%}#proClientDialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;padding:0}.appointment-drawer-bar{min-height:64px;padding:10px 14px}.appointment-drawer-bar button{min-height:44px;min-width:68px;font-size:12px;padding:9px 11px}#bookingDrawerContent,#proClientDialogBody{padding-bottom:max(20px,env(safe-area-inset-bottom))}#appointmentDrawer .pro-save-bar{gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important}.pro-save-bar button{min-height:46px;font-size:14px;padding:10px 12px}.ohh-settings-grid .ohh-settings-card{min-height:82px;padding:13px 14px}.ohh-settings-card span{font-size:12px}.ohh-settings-sections{gap:18px}.ohh-settings-back{min-height:44px}.ux-search-clear{min-width:44px!important;min-height:44px!important}.ux-empty-actions button{min-height:44px}.history-item{min-height:76px;gap:10px;padding:12px!important}.history-item>div{min-width:0}.history-item strong{font-size:13px}.history-item small{font-size:11px;overflow-wrap:anywhere}.form-grid input,.form-grid select,.form-grid textarea{font-size:16px;min-height:44px}.form-grid label{font-size:12px}
}
@media(max-width:360px){.topbar .brand h1{font-size:14px!important}.workspace-context h2{font-size:18px!important}.workspace-context button{padding:9px 10px}.booking-filter-count{padding:8px!important}.booking-filter-count span{font-size:10px}.booking-detail-meta{grid-template-columns:1fr}.client-kpis{grid-template-columns:1fr 1fr}.client-kpis>div:last-child{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.pro-appointments .card>.section-head{display:none!important}

.visit-status-actions .visit-complete{background:#742b48!important;border-color:#742b48!important;color:white!important}input[type=search]::-webkit-search-cancel-button{display:none}

@media(max-width:800px){#mainScreen button,dialog button{min-height:44px}.booking-detail-meta dd>a{overflow-wrap:anywhere}}

.top-actions #sessionInfo{display:none!important}.ux-periods button[aria-pressed=true]{background:#f6eaf0;border-color:#9b6078;color:#742b48;font-weight:650}

@media(max-width:800px){.report-filters .filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}.report-filters .filters>label,.report-filters .filters>button{min-width:0;max-width:100%}.report-filters input,.report-filters select{min-width:0!important;width:100%;max-width:100%}.report-filters .filters>label:last-of-type{grid-column:1/-1}.pro-report-branch{grid-template-columns:repeat(2,minmax(0,1fr))}.report-grid,.report-grid>.card,#reports .card{min-width:0}#reports .table-wrap{max-width:100%;overflow-x:auto}.pro-report-bars{min-width:0}.pro-report-bar>*{min-width:0;overflow-wrap:anywhere}}
@media(max-width:360px){.report-filters .filters{grid-template-columns:minmax(0,1fr)!important}}