/* A blocked workspace exposes renewal actions, never business views. */
#appScreen.subscription-locked :is(.sidebar-nav,.sidebar-footer,.mobile-quickbar,.bm-bottom,.liquid-topnav,.global-top-search,.dashboard-commandbar,.admin-tabs){display:none!important}
html body #appScreen.subscription-locked .shell .sidebar :is(.sidebar-nav,.sidebar-footer){display:none!important}
html body #appScreen.subscription-locked .shell .mobile-quickbar{display:none!important}
#appScreen.subscription-locked #liquidTopNav.liquid-topnav{display:none!important}
#appScreen.subscription-locked .shell-main{padding-top:24px!important}
html:has(#appScreen.subscription-locked) .user-notification-center{display:none!important}
#appScreen.subscription-locked :is(#dashboardView,#empresasView,#queryView,#profileView,#settingsView,#clientPortalView,#knowledgeBaseView,#tenantSiteView){display:none!important}
.subscription-required-modal footer{flex-direction:column}
.subscription-required-modal footer button[data-checkout-plan]{background:#0b63e5!important;color:#fff!important;border-color:#0b63e5!important}
.subscription-required-modal{box-sizing:border-box;grid-template-rows:minmax(0,1fr)}
.subscription-required-modal>section{box-sizing:border-box;min-height:0;max-height:100%!important;overflow-y:auto}
#appScreen #adminView .renewal-current-plan{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(220px,300px)!important;box-sizing:border-box;min-width:0;max-width:100%;gap:28px;margin:0 0 24px;padding:28px;border:1px solid #b8d2f5;border-radius:16px;background:#f4f8ff;color:#172b49}
#appScreen #adminView .renewal-current-plan small{display:block;color:#1764c3;font-size:11px;font-weight:700;letter-spacing:.04em}
#appScreen #adminView .renewal-current-plan h3{margin:8px 0;font-size:24px;color:#172b49}
#appScreen #adminView .renewal-current-plan p{margin:0 0 16px;color:#65758d;font-size:14px;line-height:1.5}
#appScreen #adminView .renewal-current-plan b,#appScreen #adminView .renewal-current-plan>div>span{display:block;margin-top:10px;font-size:18px}
#appScreen #adminView .renewal-current-plan>div>span{font-size:13px;color:#65758d}
#appScreen #adminView .renewal-current-actions{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:center;min-width:0!important;max-width:100%;gap:10px}
#appScreen #adminView .renewal-current-actions label{display:grid!important;grid-template-columns:1fr!important;align-self:stretch!important;min-width:0;width:100%!important;gap:8px;color:#52657f;font-size:13px!important;font-weight:600;text-transform:none}
#appScreen #adminView .renewal-current-actions select{box-sizing:border-box;min-width:0;width:100%!important;max-width:100%;min-height:46px!important;padding:10px!important;border:1px solid #cbdcf2;border-radius:9px;background:#fff;color:#172b49;font-size:14px!important}
#appScreen #adminView .renewal-current-actions button{box-sizing:border-box;width:100%!important;max-width:100%!important;min-width:0!important;flex:none!important;height:auto!important;min-height:46px!important;padding:10px 16px;border:1px solid #0b63e5;border-radius:9px;background:#0b63e5;color:#fff;font-size:14px;font-weight:650;cursor:pointer}
#appScreen #adminView .renewal-current-actions button.secondary{background:#fff;color:#23558f;border-color:#cbdcf2}
#appScreen #adminView .renewal-current-actions button:disabled{opacity:.5;cursor:not-allowed}
html[data-theme=dark] #appScreen #adminView .renewal-current-plan{background:#14263d;border-color:#355477;color:#e5edf8}
html[data-theme=dark] #appScreen #adminView .renewal-current-plan :is(h3,p,span,label){color:#e5edf8}
html[data-theme=dark] #appScreen #adminView .renewal-current-actions :is(select,button.secondary){background:#141d2a;color:#e5edf8;border-color:#355477}
@media(max-width:620px){#appScreen #adminView .renewal-current-plan{grid-template-columns:1fr!important;gap:20px;padding:20px}#appScreen #adminView .renewal-current-actions select{font-size:16px!important;min-height:50px!important}#appScreen #adminView .renewal-current-actions button{min-height:48px!important}}
.subscription-required-modal .subscription-whatsapp,.subscription-renewal-notice .subscription-whatsapp{display:flex;justify-content:center;align-items:center;min-height:44px;padding:10px 16px;box-sizing:border-box;border:1px solid #b5dfca;border-radius:10px;background:#effaf3;color:#136c3d;font-size:14px;font-weight:650;text-decoration:none}
.subscription-renewal-notice{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:0 0 20px;padding:20px;border:1px solid #dce5ef;border-radius:14px;background:#fff}
.subscription-renewal-notice>div{flex:1;min-width:200px}
.subscription-renewal-notice b{color:#172b49;font-size:16px}
.subscription-renewal-notice p{margin:6px 0 0;color:#66758c;font-size:14px}
.subscription-renewal-notice button{min-height:44px;padding:10px 16px;border:1px solid #d5deea;border-radius:10px;background:#fff;color:#172b49;cursor:pointer}
html[data-theme=dark] .subscription-renewal-notice{background:#141d2a;border-color:#334156}
html[data-theme=dark] .subscription-renewal-notice :is(b,p,button){color:#e5edf8}
html[data-theme=dark] .subscription-renewal-notice button{background:#141d2a;border-color:#334156}
html[data-theme=dark] :is(.subscription-required-modal,.subscription-renewal-notice) .subscription-whatsapp{background:#183626;color:#aff0ca;border-color:#345d46}
@media(max-width:620px){#appScreen.subscription-locked .shell-main{padding-top:16px!important}.subscription-renewal-notice{padding:16px;gap:12px}.subscription-renewal-notice>div,.subscription-renewal-notice :is(a,button){width:100%}.subscription-required-modal footer :is(button,a){min-height:48px}}
