/* V10.27: compact two-column single-choice popups (auto-apply on tap). */
.smb-picker-backdrop{padding:12px;z-index:8000}
.smb-picker-dialog{width:min(390px,100%);min-height:0!important;max-height:min(550px,calc(100dvh - 24px));border-radius:22px;box-shadow:0 22px 65px #141c3855}
.smb-picker-header{padding:15px 16px 11px;gap:8px}
.smb-picker-header h3{margin:3px 0 0;font-size:18px;line-height:1.22;letter-spacing:-.35px}
.smb-picker-kicker{font-size:9px;letter-spacing:1px}
.smb-picker-close{width:32px;height:32px;flex-shrink:0;border-radius:50%}
.smb-picker-options{gap:8px;padding:12px;min-height:0;overflow-y:auto}
.smb-picker-options.smb-picker-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-items:stretch}
.smb-picker-options.smb-picker-grid .smb-picker-option{display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;gap:6px;text-align:center;min-height:90px;padding:12px 8px;border-radius:15px;border:1px solid #e1e6f1;background:linear-gradient(145deg,#f7faff,#fff);font-size:12px;line-height:1.25;overflow-wrap:anywhere}
.smb-picker-options.smb-picker-grid .smb-picker-option:nth-child(4n+1){background:linear-gradient(135deg,#e6faf2,#f5fffc);border-color:#b8eddb}
.smb-picker-options.smb-picker-grid .smb-picker-option:nth-child(4n+2){background:linear-gradient(135deg,#e7f0ff,#f7fbff);border-color:#bad5ff}
.smb-picker-options.smb-picker-grid .smb-picker-option:nth-child(4n+3){background:linear-gradient(135deg,#fff0e0,#fffbf3);border-color:#ffdec1}
.smb-picker-options.smb-picker-grid .smb-picker-option:nth-child(4n+4){background:linear-gradient(135deg,#f1eaff,#fbf8ff);border-color:#dccbfd}
.smb-picker-options.smb-picker-grid .smb-picker-option.is-selected{border:2px solid #376cf2!important;background:linear-gradient(135deg,#d9e9ff,#f0f6ff)!important;box-shadow:0 0 0 2px #376cf21c}
.smb-picker-options.smb-picker-grid .smb-picker-check{position:absolute;right:7px;top:6px;color:#5771a5;font-size:15px}
.smb-picker-options.smb-picker-grid .smb-picker-option.is-selected .smb-picker-check{display:grid;place-items:center;background:#2269e9;color:#fff;border-radius:50%;width:19px;height:19px;line-height:1;font-size:12px}
.smb-picker-age-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#ffffffb8;color:#6e50df;font-size:20px;line-height:1}
.smb-picker-grid .smb-picker-option-label{max-width:100%;font-weight:800}
@media(max-width:760px){
 .smb-picker-backdrop{padding:12px}
 .smb-picker-dialog{width:min(340px,100%);max-height:calc(100dvh - 26px);border-radius:22px}
 .smb-picker-header{padding:15px 15px 10px}
 .smb-picker-header h3{font-size:17px}
 .smb-picker-options{padding:11px;gap:7px}
 .smb-picker-options.smb-picker-grid{gap:8px}
 .smb-picker-options.smb-picker-grid .smb-picker-option{min-height:84px;padding:11px 8px;font-size:12px}
}
@media(max-width:340px){.smb-picker-options.smb-picker-grid .smb-picker-option{font-size:11px;min-height:80px}}
@media(prefers-reduced-motion:no-preference){.smb-picker-option{transition:border-color .15s,background .15s,transform .15s}.smb-picker-option:active{transform:scale(.98)}}
