/* v4.12.14 Builder UX: compact plan toggle + focused Something Else overlay */
.builder-modal .plan-type-row{display:flex!important;justify-content:center;gap:4px!important;width:min(390px,100%);margin:0 auto 14px!important;padding:4px;background:#eef4f8;border:1px solid #dce7ef;border-radius:16px}
.builder-modal .plan-type{flex:1;min-width:0;border:0!important;border-radius:12px!important;padding:9px 12px!important;gap:6px!important;background:transparent!important;box-shadow:none!important;min-height:44px}
.builder-modal .plan-type span{font-size:20px!important;line-height:1}
.builder-modal .plan-type b{font-size:13px!important;white-space:nowrap}
.builder-modal .plan-type.selected{background:#fff!important;box-shadow:0 2px 8px rgba(7,59,103,.11)!important;color:#0b4d7b!important}
.builder-modal .plan-type:not(.selected){color:#6d8799!important}
.builder-modal .plan-type.disabled{opacity:.45}
.builder-modal .plan-type-row.single{width:min(200px,100%)}

/* Treat Something Else as a focused child dialog instead of another panel inside the builder. */
.builder-modal:has(.custom-food-editor){overflow:hidden!important}
.builder-modal:has(.custom-food-editor) .builder-actions{display:none!important}
.builder-modal:has(.custom-food-editor) .custom-food-editor{position:fixed;z-index:130;left:50%;top:max(14px,env(safe-area-inset-top));transform:translateX(-50%);width:min(560px,calc(100vw - 28px));max-height:calc(100dvh - 28px - env(safe-area-inset-top));overflow:auto;overscroll-behavior:contain;background:#fff;border:1px solid #dbe8f0;border-radius:24px;padding:20px;box-shadow:0 0 0 100vmax rgba(14,40,70,.5),0 24px 70px rgba(14,40,70,.3)}
.builder-modal:has(.custom-food-editor) .custom-food-editor .choice-title{margin-bottom:12px}
.builder-modal:has(.custom-food-editor) .custom-food-editor .choice-title h3{font-size:23px}
.builder-modal:has(.custom-food-editor) .custom-food-editor .field{margin-top:4px}
.builder-modal:has(.custom-food-editor) .custom-food-editor .field input{font-size:16px;min-height:50px}
.builder-modal:has(.custom-food-editor) .custom-entry-actions{position:sticky;bottom:-20px;background:#fff;padding-top:12px;margin-top:12px}
@media(max-width:600px){
 .builder-modal .plan-type-row{width:100%;margin-bottom:12px!important}
 .builder-modal .plan-type{padding:8px 7px!important;min-height:42px}
 .builder-modal .plan-type span{font-size:18px!important}
 .builder-modal .plan-type b{font-size:12px!important}
 .builder-modal:has(.custom-food-editor) .custom-food-editor{top:max(8px,env(safe-area-inset-top));width:calc(100vw - 16px);max-height:calc(100dvh - 16px - env(safe-area-inset-top));border-radius:22px;padding:16px}
 /* Dock the sticky action bar back to the builder modal bottom, with balanced vertical padding. */
 .builder-modal>.builder-actions{bottom:-20px!important;padding:12px 0 12px!important;margin-bottom:0!important;box-shadow:0 -7px 14px rgba(255,255,255,.94)}
}
