/* Keep the navigation shell stable and let each region scroll independently. */
@media(min-width:651px){
  .portal{height:100dvh;min-height:0;overflow:hidden}
  .portal>aside{height:calc(100dvh - 28px);min-height:0;position:relative;top:0;overflow:hidden}
  .portal>aside .brand{flex-shrink:0;padding-bottom:16px}
  .portal>aside>nav{min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#aaa097 transparent;flex:1;align-content:start;gap:4px}
  .portal>aside>nav button{min-height:40px;padding-block:8px}
  .portal>aside .logout{flex-shrink:0;margin-top:10px;min-height:36px}
  .workspace{height:calc(100dvh - 28px);min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-gutter:stable}
}
.customer-table .customer-identity{min-width:0;flex:1}
.customer-table .customer-identity strong,.customer-table .customer-identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:100%}
.customer-table .customer-identity .self-customer-name{display:inline-flex}
.customer-table .customer-name-view{min-width:0;gap:6px}
.customer-table .customer-edit-icon{flex-shrink:0}
.customer-table .customer-link-actions{gap:4px;flex-wrap:nowrap}
.customer-table .customer-link-actions .text-button{box-sizing:border-box;min-width:0;padding:5px 7px;font-size:11px;line-height:18px;white-space:nowrap;flex-shrink:0}
.customer-table .customer-link-actions .customer-security-action{width:27px;padding:5px 0}
@media(min-width:651px){
  .customer-table{min-width:900px}
  .customer-table th:nth-child(1){width:152px}
  .customer-table th:nth-child(2){width:125px}
  .customer-table th:nth-child(8){width:102px}
  .customer-table th:nth-child(9){width:90px}
  .customer-table th,.customer-table td{padding:11px 8px}
}
.customer-table .purchase-history-popover{max-height:calc(100dvh - 100px);overflow:auto}
.pf-dialog{width:760px;height:min(400px,85dvh)}
.pf-empty{padding:40px 16px}
.pf-form-dialog [type=submit]{background:#c96038;color:#fff;border-color:#c96038;font-weight:600}
.security-dialog .security-code-row{align-items:center;grid-template-columns:minmax(0,1fr) auto}
.security-dialog .security-code-row input,.security-dialog .security-code-row button{height:42px;min-height:0;box-sizing:border-box;margin:0;white-space:nowrap}
.security-dialog .security-code-row button{padding:0 12px;width:auto}
@media(max-width:650px){
  .customer-table .customer-name-view{max-width:calc(100% - 92px)}
  .customer-table .customer-link-actions{justify-content:flex-end}
  .pf-dialog{height:min(440px,85dvh)}
}