:root{--touch-target:44px}html{overflow-x:hidden}body{min-width:320px}img,svg,video,canvas,iframe{max-width:100%}.table-responsive{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.table-responsive>.table{min-width:max-content}.modal-dialog:not([class*="modal-fullscreen"]){display:flex;align-items:center;min-height:calc(100% - 2rem);margin:1rem auto}.modal-body{overflow-wrap:anywhere}.dropdown-menu{max-width:calc(100vw - 24px)}.btn,.form-control,.form-select{min-height:var(--touch-target)}.form-check{min-height:var(--touch-target)}.btn-sm{min-height:34px}.btn-icon{min-width:var(--touch-target);min-height:var(--touch-target)}.page-actions,.panel-header,.platform-page-head{flex-wrap:wrap}.sidebar-backdrop{display:none}.pwa-install-banner{position:fixed;z-index:1070;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));width:min(390px,calc(100vw - 28px));padding:14px;border:1px solid #d3e0ff;border-radius:18px;background:#fff;box-shadow:0 18px 46px rgba(25,32,55,.22);color:#172033}.pwa-install-copy{display:flex;gap:11px;align-items:flex-start}.pwa-install-copy>i{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;background:#eef1ff;color:#1c46d8;font-size:20px}.pwa-install-copy strong,.pwa-install-copy span{display:block}.pwa-install-copy span{margin-top:2px;color:#677287;font-size:12px;line-height:1.35}.pwa-install-actions{display:flex;gap:8px;margin:13px 0 0 53px}.pwa-install-actions .btn{flex:1}
@media (max-width:991px){body.sidebar-open{overflow:hidden}.sidebar-backdrop{position:fixed;z-index:1035;inset:0;background:rgba(12,18,34,.52);backdrop-filter:blur(2px)}body.sidebar-open .sidebar-backdrop{display:block}.sidebar{z-index:1040}.topbar{padding-inline:max(14px,env(safe-area-inset-left)) max(14px,env(safe-area-inset-right))}.content-wrap{padding:22px 18px}.sidebar-open .sidebar{transform:translateX(0)!important}.sidebar-collapsed .sidebar{transform:translateX(-100%)}.sidebar-collapsed .main-area{margin-left:0}.platform-sidebar{overflow-x:auto}.platform-menu{scrollbar-width:none}.platform-menu::-webkit-scrollbar{display:none}}
@media (max-width:767.98px){.content-wrap{padding:18px 14px calc(20px + env(safe-area-inset-bottom))}.topbar{height:auto;min-height:68px;padding-block:9px}.topbar-title h1{font-size:16px}.topbar-title span{display:none}.user-menu{padding:0}.notification-menu{position:fixed!important;top:62px!important;right:12px!important;left:12px!important;width:auto!important}.page-heading{font-size:23px}.page-actions{gap:12px;margin-bottom:18px}.page-actions>.btn{width:100%}.panel-card{padding:16px;border-radius:14px}.metric-card{align-items:flex-start}.metric-card strong{font-size:21px}.chart-wrap{height:230px}.search-box{width:100%;min-width:0}.panel-header{align-items:flex-start;gap:12px}.panel-header>.search-box{order:2;flex-basis:100%}.template-card{padding:16px}.login-panel{padding:20px 14px}.login-card{padding:26px 20px;border-radius:18px}.login-card h2{font-size:26px}.pwa-install-banner{bottom:max(10px,env(safe-area-inset-bottom));right:max(10px,env(safe-area-inset-right));width:min(430px,calc(100vw - 20px))}.pwa-install-actions{margin-left:0}.modal-dialog:not([class*="modal-fullscreen"]){width:calc(100% - 24px);min-height:calc(100dvh - 24px);margin:12px auto;align-items:center}.modal-dialog:not([class*="modal-fullscreen"]) .modal-content{width:100%;max-height:calc(100dvh - 24px);border-radius:20px}.modal-dialog:not([class*="modal-fullscreen"]) .modal-body{overflow-y:auto}.modal-dialog-scrollable:not([class*="modal-fullscreen"]) .modal-content{max-height:calc(100dvh - 24px)}.platform-topbar{height:auto;min-height:64px;padding:10px 14px}.platform-content{padding:20px 14px}.platform-page-head{margin-bottom:18px}.platform-page-head h1{font-size:24px}.template-preview{height:360px}.code-editor{min-height:260px!important}.storage-row{grid-template-columns:38px minmax(0,1fr) auto!important}.storage-row>*:last-child{grid-column:2/-1}.company-tabs{overflow-x:auto;flex-wrap:nowrap}.company-tabs .nav-link{white-space:nowrap}.company-grid.list-mode .company-card,.company-grid.list-mode .company-actions{min-width:0}.company-grid.list-mode .company-card{display:flex!important}.company-actions{flex-wrap:wrap}.company-actions form{min-width:min(100%,220px)}body.inbox-page{height:var(--app-viewport-height,100dvh);min-height:0;overflow:hidden}body.inbox-page .app-shell,body.inbox-page .main-area{height:100%;min-height:0;overflow:hidden}body.inbox-page .topbar{height:68px;min-height:68px}body.inbox-page .content-wrap{height:calc(100% - 68px);min-height:0;padding:0;overflow:hidden}.inbox-v2.has-selected{display:block;height:100%!important;min-height:0!important}.inbox-v2.has-selected .chat-panel{display:flex!important;height:100%!important;min-height:0!important;overflow:hidden}.inbox-v2.has-selected .chat-messages{flex:1 1 auto;min-height:0!important;padding-bottom:14px}.inbox-v2.has-selected .chat-compose{display:block!important;flex:0 0 auto!important;min-height:0!important;margin-top:auto;padding-bottom:calc(8px + env(safe-area-inset-bottom))!important;background:#fff;box-shadow:0 -8px 22px rgba(24,32,51,.06)}.inbox-v2.has-selected .composer-input-row{display:flex!important;min-height:56px}.inbox-v2.has-selected .composer-input-row textarea{display:block!important;min-height:44px!important;visibility:visible!important;opacity:1!important}}
@media (max-width:575.98px){.d-flex.justify-content-between:not(.chat-actions){gap:10px;flex-wrap:wrap}.table-responsive>.table{font-size:13px}.table>:not(caption)>*>*{padding:10px 9px}.form-control,.form-select{font-size:16px}}
.sidebar-backdrop{position:fixed;z-index:1035;inset:0;display:none;background:rgba(12,18,34,.52);backdrop-filter:blur(2px)}body.sidebar-open{overflow:hidden}body.sidebar-open .sidebar-backdrop{display:block}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}