/* Personal account and store management: contain long identities at narrow widths. */
#main .account-settings,#main .stores-workspace{min-width:0}
#main .account-settings :is(.panel-body,p,td),#main .stores-workspace .store-card-browser{overflow-wrap:anywhere}
#main .account-settings .field :is(input,select,textarea){width:100%;min-width:0;max-width:100%}
#main .stores-workspace .store-tools{display:flex;flex-wrap:wrap}
#main .stores-workspace .store-tools .field{flex:1 1 180px;min-width:0}
#main .stores-workspace .store-tools button{flex:none}
#main .stores-workspace .store-card-heading{flex-wrap:wrap}
#main .stores-workspace .store-card-heading>div{flex-basis:120px}
#main .stores-workspace .store-card-browser>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#main .stores-workspace .store-card-preview{color:var(--ink);text-decoration:none}
#main .stores-workspace .store-card-preview .store-preview-empty{padding:18px;text-align:center;overflow-wrap:anywhere}
#main .stores-workspace .store-card-preview .store-preview-empty>strong{font-size:20px;max-width:100%}
#store-picker.store-picker-dialog{display:flex;flex-direction:column;overflow:hidden;max-height:calc(100dvh - 32px)}
#store-picker.store-picker-dialog:not([open]){display:none}
#store-picker .store-picker-list{min-height:0;flex:1 1 auto;overflow:auto}
#store-picker :is(.store-picker-heading,.store-picker-footer),#store-picker>input{flex-shrink:0}
#store-picker .store-picker-heading h2{min-width:0;overflow-wrap:anywhere}
#store-picker .store-picker-close{min-width:36px;min-height:36px}
#store-picker .store-picker-footer button{min-width:0;overflow-wrap:anywhere}
@media(max-width:800px){
 #account-menu :is(button,.account-menu-help>summary){min-height:42px}
 #main .account-settings :is(button,.secondary,.settings-tabs a){min-height:40px}
 #main .account-settings .field :is(input,select,textarea){font-size:16px;min-height:42px}
 #main .stores-workspace :is(button,.secondary){min-height:40px}
 #main .stores-workspace .store-tools .field :is(input,select){font-size:16px;min-height:42px}
 #store-picker.store-picker-dialog{inset:16px auto auto 16px;width:calc(100vw - 32px)}
 #store-picker .store-picker-row{min-height:48px}
 #store-picker .store-picker-footer{gap:7px}
}
@media(max-width:360px){
 #main .account-settings .settings-tabs a{flex:1 1 auto;text-align:center}
 #main .stores-workspace .store-card-heading>.badge{margin-left:0}
 #store-picker .store-picker-active{font-size:9px}
}
.store-environments{display:grid;gap:16px;margin-top:18px}.store-environment-row{min-width:0;padding-top:16px;border-top:1px solid var(--line)}.store-environment-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px}.store-environment-row .store-card-origin{margin:10px 0 5px}.store-environment-id{font-size:10px;color:var(--muted);overflow-wrap:anywhere}.store-environment-row .store-card-status{margin:9px 0}.store-environment-row .store-card-status:empty{display:none}