/* Business-specific appearance. Load after legacy CSS to remove fixed plum colors. */
.sp-bootstrap-app { --bs-primary:var(--sp-primary); --bs-link-color:var(--sp-primary); --bs-link-hover-color:var(--sp-primary); }
.sp-bootstrap-app .btn-primary, .sp-bootstrap-app .sp-button-primary,
.sp-bootstrap-app .p2-button:not(.p2-outline), .sp-bootstrap-app .sp-pos-complete,
.sp-bootstrap-app .sp-topbar-sale {background-color:var(--sp-primary)!important;border-color:var(--sp-primary)!important;color:#fff!important;}
.sp-bootstrap-app .p2-button.p2-outline {background:#fff!important;color:var(--sp-primary)!important;border-color:var(--sp-primary)!important;}
.sp-bootstrap-app .p2-button.p2-outline:hover {background:var(--sp-primary)!important;color:#fff!important;}
.sp-bootstrap-app .p2-head small,.sp-bootstrap-app .p2-link,.sp-bootstrap-app .sp-eyebrow,
.sp-bootstrap-app .sp-nav-group .active,.sp-bootstrap-app .sp-quick-links svg,
.sp-bootstrap-app .p2-pill {color:var(--sp-primary)!important;}
.sp-bootstrap-app .p2-link:hover{color:var(--sp-accent)!important;}
.sp-bootstrap-app .sp-sidebar-link.active{background:color-mix(in srgb,var(--sp-primary) 10%,#fff)!important;color:var(--sp-primary)!important;}
.sp-bootstrap-app .sp-sidebar-link:hover{color:var(--sp-primary)!important;}
.sp-bootstrap-app .p2-pill{background:color-mix(in srgb,var(--sp-primary) 10%,#fff)!important;}
.sp-bootstrap-app .p2-panel input:focus,.sp-bootstrap-app .p2-panel select:focus{outline-color:var(--sp-primary)!important;}
.sp-bootstrap-app .sp-plan-status{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:24px;font-size:11px;font-weight:750;white-space:nowrap;}
.sp-bootstrap-app .sp-plan-status-active{background:#eaf8ee;color:#216944;}
.sp-bootstrap-app .sp-plan-status-grace{background:#fff5dc;color:#815c12;}
.sp-bootstrap-app .sp-plan-status-disabled,.sp-bootstrap-app .sp-plan-status-expired,.sp-bootstrap-app .sp-plan-status-not-configured{background:#fff0ed;color:#9b3d36;}
.sp-bootstrap-app .sp-plan-status-scheduled{background:#eaf3ff;color:#315b91;}
.sp-bootstrap-app .sp-plan-modal-screen{position:fixed;inset:0;background:rgba(20,30,48,.46);z-index:1090;display:flex;align-items:center;justify-content:center;padding:12px;}
.sp-bootstrap-app .sp-plan-modal-panel{width:min(100%,650px);background:white;border-radius:15px;max-height:calc(100dvh - 24px);overflow:auto;box-shadow:0 20px 65px rgba(20,30,48,.25);}
.sp-bootstrap-app .sp-plan-modal-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:22px 24px;border-bottom:1px solid #e8ebf0;}
.sp-bootstrap-app .sp-plan-modal-header h2{font-size:19px;margin:0;}
.sp-bootstrap-app .sp-plan-modal-content{padding:20px 24px;}
.sp-bootstrap-app .sp-plan-modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #e8ebf0;flex-wrap:wrap;}
.sp-bootstrap-app .sp-plan-info{font-size:12px;color:#667085;line-height:1.6;}
@media(max-width:600px){.sp-bootstrap-app .sp-plan-modal-header,.sp-bootstrap-app .sp-plan-modal-content,.sp-bootstrap-app .sp-plan-modal-actions{padding-left:16px;padding-right:16px;}}