/* KX_LAYOUT_V295: centered 75vw layout across CRM pages, including communication. */
@media screen and (min-width:1301px) {
  html body > main,
  html body.kx-communication-wide > main,
  html body.kx-comm-thread-wide > main,
  html body.kx-comm-thread-wide main {
    width:75% !important;
    max-width:none !important;
    min-width:0 !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding:24px 0 80px !important;
    box-sizing:border-box !important;
  }
  html body > main > .container,
  html body > main > .wrap,
  html body > main > .content {
    max-width:100% !important;
    min-width:0 !important;
  }
  html body > .kx-shell#kx-shell-v120 {
    width:75% !important;
    max-width:none !important;
    min-width:0 !important;
    margin:12px auto 16px !important;
    padding:0 clamp(10px,1vw,22px) !important;
    box-sizing:border-box !important;
    display:grid !important;
    grid-template-columns:max-content minmax(0,1fr) !important;
    column-gap:clamp(8px,1vw,20px) !important;
    align-items:center !important;
  }
  html body > .kx-shell#kx-shell-v120 > .kx-topline {
    grid-column:1 !important;
    border-bottom:0 !important;
    min-width:0 !important;
    padding:10px 0 !important;
    justify-content:flex-start !important;
    gap:10px !important;
  }
  html body > .kx-shell#kx-shell-v120 > .kx-nav {
    grid-column:2 !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    justify-content:center !important;
    align-items:center !important;
    min-width:0 !important;
    gap:5px !important;
    padding:8px 0 !important;
  }
  html body > .kx-shell#kx-shell-v120 .kx-links {
    display:flex !important;
    flex:0 1 auto !important;
    flex-wrap:nowrap !important;
    width:auto !important;
    min-width:0 !important;
    justify-content:center !important;
    align-items:center !important;
    gap:0 !important;
  }
  html body > .kx-shell#kx-shell-v120 .kx-links > a,
  html body > .kx-shell#kx-shell-v120 .kx-links > .kx-more > summary {
    padding:7px clamp(3px,.25vw,7px) !important;
    font-size:clamp(10px,.65vw,12px) !important;
    gap:3px !important;
    white-space:nowrap !important;
  }
  html body > .kx-shell#kx-shell-v120 .kx-links > a > span {
    width:12px !important;
    font-size:12px !important;
  }
  html body > .kx-shell#kx-shell-v120 .kx-refresh {
    flex:0 0 auto !important;
    position:static !important;
    white-space:nowrap !important;
    font-size:clamp(10px,.65vw,12px) !important;
    padding:7px 3px !important;
  }
  html body > .kx-shell#kx-shell-v120 .kx-account {gap:5px !important;flex-wrap:nowrap !important;}
  html body > .kx-shell#kx-shell-v120 .kx-brand {gap:5px !important;font-size:11px !important;}
  html body > .kx-shell#kx-shell-v120 .kx-mark {width:28px;height:28px;}
  html body > .kx-shell#kx-shell-v120 .kx-notice {grid-column:1 / -1;}
}
/* On narrower screens prioritize legibility, while staying centered. */
@media screen and (max-width:1300px) {
  html body > main,
  html body.kx-communication-wide > main,
  html body.kx-comm-thread-wide > main,
  html body.kx-comm-thread-wide main {
    width:calc(100% - 32px) !important;
    max-width:none !important;
    margin:0 auto !important;
    box-sizing:border-box !important;
  }
  html body > .kx-shell#kx-shell-v120 {
    width:calc(100% - 24px) !important;
    max-width:none !important;
    margin:10px auto 14px !important;
  }
  html body > .kx-shell#kx-shell-v120 .kx-links {width:auto!important;justify-content:center!important;}
}
@media print {
  /* Do not constrain print previews / document output. */
  body > main {width:auto!important;max-width:none!important;}
}