/* Same grouped phone control as callback, scoped to the order form. */
#tos-demo-form .tos-phone-composite{height:50px;border-radius:12px}
#tos-demo-form .tos-phone-composite .phone-digits{display:flex;align-items:center;gap:3px;padding-left:12px;min-width:0;flex:1}
#tos-demo-form .tos-phone-composite .phone-slot{position:relative;display:inline-flex;align-items:center;flex:none;white-space:nowrap;min-width:0}
#tos-demo-form .tos-phone-composite .phone-part{width:1ch;min-width:1ch;box-sizing:content-box;flex:none;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;outline:none;height:42px;line-height:22px;font-family:monospace;font-size:16px;letter-spacing:2.5px;color:#30343a}
#tos-demo-form .tos-phone-composite .phone-part:focus{border:0;outline:none;box-shadow:none}
#tos-demo-form .tos-phone-composite .phone-ghost{pointer-events:none}
#tos-demo-form .tos-phone-composite .phone-part[data-len="2"]{max-width:calc(2 * (1ch + 2.5px))}
#tos-demo-form .tos-phone-composite .phone-part[data-len="3"]{max-width:calc(3 * (1ch + 2.5px))}
/* v232: fixed-size character cells, identical to the callback control. */
#tos-demo-form .tos-phone-composite .phone-slot{display:block;position:relative;flex:none;height:46px;box-sizing:content-box}
#tos-demo-form .tos-phone-composite .phone-slot:has(.phone-part[data-len="2"]){width:calc(2 * (1ch + 2.5px))}
#tos-demo-form .tos-phone-composite .phone-slot:has(.phone-part[data-len="3"]){width:calc(3 * (1ch + 2.5px))}
#tos-demo-form .tos-phone-composite .phone-slot .phone-part{position:absolute;left:0;top:0;width:100%!important;min-width:0!important;max-width:none!important;height:46px!important;box-sizing:border-box!important;padding:0!important;font:600 16px/46px monospace!important;letter-spacing:2.5px!important;border:0!important;outline:0!important;box-shadow:none!important;caret-color:#30343a}
#tos-demo-form .tos-phone-composite .phone-slot .phone-ghost{position:absolute;top:0;font:400 16px/46px monospace!important;letter-spacing:2.5px!important;white-space:pre;user-select:none;pointer-events:none}
#tos-demo-form #tos-phone-error{font-size:12px;color:#fff;min-height:0}
#tos-demo-form #tos-phone-error:not(:empty){margin-top:6px}