/* SupportDesk panel responsive polish · Patch 3.55f */
.nc-main,.nc-topbar,.nc-top-actions,.account-top-actions{min-width:0}
.nc-topbar{align-items:flex-start;gap:24px}
.nc-topbar > :first-child{min-width:min(360px,100%)}
.nc-topbar h1{max-width:100%;text-wrap:balance}
.nc-top-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:10px;
  max-width:100%;
}
.nc-top-actions > *{flex:0 0 auto;max-width:100%}
.top-guild-menu summary,.account-user-trigger,.nc-notification-trigger{min-width:0}
.top-guild-menu-panel,.account-user-panel,.nc-notification-panel{max-width:calc(100vw - 24px)}
.top-guild-item{min-width:0}
.top-guild-item > span:nth-child(2){min-width:0}
.top-guild-item strong,.top-guild-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-user-copy{min-width:0}
.account-user-copy strong,.account-user-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Prevent long translated labels from breaking cards and controls. */
.card,.wizard-card,.settings-card,.dashboard-card,.plan-card,.permission-card,.archive-card{min-width:0}
.card header,.card-heading,.dashboard-card-head,.permission-role-editor-head{min-width:0;flex-wrap:wrap}
.card h2,.card h3,.dashboard-card h2,.dashboard-card h3{overflow-wrap:anywhere}
.form-row,.field-grid,.settings-grid,.dashboard-grid,.plans-grid,.plan-usage-grid{min-width:0}
.form-row > *,.field-grid > *,.settings-grid > *,.dashboard-grid > *,.plans-grid > *,.plan-usage-grid > *{min-width:0}

/* Forms remain usable at zoom 200% and on narrow devices. */
input,select,textarea{max-width:100%}
textarea{resize:vertical}
.button-row,.form-actions,.card-actions,.wizard-actions{flex-wrap:wrap}
.button-row > *,.form-actions > *,.card-actions > *,.wizard-actions > *{max-width:100%}

@media(max-width:1460px){
  .nc-topbar{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr)}
  .nc-top-actions{align-self:start}
  .account-user-copy{max-width:118px}
}

@media(max-width:1180px){
  .nc-topbar{grid-template-columns:1fr}
  .nc-topbar > :first-child{min-width:0}
  .nc-top-actions{justify-content:flex-start;width:100%}
  .top-guild-menu{order:1}
  .plan-pill{order:2}
  .panel-role-pill{order:3}
  .nc-language-selector{order:4}
  .nc-notification-menu{order:5}
  .account-user-menu{order:6}
}

@media(max-width:760px){
  .nc-main{padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right))}
  .nc-topbar{gap:14px}
  .nc-topbar h1{font-size:clamp(2rem,11vw,3rem);line-height:1.02}
  .nc-top-actions{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}
  .top-guild-menu{grid-column:1/-1;width:100%}
  .top-guild-menu > summary{width:100%}
  .plan-pill,.panel-role-pill{min-width:0;justify-content:center;text-align:center}
  .nc-language-selector{justify-self:end}
  .account-user-menu{grid-column:1/-1;width:100%}
  .account-user-trigger{width:100%}
  .account-user-copy{max-width:none;flex:1 1 auto}
  .account-user-panel,.top-guild-menu-panel,.nc-notification-panel{
    position:fixed!important;
    inset:auto 12px 12px 12px!important;
    width:auto!important;
    max-width:none!important;
    max-height:min(72dvh,620px)!important;
    overflow:auto!important;
  }
  .pill{white-space:normal}
  .card,.dashboard-card,.wizard-card,.settings-card{border-radius:18px}
  .card-actions,.wizard-actions,.form-actions{display:grid;grid-template-columns:1fr}
  .card-actions > *,.wizard-actions > *,.form-actions > *{width:100%}
}

@media(max-width:520px){
  .nc-top-actions{grid-template-columns:1fr auto}
  .plan-pill,.panel-role-pill{grid-column:auto;min-height:42px}
  .nc-language-selector{grid-column:1;justify-self:start}
  .nc-notification-menu{grid-column:2;justify-self:end}
  .account-user-menu{grid-column:1/-1}
}