:root{--ait-viewport-height:100vh;--ait-safe-bottom:env(safe-area-inset-bottom,0px)}@supports (height:100svh){:root{--ait-viewport-height:100svh}}@supports (height:100dvh){:root{--ait-viewport-height:100dvh}}html{scrollbar-gutter:auto}img,video{max-width:100%;height:auto}img{font-style:italic;vertical-align:middle}.brand-mark,.message-avatar,.avatar,.user-avatar,.account-avatar,.topbar-avatar{aspect-ratio:1 / 1;flex:0 0 auto}.main,.content-area,.admin-content-area,.page-shell-home,.page-shell-chat,.message,.message-body,.composer-dock,.composer-dock .input-wrap,.composer-dock .home-input-wrap{min-width:0}.message-body,.message-content,.admin-v2-panel,.admin-v3-surface,.settings-card,.ticket-list-panel,.ticket-thread-panel{overflow-wrap:anywhere}.message-code,.message-code code,pre,code{max-width:100%}@media (max-width:960px){html,body{min-height:100%;overflow-x:hidden;overscroll-behavior-x:none}body:not(.sidebar-open):not(.confirm-modal-open):not(.admin-mail-modal-open){overflow-y:auto}body.sidebar-open,body.confirm-modal-open,body.admin-mail-modal-open{overflow:hidden;touch-action:none;overscroll-behavior:contain}.app-shell,.app-shell-app,.app-shell-guest,.app-shell-admin{min-height:var(--ait-viewport-height)}.sidebar,body.page-admin.shell-admin .sidebar,body.page-admin.shell-admin .sidebar.sidebar-admin-v15{height:var(--ait-viewport-height);min-height:var(--ait-viewport-height);max-height:var(--ait-viewport-height);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.main,body.page-admin.shell-admin .main,body.page-admin.shell-admin .main.main-admin-v15{min-height:var(--ait-viewport-height)}.content-area,.admin-content-area,.admin-content-area-v15{padding-bottom:max(28px,calc(22px + var(--ait-safe-bottom)))}.composer-dock{padding-bottom:var(--ait-safe-bottom)}.message{grid-template-columns:40px minmax(0,1fr);gap:10px}.message-avatar{width:38px;height:38px;border-radius:12px}}@media (max-width:520px){.message-list{padding-inline:12px}.message-body{padding:14px 14px 12px;border-radius:16px}.topbar,body.page-admin.shell-admin .main.main-admin-v15>.topbar{padding-inline:12px}}

@media (max-width:960px){
  body.sidebar-open::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:45;
    background:rgba(3,7,18,.58);
    backdrop-filter:blur(4px);
    -webkit-backdrop-filter:blur(4px);
  }
  body.theme-light.sidebar-open::before{
    background:rgba(17,31,55,.34);
  }
  .sidebar,
  body.page-admin.shell-admin .sidebar,
  body.page-admin.shell-admin .sidebar.sidebar-admin-v15{
    z-index: var(--ait-mobile-drawer-z, 7200);
  }
}

@media (max-width:960px){
  html{height:auto;min-height:100%;max-height:none;overflow-x:hidden;overflow-y:auto;touch-action:auto;overscroll-behavior-y:auto;}
  body:not(.sidebar-open):not(.confirm-modal-open):not(.admin-mail-modal-open){height:auto;min-height:var(--ait-viewport-height);max-height:none;overflow-x:hidden;overflow-y:auto;touch-action:auto;overscroll-behavior-y:auto;position:relative;}
  body.sidebar-open,body.confirm-modal-open,body.admin-mail-modal-open{overflow:hidden!important;overscroll-behavior:contain;}
  body:not(.sidebar-open):not(.confirm-modal-open):not(.admin-mail-modal-open) .app-shell,
  body:not(.sidebar-open):not(.confirm-modal-open):not(.admin-mail-modal-open) .app-shell-app,
  body:not(.sidebar-open):not(.confirm-modal-open):not(.admin-mail-modal-open) .app-shell-guest,
  body:not(.sidebar-open):not(.confirm-modal-open):not(.admin-mail-modal-open) .app-shell-admin,
  body:not(.sidebar-open):not(.confirm-modal-open):not(.admin-mail-modal-open) .main,
  body:not(.sidebar-open):not(.confirm-modal-open):not(.admin-mail-modal-open) .content,
  body:not(.sidebar-open):not(.confirm-modal-open):not(.admin-mail-modal-open) .content-area,
  body:not(.sidebar-open):not(.confirm-modal-open):not(.admin-mail-modal-open) .admin-content-area,
  body:not(.sidebar-open):not(.confirm-modal-open):not(.admin-mail-modal-open) .admin-content-area-v15,
  body:not(.sidebar-open):not(.confirm-modal-open):not(.admin-mail-modal-open) .page-shell,
  body:not(.sidebar-open):not(.confirm-modal-open):not(.admin-mail-modal-open) .page-shell-home,
  body:not(.sidebar-open):not(.confirm-modal-open):not(.admin-mail-modal-open) .page-shell-chat{height:auto;max-height:none;overflow-y:visible;touch-action:auto;}
  .content-area,.admin-content-area,.admin-content-area-v15,.page-shell-home,.page-shell-chat{padding-bottom:max(28px,calc(22px + var(--ait-safe-bottom)));}
  .page-shell-home,.page-shell-chat{min-height:calc(var(--ait-viewport-height) - 112px);}
  .chat-response-panel,.chat-panel-shell{max-height:none;}
}

@media (max-width: 960px) {
  html,
  body {
    height: auto;
    min-height: 100%;
    max-height: none;
    overflow-x: hidden;
    overflow-y: auto;
    touch-action: auto !important;
    overscroll-behavior-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body:not(.sidebar-open):not(.confirm-modal-open):not(.admin-mail-modal-open),
  body:not(.sidebar-open):not(.confirm-modal-open):not(.admin-mail-modal-open) .app-shell,
  body:not(.sidebar-open):not(.confirm-modal-open):not(.admin-mail-modal-open) .main,
  body:not(.sidebar-open):not(.confirm-modal-open):not(.admin-mail-modal-open) .content-area,
  body:not(.sidebar-open):not(.confirm-modal-open):not(.admin-mail-modal-open) .admin-content-area,
  body:not(.sidebar-open):not(.confirm-modal-open):not(.admin-mail-modal-open) .admin-content-area-v15,
  body:not(.sidebar-open):not(.confirm-modal-open):not(.admin-mail-modal-open) .settings-page,
  body:not(.sidebar-open):not(.confirm-modal-open):not(.admin-mail-modal-open) .admin-page,
  body:not(.sidebar-open):not(.confirm-modal-open):not(.admin-mail-modal-open) .admin-page-v3,
  body:not(.sidebar-open):not(.confirm-modal-open):not(.admin-mail-modal-open) .page-shell,
  body:not(.sidebar-open):not(.confirm-modal-open):not(.admin-mail-modal-open) .page-shell-home,
  body:not(.sidebar-open):not(.confirm-modal-open):not(.admin-mail-modal-open) .page-shell-chat {
    height: auto;
    min-height: 0;
    max-height: none;
    overflow-y: visible !important;
    touch-action: auto !important;
    overscroll-behavior-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.sidebar-open,
  body.confirm-modal-open,
  body.admin-mail-modal-open {
    overflow: hidden !important;
    overscroll-behavior: contain;
  }

  body.sidebar-open .sidebar,
  body.sidebar-open .sidebar * {
    touch-action: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body:not(.sidebar-open) .sidebar:not(.open):not(.mobile-open) {
    pointer-events: none !important;
  }

  body.page-admin.shell-admin .admin-page,
  body.page-admin.shell-admin .admin-page-v3,
  body.page-admin.shell-admin .admin-v3-body,
  body.page-admin.shell-admin .admin-v2-panel,
  body.page-admin.shell-admin .admin-v3-surface,
  body.page-admin.shell-admin .settings-card,
  body.page-admin.shell-admin .stat-card,
  body.page-profile .settings-page,
  body.page-settings .settings-page,
  body.page-help .settings-page,
  body.page-profile .settings-card,
  body.page-settings .settings-card,
  body.page-help .settings-card,
  body.page-profile .profile-card,
  body.page-help .help-layout,
  body.page-help .help-content-card,
  body.page-help .help-sidebar-card {
    min-width: 0;
    max-width: 100%;
    max-height: none;
    overflow-y: visible !important;
    touch-action: auto !important;
    overscroll-behavior-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
}

@media (max-width: 700px) {
  body.page-profile .settings-page,
  body.page-settings .settings-page,
  body.page-help .settings-page {
    width: 100%;
    padding: 14px 12px 32px;
    margin: 0 auto;
    box-sizing: border-box;
  }

  body.page-profile .profile-card,
  body.page-settings .settings-main-card,
  body.page-help .help-content-card,
  body.page-help .help-sidebar-card {
    border-radius:24px;
    box-sizing: border-box;
  }

  body.page-help .help-layout,
  body.page-help .help-layout-leftnav {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    gap:14px;
    width: 100%;
    max-width: 100%;
    overflow: visible !important;
  }

  body.page-help .help-sidebar-card {
    order: 1;
    position: static !important;
    padding: 12px;
    overflow: visible !important;
  }

  body.page-help .help-content-card {
    order: 2;
    padding: 18px;
    min-width: 0;
    max-width: 100%;
    overflow: visible !important;
  }

  /* Etap7_174_4: na mobile dropdown Pomocy jest jedyną nawigacją sekcji. */
  body.page-help .help-nav-list {
    display: none !important;
  }

  body.page-help .help-nav-item {
    flex: 0 0 auto;
    min-width: max-content;
    max-width: 82vw;
    padding: 12px 14px;
    border-radius:18px;
    scroll-snap-align: start;
  }

  body.page-help .help-overview-hero,
  body.page-help .preview-card,
  body.page-help .ticket-list-panel,
  body.page-help .ticket-thread-panel,
  body.page-help .ticket-thread-panel-empty,
  body.page-help .help-version-panel,
  body.page-help .legal-copy-shell,
  body.page-help .shortcut-list,
  body.page-help .ticket-create-disclosure,
  body.page-help .ticket-message,
  body.page-help .version-entry-card {
    border-radius:20px;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    overflow-wrap: anywhere;
  }

  body.page-help .help-home-grid,
  body.page-help .help-stat-grid,
  body.page-help .ticket-page-grid,
  body.page-help .ticket-v18-grid,
  body.page-help .ticket-v21-grid,
  body.page-help .ticket-v25-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    gap:12px;
    width: 100%;
    max-width: 100%;
    overflow: visible !important;
  }

  body.page-help .ticket-status-switch,
  body.page-help .help-ticket-switch,
  body.page-help .centered-switch {
    display: flex !important;
    gap:8px;
    width: 100%;
    max-width: 100%;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    justify-content: flex-start;
    padding-bottom: 6px;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-x pan-y pinch-zoom !important;
  }

  body.page-help .ticket-status-chip { flex: 0 0 auto; }

  body.page-help .ticket-list,
  body.page-help .ticket-thread-list,
  body.page-help .version-feed-scroll,
  body.page-help .help-version-feed {
    max-height: none;
    height: auto;
    overflow: visible !important;
  }

  body.page-help .ticket-create-form,
  body.page-help .ticket-create-wide-full,
  body.page-help .settings-form {
    min-width: 0;
    max-width: 100%;
  }
}