/* Shared dimensions keep plan/credit switches stable on laptop screens. */
#modal:has(.tariff-view){width:min(780px,calc(100vw - 32px));padding:12px 28px;border-radius:24px;scrollbar-gutter:stable}
#modal:has(.tariff-view) .close{display:grid;place-items:center;width:36px;height:36px;right:12px;top:12px;padding:0;border:0;border-radius:50%;background:#232323;color:#fffffd;font-size:0;transition:background-color .2s ease}
#modal:has(.tariff-view) .close:before{content:'';position:absolute;inset:0;margin:auto;width:18px;height:18px;background:currentColor;mask:url('/admin/icons/X.svg') center/contain no-repeat}
#modal:has(.tariff-view) .close:hover{background:#343434}
#modal .tariff-brand{width:70px;height:20px;margin-bottom:10px}
#modal:has(.tariff-view) h2{font-size:40px;line-height:1.06;margin-bottom:4px}
#modal .tariff-intro{height:36px;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:18px;margin:0 0 8px}
#modal .tariff-intro .tariff-credit-banner{display:inline-flex;gap:8px;height:32px;margin:0;padding:4px 16px;border-radius:8px;font-size:14px;line-height:22px}
#modal .tariff-credit-banner>span{font-size:24px}
#modal .tariff-view .tariff-tabs{width:230px;height:46px;margin-bottom:14px}
#modal .tariff-view .tariff-tabs button{height:36px;font-size:14px}
#modal .tariff-grid{gap:12px}
#modal .tariff-card,#modal .tariff-card.selected{display:flex;flex-direction:column;align-items:stretch;height:190px;min-height:190px;padding:14px!important;border-radius:8px;gap:0;text-align:left}
#modal .tariff-card-heading,#modal .tariff-prices,#modal .tariff-card>small,#modal .tariff-card .tariff-output,#modal .tariff-card .tariff-feature{position:static;min-height:0;height:auto;max-width:100%;margin:0}
#modal .tariff-card-heading{position:relative;min-height:22px;left:auto;right:auto;top:auto;padding-right:24px}
#modal .tariff-card h3,#modal .tariff-card:nth-child(2) h3{font-size:14px;line-height:20px}
#modal .tariff-radio,#modal .selected .tariff-radio:after{width:20px;height:20px;top:0}
#modal .tariff-prices{flex-direction:row;flex-wrap:nowrap;align-items:baseline;gap:8px;margin-top:4px}
#modal .tariff-price{font-size:30px;line-height:38px;margin:0}
#modal .tariff-price span{font-size:18px;line-height:24px}
#modal .tariff-old-price{font-size:14px;line-height:20px}
#modal .tariff-card>small{font-size:11px;line-height:17px}
#modal .tariff-card:before{display:none}
#modal .tariff-card .tariff-output{font-size:13px;line-height:20px;border-top:1px solid #5a5a5a;padding-top:7px;margin-top:7px;margin-bottom:6px;white-space:nowrap}
#modal .tariff-card .tariff-feature,#modal .tariff-card .tariff-feature+.tariff-feature{font-size:12px!important;line-height:20px;gap:6px;margin:0!important}
#modal .tariff-feature:before{width:14px;height:14px}
#modal .tariff-view .consent{margin:12px 0 0;min-height:40px;font-size:12px;line-height:18px;gap:8px}
#modal .tariff-view .consent input{width:22px;height:22px}
#modal .tariff-view .consent input:checked:after{width:12px;height:7px}
#modal .consent #tariff-note,#modal .consent .tariff-cancel{font-size:12px;line-height:18px}
#modal .tariff-testimonials{margin:10px 0 0;padding:0}
#modal .tariff-review-slides{position:relative;overflow:hidden;min-height:116px;margin:0 34px;gap:10px}
#modal .tariff-review{height:auto;min-height:116px;padding:10px 12px;border-radius:8px}
#modal .tariff-review-outgoing{position:absolute;top:0;height:100%;pointer-events:none}
#modal .tariff-review-summary{display:flex;align-items:center;flex-wrap:nowrap;gap:10px;min-height:49px;margin-top:12px;padding:8px 12px;border:1px solid #51473f;border-radius:26px;background:#ffffff05;font-size:12px;line-height:17px}
#modal .tariff-review-total{min-width:0}
#modal .tariff-review-avatars{isolation:isolate}
#modal .tariff-review-avatars img{position:relative;width:30px;height:30px;border:2px solid #171615;margin-left:-9px}
#modal .tariff-review-avatars img:first-child{margin-left:0}
#modal .tariff-review-rating{margin-left:auto;flex-shrink:0}
#modal .tariff-review-stars{font-size:13px;line-height:16px}
#modal .tariff-review blockquote{font-size:12px;line-height:17px;margin:4px 0}
#modal .tariff-review figcaption{font-size:11px;line-height:15px;flex-shrink:0}
#modal .tariff-review-navigation>button{top:44px}
#modal .tariff-view #buy{height:56px;min-height:56px;margin-top:10px;font-size:17px}
#modal .tariff-view>.notice{margin-top:8px;font-size:11px;line-height:15px;min-height:30px}
#modal:has(.tariff-view) #service-error:empty{display:none}
@media(min-width:761px){
 #modal[data-fit-login]{position:fixed;inset:50% auto auto 50%;margin:0;width:533px;max-width:none;max-height:none;padding-bottom:32px;transform:translate(-50%,-50%) scale(var(--login-scale,.9));transform-origin:center}
 #modal[data-fit-login] .login-divider{margin:18px 0 22px}
}
@media(min-width:761px) and (max-width:850px){
 #modal:has(.tariff-view){padding-left:18px;padding-right:18px}
 #modal .tariff-card,#modal .tariff-card.selected{padding:12px!important}
 #modal .tariff-price{font-size:28px}
}
@media(min-width:761px) and (max-height:800px){
 #modal:has(.tariff-view){padding-top:8px;padding-bottom:8px}
 #modal .tariff-brand{margin-bottom:6px}
 #modal .tariff-intro{height:28px}
 #modal .tariff-view .tariff-tabs{margin-bottom:10px}
 #modal .tariff-card,#modal .tariff-card.selected{height:180px;min-height:180px}
 #modal .tariff-review-summary{min-height:43px;margin-top:8px;padding-top:6px;padding-bottom:6px}
}
@media(max-width:760px){
 #modal:has(.tariff-view),#modal:has(.tariff-view[data-mode="credits"]){width:calc(100vw - 16px);padding:48px 16px 20px}
 #modal:has(.tariff-view) h2{font-size:28px;line-height:32px}
 #modal .tariff-view .tariff-tabs{height:54px;margin-bottom:14px}
 #modal .tariff-view .tariff-tabs button{height:44px}
 #modal .tariff-grid{grid-template-columns:1fr;gap:10px}
 #modal .tariff-card,#modal .tariff-card.selected,#modal .tariff-view[data-mode="credits"] .tariff-card{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto auto;height:auto;min-height:0;padding:14px!important;gap:5px 10px}
 #modal .tariff-card-heading{position:static;min-height:0;padding:0}
 #modal .tariff-radio{top:14px;right:14px}
 #modal .tariff-card h3,#modal .tariff-card:nth-child(2) h3{font-size:16px;line-height:22px}
 #modal .tariff-prices{flex-direction:column;gap:1px;padding-right:28px;margin:0}
 #modal .tariff-price,#modal .tariff-prices .tariff-price{font-size:24px;line-height:28px}
 #modal .tariff-card>small{font-size:12px;line-height:17px}
 #modal .tariff-card .tariff-output{font-size:14px;line-height:20px;border:0;margin:0;padding:4px 0 0;white-space:normal}
 #modal .tariff-view .consent{margin-top:12px;min-height:0}
 #modal .tariff-review-slides{margin:0;min-height:164px}
 #modal .tariff-review{height:auto;min-height:164px;padding:12px}
 #modal .tariff-review blockquote{font-size:13px;line-height:18px}
 #modal .tariff-review-navigation{height:46px}
 #modal .tariff-review-summary{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 10px;padding:10px 12px;border-radius:18px;font-size:11px;line-height:16px}
 #modal .tariff-review-rating{grid-column:1/-1;justify-self:center;margin-left:0}
 #modal .tariff-view #buy,#modal .tariff-view[data-mode="credits"] #buy{margin-top:8px;min-height:56px;height:auto}
}