/* Tablet presentation only. Keep every rule inside this range: phones and
   desktops retain their existing cascade, including their theme preferences. */
@media (min-width: 768px) and (max-width: 1199px) {
  :root {
    --pm-brand-gradient: linear-gradient(120deg, #0866ff, #3789ff);
    --pm-outline-focus: #246bdf;
  }
  html[data-theme="light"], html[data-theme="system"] {
    --pm-text-primary: #12213b;
    --pm-text-secondary: #465b78;
    --pm-text-muted: #586d89;
    --pm-text-soft: #627590;
    --pm-bg-page: #f3f7fd;
    --pm-bg-card: #ffffff;
    --pm-bg-soft: #f4f8ff;
    --pm-bg-hover: #e8f1ff;
    --pm-bg-panel: #ffffff;
    --pm-bg-elevated: #ffffff;
    --pm-bg-shell: #ffffff;
    --pm-bg-topbar: #ffffff;
    --pm-bg-sticky-shell: #ffffff;
    --pm-bg-menu: #ffffff;
    --pm-bg-icon: #e8f1ff;
    --pm-bg-muted-panel: #f4f8ff;
    --pm-bg-muted-panel-strong: #edf3fc;
    --pm-bg-subtle-gradient: linear-gradient(135deg, #fff, #f4f8ff);
    --pm-bg-page-gradient: linear-gradient(135deg, #f7faff, #edf4fd);
    --pm-bg-selected: #e8f1ff;
    --pm-border: #dce6f4;
    --pm-border-card: #dce6f4;
    --pm-border-strong: #b5c8e3;
    --pm-shadow-card: 0 3px 12px #254d8210;
    --pm-shadow-soft: 0 12px 32px #254d8218;
  }
  body.dashboard-page { --pm-mobile-nav-block: 0px; font-family: "Manrope", sans-serif; }
  html[data-theme="dark"] {
    --pm-bg-page: #0d1525; --pm-bg-card: #172238; --pm-bg-soft: #121e32; --pm-bg-hover: #203654;
    --pm-bg-shell: #101c30; --pm-bg-topbar: #101c30; --pm-bg-sticky-shell: #101c30; --pm-bg-menu: #1b2b43;
    --pm-bg-page-gradient: linear-gradient(150deg, #111e34, #0d1525 55%);
    --pm-border: #30425e; --pm-border-card: #30425e; --pm-border-strong: #48658d;
  }
  body.dashboard-page .dashboard-shell { padding: 12px; }
  body.dashboard-page .dashboard-layout { grid-template-columns: 164px minmax(0, 1fr); gap: 16px; }
  body.dashboard-page .dashboard-sidebar {
    display: flex; position: sticky; top: 12px; padding: 10px 8px;
    min-height: calc(100dvh - 24px); max-height: calc(100dvh - 24px);
    overflow-y: auto; overscroll-behavior: contain; gap: 16px;
    border: 1px solid var(--pm-border); border-radius: 14px;
  }
  body.dashboard-page .sidebar-brand { padding: 2px 2px 12px; }
  body.dashboard-page .sidebar-logo-link { gap: 5px; }
  body.dashboard-page .pm-brand-mark { width: 30px; height: 30px; flex-basis: 30px; }
  body.dashboard-page .pm-brand-wordmark { font-size: 18px; letter-spacing: -.6px; }
  body.dashboard-page .pm-brand-wordmark span { color: #3789ff; }
  body.dashboard-page .sidebar-nav { gap: 5px; }
  body.dashboard-page .sidebar-nav-item { min-height: 44px; padding: 8px; gap: 7px; border-radius: 8px; }
  body.dashboard-page .sidebar-nav-icon { width: 22px; height: 26px; flex: 0 0 22px; font-size: 14px; }
  body.dashboard-page .sidebar-nav-label { font-size: 12px; line-height: 1.4; white-space: normal; }
  body.dashboard-page .sidebar-nav-item.is-active { color: var(--pm-text-primary); background: var(--pm-bg-hover); box-shadow: inset 3px 0 #267aff; }
  body.dashboard-page .sidebar-nav-item.is-active .sidebar-nav-icon { color: #267aff; }
  body.dashboard-page .sidebar-nav-subitem { padding: 8px; gap: 7px; min-height: 44px; font-size: 12px; }
  body.dashboard-page .sidebar-nav-submenu { margin-left: 4px; padding-left: 4px; }
  body.dashboard-page .sidebar-nav-subitem-icon { width: 22px; height: 26px; flex: 0 0 22px; }
  body.dashboard-page .sidebar-nav-subitem.is-active { background: var(--pm-bg-hover); border-color: #b5c8e3; }
  body.dashboard-page .sidebar-workspace { padding: 10px; gap: 6px; }
  body.dashboard-page .dashboard-legal-links { gap: 8px; }
  body.dashboard-page :is(.mobile-nav-trigger, .mobile-logo-link, .mobile-nav-panel, .pm-bottom-nav) { display: none; }
  body.dashboard-page .dashboard-topbar-shell {
    position: sticky; top: 0; z-index: 60; width: 100%; max-width: 100%;
    margin: 0; padding: 0 0 10px; background: var(--pm-bg-page); isolation: isolate;
  }
  body.dashboard-page .dashboard-topbar { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; padding: 10px 12px; border-radius: 12px; }
  body.dashboard-page .topbar-left { min-width: 0; }
  body.dashboard-page .topbar-operations { display: flex; min-width: 0; }
  body.dashboard-page .topbar-greeting > strong { display: block; font-size: 13px; }
  body.dashboard-page .topbar-summary-line { display: none; }
  body.dashboard-page .topbar-compact-status { display: block !important; grid-column: 1 / -1; height: auto; min-height: 0; padding-top: 8px; border-top: 1px solid var(--pm-border); }
  body.dashboard-page .topbar-compact-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  body.dashboard-page .topbar-compact-metrics > a { display: flex; justify-content: center; align-items: center; gap: 5px; min-height: 34px; padding: 4px; font-size: 12px; border-radius: 8px; }
  body.dashboard-page .profile-menu-trigger { min-height: 44px; padding: 4px 8px; }
  body.dashboard-page :is(.profile-menu-trigger, .topbar-create-action) { width: auto; height: auto; min-width: 44px; flex-shrink: 0; }
  body.dashboard-page .topbar-create-action { min-height: 44px; padding: 8px 12px; font-size: 12px; color: #fff; }
  body.dashboard-page .topbar-create-action span { display: inline; }
  body.dashboard-page .topbar-right { width: auto; gap: 8px; }
  body.dashboard-page .profile-menu-copy { overflow: hidden; }
  body.dashboard-page .profile-menu-copy { display: block; max-width: 120px; }
  body.dashboard-page .profile-menu-primary-nav { display: flex; }
  body.dashboard-page h1, body.dashboard-page :is(.accounts-header, .analytics-header, .profile-header, .activity-header) h1 { font-size: 28px; }
  body.dashboard-page :is(.profile-shell, .billing-shell, .activity-page) { padding: 16px 0; }
  body.dashboard-page :is(.pm-card, .panel, .profile-card, .activity-card, .billing-plan-card, .analytics-stat-card, .analytics-chart-card) { border-radius: 12px; }
  body.dashboard-page :is(.pm-button, .button, .icon-button) { border-radius: 8px; }
  body.dashboard-page :is(.dashboard-eyebrow, .accounts-section-kicker, .profile-kicker) { color: #267aff; }
  body.dashboard-page .dashboard-home-hero { min-height: 0; padding: 20px; grid-template-columns: minmax(0, 1fr); }
  body.dashboard-page .dashboard-home-hero { gap: 16px; background: var(--pm-bg-card); box-shadow: var(--pm-shadow-card); }
  body.dashboard-page .dashboard-home-hero h1 { font-size: 28px; margin: 12px 0; }
  body.dashboard-page .dashboard-home-hero-actions { display: flex; gap: 10px; }
  body.dashboard-page .dashboard-home-hero-actions { width: 100%; }
  body.dashboard-page .dashboard-home-hero-actions .pm-button { width: auto; min-height: 44px; }
  body.dashboard-page .dashboard-home-panels > * { min-height: 0; }
  body.dashboard-page .dashboard-home-attention { align-self: start; }
  body.dashboard-page .dashboard-home-channel-card .pm-status-pill { white-space: normal; }
  body.dashboard-page .dashboard-home-hero::before,
  body.dashboard-page .dashboard-home-hero::after { display: none; }
  body.dashboard-page .dashboard-home-hero-visual { display: none; }
  body.dashboard-page .dashboard-home-hero-actions { flex-direction: row; flex-wrap: wrap; }
  body.dashboard-page .dashboard-home-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  body.dashboard-page .dashboard-stat-card { padding: 16px; }
  body.dashboard-page .dashboard-home-panels { grid-template-columns: minmax(0, 1fr); grid-template-areas: "attention" "account" "quick" "analytics" "activity"; gap: 16px; }
  body.dashboard-page .provider-panel { padding: 18px; }
  body.dashboard-page.accounts-page .platform-selector { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.dashboard-page.accounts-page .platform-tab { min-height: 82px; }
  body.dashboard-page.accounts-page .platform-tab.is-active { border-color: #267aff; }
  body.dashboard-page .analytics-hero { min-height: 0; padding: 20px; gap: 16px; flex-wrap: wrap; background: var(--pm-bg-card); box-shadow: none; }
  body.dashboard-page .analytics-hero h1 { font-size: 28px; }
  body.dashboard-page .go-media-lab-layout { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  body.dashboard-page.go-media-lab-body { --go-lab-purple: #0866ff; --go-lab-purple-light: #3789ff; }
  body.dashboard-page.go-media-lab-body { height: auto; min-height: 100dvh; overflow: auto; }
  body.dashboard-page.go-media-lab-body :is(.dashboard-shell, .dashboard-layout, .dashboard-stage) { height: auto; overflow: visible; }
  body.dashboard-page.go-media-lab-body .dashboard-stage { grid-template-rows: auto auto; }
  body.dashboard-page .go-media-post-type-grid button[aria-pressed="true"],
  body.dashboard-page .go-media-flow-stepper button.is-active span { background: var(--pm-brand-gradient); border-color: #267aff; color: #fff; box-shadow: 0 0 0 3px #267aff18; }
  body.dashboard-page .go-media-flow-stepper button.is-complete span { color: #267aff; border-color: #267aff; }
  body.dashboard-page .go-media-editor-toolbar { flex-wrap: wrap; height: auto; gap: 4px; }
  body.dashboard-page .go-media-editor-toolbar button { flex: 0 0 44px; }
  body.dashboard-page .go-media-flow-actions { position: static; bottom: auto; left: auto; right: auto; width: 100%; margin-top: 12px; }
  body.dashboard-page .go-media-lab-page[data-go-media-flow-step] { display: block; height: auto; min-height: 0; overflow: visible; padding-bottom: 16px; }
  body.dashboard-page .go-media-lab-page[data-go-media-flow-step] :is(.go-media-lab-layout, .go-media-lab-main, .go-media-lab-rail, .go-media-mobile-review) { height: auto; overflow: visible; }
  body.dashboard-page .go-media-lab-page[data-go-media-flow-step] .go-media-composer-shell { display: block; height: auto; overflow: visible; }
  body.dashboard-page .go-media-lab-page[data-go-media-flow-step] .go-media-composer-grid { height: auto; overflow: visible; }
  body.dashboard-page .go-media-lab-page[data-go-media-flow-step="content"] :is(.go-media-composer-left, .go-media-composer-right, .go-media-media-card, .go-media-editor) { height: auto; overflow: visible; }
  body.dashboard-page .go-media-lab-page[data-go-media-flow-step="content"] .go-media-dropzone { height: auto; min-height: 240px; }
  body.dashboard-page .go-media-lab-page[data-go-media-flow-step="content"] .go-media-editor textarea { height: auto; min-height: 190px; }
  body.dashboard-page.scheduled-posts-shell { --schedule-blue: #267aff; }
  body.dashboard-page .scheduled-posts-page { display: block; min-height: 0; }
  body.dashboard-page .scheduled-posts-toolbar { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 44px; gap: 10px; }
  body.dashboard-page .scheduled-posts-table { display: table; }
  body.dashboard-page .scheduled-mobile-list { display: none; }
  body.dashboard-page .scheduled-posts-toolbar > label { display: grid; }
  body.dashboard-page .scheduled-search { grid-column: 1 / -1; }
  /* Date fields need flexible columns; reserve the narrow column for refresh. */
  body.dashboard-page .scheduled-posts-toolbar label:has([data-scheduled-start-date]) { grid-column: 1; grid-row: 3; }
  body.dashboard-page .scheduled-posts-toolbar label:has([data-scheduled-end-date]) { grid-column: 2; grid-row: 3; }
  body.dashboard-page .scheduled-refresh { grid-column: 3; grid-row: 3; }
  body.dashboard-page .scheduled-posts-count { grid-column: 1 / 3; justify-self: start; }
  body.dashboard-page .schedule-inspector { position: fixed; inset: 144px 0 0 auto; height: calc(100dvh - 144px); z-index: 55; width: min(420px, calc(100vw - 48px)); transform: translateX(100%); visibility: hidden; }
  body.dashboard-page .scheduled-posts-page.is-inspector-open .schedule-inspector { display: block; transform: translateX(0); visibility: visible; }
  body.dashboard-page .schedule-inspector-backdrop { position: fixed; inset: 0; z-index: 50; width: 100%; height: 100%; background: #0f172a7a; }
  body.dashboard-page .scheduled-posts-page.is-inspector-open .schedule-inspector-backdrop { display: block; }
  body.dashboard-page :is(.admin-table-wrap, .scheduled-table-shell, .analytics-table-scroll) { max-width: 100%; overflow-x: auto; }
  body.dashboard-page :is(.admin-users, .admin-users > *, .admin-record-layout, .admin-record-main, .admin-record-aside, .admin-record-main > *) { min-width: 0; max-width: 100%; }
  body.dashboard-page .admin-users { width: 100%; }
  body.dashboard-page .admin-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.dashboard-page .admin-record-layout { grid-template-columns: minmax(0, 1fr); }
  body.dashboard-page .admin-record-aside { position: static; }
  body.dashboard-page .admin-record-header { grid-template-columns: auto minmax(0, 1fr); }
  body.dashboard-page .admin-jump-link { grid-column: 1 / -1; }
  body.dashboard-page .admin-control-grid { grid-template-columns: minmax(0, 1fr); }
  body.dashboard-page :is(.account-add-dialog, .account-disconnect-dialog, .pm-modal-card, .schedule-action-dialog) { max-width: calc(100vw - 48px); max-height: calc(100dvh - 48px); overflow-y: auto; }

  /* Public pages use their existing links, forms, and content. */
  .public-page { --public-blue: #0866ff; --public-indigo: #1463d8; --public-purple: #3789ff; }
  .public-page .public-button { border-radius: 8px; }
  .public-page :is(.pricing-shell, .legal-shell) { width: calc(100% - 48px); margin-inline: auto; }
  .public-page .pricing-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
  .public-page .pricing-card { padding: 20px 16px; border-radius: 12px; }
  .public-page .pricing-hero { padding: 36px 0 24px; }
  .public-page .pricing-price { font-size: 36px; }
  .public-page .pricing-hero h1 { font-size: 34px; line-height: 1.15; }
  .public-page .pricing-card-heading { flex-direction: column; align-items: flex-start; gap: 12px; }
  .public-page .pricing-plan-type { white-space: nowrap; }
  .public-page .legal-shell { display: grid; grid-template-columns: 164px minmax(0, 1fr); gap: 20px; align-items: start; }
  .public-page .legal-header { grid-column: 1; grid-row: 1 / 4; position: sticky; top: 20px; display: flex; flex-direction: column; align-items: stretch; gap: 20px; padding: 16px; background: #fff; border: 1px solid #dce6f4; border-radius: 12px; }
  .public-page .legal-nav { display: flex; flex-direction: column; align-items: stretch; gap: 6px; }
  .public-page .legal-nav a { min-height: 44px; padding: 8px 0; font-size: 13px; }
  .public-page :is(.legal-hero, .legal-content, .legal-footer) { grid-column: 2; min-width: 0; }
  .public-page .legal-hero { padding: 8px 0 0; }
  .public-page .legal-hero h1 { font-size: 32px; }
  .public-page .legal-content { grid-template-columns: minmax(0, 1fr); padding: 0; gap: 14px; }
  .public-page .legal-card { padding: 20px; border-radius: 12px; }
  .landing-page .landing-hero-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; padding-top: 48px; }
  .landing-page .landing-hero h1 { font-size: clamp(36px, 4.5vw, 54px); }
  .landing-page .landing-hero-visual { width: 100%; min-width: 0; max-width: 100%; }
  .landing-page .landing-hero-description { font-size: 15px; }
  .landing-page .landing-scene-legend { flex-wrap: wrap; color: #a4b8d8; letter-spacing: .02em; gap: 6px; }
  .landing-page .landing-scene-legend span { white-space: nowrap; }
  .landing-page .landing-scene-legend i { width: 8px; flex: 0 0 8px; }
  .login-layout { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); height: auto; min-height: 100dvh; }
  html:has(.login-layout), body:has(.login-layout) { overflow: auto; }
  .login-layout :is(.marketing-panel, .auth-panel) { padding: 28px 20px; min-width: 0; }
  .login-layout :is(.marketing-inner, .auth-card) { width: 100%; max-width: 100%; }
}

@media (min-width: 768px) and (max-width: 1199px) and (prefers-color-scheme: light) {
  html:has(.landing-page) {
    --landing-bg: #f4f8ff; --landing-bg-deep: #edf4fd;
    --landing-surface: #ffffff; --landing-surface-strong: #ffffff; --landing-surface-soft: #edf4ff;
    --landing-line: #dce6f4; --landing-line-strong: #b5c8e3;
    --landing-ink: #12213b; --landing-muted: #526784;
    --landing-shadow: 0 12px 32px #254d8218;
  }
  .landing-page :is(.landing-header, .landing-primary-nav, .landing-final-cta, .landing-beta-card, .landing-faq-list details, .landing-safety-list, .landing-value-card, .landing-operation-card) { background: #fff; border-color: #dce6f4; }
  .landing-page :is(.landing-faq-list summary, .landing-beta-card > strong, .landing-safety-list strong) { color: #12213b; }
  .landing-page :is(.landing-beta-card ul, .landing-final-link, .landing-safety-list small, .landing-final-cta p) { color: #526784; }
  .landing-page :is(.landing-hero-lede, .landing-proof-list, .landing-brand-tagline, .landing-primary-nav a, .landing-final-link, .landing-faq-list p, .landing-beta-card p) { color: #526784; }
  .landing-page :is(.landing-kicker, .landing-section-kicker) { color: #1463d8; }
  .landing-page .landing-hero h1 span { color: #0866ff; background: none; }
  .landing-page .landing-button-primary { background: linear-gradient(120deg, #0866ff, #3789ff); }
  .landing-page .landing-button-secondary { color: #1463d8; background: #fff; border-color: #b5c8e3; }
  .landing-page .landing-primary-nav a:hover { color: #1463d8; }
  .landing-page :is(.landing-hero-visual, .landing-product-window, .landing-activity-panel) {
    --landing-ink: #f5f8ff; --landing-muted: #9eacc8; --landing-surface: #101c33;
    --landing-bg: #07101f; --landing-line: #a6c4ff29; color: #f5f8ff;
  }
}

@media (min-width: 1000px) and (max-width: 1199px) {
  body.dashboard-page .dashboard-layout { grid-template-columns: 176px minmax(0, 1fr); gap: 20px; }
  body.dashboard-page .dashboard-home-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  body.dashboard-page .dashboard-home-panels { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); grid-template-areas: "attention quick" "account activity" "analytics activity"; }
  body.dashboard-page .go-media-lab-layout { grid-template-columns: minmax(0, 1fr) 280px; }
  body.dashboard-page .go-media-lab-page[data-go-media-flow-step="content"] .go-media-composer-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px; align-items: start; }
  body.dashboard-page.accounts-page .platform-selector { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (min-width: 768px) and (max-width: 1199px) and (prefers-color-scheme: dark) {
  html[data-theme="system"] {
    --pm-text-primary: #f3f4fc; --pm-text-secondary: #c8cbdd; --pm-text-muted: #a4aac2; --pm-text-soft: #9098b4;
    --pm-bg-page: #0d1525; --pm-bg-card: #172238; --pm-bg-soft: #121e32; --pm-bg-hover: #203654;
    --pm-bg-panel: #172238; --pm-bg-elevated: #1c2b43; --pm-bg-shell: #101c30; --pm-bg-topbar: #101c30;
    --pm-bg-sticky-shell: #101c30; --pm-bg-menu: #1b2b43; --pm-bg-icon: #233956;
    --pm-bg-muted-panel: #131f34; --pm-bg-muted-panel-strong: #1a2b43;
    --pm-bg-subtle-gradient: linear-gradient(135deg, #1d2e48, #172238);
    --pm-bg-page-gradient: linear-gradient(150deg, #111e34, #0d1525 55%);
    --pm-bg-selected: #203654; --pm-border: #30425e; --pm-border-card: #30425e; --pm-border-strong: #48658d;
    --pm-shadow-card: 0 4px 18px #00000016; --pm-shadow-soft: 0 16px 40px #00000033;
  }
}