/* Shared primitives with explicit customer and distributor compositions. */
.ob-modal-open{overflow:hidden}.ob-dialog{--ob-burgundy:#681c2c;--ob-gold:#c9a85c;width:min(530px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #e5ddcb;border-radius:18px;background:#fffefa;color:#292a29;box-shadow:0 30px 110px #32121e45;overflow:auto;overscroll-behavior:contain}.ob-dialog::backdrop{background:#24171c85;animation:ob-overlay-in .2s ease-out}.ob-shell{position:relative;isolation:isolate;padding:24px 32px 25px}.ob-decoration{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:linear-gradient(145deg,#f7f1e1aa,transparent 52%)}.ob-sun{position:absolute;top:55px;right:-50px;width:220px;height:220px;border:1px solid #c9a85c30;border-radius:50%;box-shadow:0 0 0 24px #c9a85c0b,0 0 0 49px #c9a85c06;opacity:.75}.ob-sun:before{content:'';position:absolute;inset:20px;border:1px dashed #c9a85c40;border-radius:50%}.ob-top{position:sticky;top:0;z-index:2;background:#fffefa;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.ob-back{display:inline-flex;align-items:center;min-height:44px;background:transparent;border:0;padding:8px 0;color:#786a52;font-size:11px}.ob-back:hover{color:#681c2c;text-decoration:underline;text-underline-offset:4px}.ob-close{display:grid;place-items:center;width:44px;min-height:44px;border:1px solid #e3dccd;border-radius:7px;background:#faf7ef;color:#681c2c;flex-shrink:0}.ob-close:hover{background:#f0e8da}.ob-close .icon{width:19px;height:19px}.ob-badge{display:inline-flex;align-items:center;gap:8px;font-size:9px;font-weight:650;letter-spacing:1.5px;line-height:1.5;color:#886b2f;margin-bottom:17px}.ob-badge .icon{width:17px;height:17px;stroke-width:1.4}.ob-heading h2,.ob-success h2{font-family:Georgia,serif;font-weight:400;font-size:41px;line-height:1.08;letter-spacing:-1.2px;color:#39272c;margin:0 0 17px;max-width:410px}.ob-heading>p{font-size:13px;line-height:1.8;color:#706b60;margin-bottom:25px;max-width:410px}.ob-dialog form{display:grid;gap:16px}.ob-dialog label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600;color:#4b443e}.ob-dialog input{width:100%;min-width:0;min-height:47px;margin:0;padding:11px 13px;border:1px solid #ddd7ca;background:#fffefa;border-radius:7px;font-size:14px;color:#292a29;box-shadow:inset 0 1px 2px #34271303;transition:border-color .15s,box-shadow .15s}.ob-dialog input:hover{border-color:#b9b19d}.ob-dialog input:focus{border-color:#9f8252;outline:2px solid #c9a85c28;outline-offset:2px;box-shadow:0 0 0 3px #c9a85c0b}.ob-dialog input[aria-invalid=true]{border-color:#9f3448;background:#fffaf8}.ob-dialog input[readonly]{color:#746b61;background:#f8f5ee}.ob-hint{font-size:10px;color:#776d5c;font-weight:400;line-height:1.7}.ob-field-error{color:#982a41;font-size:11px;font-weight:400;line-height:1.7}.ob-field-error:empty{display:none}.ob-feedback{color:#8b243b;font-size:12px;line-height:1.7;background:#f9eceb;border:1px solid #ead1d2;border-radius:6px;padding:11px 13px;white-space:pre-line}.ob-feedback:empty{display:none}.ob-submit{display:inline-flex;align-items:center;justify-content:center;gap:17px;min-height:49px;padding:13px 17px;border:1px solid #681c2c;border-radius:7px;background:#681c2c;color:#fffaf1;font-size:13px;line-height:1.5;font-weight:600;text-align:center;transition:background .18s,box-shadow .18s}.ob-submit:hover{background:#7a2b3e;box-shadow:0 5px 16px #681c2c18}.ob-submit:active{background:#4f1522}.ob-submit .icon{width:17px;height:17px;color:#e5ca86}.ob-submit:disabled{opacity:.8;cursor:wait}.ob-progress{font-size:11px;line-height:1.7;color:#76684b;margin:0}.ob-progress:empty{display:none}.ob-links{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px;flex-wrap:wrap}.ob-links>a{display:inline-flex;align-items:center;min-height:44px;font-size:11px;color:#681c2c;text-decoration:underline;text-underline-offset:4px}.ob-boundary{font-size:10px!important;line-height:1.8;color:#7d7263;margin:15px 0 0}.ob-switch{margin-top:20px;padding-top:15px;border-top:1px solid #e6dfcf;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.ob-switch>span{font-size:10px;color:#776d5c}.ob-switch>button{border:0;background:transparent;padding:6px 0;min-height:36px;font-size:11px;color:#681c2c;text-decoration:underline;text-underline-offset:4px}.ob-business-steps{display:flex;align-items:center;gap:12px;margin-bottom:15px;padding-block:13px;border-block:1px solid #e5d8b7}.ob-business-steps>span{font-size:10px;color:#77664d;display:flex;align-items:center;gap:7px}.ob-business-steps b{font-size:9px;font-weight:500;color:#957432}.ob-business-steps>i{flex:1;max-width:28px;height:1px;background:#d1bd8e}.ob-dialog .ob-separation{font-size:11px;line-height:1.8;color:#766951;margin:0 0 22px}.ob-distributor{width:min(560px,calc(100% - 32px));border-top:4px solid #681c2c}.ob-distributor .ob-heading h2{font-family:inherit;font-weight:500;letter-spacing:-1.4px;font-size:36px;max-width:430px}.ob-distributor .ob-decoration{background:linear-gradient(160deg,#f5efdf80,transparent 60%)}.ob-distributor .ob-sun{display:none}.ob-grid{display:none}.ob-distributor .ob-grid{display:block;position:absolute;width:220px;height:210px;right:-55px;top:60px;background:repeating-linear-gradient(90deg,transparent 0 38px,#c9a85c1a 39px 40px),repeating-linear-gradient(0deg,transparent 0 38px,#c9a85c1a 39px 40px);transform:skewY(-16deg);mask-image:linear-gradient(90deg,transparent,#000)}.ob-distributor .ob-badge{font-size:8px;letter-spacing:1.3px;border:1px solid #dcc997;border-radius:4px;padding:6px 9px;background:#f3ebd5;color:#775d2b}.ob-distributor .ob-heading>p{margin-bottom:20px}.ob-success{padding-top:45px;padding-bottom:35px}.ob-success>.ob-close{position:absolute;right:22px;top:20px}.ob-success-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#eef0e1;color:#66764b;border:1px solid #dce3ca;margin-bottom:27px}.ob-success>.ob-badge{display:flex}.ob-success h2{font-size:38px}.ob-success>p:not(.ob-badge){font-size:13px;line-height:1.8;color:#706b60}.ob-success>.ob-submit{width:100%;margin-top:13px}.ob-spinner{display:inline-block;width:15px;height:15px;border:2px solid #fff7df50;border-top-color:#fff7df;border-radius:50%;animation:ob-spin .8s linear infinite}.ob-dialog :is(button,a,[tabindex]):focus-visible{outline:3px solid #ad873c;outline-offset:4px}.ob-dialog h2:focus{outline:none}
@media(prefers-reduced-motion:no-preference){.ob-heading{animation:ob-content-in .28s ease-out}.ob-dialog form{animation:ob-content-in .3s .07s ease-out both}.ob-dialog .ob-decoration{animation:ob-glow-in .7s ease-out}.ob-dialog .ob-links{animation:ob-content-in .3s .1s ease-out both}@keyframes ob-content-in{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes ob-glow-in{from{opacity:.2}to{opacity:1}}}
@keyframes ob-overlay-in{from{background:#24171c00}to{background:#24171c85}}@keyframes ob-spin{to{transform:rotate(360deg)}}
@media(max-width:600px){.ob-dialog,.ob-distributor{width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:13px}.ob-shell{padding:17px 22px 21px}.ob-top{margin-bottom:20px}.ob-heading h2{font-size:36px}.ob-distributor .ob-heading h2{font-size:30px;letter-spacing:-1px}.ob-heading>p{font-size:12px;margin-bottom:22px}.ob-dialog input{font-size:16px;min-height:48px}.ob-dialog form{gap:15px}.ob-business-steps{gap:8px}.ob-business-steps>span{font-size:9px}.ob-business-steps>i{max-width:18px}.ob-links{gap:0 12px}.ob-links>a{font-size:11px;min-height:44px}.ob-close{width:44px;min-height:44px}.ob-switch{gap:0}.ob-switch>button{min-height:44px}.ob-success{padding-top:70px}.ob-success h2{font-size:34px}.ob-success>.ob-close{right:17px;top:17px}}
.ob-dialog.ob-closing::backdrop{animation:ob-overlay-out .14s ease-in forwards}@keyframes ob-overlay-out{to{background:#24171c00}}@media(max-width:600px){.ob-top{top:0}}
@media(prefers-reduced-motion:reduce){.ob-dialog,.ob-dialog *,.ob-dialog::backdrop{animation:none!important;transition:none!important}}
