/* ===== Протокол24 mobile header + demo fix v4.0 ===== */

/* ---------- мобильная шапка ---------- */
@media (max-width: 760px) {
  .p24-header,
  .p24-header-inner {
    min-height: 0 !important;
  }

  .p24-header-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  .p24-brand {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

  .p24-brand > * {
    flex-shrink: 0;
  }

  .p24-brand-text,
  .p24-brand-title,
  .p24-brand-name,
  .p24-logo-text,
  .p24-logo-title,
  .p24-brand span:last-child {
    display: block !important;
    color: #10234f !important;
    font-size: 20px !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    min-width: 0 !important;
  }

  .p24-nav {
    display: none !important;
  }

  .p24-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    margin-left: auto !important;
    flex: 0 0 auto !important;
  }

  .p24-user-pill {
    width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 4px !important;
    border-radius: 15px !important;
    box-shadow: 0 8px 24px rgba(20,35,79,.08) !important;
  }

  .p24-user-meta,
  .p24-logout-link,
  .p24-actions .p24-login,
  .p24-actions .p24-btn {
    display: none !important;
  }

  .p24-user-avatar {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    border-radius: 13px !important;
  }
}

/* ---------- мобильная адаптация демо-блока ---------- */
@media (max-width: 760px) {
  .p24-demo-panel,
  .p24-meeting-card,
  .p24-report-panel,
  .p24-protocol-card,
  .p24-protocol-demo,
  .p24-demo-card,
  .p24-preview-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .p24-demo-panel,
  .p24-meeting-card,
  .p24-report-panel,
  .p24-protocol-card,
  .p24-protocol-demo,
  .p24-demo-card,
  .p24-preview-card {
    padding-left: 18px !important;
    padding-right: 18px !important;
    border-radius: 24px !important;
  }

  .p24-demo-header,
  .p24-meeting-head,
  .p24-protocol-head,
  .p24-report-header {
    min-width: 0 !important;
  }

  .p24-demo-title,
  .p24-meeting-title,
  .p24-protocol-title,
  .p24-report-title {
    font-size: 18px !important;
    line-height: 1.2 !important;
  }

  .p24-demo-meta,
  .p24-meeting-meta,
  .p24-protocol-meta,
  .p24-report-meta {
    display: block !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  .p24-demo-tabs,
  .p24-report-tabs,
  .p24-protocol-tabs,
  .p24-tabs,
  .p24-tab-nav {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 18px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    padding-bottom: 4px !important;
  }

  .p24-demo-tabs::-webkit-scrollbar,
  .p24-report-tabs::-webkit-scrollbar,
  .p24-protocol-tabs::-webkit-scrollbar,
  .p24-tabs::-webkit-scrollbar,
  .p24-tab-nav::-webkit-scrollbar {
    display: none !important;
  }

  .p24-demo-tabs > *,
  .p24-report-tabs > *,
  .p24-protocol-tabs > *,
  .p24-tabs > *,
  .p24-tab-nav > * {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }

  .p24-demo-content,
  .p24-report-content,
  .p24-protocol-content,
  .p24-tab-content,
  .p24-demo-body {
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .p24-demo-grid,
  .p24-report-grid,
  .p24-protocol-grid,
  .p24-demo-columns,
  .p24-two-col,
  .p24-summary-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    min-width: 0 !important;
  }

  .p24-demo-card-small,
  .p24-demo-box,
  .p24-report-box,
  .p24-protocol-box,
  .p24-card,
  .p24-summary-box {
    min-width: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 16px !important;
    border-radius: 18px !important;
  }

  .p24-demo-card-small ul,
  .p24-demo-box ul,
  .p24-report-box ul,
  .p24-protocol-box ul,
  .p24-card ul,
  .p24-summary-box ul {
    margin: 10px 0 0 18px !important;
    padding: 0 !important;
  }

  .p24-demo-card-small li,
  .p24-demo-box li,
  .p24-report-box li,
  .p24-protocol-box li,
  .p24-card li,
  .p24-summary-box li {
    margin-bottom: 10px !important;
    overflow-wrap: anywhere !important;
  }

  .p24-demo-content p,
  .p24-report-content p,
  .p24-protocol-content p,
  .p24-card p,
  .p24-summary-box p {
    overflow-wrap: anywhere !important;
  }
}