/* Desktop responsiveness only: 1024px laptop through large 2K desktop. */
@media (min-width:1024px) {
  html[data-ect-typography="true"],
  html[data-ect-typography="true"] body {
    min-width:0!important;
    max-width:100%!important;
  }

  html[data-ect-typography="true"] body {
    overflow-x:clip!important;
  }

  [data-sidebar-study] :is(
    .stage>.shell>.content,
    .app-shell>.workbench-page,
    .stage>.shell>.main,
    .stage>.shell>.app,
    .app-shell>.page,
    body>.p4-page,
    .stage>.shell>.air-main,
    main.app>.workspace,
    body>.workspace>.content
  ) {
    width:calc(100% - var(--study-sidebar-width))!important;
    max-width:calc(100% - var(--study-sidebar-width))!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  [data-sidebar-study] :is(.content,.main,.app,.page,.workspace,.workbench-page,.p4-page,.air-main),
  [data-sidebar-study] :is(.board,.analysis-shell,.market-layout,.events-layout,.air-grid,.hero-row,.overview-row,.pr-content-grid) {
    min-width:0!important;
    max-width:100%!important;
  }

  [data-sidebar-study] :is(.table-wrap,.overview-scroll,.event-feed,.drop-table,.rates-table-wrap) {
    max-width:100%!important;
  }

  html[data-ect-typography="true"] .chat {
    right:112px!important;
  }
}

@media (min-width:1024px) and (max-width:1279px) {
  [data-sidebar-study] .ect-universal-topbar {
    gap:0 14px!important;
    padding:0 16px!important;
  }

  [data-sidebar-study] .ect-app-search {
    max-width:250px!important;
  }

  html[data-ect-typography="true"] body .ect-kosh-trigger {
    right:18px!important;
  }

  /* Overview: preserve the main chart and move secondary information below it. */
  [data-design] .content {
    height:auto!important;
    min-height:calc(100vh - 64px)!important;
    display:flex!important;
    flex-direction:column!important;
    padding:20px!important;
    gap:20px!important;
  }

  [data-design] .hero { min-height:70px!important; }
  [data-design] .watch { height:184px!important;flex:0 0 184px!important; }
  [data-design] .watch-list { grid-auto-columns:230px!important; }
  [data-design] .board { grid-template-columns:minmax(0,1fr)!important;gap:20px!important; }
  [data-design] .surface { height:590px!important; }
  [data-design] .study-context {
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-rows:300px!important;
    gap:20px!important;
  }
  [data-design] .news-section { min-height:390px!important; }
  [data-design] .news-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  [data-design] .news-item { min-height:160px!important;padding:18px!important; }
  [data-design] .study-readout { overflow:auto!important; }

  /* Charts: laptop keeps the chart primary, with watchlist and signals below. */
  [data-system-route="charts"] body { height:auto!important;overflow-y:auto!important; }
  [data-system-route="charts"] .app-shell { height:auto!important;min-height:100vh!important; }
  [data-system-route="charts"] .workbench-page {
    min-height:calc(100vh - 64px)!important;
    height:auto!important;
    grid-template-rows:auto auto auto!important;
    padding:18px!important;
    overflow:visible!important;
  }
  [data-system-route="charts"] .page-head {
    grid-template-columns:minmax(0,1fr)!important;
    gap:16px!important;
  }
  [data-system-route="charts"] .market-summary { width:100%!important;height:86px!important; }
  [data-system-route="charts"] .command-bar {
    height:auto!important;
    min-height:64px!important;
    flex-wrap:wrap!important;
    align-content:center!important;
    padding:10px!important;
  }
  [data-system-route="charts"] .command-button.primary { margin-left:0!important; }
  [data-system-route="charts"] .analysis-shell {
    grid-template-columns:210px minmax(0,1fr)!important;
    grid-template-rows:650px auto!important;
    grid-template-areas:"watch chart" "signal signal"!important;
    min-height:0!important;
  }
  [data-system-route="charts"] .watch-panel { grid-area:watch!important; }
  [data-system-route="charts"] .chart-column { grid-area:chart!important;min-width:0!important; }
  [data-system-route="charts"] .signal-panel { grid-area:signal!important;min-height:480px!important; }

  /* Portfolio: stack its primary rows so each surface keeps a useful size. */
  [data-portfolio-review] body { overflow-y:auto!important; }
  [data-portfolio-review] .app {
    height:auto!important;
    min-height:calc(100vh - 64px)!important;
    padding:20px!important;
    overflow:visible!important;
  }
  [data-portfolio-review] .main {
    height:auto!important;
    grid-template-rows:auto 430px auto!important;
  }
  [data-portfolio-review] .hero-row {
    grid-template-columns:280px minmax(0,1fr)!important;
    min-height:188px!important;
  }
  [data-portfolio-review] .overview-row {
    grid-template-columns:minmax(0,1fr)!important;
    gap:16px!important;
  }
  [data-portfolio-review] .watch { min-height:360px!important; }

  /* Holdings and activity: full-width ledgers, inspectors underneath. */
  [data-portfolio-ops-review] :is(.page,.content) { padding:20px!important; }
  [data-system-route="holdings"] body,
  [data-system-route="activity"] body { height:auto!important;overflow-y:auto!important; }
  [data-system-route="holdings"] .page,
  [data-system-route="activity"] .page { height:auto!important;overflow:visible!important; }
  [data-system-route="holdings"] .workspace,
  [data-system-route="activity"] .desk {
    grid-template-columns:minmax(0,1fr)!important;
    height:auto!important;
  }
  [data-system-route="holdings"] :is(.ledger,.holding-inspector),
  [data-system-route="activity"] :is(.ledger-panel,.control-rail) { min-height:520px!important; }
  [data-system-route="holdings"] .table-wrap,
  [data-system-route="activity"] .table-wrap { overflow:auto!important; }

  /* Events: one readable column at laptop width, without edge clipping. */
  [data-events-review] body { overflow-y:auto!important; }
  [data-events-review] .p4-page {
    width:calc(100% - var(--study-sidebar-width))!important;
    height:auto!important;
    min-height:calc(100vh - 64px)!important;
    grid-template-rows:auto auto auto!important;
    padding:20px!important;
    overflow:visible!important;
  }
  [data-events-review] .p4-page-header {
    grid-template-columns:minmax(0,1fr)!important;
    gap:14px!important;
  }
  [data-events-review] .p4-page-header>div:last-child { text-align:left!important; }
  [data-events-review] .p4-page-header>div:last-child>p { margin-left:0!important; }
  [data-events-review] .events-layout {
    height:auto!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto 660px auto!important;
    grid-template-areas:"calendar" "feed" "detail"!important;
  }
  [data-events-review] .calendar-panel { min-height:430px!important; }
  [data-events-review] .detail-panel { min-height:560px!important; }
  [data-events-review] .event-feed { overflow:auto!important; }
  [data-events-review] .event-feed-head,
  [data-events-review] .catalyst-row { min-width:760px!important; }
  [data-events-review] .event-detail-body { grid-template-columns:1fr 1fr!important; }

  /* Airdrops: keep discovery and selected detail sequential and legible. */
  [data-airdrops-review] body { overflow-y:auto!important; }
  [data-airdrops-review] .air-main {
    height:auto!important;
    min-height:calc(100vh - 64px)!important;
    padding:20px!important;
    overflow:visible!important;
  }
  [data-airdrops-review] .air-grid {
    height:auto!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto auto!important;
    grid-template-areas:"header" "board" "detail"!important;
  }
  [data-airdrops-review] .air-hero { grid-template-columns:minmax(0,1fr) 220px!important; }
  [data-airdrops-review] .center-stack { min-height:720px!important; }
  [data-airdrops-review] .right-stack { min-height:620px!important; }
  [data-airdrops-review] .drop-table { overflow:auto!important; }
  [data-airdrops-review] .drop-head,
  [data-airdrops-review] .drop-row { min-width:760px!important; }

  /* Profile: retain the section rail; place status cards below the editor. */
  [data-system-route="profile"] body { overflow-y:auto!important; }
  [data-system-route="profile"] .profile-review-workspace {
    height:auto!important;
    min-height:calc(100vh - 64px)!important;
    grid-template-columns:190px minmax(0,1fr)!important;
    overflow:visible!important;
  }
  [data-system-route="profile"] .pr-main { padding:0 20px 24px!important; }
  [data-system-route="profile"] .pr-content-grid { grid-template-columns:minmax(0,1fr)!important; }
  [data-system-route="profile"] .pr-editor { min-height:700px!important; }
  [data-system-route="profile"] .pr-status-rail { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
}

@media (min-width:1280px) and (max-width:1500px) {
  [data-sidebar-study] .ect-universal-topbar { padding-inline:20px!important; }
  [data-design] .content,
  [data-portfolio-review] .app,
  [data-events-review] .p4-page,
  [data-airdrops-review] .air-main,
  [data-portfolio-ops-review] :is(.page,.content) { padding-inline:24px!important; }
}

@media (prefers-reduced-motion:reduce) {
  html[data-ect-typography="true"] * {
    scroll-behavior:auto!important;
  }
}