.offer-summary{background:#f4f8ff;border:1px solid #bdcce2;border-radius:14px;padding:16px;margin:14px 0 20px;color:#223047}.offer-summary>div{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:8px 0}.offer-summary s{color:#586478}.offer-summary small{font-size:13px;color:#45536a}.offer-badge{background:#d6f4df;color:#15502b;border-radius:7px;padding:3px 8px}.offer-summary .offer-payable{border-top:1px solid #c6d4e7;padding-top:12px;font-weight:700}.offer-payable strong{font-size:27px;color:#174d32}.offer-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.offer-editor-grid label{font-size:15px;font-weight:600;min-width:0}.term-label{display:block;font-weight:700;margin-bottom:14px}.offer-enabled{display:flex;align-items:center;gap:8px;margin:18px 0}.offer-enabled input{width:auto;min-height:0}.payment-price-snapshot{font-size:14px;line-height:1.6;color:#314b62}.package-catalog s{font-size:13px;color:#5b6371}.trial-consent{display:flex!important;align-items:flex-start;gap:9px;font-size:13px!important;line-height:1.6!important}.auth-mode .trial-consent input{flex:none;width:18px;height:18px;min-height:18px!important;margin-top:3px}.trial-policy-note{font-size:13px;color:#b5d4e5;line-height:1.6;margin:10px 0}@media(max-width:520px){.offer-editor-grid{grid-template-columns:1fr}.offer-summary{padding:13px}.plan-options{gap:6px}.plan-face{min-height:105px;padding:12px 6px}.plan-face b{font-size:14px}.plan-face small{font-size:11px}}

.selected-plan-features{border:1px solid #cbd8ea;border-radius:14px;padding:16px;background:#fff;margin:12px 0}.selected-plan-features h3{font-size:18px;margin:0 0 12px}.selected-plan-features ul{list-style:none;padding:0;margin:0}.selected-plan-features li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:4px 8px;padding:10px 0;border-bottom:1px solid #e2e8f0;line-height:1.6;font-size:15px}.selected-plan-features .included>span:first-child{color:#146c36;font-weight:800}.feature-availability{grid-column:2;font-size:12px;color:#586478}.selected-plan-features p{font-size:12px!important;line-height:1.6;color:#566174}.excluded{color:#606979}

.current-membership{padding:12px 14px;border-radius:10px;background:#eef1fa;margin:12px 0 20px;font-size:14px}.current-membership p{margin:5px 0!important;font-size:13px!important}
/* v32: compact package benefits; icons carry status without a repeated row. */
.selected-plan-features{padding:12px 14px}
.selected-plan-features h3{font-size:16px;margin-bottom:5px}
.selected-plan-features .feature-legend{font-size:12px!important;margin:0 0 8px!important;color:#4d5b6f}
.selected-plan-features ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}
.selected-plan-features li{grid-template-columns:16px minmax(0,1fr);gap:5px;padding:8px 0;font-size:13px;line-height:1.5;align-content:start}
.selected-plan-features .feature-availability{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.selected-plan-features p{font-size:11px!important;line-height:1.5;margin-bottom:0}
@media(min-width:1100px){.selected-plan-features ul{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(orientation:landscape) and (max-height:600px){.selected-plan-features ul{grid-template-columns:repeat(2,minmax(0,1fr))}.selected-plan-features li{padding:6px 0;font-size:12px}.selected-plan-features h3{font-size:15px}}
@media(max-width:339px){.selected-plan-features ul{column-gap:10px}.selected-plan-features li{font-size:12px}}

.package-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;font-size:28px;line-height:1;background:linear-gradient(140deg,#e5f9df,#bfe3b3);box-shadow:inset 2px 2px 3px #ffffffb0,3px 4px 8px #203f2a20;margin:0 auto 5px}.package-icon-1{background:linear-gradient(140deg,#fff0d3,#efc77f)}.package-icon-2{background:linear-gradient(140deg,#e1eaff,#b0c7ef)}.plan-choice input:checked+.plan-face .package-icon{box-shadow:inset 2px 2px 3px #ffffffb0,0 0 0 2px #507bd04a,3px 4px 8px #203f2a20}@media(orientation:landscape) and (max-height:600px){.package-icon{width:34px;height:34px;font-size:23px;border-radius:10px}}
/* v33: account pages use the complete viewport; auth sizing stays on auth pages. */
body.account-mode{width:100%;min-height:100dvh;padding:clamp(12px,2vw,28px);box-sizing:border-box}
.account-mode>main{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;min-width:0}
.account-mode #root{width:100%!important;max-width:none!important;margin:0!important;min-width:0}
.account-mode .site-header{width:100%;margin-bottom:20px}
.account-mode #ownerSection{width:100%;margin:0 0 16px!important}
.account-mode #ownerRoot{width:100%;min-width:0}
.account-mode #ownerSection>h2{font-size:24px;margin-bottom:18px}
.review-actions{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0 22px}
.review-actions button{width:auto;min-height:44px;padding:10px 16px}
.review-actions button[data-decision=rejected]{background:#fbeaea;color:#8f2929}
#owner-payments>.payment{margin-bottom:8px}
@media(min-width:900px){
 .account-mode .offer-editor-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
 #edit-preview .offer-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:18px}
 #edit-preview .offer-summary>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;margin:0}
 #edit-preview .offer-summary .offer-payable{border-top:0;border-left:1px solid #c6d4e7;padding:0 0 0 18px}
 #edit-preview .offer-summary>small{grid-column:1/-1}
 .account-mode #offer-settings>button[type=submit]{width:auto;min-width:240px;padding:12px 24px}
}