/* Civimetra V37 · Escala coherente para cuenta, usuario y administración */

.user-menu-button{width:40px;height:40px;font-size:12px}
.account-menu-popover{
  top:64px;
  right:22px;
  width:min(350px,calc(100vw - 24px));
  padding:15px;
}
.account-menu-popover>header{gap:12px;padding:9px 9px 13px}
.account-menu-popover>header>span{width:46px;height:46px;font-size:12px}
.account-menu-popover header b{font-size:14px;line-height:1.25}
.account-menu-popover header small{margin-top:4px;font-size:11px;line-height:1.35}
.account-menu-popover>em{margin:0 9px 12px;padding:5px 9px;font-size:10px}
.account-menu-popover>button,.account-menu-popover>a{
  grid-template-columns:38px minmax(0,1fr);
  gap:11px;
  min-height:57px;
  padding:10px 11px;
}
.account-menu-popover>button>i,.account-menu-popover>a>i{width:37px;height:37px;font-size:14px}
.account-menu-popover>button span,.account-menu-popover>a span{font-size:13px;line-height:1.25}
.account-menu-popover>button small,.account-menu-popover>a small{margin-top:4px;font-size:10px;line-height:1.35}
.account-menu-popover>footer{margin-top:9px;padding-top:10px}
.account-menu-popover>footer button{height:42px;font-size:12px}

.account-center{grid-template-columns:280px minmax(0,1fr)}
.account-center>aside{padding:25px 18px}
.account-center-brand{padding:4px 9px 27px}
.account-center>aside>header{gap:12px;padding:14px 11px;margin-bottom:18px}
.account-center>aside>header>span{width:43px;height:43px;font-size:11px}
.account-center>aside header b{font-size:12px;line-height:1.25}
.account-center>aside header small{margin-top:4px;font-size:10px;line-height:1.3}
.account-center>aside nav{gap:5px}
.account-center>aside nav button,.account-admin-link{
  gap:11px;
  height:46px;
  padding:0 12px;
  font-size:12px;
}
.account-center>aside nav button i{width:25px;font-size:15px}
.account-admin-link{margin-top:15px!important}
.account-center>aside>footer{padding:15px 10px 0}
.account-center>aside>footer button{font-size:11px}
.account-center-main>header{height:72px;padding:0 36px}
.account-center-main>header button{font-size:12px}
.account-center-main>header a{font-size:11px}
.account-view{padding:56px 48px 90px}
.account-view.narrow{max-width:820px}
.portal-kicker{font-size:10px;letter-spacing:1.5px}
.account-view>h1{font-size:40px;line-height:1.12}
.account-view>p{font-size:14px;line-height:1.65}
.account-toast{padding:14px 17px;font-size:12px}

.account-overview-grid>article{min-height:190px;padding:26px}
.account-overview-grid article small,.account-plan-card small{font-size:10px}
.account-overview-grid article>b{font-size:27px}
.account-overview-grid article>p{font-size:12px;line-height:1.5}
.account-overview-grid article>button,.account-plan-card button{font-size:11px}
.account-plan-card h2{font-size:36px}
.account-plan-card button{padding:11px 15px}

.settings-form{gap:18px;padding:28px}
.settings-form>label,.secure-password{font-size:12px!important}
.settings-form>label>input,.secure-password>div input{height:49px!important;font-size:14px!important}
.secure-password>div button{font-size:11px}
.strength-text{font-size:10px}
.portal-primary{min-height:44px;padding:0 19px;font-size:12px}

.account-plans article{padding:25px}
.account-plans article.current:after{font-size:10px}
.account-plans small{font-size:10px}
.account-plans h2{font-size:29px}
.account-plans h2 i{font-size:11px}
.account-plans p{font-size:12px;line-height:1.5}
.account-plans a,.account-plans em{font-size:11px}
.account-plans a{padding:10px 13px}
.billing-status>div{padding:19px}
.billing-status small{font-size:10px}
.billing-status b{font-size:12px;line-height:1.4}

.security-checks span{padding:18px}
.security-checks i{width:31px;height:31px;font-size:13px}
.security-checks b{font-size:12px}
.security-checks small{font-size:10px;line-height:1.45}
.account-alert{font-size:12px}

.preference-list>label{padding:20px}
.preference-list b{font-size:12px}
.preference-list small{font-size:10px;line-height:1.45}
.preference-list input{width:17px;height:17px}

.support-card{padding:28px}
.support-card>b{font-size:19px}
.support-card>small{font-size:11px}
.support-card textarea{font-size:14px;line-height:1.5}
.support-card .legal-check span{font-size:11px!important;line-height:1.55}
.support-card .privacy-layer{font-size:10px!important;line-height:1.5}
.account-legal-links button{padding:10px 13px;font-size:11px}
.privacy-actions article{padding:21px}
.privacy-actions b{font-size:12px}
.privacy-actions p{font-size:10px;line-height:1.5}
.privacy-actions button{padding:9px 12px;font-size:11px}

/* El panel privado utiliza la misma escala legible. */
.admin-center{grid-template-columns:270px minmax(0,1fr)}
.admin-center>aside{padding:27px 18px}
.admin-center>aside>span{font-size:10px}
.admin-center>aside nav button{height:46px;padding:0 13px;font-size:12px}
.admin-center>aside footer b{font-size:12px}
.admin-center>aside footer small{font-size:10px}
.admin-center>aside footer button{font-size:11px}
.admin-center>section>header{height:82px;padding:0 36px}
.admin-center>section>header span{font-size:10px}
.admin-center>section>header h1{font-size:25px}
.admin-center>section>header button{font-size:11px}
.admin-loading,.admin-empty{font-size:12px}
.admin-metrics small,.admin-payment-summary small{font-size:10px}
.admin-metrics span{font-size:11px}
.admin-overview-columns header b{font-size:13px}
.admin-overview-columns header button{font-size:10px}
.admin-person b,.admin-event b{font-size:11px}
.admin-person small,.admin-event span{font-size:10px}
.admin-person em,.admin-event small{font-size:10px}
.admin-filters input,.admin-filters select{font-size:11px}
.admin-filters span{font-size:11px}
.admin-table>header,.payments-table>header{font-size:10px}
.admin-table>div,.payments-table>div{font-size:11px}
.admin-table>div>span>small,.customer-cell small,.payments-table small{font-size:10px}
.customer-cell em{font-size:10px}
.admin-table select,.admin-table button{font-size:10px}
.payments-table em{font-size:10px}
.activity-list b{font-size:12px}
.activity-list p{font-size:11px}
.activity-list small{font-size:10px}

@media(max-width:900px){
  .account-center{grid-template-columns:225px minmax(0,1fr)}
  .admin-center{grid-template-columns:220px minmax(0,1fr)}
  .account-view{padding-left:30px;padding-right:30px}
}

@media(max-width:650px){
  .account-menu-popover{top:58px;right:10px;width:calc(100vw - 20px);max-width:350px}
  .account-center>aside nav button,.admin-center>aside nav button{width:46px;height:46px;font-size:0}
  .account-center>aside nav button i{font-size:17px}
  .account-center-main>header,.admin-center>section>header{height:68px;padding:0 16px}
  .account-center-main>header a{display:none}
  .account-view{padding:36px 18px 95px}
  .account-view>h1{font-size:32px}
  .account-view>p{font-size:13px}
  .account-overview-grid>article{min-height:0}
  .settings-form,.support-card{padding:21px}
  .privacy-actions article{align-items:flex-start;flex-direction:column}
}