/* One compact size row; overflow belongs to the row, never to the page. */
.ring-order-modal{z-index:11000!important;padding:12px!important}
.ring-order-content{width:min(1160px,calc(100vw - 24px))!important;max-width:1160px!important;padding:16px!important;min-height:0!important;box-sizing:border-box}
.ring-order-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.ring-order-heading h2{font-size:1.1rem;margin:0}
.ring-order-heading button{padding:2px 8px;font-size:1.3rem}
.ring-order-sizes{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;padding:0 0 8px;overscroll-behavior-x:contain}
.ring-order-sizes label{display:flex;flex-direction:column;align-items:center;gap:4px;flex:0 0 50px;font-size:.85rem}
.ring-order-sizes input{width:50px!important;min-width:0!important;height:32px;padding:4px!important;text-align:center;box-sizing:border-box;border:1px solid var(--border);border-radius:6px;background:var(--surface,#fff);color:var(--text)}
.ring-order-error{color:#dc2626;font-size:.85rem;margin:4px 0 8px}
.ring-order-error:empty{display:none}
.ring-order-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}
@media(max-width:640px){.ring-order-content{padding:12px!important}.ring-order-actions button{padding:8px 12px;font-size:.85rem}}