/*
 * CamboPost Telegram Mini App — compact desktop correction, V12
 * Owner feedback: V11 at 980px is too large and its bottom bar overlaps
 * the How it works panel. Scope ONLY to desktop (800px+); preserve real
 * Telegram/mobile layout and all V11 theme, navigation and publish logic.
 */
@media (min-width:800px) {
  body.cpV8.cpV10.cpNativeV5 .cpMiniShell.shell {
    width:min(calc(100% - 32px),560px)!important;
    max-width:560px!important;
    height:100dvh!important;
    margin-inline:auto!important;
    border-inline:1px solid color-mix(in srgb,var(--nv-stroke) 58%,transparent)!important;
    box-shadow:0 14px 45px rgba(3,8,28,.10)!important;
  }
  body.cpV8.cpV10.cpNativeV5 .topbar.cpMiniHeader {
    width:min(calc(100% - 32px),560px)!important;
    max-width:560px!important;
    height:57px!important;
    min-height:57px!important;
    padding:8px 15px!important;
    border-bottom:1px solid var(--nv-stroke)!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpHeaderMark {
    width:35px!important;height:35px!important;flex-basis:35px!important;
    border-radius:11px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpHeaderWordmark>strong {font-size:15px!important}
  body.cpV8.cpV10.cpNativeV5 .cpHeaderWordmark>small {font-size:7.5px!important;letter-spacing:.85px!important}
  body.cpV8.cpV10.cpNativeV5 .cpMiniThemeToggle {
    width:33px!important;height:33px!important;min-width:33px!important;
    border-radius:10px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpMiniSession {
    min-height:30px!important;height:30px!important;
    padding:6px 9px!important;font-size:10px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpMiniScroll.content {
    padding:calc(68px + env(safe-area-inset-top,0px)) 14px
      calc(89px + env(safe-area-inset-bottom,0px))!important;
  }

  /* Compact single-column publishing form, not a website dashboard. */
  body.cpV8.cpV10.cpNativeV5[data-stage="source"][data-v8-home-tab="create"] .cpLaunchScreen {
    display:flex!important;
    flex-direction:column!important;
    grid-template-columns:none!important;
    grid-template-rows:none!important;
    align-content:start!important;
    align-items:stretch!important;
    gap:9px!important;
    width:100%!important;max-width:100%!important;
  }
  body.cpV8.cpV10.cpNativeV5[data-v8-home-tab="create"] .cpLaunchScreen>.cpV10Intro {
    order:0!important;
    display:flex!important;grid-column:auto!important;grid-row:auto!important;
    min-height:0!important;height:auto!important;
    border:0!important;border-radius:0!important;
    box-shadow:none!important;background:transparent!important;
    padding:6px 3px 5px!important;
    margin:0!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpV10Eyebrow {
    font-size:8.5px!important;
    letter-spacing:.9px!important;margin-bottom:4px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpV10Intro h1 {
    font-size:25px!important;line-height:1.18!important;
    letter-spacing:-.7px!important;margin:0 0 3px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpV10Intro p {
    font-size:11px!important;line-height:1.45!important;
    max-width:420px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpV10IntroIcon {
    width:41px!important;height:41px!important;flex-basis:41px!important;
    border-radius:12px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpV10IntroIcon img {width:30px!important;height:30px!important}
  body.cpV8.cpV10.cpNativeV5 .cpV10Progress {
    min-height:18px!important;
    max-width:350px!important;gap:7px!important;
    margin:8px 0 0!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpV10Progress span {font-size:9px!important;gap:3px!important}
  body.cpV8.cpV10.cpNativeV5 .cpV10Progress b {font-size:8px!important}
  body.cpV8.cpV10.cpNativeV5 .cpV10Progress i {max-width:47px!important}

  body.cpV8.cpV10.cpNativeV5[data-v8-home-tab="create"] .cpLaunchScreen>.cpCreatorSourceCard {
    order:1!important;
    display:flex!important;grid-column:auto!important;grid-row:auto!important;
    min-height:0!important;height:auto!important;
    width:100%!important;align-self:stretch!important;
    border-radius:16px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen .cpV8SourceTitle.cpCardTitle {
    min-height:0!important;gap:9px!important;
    padding:12px 13px 4px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpV8SourceGlyph {
    width:34px!important;height:34px!important;min-width:34px!important;
    flex-basis:34px!important;border-radius:10px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpV8SourceGlyph .miniIcon {width:17px!important;height:17px!important}
  body.cpV8.cpV10.cpNativeV5 .cpV8Overline {font-size:8.3px!important}
  body.cpV8.cpV10.cpNativeV5 .cpV8SourceTitle h2 {
    font-size:15.5px!important;line-height:1.22!important;margin:2px 0!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpV8SourceTitle p {font-size:10px!important;line-height:1.4!important}
  body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen .cpCreatorSourceCard .cpCardBody {
    gap:8px!important;
    padding:7px 13px 13px!important;
    justify-content:flex-start!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpCreatorSourceCard .cpCreatorUrlField {
    height:46px!important;min-height:46px!important;border-radius:11px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpCreatorUrlField .cpUrlIcon {
    height:32px!important;width:32px!important;flex-basis:32px!important;
    border-radius:9px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpCreatorUrlField>.field {
    height:44px!important;min-height:44px!important;font-size:12px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpCreatorUrlField>.field::placeholder {font-size:11px!important}
  body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen .cpGetMediaButton {
    height:46px!important;min-height:46px!important;
    border-radius:11px!important;font-size:13px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpGetMediaIdleIcon,
  body.cpV8.cpV10.cpNativeV5 .cpGetMediaIdleArrow {
    width:30px!important;height:30px!important;border-radius:9px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpCreatorSourceCard .cpSupported {
    gap:4px!important;padding-top:1px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpCreatorSourceCard .cpSupported>span {font-size:9px!important}
  body.cpV8.cpV10.cpNativeV5 .cpCreatorSourceCard .cpSupported>b {
    padding:4px 6px!important;font-size:9px!important;border-radius:6px!important;
  }

  body.cpV8.cpV10.cpNativeV5[data-v8-home-tab="create"] .cpLaunchScreen>.cpNativeChoose {
    order:2!important;grid-column:auto!important;grid-row:auto!important;
    min-height:0!important;height:auto!important;
    align-self:stretch!important;
    border-radius:14px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpNativeSectionTitle {
    padding:8px 11px 0!important;min-height:0!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpNativeSectionTitle h2 {font-size:11px!important}
  body.cpV8.cpV10.cpNativeV5 .cpNativeSectionTitle small {font-size:7.5px!important}
  body.cpV8.cpV10.cpNativeV5 .cpNativePostChoice {
    min-height:0!important;gap:8px!important;
    padding:7px 11px 9px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpNativeChoiceMark {
    width:33px!important;height:33px!important;flex-basis:33px!important;
    border-radius:9px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpNativeChoiceMark img {
    width:32px!important;height:32px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpNativeChoiceText b {font-size:11.5px!important}
  body.cpV8.cpV10.cpNativeV5 .cpNativeChoiceText>span {font-size:9.5px!important}
  body.cpV8.cpV10.cpNativeV5 .cpNativeAccountMetrics {
    height:44px!important;min-height:44px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpNativeAccountMetrics>div {
    height:44px!important;min-height:44px!important;
    gap:6px!important;padding:7px 8px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpNativeAccountMetrics strong {font-size:15px!important}
  body.cpV8.cpV10.cpNativeV5 .cpNativeAccountMetrics small {font-size:9px!important}

  body.cpV8.cpV10.cpNativeV5[data-v8-home-tab="create"] .cpLaunchScreen>.cpMemberMiniStrip {
    order:3!important;grid-column:auto!important;grid-row:auto!important;
    min-height:45px!important;max-height:none!important;
    padding:7px 11px!important;align-self:stretch!important;
    border-radius:12px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpMiniMembershipIcon {
    width:29px!important;height:29px!important;flex-basis:29px!important;
    border-radius:9px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpMiniMembershipIcon img {width:27px!important;height:27px!important}
  body.cpV8.cpV10.cpNativeV5 .cpMiniMembershipCopy b {font-size:10.5px!important}
  body.cpV8.cpV10.cpNativeV5 .cpMiniMembershipCopy>span {font-size:9.5px!important}
  body.cpV8.cpV10.cpNativeV5 .cpMiniMembershipArrow {width:25px!important;height:25px!important;flex-basis:25px!important}

  /* Remove redundant walkthrough from Create: no overlap with floating nav. */
  body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen>.cpV10Guide,
  body.cpV8.cpV10.cpNativeV5[data-v8-home-tab="create"] .cpLaunchScreen>.cpV10Guide {
    display:none!important;visibility:hidden!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpMiniBottomNav {
    top:auto!important;
    bottom:calc(11px + env(safe-area-inset-bottom,0px))!important;
    width:min(calc(100% - 50px),500px)!important;
    max-width:500px!important;
    height:56px!important;min-height:56px!important;
    padding:5px!important;gap:5px!important;border-radius:17px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpMiniNavBtn {
    height:44px!important;min-height:44px!important;
    border-radius:12px!important;gap:4px!important;
    font-size:10.5px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpMiniNavBtn>.miniIcon {
    width:19px!important;height:19px!important;flex-basis:19px!important;
  }

  /* Plan, Community and Editor should use the same compact visual width. */
  body.cpV8.cpV10.cpNativeV5[data-v8-home-tab="plan"] .cpLaunchScreen,
  body.cpV8.cpV10.cpNativeV5[data-v8-home-tab="community"] .cpLaunchScreen {
    max-width:100%!important;width:100%!important;
  }
  body.cpV8.cpV10.cpNativeV5[data-v8-home-tab="plan"] .cpMembershipCard,
  body.cpV8.cpV10.cpNativeV5[data-v8-home-tab="community"] .cpCommunitySection {
    max-width:100%!important;width:100%!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpEditorWorkspace,
  body.cpV8.cpV10.cpNativeV5 .cpResultsPanel {
    max-width:100%!important;width:100%!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpPublishDock {
    max-width:min(520px,calc(100vw - 38px))!important;
  }
}