/* NoirLux 2.7: use the available application width without stretching login forms. */
.main{width:100%;min-width:0;max-width:none;}
.content:not(.nx-compose-content):not(.nx-settings-content):not(:has(.auth-card)){
  box-sizing:border-box;
  width:100%;max-width:none;margin:0;
  padding:24px clamp(12px,1.2vw,24px) 38px;
  flex:1;min-width:0;
}
/* Workspaces, not their modals, use the full content width. */
.content>.page-heading,
.content>.card,
.content>.grid-2,
.content>.nx-org-grid,
.content>.nx-mailbox-enhanced,
.content>.message-detail,
.content>.nx-message-reader{
  width:100%;max-width:none;min-width:0;
}
.content .nx-mailbox-enhanced,.content .mailbox-card{max-width:none;width:100%;}
.content .nx-inbox-searchbar,#nx-live-search{width:100%;max-width:none;}
/* The settings shell is also a full-width workspace. */
.content.nx-settings-content{max-width:none;width:100%;margin:0;min-width:0;}
.nx-settings-shell{width:100%;max-width:none;min-width:0;}
.nx-settings-main{width:100%;max-width:none;min-width:0;}
/* Keep the existing full-screen composer and reader behavior. */
.content.nx-compose-content{width:100%;max-width:none;margin:0;}
.content:has(.nx-message-reader){width:100%;max-width:none;}
/* Deliberately retain narrow auth cards for readability. */
.nx-auth-only .auth-card{max-width:470px;}
@media(max-width:720px){
  .content:not(.nx-compose-content):not(.nx-settings-content):not(:has(.auth-card)){
    padding:14px 10px 26px;
  }
}