.consumer-plan{display:grid;grid-template-columns:1fr 1.15fr auto;align-items:center;gap:36px;padding:38px;border:1px solid #b8ff0047;border-radius:28px;background:radial-gradient(circle at 10% 0,#18d4d822,transparent 32%),linear-gradient(145deg,#152024,#0d1214)}
.consumer-price{display:flex;align-items:end;gap:10px}.consumer-price b{color:var(--lime);font-size:clamp(48px,6vw,78px);line-height:1}.consumer-price small{padding-bottom:9px;color:var(--muted);font-weight:800}
.consumer-plan h3{margin:20px 0 4px;font-size:28px}.consumer-plan p{margin:0;color:var(--muted)}.consumer-benefits{display:grid;gap:12px;color:#e5eef0;font-weight:750}.consumer-actions{display:grid;gap:10px}
.reseller-banner{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr) auto;align-items:center;gap:38px;padding:42px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(125deg,#102a2e,#101719 55%)}
.reseller-banner h2{max-width:760px;margin:8px 0 12px;font-size:clamp(32px,4.5vw,58px);line-height:1}.reseller-banner p{max-width:730px;margin:0;color:var(--muted)}
.reseller-points{display:grid;grid-template-columns:1fr 1fr;gap:10px}.reseller-points span{padding:12px;border:1px solid #ffffff17;border-radius:12px;background:#ffffff08;font-size:13px;font-weight:800}
.public-alert.success{border-color:#356b57;background:#143226;color:#a5f1d4}.device-row.managed{display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(360px,1.25fr);align-items:center}
.device-copy small{display:block;color:var(--muted)}.device-actions,.device-actions form{display:flex;align-items:center;gap:8px}.device-actions{justify-content:flex-end}
.device-actions input[name=device_name]{min-width:170px;padding:10px 12px;border:1px solid #354145;border-radius:10px;background:#171d20;color:#fff}.public-button.danger{border-color:#713741;color:#ffadb7}.public-button.danger:hover{background:#35191f}
@media(max-width:1100px){.consumer-plan,.reseller-banner{grid-template-columns:1fr}.consumer-actions{display:flex;flex-wrap:wrap}.device-row.managed{grid-template-columns:1fr auto}.device-actions{grid-column:1/-1;justify-content:flex-start;margin-top:8px}}
@media(max-width:640px){.consumer-plan,.reseller-banner{padding:25px}.reseller-points{grid-template-columns:1fr}.device-row.managed{grid-template-columns:1fr}.device-row.managed>.status-chip{justify-self:start}.device-actions,.device-actions form{width:100%;align-items:stretch;flex-direction:column}.device-actions input[name=device_name],.device-actions .public-button{width:100%}}
