/* Composite loading stays inside the existing arrow; text and card geometry stay put. */
.role-arrow[data-busy-indicator]{position:relative}
.role-arrow[data-busy-indicator]>.md-spinner{display:none;position:absolute;left:calc(50% - 10px);top:calc(50% - 10px);width:20px;height:20px;flex:none}
.role-card[aria-busy="true"] .role-arrow>.icon{visibility:hidden}
.role-card[aria-busy="true"] .role-arrow>.md-spinner{display:inline-flex;animation:md-progress-enter 260ms var(--motion-spring)}
.role-card[aria-busy="true"] .role-arrow{transform:none}
/* Flex and grid children must be allowed to shrink before long translated labels wrap. */
.editor-section-title>div{flex:1;min-width:0}
.editor-section-title :is(h2,p),.verification-heading,.verification-heading>.badge{min-width:0;max-width:100%;overflow-wrap:anywhere}
.verification-heading>h2{flex:1 1 220px}
.verification-toggle>span,.verification-consent>span{min-width:0;overflow-wrap:anywhere}
.verification-card>.trust-footer-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;max-width:100%;margin-top:12px;font-size:13px;line-height:1.5}
.verification-card>.trust-footer-link>.icon{width:18px;height:18px;flex:none}
.verification-card>.trust-footer-link>span{min-width:0;overflow-wrap:anywhere}
.verification-status>div,.verification-status>strong{min-width:0;overflow-wrap:anywhere}
.verification-owner-files>a{min-width:0;max-width:100%;overflow-wrap:anywhere}
.settings-heading,.seller-heading{min-width:0}
.settings-heading :is(strong,small),.seller-heading h1{overflow-wrap:anywhere}
.role-copy,.role-action{min-width:0}
.role-title,.role-description,.role-action>span:first-child{overflow-wrap:anywhere}
@media(max-width:620px){
 .editor-section-title{gap:10px}
 .editor-section-title h2{font-size:21px;line-height:1.2}
 .verification-heading>h2{flex-basis:100%}
 .verification-toggle{padding:14px;gap:10px;align-items:flex-start;line-height:1.5}
 .verification-toggle>input{margin-top:1px}
 .studio-settings>summary{padding:16px;gap:12px;flex-wrap:wrap}
 .studio-settings-body{padding:4px 12px 0}
 .settings-action{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.role-card[aria-busy="true"] .role-arrow>.md-spinner{animation:none}}
/* Nested shop editing has narrower content than the viewport. */
.delivery-options{grid-template-columns:repeat(2,minmax(0,1fr))}
.delivery-card,.delivery-card strong{min-width:0;overflow-wrap:anywhere}
@media(max-width:360px){.delivery-options{grid-template-columns:minmax(0,1fr)}}

/* The SKU copy control keeps its 44px touch target inside the mobile grid. */
@media(max-width:760px){
 .product-redesign .product-heading>.product-article{grid-template-columns:minmax(0,1fr) 44px;min-width:0}
 .product-redesign .product-heading .article-copy{width:44px;min-width:44px;height:44px;min-height:44px;padding:10px}
}

.verification-card>.editor-section-title{align-items:flex-start}
.verification-card .step-number{margin-top:3px}