body.sidebar-collapsed { --sidebar-width: 72px; }
body.sidebar-collapsed .brand { padding: 0; justify-content: center; }
body.sidebar-collapsed .brand-copy, body.sidebar-collapsed .nav-number, body.sidebar-collapsed .nav-label, body.sidebar-collapsed .nav-chevron, body.sidebar-collapsed .nav-children { display: none; }
body.sidebar-collapsed .nav-section-title { justify-content: center; padding: 0; }
body.sidebar-collapsed .workspace-popover { left: 84px; }
@media (max-width: 1390px) {
  .stats-grid.six { grid-template-columns: repeat(3,1fr); }
  .dashboard-primary-grid { grid-template-columns: 1.2fr .8fr; }.dashboard-primary-grid > :last-child { grid-column: 1/-1; }
  .dashboard-secondary-grid { grid-template-columns: repeat(2,1fr); }.dashboard-secondary-grid > :last-child { grid-column: 1/-1; }
  .composer-layout { grid-template-columns: minmax(280px,.8fr) minmax(430px,1.2fr); }.composer-preview { grid-column: 1/-1; grid-template-columns: repeat(2,1fr); }
  .calendar-shell { grid-template-columns: 165px minmax(650px,1fr); }.calendar-detail { grid-column: 1/-1; }.calendar-detail .sticky-card { position: static; display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; }.calendar-detail .detail-header { grid-column: 1/-1; }
  .media-layout { grid-template-columns: 165px minmax(500px,1fr); }.asset-detail { grid-column: 1/-1; grid-template-columns: 1fr 1fr; }
  .analytics-layout { grid-template-columns: 1fr; }.reports-panel { grid-template-columns: repeat(3,1fr); }
}
@media (max-width: 1180px) {
  :root { --sidebar-width: 220px; }
  .topbar { padding: 0 12px; }.workspace-switcher { min-width: 180px; }.global-search { width: min(300px,30vw); }.user-copy { display: none; }
  .stats-grid.four { grid-template-columns: repeat(2,1fr); }.stats-grid.six { grid-template-columns: repeat(3,1fr); }
  .integration-layout { grid-template-columns: 1fr; }.connection-detail { grid-column: 1/-1; }.connection-detail .sticky-card { position: static; }
  .account-table { overflow-x: auto; }.account-table .table-row { min-width: 860px; }
  .approval-layout { grid-template-columns: 1fr; }.approval-detail { grid-column: 1/-1; }.approval-detail .sticky-card { position: static; }
  .inbox-layout { grid-template-columns: 240px minmax(400px,1fr); }.contact-pane { grid-column: 1/-1; border-left: 0; border-top: 1px solid var(--border); }.contact-pane .sticky-card { position: static; display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; }.contact-pane .detail-tabs,.contact-pane .contact-header { grid-column: 1/-1; }.inbox-stats { margin-left: 0; }
  .analytics-top-grid { grid-template-columns: 1.4fr .8fr; }.analytics-top-grid > :last-child { grid-column: 1/-1; }.analytics-mid-grid { grid-template-columns: repeat(2,1fr); }.analytics-mid-grid > :last-child { grid-column: 1/-1; }.analytics-bottom-grid { grid-template-columns: repeat(2,1fr); }.analytics-bottom-grid > :last-child { grid-column: 1/-1; }
}
@media (max-width: 900px) {
  :root { --sidebar-width: 248px; }
  body.sidebar-collapsed { --sidebar-width: 248px; }
  .sidebar { transform: translateX(-100%); width: 248px!important; box-shadow: var(--shadow-lg); }.sidebar.mobile-open { transform: translateX(0); }
  body.sidebar-collapsed .brand-copy, body.sidebar-collapsed .nav-number, body.sidebar-collapsed .nav-label, body.sidebar-collapsed .nav-chevron { display: initial; }.sidebar.mobile-open .nav-children { display: grid; }
  .topbar { left: 0; }.main-wrap { margin-left: 0; }.mobile-nav-button { display: grid; }.sidebar-footer { display: none; }.mobile-overlay { position: fixed; inset: 0; z-index: 49; border: 0; background: rgba(17,24,39,.3); }
  .workspace-switcher { min-width: 160px; }.global-search { margin-left: auto; width: 42px; padding: 0; justify-content: center; }.global-search span,.global-search .kbd { display: none; }
  .main-content { padding: 14px; }.page-header { align-items: center; }.page-title h1 { font-size: 19px; }
  .dashboard-primary-grid,.dashboard-secondary-grid { grid-template-columns: 1fr; }.dashboard-primary-grid > :last-child,.dashboard-secondary-grid > :last-child { grid-column: auto; }
  .composer-layout { grid-template-columns: 1fr; }.composer-preview { grid-column: auto; grid-template-columns: 1fr; }.destination-grid { grid-template-columns: repeat(2,1fr); }
  .calendar-shell { grid-template-columns: 1fr; }.calendar-left { grid-template-columns: repeat(2,1fr); }.calendar-main { overflow-x: auto; }.calendar-main > * { min-width: 720px; }.calendar-detail .sticky-card { grid-template-columns: 1fr; }
  .media-layout { grid-template-columns: 1fr; }.media-layout > aside:first-child { display: none; }.asset-detail { grid-template-columns: 1fr 1fr; }.media-grid { grid-template-columns: repeat(3,1fr); }
  .workflow-policy { grid-template-columns: repeat(2,1fr); }
  .inbox-layout { grid-template-columns: 220px minmax(390px,1fr); overflow-x: auto; }.contact-pane .sticky-card { grid-template-columns: 1fr; }
  .generic-layout { grid-template-columns: 1fr; }.generic-layout aside .sticky-card { position: static; }
  .notifications-popover { right: 60px; }.user-popover { right: 8px; }.workspace-popover { left: 60px; }
}
@media (max-width: 680px) {
  .topbar { gap: 6px; height: 58px; }.brand { height: 58px; }.workspace-switcher { min-width: 0; width: 48px; padding: 6px; }.workspace-copy,.workspace-switcher > .icon { display: none; }.topbar-actions { gap: 1px; }.user-menu-button { padding: 2px; }.topbar .icon-button { width: 34px; }.main-wrap { padding-top: 58px; }
  .main-content { padding: 11px; }.page-header { align-items: flex-start; flex-direction: column; }.page-actions { width: 100%; justify-content: flex-start; }.page-actions .button { flex: 1; }.page-title p { font-size: 10px; }
  .stats-grid.four,.stats-grid.six { grid-template-columns: repeat(2,1fr); }.stat-card { min-height: 78px; padding: 10px; }.stat-icon { width: 30px; height: 30px; }.stat-body strong { font-size: 18px; }.stat-label { font-size: 8.5px; }.stat-delta,.stat-note { font-size: 7.5px; }
  .distribution-layout { flex-direction: column; }.legend-list { width: 100%; }.schedule-list > div { grid-template-columns: 38px 22px minmax(0,1fr); }.schedule-list .badge { display: none; }
  .stepper { overflow-x: auto; }.stepper i { min-width: 25px; }.destination-grid { grid-template-columns: 1fr; }.attachment-strip { grid-template-columns: repeat(2,1fr); }.composer-preview .card { padding: 10px; }
  .filter-bar { display: grid; grid-template-columns: repeat(2,1fr); }.filter-bar > label { min-width: 0; }.filter-bar .button { width: 100%; }
  .calendar-left { grid-template-columns: 1fr; }.calendar-detail .sticky-card { display: block; }
  .media-grid { grid-template-columns: repeat(2,1fr); }.asset-detail { grid-template-columns: 1fr; }.media-tabs { overflow-x: auto; }.media-tabs button { white-space: nowrap; }
  .workflow-policy { grid-template-columns: 1fr; }.kanban { grid-template-columns: repeat(5,180px); }.approval-actions { grid-template-columns: repeat(2,1fr); }
  .inbox-stats { grid-template-columns: repeat(2,1fr)!important; }.inbox-tabs { overflow-x: auto; }.inbox-layout { display: block; min-height: 0; }.conversation-pane { border-right: 0; }.conversation-list { max-height: 320px; overflow: auto; }.thread-pane { border-top: 1px solid var(--border); }.thread-scroll { max-height: 520px; }.contact-pane { border-top: 1px solid var(--border); }.suggested > div { grid-template-columns: 1fr; }.reply-actions { flex-wrap: wrap; }.reply-actions .spacer { display: none; }
  .analytics-top-grid,.analytics-mid-grid,.analytics-bottom-grid { grid-template-columns: 1fr; }.analytics-top-grid > :last-child,.analytics-mid-grid > :last-child,.analytics-bottom-grid > :last-child { grid-column: auto; }.reports-panel { grid-template-columns: 1fr; }.analytics-filters { grid-template-columns: repeat(2,1fr); }.metric-table { overflow-x: auto; }.metric-table > div { min-width: 520px; }
  .generic-summary { grid-template-columns: 1fr; }.generic-table { overflow-x: auto; }.generic-table > div { min-width: 620px; }
  .toast-stack { right: 10px; bottom: 10px; }
  .notifications-popover { left: 10px; right: 10px; width: auto; }.workspace-popover { left: 55px; }.user-popover { right: 6px; }
}
@media (max-width: 430px) {
  .stats-grid.four,.stats-grid.six { grid-template-columns: 1fr 1fr; gap: 7px; }.stat-card { gap: 7px; }.stat-icon { display: none; }
  .page-actions { display: grid; grid-template-columns: repeat(2,1fr); }.page-actions > * { width: 100%; }
  .media-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }.media-thumb { font-size: 12px; }
  .filter-bar,.analytics-filters { grid-template-columns: 1fr; }
}