/* SPF1: labels and the dealer's recommendation editor only. */
.spf1-type{display:inline-flex;align-items:center;justify-content:center;max-width:100%;padding:4px 9px;border:1px solid #d5deef;border-radius:7px;background:#edf3fb;color:#173364;font-size:11px!important;font-weight:800!important;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
.spf1-type-prepaid{background:#fffbd0;border-color:#d9c957;color:#443900}
.spf1-type-postpaid{background:#e9effb;border-color:#b8c9e9;color:#102d68}
.recommend-mini>.spf1-type{align-self:start;justify-self:start;margin:9px 0 3px}
.recommendation-share-view .pc1-top{flex-wrap:wrap;justify-content:flex-start;gap:7px}
.recommendation-share-view .plan-card.efx-pc1-card .pc1-top .pc1-share{margin-left:auto}
.recommendation-share-view .pc1-top .spf1-type{background:#fffdf3;border-color:#bfb334;color:#172c51}
.spf1-anchor{display:block;height:0;scroll-margin-top:160px}
body:not(.recommendation-share-view) .spf1-anchor{display:none}
#recommendationShareBanner{scroll-margin-top:160px}
#recommendationShareModal .modal-dialog{max-height:calc(100dvh - 28px);overflow-y:auto;overscroll-behavior:contain}
#recommendationShareModal h2{padding-right:40px;overflow-wrap:anywhere}
.spf1-editor{margin-top:16px}
.spf1-editor-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.spf1-editor-head h3{font-size:15px;color:#0b2056;margin:0}
.spf1-editor-head>span{font-size:11px;font-weight:800;white-space:nowrap;color:#576780}
.spf1-help,.spf1-status,.spf1-empty{font-size:12px;line-height:1.55;color:#596982;margin:7px 0}
.spf1-status:empty{display:none}
.spf1-selected{min-width:0;gap:8px}
.spf1-selected>div{min-width:0;flex:1}
.spf1-selected strong{display:block;overflow-wrap:anywhere}
.spf1-selected-meta{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:6px}
.spf1-selected-meta>span:not(.spf1-type){font-size:11px;line-height:1.5}
.spf1-remove{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid #ccd5e3;border-radius:11px;background:white;color:#132e61;cursor:pointer}
.spf1-remove img{width:18px;height:18px}
.spf1-add-label{font-size:12px;font-weight:800;color:#173364;display:block;margin:12px 0 6px}
.spf1-add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.spf1-add select{width:100%;min-width:0;min-height:46px;border:1px solid #cbd5e4;border-radius:11px;background:white;color:#173364;padding:10px;font:inherit;font-size:14px}
.spf1-add .btn{min-height:46px;max-width:155px;white-space:normal;line-height:1.35}
.spf1-editor button:disabled,.spf1-editor select:disabled,#createRecommendationLinkBtn:disabled{opacity:.55;cursor:default}
.spf1-editor :focus-visible{outline:3px solid #2879cb;outline-offset:2px}
@media(max-width:430px){.spf1-add{grid-template-columns:1fr}.spf1-add .btn{max-width:none}.spf1-editor-head{align-items:flex-start}.spf1-editor-head h3{font-size:14px}.spf1-selected{padding:10px}.spf1-add select{font-size:16px}#recommendationShareModal .recommendation-form-grid input,#recommendationShareModal .recommendation-form-grid select,#recommendationShareModal textarea{font-size:16px}}