/* VoxCard Mobile Polish V1 — 2026-09-10
   Mobile-only layout stabilization for landing, auth, dashboard, account and public profile screens.
   No business logic is changed. */

@media (max-width: 1024px) {
  html, body { max-width: 100%; overflow-x: clip; }
  img, video { max-width: 100%; height: auto; }

  /* Dashboard shell: consistent drawer and viewport behavior */
  body.vox-panel-premium .sidebar {
    width: min(86vw, 320px) !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    overscroll-behavior: contain;
  }
  body.vox-panel-premium .main-wrapper {
    width: 100% !important;
    margin-left: 0 !important;
    min-width: 0 !important;
  }
  body.vox-panel-premium .sidebar-overlay.active {
    position: fixed !important;
    inset: 0 !important;
  }
}

@media (max-width: 768px) {
  :root { --vox-mobile-gutter: 14px; }
  html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
  body { min-width: 0; }

  input, select, textarea { font-size: 16px; }
  button, a, input, select, textarea { -webkit-tap-highlight-color: transparent; }
  input, select, textarea { width: 100%; min-width: 0; }

  /* ---------- Landing page ---------- */
  .site-header {
    height: 68px !important;
    padding: 0 var(--vox-mobile-gutter) !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    gap: 10px;
  }
  .site-header.is-compact { height: 62px !important; }
  .brand > img { width: auto !important; height: 31px !important; max-width: 142px !important; }
  .header-actions { gap: 8px !important; }
  .menu-button { width: 44px !important; height: 44px !important; border-radius: 14px !important; }
  .main-nav {
    top: 68px !important;
    left: 8px !important;
    right: 8px !important;
    width: auto !important;
    max-height: calc(100dvh - 78px) !important;
    border-radius: 20px !important;
    padding: 8px 14px calc(14px + env(safe-area-inset-bottom)) !important;
  }
  .site-header.is-compact .main-nav { top: 62px !important; }
  .main-nav a { min-height: 50px; display: flex; align-items: center; }
  .mobile-nav-actions { gap: 8px !important; }
  .mobile-nav-actions .button, .mobile-nav-actions .mobile-login { min-height: 48px; border-radius: 14px !important; }

  .hero {
    padding: 102px var(--vox-mobile-gutter) 44px !important;
    min-height: auto !important;
  }
  .hero-copy { max-width: 520px !important; }
  .eyebrow { margin-bottom: 16px !important; font-size: 10px !important; line-height: 1.4; letter-spacing: .08em; }
  .hero h1 {
    font-size: clamp(42px, 12vw, 54px) !important;
    line-height: .96 !important;
    letter-spacing: -.06em !important;
    text-wrap: balance;
  }
  .hero-copy > p { margin-top: 18px !important; font-size: 15.5px !important; line-height: 1.58 !important; }
  .hero-actions { margin-top: 24px !important; gap: 10px !important; }
  .button-hero { min-height: 52px !important; font-size: 15px !important; border-radius: 14px !important; padding: 0 18px !important; }
  .trust-row { margin-top: 18px !important; gap: 8px 12px !important; font-size: 10.5px !important; justify-content: center; }
  .trust-row span { white-space: normal !important; }

  .hero-visual {
    height: 468px !important;
    margin: 30px auto 0 !important;
    max-width: 390px !important;
    overflow: visible;
  }
  .profile-card {
    width: min(310px, 84vw) !important;
    min-height: 450px !important;
    left: 50% !important;
    top: 0 !important;
    padding: 27px 18px 18px !important;
    border-radius: 25px !important;
    transform: translateX(-50%) !important;
  }
  .profile-photo { width: 78px !important; height: 78px !important; margin-top: 9px !important; }
  .profile-card h2 { font-size: 24px !important; }
  .profile-title { font-size: 12.5px !important; }
  .profile-company { font-size: 13px !important; }
  .profile-divider { margin: 11px auto 13px !important; }
  .profile-links { gap: 7px !important; }
  .profile-links a { min-height: 45px !important; font-size: 12px !important; border-radius: 12px !important; }
  .live-badge { top: 14px !important; right: 14px !important; font-size: 8px !important; }
  .nfc-card {
    width: 214px !important;
    height: 315px !important;
    right: -115px !important;
    top: 75px !important;
    opacity: .13 !important;
    border-radius: 24px !important;
  }

  .section, .steps-section { padding-block: 64px !important; }
  .section { padding-inline: var(--vox-mobile-gutter) !important; }
  .section-heading { margin-bottom: 30px !important; }
  .section-heading h2, .demo-copy h2, .faq-heading h2, .final-cta h2 {
    font-size: clamp(32px, 10vw, 42px) !important;
    line-height: 1 !important;
    letter-spacing: -.055em !important;
    text-wrap: balance;
  }
  .section-heading > p { font-size: 14px !important; line-height: 1.65 !important; }
  .value-strip { grid-template-columns: 1fr 1fr !important; padding: 0 8px !important; }
  .value-strip > div { min-height: 102px !important; padding: 18px 8px !important; }
  .value-strip strong { font-size: 18px !important; }
  .value-strip span { font-size: 9.5px !important; }
  .feature-grid, .product-grid, .plans-grid, .proof-grid, .steps-grid { gap: 12px !important; }
  .feature-card, .product-card, .plan-card, .proof-grid article {
    min-height: 0 !important;
    padding: 22px !important;
    border-radius: 22px !important;
  }
  .feature-card h3, .product-card h3 { font-size: 20px !important; }
  .plan-card { transform: none !important; }
  .final-cta { gap: 20px !important; padding: 28px 22px !important; border-radius: 24px !important; }
  .site-footer { padding-inline: var(--vox-mobile-gutter) !important; }

  /* ---------- Auth ---------- */
  .vox-auth-main {
    min-height: 100dvh !important;
    padding: calc(14px + env(safe-area-inset-top)) var(--vox-mobile-gutter) calc(26px + env(safe-area-inset-bottom)) !important;
  }
  .vox-auth-mobile-head { min-height: 56px; margin-bottom: 14px !important; }
  .vox-auth-mobile-head .vox-auth-brand > img { width: 126px !important; max-width: 42vw !important; }
  .vox-auth-panel { width: min(100%, 460px) !important; }
  .vox-auth-heading { margin-bottom: 20px !important; }
  .vox-auth-heading h2 { font-size: clamp(34px, 10vw, 44px) !important; line-height: .98 !important; }
  .vox-auth-heading p { margin-top: 10px !important; font-size: 13px !important; line-height: 1.55 !important; }
  .vox-auth-form { gap: 12px !important; }
  .vox-auth-field input { min-height: 50px !important; border-radius: 14px !important; padding-inline: 14px !important; }
  .vox-auth-submit, .vox-auth-provider, .vox-auth-magic { min-height: 50px !important; border-radius: 14px !important; }
  .vox-auth-providers { gap: 9px !important; }
  .vox-auth-error-page { min-height: 100dvh !important; padding: 14px !important; }
  .vox-auth-error-card { padding: 25px 18px !important; border-radius: 24px !important; }
  .vox-auth-error-card .vox-auth-brand > img { width: 145px !important; }

  /* ---------- Dashboard / panel ---------- */
  body.vox-panel-premium { display: block !important; background: #f6f5ef !important; }
  body.vox-panel-premium .topbar {
    min-height: 62px !important;
    height: 62px !important;
    padding: 8px 12px !important;
    gap: 8px !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 90 !important;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
  }
  body.vox-panel-premium .mobile-menu-btn {
    display: grid !important;
    place-items: center;
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px;
    margin-right: 8px !important;
    border: 1px solid rgba(23,26,22,.12) !important;
    border-radius: 13px !important;
    background: #fff !important;
    font-size: 17px !important;
  }
  body.vox-panel-premium .vox-topbar-context { min-width: 0 !important; gap: 0 !important; }
  body.vox-panel-premium .topbar-title {
    max-width: 50vw !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  body.vox-panel-premium .user-profile { gap: 0 !important; flex: 0 0 auto; }
  body.vox-panel-premium .vox-user-copy { display: none !important; }
  body.vox-panel-premium .vox-user-avatar { width: 40px !important; height: 40px !important; }
  body.vox-panel-premium .main-content {
    padding: 12px !important;
    min-width: 0 !important;
    overflow: clip !important;
  }
  body.vox-panel-premium .content-card,
  body.vox-panel-premium .vox-soft-card {
    width: 100% !important;
    padding: 17px !important;
    margin-bottom: 12px !important;
    border-radius: 20px !important;
    overflow: hidden !important;
  }
  body.vox-panel-premium .content-card h2,
  body.vox-panel-premium .content-card h3 { line-height: 1.15 !important; }
  body.vox-panel-premium .grid,
  body.vox-panel-premium [class*="md:grid-cols-"] { min-width: 0 !important; }
  body.vox-panel-premium .vox-verify-banner { border-radius: 18px !important; }

  body.vox-panel-premium #dashboard .vox-command-hero {
    padding: 22px 18px !important;
    gap: 16px !important;
    border-radius: 24px !important;
  }
  body.vox-panel-premium #dashboard .vox-command-hero h2 {
    font-size: clamp(33px, 10.5vw, 44px) !important;
    line-height: .92 !important;
    letter-spacing: -.06em !important;
  }
  body.vox-panel-premium .vox-command-actions { gap: 9px !important; }
  body.vox-panel-premium .vox-command-actions > * { min-height: 48px !important; }
  body.vox-panel-premium .vox-hero-stage {
    min-height: 174px !important;
    margin: 0 !important;
    overflow: hidden !important;
  }
  body.vox-panel-premium .vox-stage-orbit { width: 190px !important; height: 190px !important; }
  body.vox-panel-premium .vox-physical-card { width: min(78%, 248px) !important; transform: rotate(-5deg) !important; }
  body.vox-panel-premium .vox-live-profile { min-width: 158px !important; max-width: 176px !important; transform: scale(.9) !important; transform-origin: bottom right; }

  /* 2x2 KPI is denser and much more app-like than four full-width cards. */
  body.vox-panel-premium #dashboard .vox-kpi-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
  body.vox-panel-premium #dashboard .vox-kpi {
    min-height: 118px !important;
    padding: 14px !important;
    border-radius: 19px !important;
  }
  body.vox-panel-premium #dashboard .vox-kpi strong { font-size: clamp(24px, 8vw, 34px) !important; }
  body.vox-panel-premium .vox-dashboard-links {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
  }
  body.vox-panel-premium .vox-dashboard-link {
    min-height: 98px !important;
    padding: 14px !important;
    border-radius: 18px !important;
  }
  body.vox-panel-premium #dashboard .vox-lead-row { grid-template-columns: 1fr !important; gap: 7px !important; }
  body.vox-panel-premium #dashboard .vox-chart { height: 156px !important; }

  body.vox-panel-premium .template-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 10px !important;
  }
  body.vox-panel-premium .template-card {
    width: 100% !important;
    max-width: none !important;
    padding: 8px !important;
    border-radius: 17px !important;
  }
  body.vox-panel-premium .mockup-wrapper {
    width: min(100%, 142px) !important;
    height: 300px !important;
    border-width: 3px !important;
  }
  body.vox-panel-premium .mockup-iframe { transform: scale(.3641) !important; }
  body.vox-panel-premium .template-info h4 { font-size: 13px !important; margin-top: 8px !important; }
  body.vox-panel-premium .template-info p { font-size: 11px !important; min-height: 0 !important; }
  body.vox-panel-premium .select-theme-btn { min-height: 42px !important; font-size: 11px !important; }

  body.vox-panel-premium .table-responsive {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    border-radius: 16px !important;
  }
  body.vox-panel-premium .data-table { min-width: 620px !important; font-size: 12px !important; }
  body.vox-panel-premium .data-table th,
  body.vox-panel-premium .data-table td { padding: 11px !important; }
  body.vox-panel-premium .modal { padding: 12px !important; align-items: flex-end !important; }
  body.vox-panel-premium .modal-content {
    width: 100% !important;
    max-width: 100% !important;
    max-height: 88dvh !important;
    padding: 18px !important;
    border-radius: 24px 24px 12px 12px !important;
    overflow-y: auto !important;
  }
  body.vox-panel-premium .btn-save { min-height: 48px !important; width: 100% !important; }
  body.vox-panel-premium .ql-toolbar.ql-snow { overflow-x: auto !important; white-space: nowrap !important; }
  body.vox-panel-premium .ql-container.ql-snow { min-height: 130px !important; }

  body.vox-panel-premium .sidebar-header,
  body.vox-panel-premium .sidebar-logo-btn { min-height: 72px !important; padding: 14px 16px !important; }
  body.vox-panel-premium .vox-panel-brand-logo { width: 126px !important; }
  body.vox-panel-premium .menu-search-wrap { padding: 10px 10px 5px !important; }
  body.vox-panel-premium .menu-list { padding: 8px 9px calc(20px + env(safe-area-inset-bottom)) !important; }
  body.vox-panel-premium .menu-section summary { min-height: 46px !important; padding: 10px 11px !important; }
  body.vox-panel-premium .menu-item { min-height: 44px !important; padding: 10px 11px !important; }

  /* ---------- Generic visual-skin pages ---------- */
  html.vox-v7-ui body[data-vox-area] .main-content,
  html.vox-v7-ui body[data-vox-area] main { min-width: 0; }
  html.vox-v7-ui body[data-vox-area] .content-card,
  html.vox-v7-ui body[data-vox-area] .card,
  html.vox-v7-ui body[data-vox-area] article { max-width: 100%; }
  html.vox-v7-ui body[data-vox-area] table { max-width: 100%; }
  html.vox-v7-ui body[data-vox-area] input:not([type="checkbox"]):not([type="radio"]),
  html.vox-v7-ui body[data-vox-area] select,
  html.vox-v7-ui body[data-vox-area] textarea { font-size: 16px !important; }

  /* ---------- Account & Security ---------- */
  body[data-vox-page="hesap-guvenlik"] .page { padding: 12px !important; }
  body[data-vox-page="hesap-guvenlik"] .top { margin-bottom: 12px !important; gap: 8px !important; }
  body[data-vox-page="hesap-guvenlik"] .brand img { height: 28px !important; max-width: 132px; }
  body[data-vox-page="hesap-guvenlik"] .back { padding: 9px 11px !important; font-size: 11px !important; white-space: nowrap; }
  body[data-vox-page="hesap-guvenlik"] .hero { padding: 22px 18px !important; border-radius: 22px !important; }
  body[data-vox-page="hesap-guvenlik"] .hero h1 { font-size: clamp(32px, 10vw, 41px) !important; line-height: .98 !important; }
  body[data-vox-page="hesap-guvenlik"] .hero p { font-size: 13px !important; line-height: 1.6 !important; }
  body[data-vox-page="hesap-guvenlik"] .identity { margin-top: 16px !important; gap: 7px !important; }
  body[data-vox-page="hesap-guvenlik"] .chip { padding: 8px 10px !important; font-size: 10.5px !important; }
  body[data-vox-page="hesap-guvenlik"] .grid { gap: 10px !important; margin-top: 10px !important; }
  body[data-vox-page="hesap-guvenlik"] .card { padding: 17px !important; border-radius: 20px !important; }
  body[data-vox-page="hesap-guvenlik"] .cardhead { align-items: center !important; }
  body[data-vox-page="hesap-guvenlik"] .provider { min-width: 0; gap: 10px !important; }
  body[data-vox-page="hesap-guvenlik"] .ico { width: 42px !important; height: 42px !important; flex: 0 0 42px; border-radius: 13px !important; }
  body[data-vox-page="hesap-guvenlik"] .provider h2 { font-size: 17px !important; }
  body[data-vox-page="hesap-guvenlik"] .provider small { display: block; font-size: 10.5px !important; }
  body[data-vox-page="hesap-guvenlik"] .status { font-size: 9px !important; padding: 6px 8px !important; white-space: nowrap; }
  body[data-vox-page="hesap-guvenlik"] .detail { margin: 14px 0 12px !important; padding: 12px !important; }
  body[data-vox-page="hesap-guvenlik"] .safe { margin-top: 10px !important; padding: 17px !important; border-radius: 20px !important; }
  body[data-vox-page="hesap-guvenlik"] .safe-list { margin-top: 12px !important; gap: 7px !important; }
  body[data-vox-page="hesap-guvenlik"] .safe-item { padding: 11px !important; }
  body[data-vox-page="hesap-guvenlik"] .foot { margin: 12px 0 0 !important; padding-bottom: env(safe-area-inset-bottom); }
  body[data-vox-page="hesap-guvenlik"] .modal-backdrop { padding: 10px !important; align-items: flex-end !important; }
  body[data-vox-page="hesap-guvenlik"] .modal { padding: 20px 17px calc(17px + env(safe-area-inset-bottom)) !important; border-radius: 24px 24px 14px 14px !important; }

  /* ---------- Public Signature profile ---------- */
  body.vxs-body .vxs-page {
    width: 100% !important;
    max-width: 520px !important;
    padding: 0 10px calc(116px + env(safe-area-inset-bottom)) !important;
  }
  body.vxs-body .vxs-topbar { height: 60px !important; padding: 0 2px !important; }
  body.vxs-body .vxs-brand-logo { max-width: 122px !important; height: auto !important; }
  body.vxs-body .vxs-icon-button { width: 40px !important; height: 40px !important; }
  body.vxs-body .vxs-hero { min-height: 490px !important; border-radius: 25px !important; }
  body.vxs-body .vxs-layout-prime .vxs-identity,
  body.vxs-body .vxs-layout-noir .vxs-identity,
  body.vxs-body .vxs-layout-carbon .vxs-identity,
  body.vxs-body .vxs-layout-editorial .vxs-identity,
  body.vxs-body .vxs-layout-glass .vxs-identity,
  body.vxs-body .vxs-layout-studio .vxs-identity,
  body.vxs-body .vxs-layout-executive .vxs-identity { left: 18px !important; right: 18px !important; bottom: 34px !important; }
  body.vxs-body .vxs-layout-sage .vxs-identity { left: 18px !important; right: 150px !important; top: 58px !important; bottom: auto !important; }
  body.vxs-body .vxs-layout-prime .vxs-portrait-wrap { right: 15px !important; width: 62% !important; height: 300px !important; }
  body.vxs-body .vxs-layout-sage .vxs-portrait-wrap { right: -70px !important; width: 285px !important; height: 285px !important; }
  body.vxs-body .vxs-layout-carbon .vxs-portrait-wrap { left: 17px !important; right: 17px !important; height: 286px !important; }
  body.vxs-body .vxs-layout-editorial .vxs-portrait-wrap { right: -24px !important; height: 322px !important; }
  body.vxs-body .vxs-layout-glass .vxs-portrait-wrap { left: 22px !important; right: 22px !important; height: 310px !important; }
  body.vxs-body .vxs-layout-studio .vxs-portrait-wrap { right: 18px !important; height: 310px !important; }
  body.vxs-body .vxs-layout-executive .vxs-portrait-wrap { right: 18px !important; height: 304px !important; }
  body.vxs-body .vxs-identity h1 {
    max-width: 100% !important;
    font-size: clamp(38px, 12vw, 52px) !important;
    line-height: .84 !important;
    overflow-wrap: anywhere;
  }
  body.vxs-body .vxs-role-row { gap: 6px !important; flex-wrap: wrap; }
  body.vxs-body .vxs-action-dock {
    margin: 9px 2px 0 !important;
    padding: 6px !important;
    border-radius: 20px !important;
    gap: 4px !important;
  }
  body.vxs-body .vxs-action-dock a,
  body.vxs-body .vxs-action-dock button { min-width: 0 !important; height: 62px !important; padding: 5px 2px !important; border-radius: 15px !important; }
  body.vxs-body .vxs-action-dock b { font-size: 8px !important; letter-spacing: .02em !important; }
  body.vxs-body .vxs-secondary-actions { gap: 8px !important; }
  body.vxs-body .vxs-panel { padding: 17px !important; border-radius: 19px !important; }
  body.vxs-body .vxs-section-heading { margin-bottom: 14px !important; }
  body.vxs-body .vxs-section-heading h2 { font-size: 16px !important; }
  body.vxs-body .vxs-social-grid { grid-template-columns: 1fr 1fr !important; gap: 8px !important; }
  body.vxs-body .vxs-social-grid a { min-width: 0; }
  body.vxs-body .vxs-contact-cta { gap: 9px !important; }
  body.vxs-body .vxs-map-actions { display: grid !important; grid-template-columns: 1fr !important; gap: 8px !important; }
  body.vxs-body .vxs-modal { width: calc(100% - 20px) !important; max-height: 88dvh !important; overflow-y: auto !important; }
}

@media (max-width: 430px) {
  :root { --vox-mobile-gutter: 12px; }
  .hero h1 { font-size: clamp(39px, 12.6vw, 49px) !important; }
  .hero-visual { height: 438px !important; }
  .profile-card { width: min(294px, 86vw) !important; }
  .value-strip > div { min-height: 94px !important; }

  body.vox-panel-premium #dashboard .vox-command-hero { padding: 19px 15px !important; }
  body.vox-panel-premium #dashboard .vox-command-hero h2 { font-size: clamp(31px, 10vw, 39px) !important; }
  body.vox-panel-premium .vox-dashboard-link { min-height: 90px !important; }
  body.vox-panel-premium .mockup-wrapper { width: min(100%, 130px) !important; height: 275px !important; }
  body.vox-panel-premium .mockup-iframe { transform: scale(.33333) !important; }

  body.vxs-body .vxs-hero { min-height: 468px !important; }
  body.vxs-body .vxs-layout-noir .vxs-hero,
  body.vxs-body .vxs-layout-carbon .vxs-hero,
  body.vxs-body .vxs-layout-glass .vxs-hero,
  body.vxs-body .vxs-layout-studio .vxs-hero,
  body.vxs-body .vxs-layout-executive .vxs-hero { min-height: 505px !important; }
  body.vxs-body .vxs-panel { padding: 15px !important; }
}

@media (max-width: 360px) {
  body.vox-panel-premium #dashboard .vox-kpi-grid { grid-template-columns: 1fr !important; }
  body.vox-panel-premium .vox-dashboard-links { grid-template-columns: 1fr !important; }
  body.vox-panel-premium .template-grid { grid-template-columns: 1fr !important; }
  body.vox-panel-premium .template-card { max-width: 232px !important; margin-inline: auto !important; }
  body.vox-panel-premium .mockup-wrapper { width: 154px !important; height: 325px !important; }
  body.vox-panel-premium .mockup-iframe { transform: scale(.39487) !important; }
  body.vxs-body .vxs-social-grid { grid-template-columns: 1fr !important; }
}

@media (hover: none) and (pointer: coarse) {
  a:hover, button:hover { transform: none !important; }
}

@media (max-width: 768px) {
  /* ---------- Legacy edit page ---------- */
  body[data-vox-mobile-page="duzenle"] { padding: 12px !important; background: #f5f2e9 !important; }
  body[data-vox-mobile-page="duzenle"] .box {
    width: 100% !important;
    max-width: 520px !important;
    padding: 18px !important;
    border-radius: 20px !important;
    box-shadow: 0 16px 42px rgba(23,26,22,.08) !important;
  }
  body[data-vox-mobile-page="duzenle"] .box h2 { margin: 0 0 18px; font-size: 24px !important; }
  body[data-vox-mobile-page="duzenle"] input,
  body[data-vox-mobile-page="duzenle"] select { min-height: 50px; margin-bottom: 10px !important; border-radius: 13px !important; }
  body[data-vox-mobile-page="duzenle"] input[type="file"] { padding: 10px !important; }
  body[data-vox-mobile-page="duzenle"] .btn { min-height: 50px; border-radius: 14px !important; }

  /* ---------- Legacy admin ---------- */
  body[data-vox-mobile-page="admin"] { display: block !important; overflow-x: hidden !important; }
  body[data-vox-mobile-page="admin"] .sidebar {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 6px;
    padding: 8px 10px !important;
    overflow-x: auto !important;
    border-right: 0 !important;
    border-bottom: 1px solid #1e293b;
  }
  body[data-vox-mobile-page="admin"] .sidebar .logo { flex: 0 0 auto; padding: 8px 10px !important; }
  body[data-vox-mobile-page="admin"] .sidebar .logo img { width: 110px !important; }
  body[data-vox-mobile-page="admin"] .sidebar .logo span { display: none !important; }
  body[data-vox-mobile-page="admin"] .sidebar .menu-item { flex: 0 0 auto; padding: 10px 12px !important; border-left: 0 !important; border-radius: 10px; }
  body[data-vox-mobile-page="admin"] .sidebar form { margin: 0 0 0 auto !important; flex: 0 0 auto; }
  body[data-vox-mobile-page="admin"] .main-content {
    margin-left: 0 !important;
    width: 100% !important;
    padding: 14px !important;
  }
  body[data-vox-mobile-page="admin"] .header { margin-bottom: 16px !important; gap: 10px; align-items: flex-start !important; }
  body[data-vox-mobile-page="admin"] .header h1 { font-size: 22px !important; }
  body[data-vox-mobile-page="admin"] .header > div { padding: 8px 10px !important; font-size: 11px; white-space: nowrap; }
  body[data-vox-mobile-page="admin"] .stats-grid { grid-template-columns: 1fr 1fr !important; gap: 9px !important; margin-bottom: 16px !important; }
  body[data-vox-mobile-page="admin"] .stat-card { padding: 13px !important; gap: 10px !important; border-radius: 14px !important; }
  body[data-vox-mobile-page="admin"] .stat-icon { width: 42px !important; height: 42px !important; flex: 0 0 42px; border-radius: 12px !important; }
  body[data-vox-mobile-page="admin"] .stat-info h3 { font-size: 24px !important; }
  body[data-vox-mobile-page="admin"] .stat-info p { font-size: 9px !important; }
  body[data-vox-mobile-page="admin"] .gift-box,
  body[data-vox-mobile-page="admin"] .table-container { padding: 15px !important; border-radius: 18px !important; margin-bottom: 14px !important; }
  body[data-vox-mobile-page="admin"] .gift-grid { grid-template-columns: 1fr !important; gap: 9px !important; }
  body[data-vox-mobile-page="admin"] .table-container { overflow-x: auto !important; -webkit-overflow-scrolling: touch; }
  body[data-vox-mobile-page="admin"] table { min-width: 760px !important; font-size: 11px; }
  body[data-vox-mobile-page="admin"] th,
  body[data-vox-mobile-page="admin"] td { padding: 10px !important; }
}

@media (max-width: 390px) {
  body[data-vox-mobile-page="admin"] .stats-grid { grid-template-columns: 1fr !important; }
}

@media (max-width:1024px){body.vox-panel-premium.vox-sidebar-open{overflow:hidden!important;touch-action:none}}