/* Monolith custom form controls (mono-ui) — light default, html.mono-dark variant */
:root{--mui-bg:#fff;--mui-field:#fff;--mui-line:#d6e0ee;--mui-line-h:#9fbbe4;--mui-text:#0a1b33;--mui-muted:#5b6e86;--mui-hover:#f2f6fd;--mui-active:#e8f1ff;--mui-blue:#126dff;--mui-blue2:#0d5be0;--mui-ring:rgba(18,109,255,.22);--mui-track:#e3eaf4;--mui-shadow:0 24px 50px -18px rgba(8,26,51,.35),0 2px 6px rgba(8,26,51,.06)}
html.mono-dark{--mui-bg:#0b1424;--mui-field:#0e192c;--mui-line:#22324f;--mui-line-h:#35589a;--mui-text:#e8eef7;--mui-muted:#8d9cb3;--mui-hover:#13223b;--mui-active:#16274a;--mui-blue:#3d8bff;--mui-blue2:#4a90ff;--mui-ring:rgba(74,144,255,.3);--mui-track:#1b2840;--mui-shadow:0 26px 60px -16px rgba(0,0,0,.8)}
/* hidden native select (kept for forms / Livewire) */
select.mui-native{position:absolute!important;width:1px!important;height:1px!important;min-width:0!important;padding:0!important;margin:-1px!important;border:0!important;opacity:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;pointer-events:none!important}
select.mui-native+.mui-select{margin:0}
select.mui-native~svg,select.mui-native~.payg-chev,select.mui-native~[data-select-chevron]{display:none!important}
.mui-select{position:relative;display:block;width:100%;font:inherit;--mui-h:46px}
.mui-select.is-inline{display:inline-block;width:auto}
.mui-select__btn{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:10px;width:100%;min-height:var(--mui-h);padding:0 40px 0 14px;position:relative;cursor:pointer;background:var(--mui-field);color:var(--mui-text);border:1px solid var(--mui-line);border-radius:12px;font:inherit;font-size:14.5px;font-weight:600;line-height:1.3;transition:border-color .15s,box-shadow .15s,background .15s;text-align:left}
.mui-select__btn:hover{border-color:var(--mui-line-h)}
.mui-select__btn:focus-visible,.mui-select.is-open .mui-select__btn{border-color:var(--mui-blue);box-shadow:0 0 0 4px var(--mui-ring);outline:none}
.mui-select__btn[disabled]{opacity:.55;cursor:not-allowed}
.mui-select__btn.is-placeholder .mui-select__value{color:var(--mui-muted);font-weight:500}
.mui-select__value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mui-select__icon{flex:none;width:26px;height:26px;border-radius:7px;overflow:hidden;background:var(--mui-hover)}
.mui-select__icon[hidden]{display:none}
.mui-select__icon img,.mui-opt__icon{width:100%;height:100%;object-fit:cover;display:block}
.mui-chev{position:absolute;right:13px;top:50%;margin-top:-8px;color:var(--mui-muted);transition:transform .18s}
.mui-select.is-open .mui-chev{transform:rotate(180deg);color:var(--mui-blue)}
.mui-pop{position:fixed;z-index:100000;box-sizing:border-box;display:flex;flex-direction:column;background:var(--mui-bg);color:var(--mui-text);border:1px solid var(--mui-line);border-radius:14px;box-shadow:var(--mui-shadow);overflow:hidden;animation:muiIn .14s ease-out}
.mui-pop.is-up{animation-name:muiUp}
.mui-pop[hidden]{display:none}
@keyframes muiIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@keyframes muiUp{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.mui-search{display:flex;align-items:center;gap:8px;margin:8px 8px 4px;padding:0 10px;border:1px solid var(--mui-line);border-radius:10px;background:var(--mui-field);color:var(--mui-muted)}
.mui-search:focus-within{border-color:var(--mui-blue);box-shadow:0 0 0 3px var(--mui-ring)}
.mui-search__input{all:unset;flex:1;height:36px;font:inherit;font-size:14px;color:var(--mui-text)}
.mui-search__input::placeholder{color:var(--mui-muted)}
.mui-list{list-style:none;margin:0;padding:6px;overflow:auto;overscroll-behavior:contain;outline:none;flex:1;min-height:0}
.mui-list::-webkit-scrollbar{width:10px}.mui-list::-webkit-scrollbar-thumb{background:var(--mui-line);border-radius:10px;border:3px solid var(--mui-bg)}
.mui-group{padding:8px 10px 4px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mui-muted)}
.mui-opt{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;cursor:pointer;font-size:14px;font-weight:600;color:var(--mui-text);user-select:none}
.mui-opt__icon{flex:none;width:28px;height:28px;border-radius:7px}
.mui-opt__text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mui-opt__tick{flex:none;color:var(--mui-blue);opacity:0}
.mui-opt.is-active{background:var(--mui-hover)}
.mui-opt.is-selected{background:var(--mui-active);color:var(--mui-blue)}
.mui-opt.is-selected .mui-opt__tick{opacity:1}
.mui-opt[aria-disabled]{opacity:.45;cursor:not-allowed}
.mui-empty{padding:14px;text-align:center;color:var(--mui-muted);font-size:13.5px}
.mui-empty[hidden]{display:none}
/* range */
input[type=range].mui-range{-webkit-appearance:none;appearance:none;width:100%;height:28px;margin:6px 0 2px;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;cursor:pointer;--mui-fill:50%;accent-color:var(--mui-blue)}
input[type=range].mui-range:focus{outline:none}
input[type=range].mui-range::-webkit-slider-runnable-track{height:8px;border-radius:99px;background:linear-gradient(90deg,var(--mui-blue) 0,var(--mui-blue2) var(--mui-fill),var(--mui-track) var(--mui-fill))}
input[type=range].mui-range::-moz-range-track{height:8px;border-radius:99px;background:var(--mui-track)}
input[type=range].mui-range::-moz-range-progress{height:8px;border-radius:99px;background:var(--mui-blue)}
input[type=range].mui-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;margin-top:-7px;border-radius:50%;background:#fff;border:3px solid var(--mui-blue);box-shadow:0 4px 12px -2px rgba(18,109,255,.55);transition:transform .12s,box-shadow .12s}
input[type=range].mui-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--mui-blue);box-shadow:0 4px 12px -2px rgba(18,109,255,.55)}
input[type=range].mui-range:hover::-webkit-slider-thumb{transform:scale(1.08)}
input[type=range].mui-range:active::-webkit-slider-thumb{transform:scale(1.14)}
input[type=range].mui-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 6px var(--mui-ring),0 4px 12px -2px rgba(18,109,255,.55)}
input[type=range].mui-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 6px var(--mui-ring)}
html.mono-dark input[type=range].mui-range::-webkit-slider-thumb{background:#e8f1ff}
.mui-ticks{display:flex;justify-content:space-between;margin-top:2px;padding:0 4px;font-size:11.5px;font-weight:700;color:var(--mui-muted);font-variant-numeric:tabular-nums}
.mui-ticks span{position:relative;padding-top:7px}
.mui-ticks span:before{content:"";position:absolute;top:0;left:50%;width:1px;height:5px;background:var(--mui-line)}
.mui-ticks span:first-child:before{left:2px}.mui-ticks span:last-child:before{left:auto;right:2px}
/* checkbox + radio */
input[type=checkbox]:not(.mui-skip):not([role=switch]):not(.sr-only):not(.hidden):not(.monolith-tos-check__input):not(.mono-region__input):not(.peer),input[type=radio]:not(.mui-skip):not(.sr-only):not(.hidden):not(.mono-region__input):not(.peer){-webkit-appearance:none;appearance:none;flex:none;width:19px;height:19px;margin:0;vertical-align:-4px;background:var(--mui-field) no-repeat center/12px 12px;border:1.5px solid var(--mui-line-h);border-radius:6px;cursor:pointer;color:var(--mui-blue);box-shadow:none;transition:background-color .15s,border-color .15s,box-shadow .15s}
input[type=radio]:not(.mui-skip):not(.sr-only):not(.hidden):not(.mono-region__input):not(.peer){border-radius:50%}
input[type=checkbox]:not(.mui-skip):not(.sr-only):not(.hidden):hover,input[type=radio]:not(.mui-skip):not(.sr-only):not(.hidden):not(.mono-region__input):not(.peer):hover{border-color:var(--mui-blue)}
input[type=checkbox]:not(.mui-skip):not(.sr-only):not(.hidden):checked{background-color:var(--mui-blue);border-color:var(--mui-blue);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m2.5 6.3 2.2 2.2 4.8-5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
input[type=checkbox]:not(.mui-skip):not(.sr-only):not(.hidden):indeterminate{background-color:var(--mui-blue);border-color:var(--mui-blue);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 6h6' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
input[type=radio]:not(.mui-skip):not(.sr-only):not(.hidden):not(.mono-region__input):not(.peer):checked{border-color:var(--mui-blue);background-image:radial-gradient(circle,var(--mui-blue) 0 4.5px,transparent 5px);background-size:100% 100%}
input[type=checkbox]:not(.mui-skip):focus-visible,input[type=radio]:not(.mui-skip):focus-visible{outline:none;box-shadow:0 0 0 4px var(--mui-ring)}
input[type=checkbox]:disabled,input[type=radio]:disabled{opacity:.5;cursor:not-allowed}
/* number */
input[type=number].mui-number{-moz-appearance:textfield;appearance:textfield;padding-right:34px}
input[type=number].mui-number::-webkit-inner-spin-button,input[type=number].mui-number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.mui-rel{position:relative}
.mui-stepper{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:2px}
.mui-stepper button{all:unset;display:grid;place-items:center;width:22px;height:15px;border-radius:5px;color:var(--mui-muted);cursor:pointer;background:var(--mui-hover)}
.mui-stepper button:hover{color:#fff;background:var(--mui-blue)}
@media (prefers-reduced-motion:reduce){.mui-pop{animation:none}.mui-chev{transition:none}}
@media (max-width:640px){.mui-opt{padding:11px 10px;font-size:15px}.mui-search__input{font-size:16px}}
/* guard against host-page rules leaking into the widget */
.mui-select svg{transform:none!important;pointer-events:none}
.mui-select .mui-search svg,.mui-select .mui-opt svg,.mui-select .mui-select__btn svg:not(.mui-chev){position:static!important;top:auto!important;right:auto!important;margin:0!important}
.mui-select .mui-chev{position:absolute!important;right:13px!important;left:auto!important;top:50%!important;margin-top:-8px!important}
.mui-select.is-open .mui-chev{transform:rotate(180deg)!important}
.mui-pop input.mui-search__input,.mui-pop input.mui-search__input:focus{all:unset;flex:1;min-width:0;height:36px;font:inherit;font-size:14px;color:var(--mui-text);border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;margin:0!important;width:auto!important}
.mui-select button.mui-select__btn{margin:0;text-transform:none;letter-spacing:normal}
/* Paymenter specifics */
body.monolith-billing .mui-select{--mui-h:44px}
body.monolith-billing select.mui-native+.mui-select .mui-select__btn{font-size:14px}
body.monolith-billing .monolith-order-card .mui-select__btn,body.monolith-billing .mono-order .mui-select__btn{font-weight:700}

/* v3.4 search guard */
html body .mui-pop .mui-search input.mui-search__input.mui-search__input:not([type=checkbox]):not([type=radio]),html body .mui-pop .mui-search input.mui-search__input.mui-search__input:not([type=checkbox]):not([type=radio]):focus,html body .mui-pop .mui-search input.mui-search__input.mui-search__input:not([type=checkbox]):not([type=radio]):hover{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;min-height:0!important;height:36px!important;padding:0!important;margin:0!important;border-radius:0!important;width:auto!important;flex:1!important}

/* v3.5 placeholder tile for options without artwork */
.mui-ico-blank{display:grid!important;place-items:center;background:linear-gradient(135deg,#1d4ed8,#126dff);color:#fff;font-weight:700;font-size:13px;line-height:1;border-radius:7px}
.mui-ico-fill{width:100%;height:100%}