.full-crm{display:block;margin:12px 0 24px;padding:15px;text-align:center;text-decoration:none;color:#6251dd;background:#fff;border-radius:15px;font-weight:800;box-shadow:0 8px 24px #444b6b12}
html,body{touch-action:manipulation}
.web-client .slot,.web-client .appointment,.web-client .manual-block{-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;user-select:none!important}.web-client .slot:active{background:inherit!important;box-shadow:none!important}.web-client .appointment-resize-handle,.web-client .block-resize-handle{display:none!important}
.web-client .slot::after{display:none!important}.web-client .calendar-blockable:hover{background:inherit!important;box-shadow:none!important}
html.web-client body .sidebar .side-bottom.user-switcher{display:flex!important;position:fixed!important;inset:calc(12px + env(safe-area-inset-top)) 14px auto auto!important;left:auto!important;bottom:auto!important;width:48px!important;height:48px!important;margin:0!important;padding:0!important;transform:none!important;justify-content:center!important;border:0!important;border-radius:15px!important;background:#fff!important;box-shadow:0 9px 28px #343a5526!important;z-index:190!important}html.web-client body .sidebar .side-bottom.user-switcher .avatar{width:38px!important;height:38px!important;margin:0!important}html.web-client body .sidebar .side-bottom.user-switcher>div:not(.avatar),html.web-client body .sidebar .side-bottom.user-switcher>span{display:none!important}
@media(max-width:1100px){html.web-client body .sidebar .side-bottom.user-switcher{display:flex!important;position:fixed!important;inset:calc(12px + env(safe-area-inset-top)) 14px auto auto!important;left:auto!important;bottom:auto!important;width:48px!important;height:48px!important;margin:0!important;padding:0!important;transform:none!important;justify-content:center!important;border:0!important;border-radius:15px!important;background:#fff!important;box-shadow:0 9px 28px #343a5526!important;z-index:190!important}html.web-client body .sidebar .side-bottom.user-switcher .avatar{width:38px!important;height:38px!important;margin:0!important}html.web-client body .sidebar .side-bottom.user-switcher>div:not(.avatar),html.web-client body .sidebar .side-bottom.user-switcher>span{display:none!important}}
.login{position:fixed;inset:0;z-index:20;width:100%;max-width:none!important;min-height:100dvh!important;padding:calc(24px + env(safe-area-inset-top)) 24px calc(24px + env(safe-area-inset-bottom));overflow-y:auto;display:flex!important;justify-content:center!important;background:radial-gradient(circle at 100% 0,#e9e5ff 0,transparent 42%),#f4f5fb}.login[hidden]{display:none!important}.login>*{width:min(100%,430px);margin-left:auto;margin-right:auto}.login img{flex:0 0 auto}
@media(max-width:600px){
body{padding-bottom:calc(82px + env(safe-area-inset-bottom))}
.sidebar{inset:auto 0 0!important;width:auto!important;height:calc(72px + env(safe-area-inset-bottom));padding:7px 8px env(safe-area-inset-bottom)!important;border:0;border-top:1px solid #e6e8ef;z-index:50;display:block}
.strizh-brand{display:none!important}.sidebar nav{margin:0!important;display:flex!important;gap:4px;overflow-x:auto;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}
.side-bottom{display:flex!important;position:fixed!important;top:calc(12px + env(safe-area-inset-top));right:14px;bottom:auto!important;width:48px;height:48px;margin:0!important;padding:0!important;border:0!important;border-radius:15px;background:#fff!important;box-shadow:0 9px 28px #343a551f;justify-content:center!important;z-index:70}.side-bottom .avatar{width:38px!important;height:38px!important}.side-bottom>div:not(.avatar),.side-bottom>span{display:none!important}
.nav-item{flex:0 0 58px!important;height:56px;padding:0!important;justify-content:center!important;border-radius:13px!important;font-size:0!important}.nav-item svg{width:23px!important;height:23px!important;margin:0!important}
main{margin-left:0!important;padding:calc(18px + env(safe-area-inset-top)) 14px 28px!important}main>header{display:grid;gap:12px;margin-bottom:18px}main>header h1{font-size:27px}
.header-actions{width:100%;display:grid!important;grid-template-columns:1fr 1fr;gap:8px}.header-actions button{justify-content:center;padding:12px 8px}.date-toolbar{border-radius:16px!important;padding:10px!important}.date-picker{min-width:0;flex:1}
.calendar-wrap{border-radius:16px!important}.calendar{min-width:760px!important}.section-toolbar{align-items:flex-start!important;gap:12px;flex-direction:column}.section-toolbar>div:last-child,.toolbar-actions{display:flex;flex-wrap:wrap;gap:7px}
.client-table,.services-table,.appointments-table,.product-sales-report{overflow-x:auto}.table-head,.client-row{min-width:760px}.service-head,.service-row{min-width:900px}.appointment-list-head,.appointment-list-row{min-width:850px}
.modal-backdrop{padding:0!important;align-items:end!important;z-index:200!important}.modal{width:100%!important;max-width:none!important;max-height:92dvh!important;border-radius:24px 24px 0 0!important;padding:22px 18px calc(28px + env(safe-area-inset-bottom))!important;overflow-y:auto!important}.modal-actions{position:sticky!important;bottom:calc(-28px - env(safe-area-inset-bottom));z-index:8;background:#fff;margin-left:-18px!important;margin-right:-18px!important;margin-bottom:calc(-28px - env(safe-area-inset-bottom))!important;padding:13px 18px calc(18px + env(safe-area-inset-bottom))!important;border-top:1px solid #eceef4;box-shadow:0 -10px 24px #30384b0d}
#password-modal,#user-switch-modal{align-items:center!important;padding:16px!important}#password-modal .modal,#user-switch-modal .modal{width:min(100%,430px)!important;border-radius:24px!important;padding:22px 18px!important;max-height:calc(100dvh - 32px)!important}
.form-grid{grid-template-columns:1fr!important}.form-grid>*{grid-column:1!important}.report-cards{grid-template-columns:1fr 1fr!important}.big-metric{min-width:0}.revenue-chart-panel{overflow-x:auto!important}
.inventory-toolbar{align-items:stretch!important;flex-direction:column}.inventory-toolbar .category-filter select{width:100%}.users-grid,.masters-grid,.payroll-grid{grid-template-columns:1fr!important}
}