.portal-card{background:var(--white, #ffffff);border:1px solid var(--line, #e2e8f0);border-radius:14px;padding:26px;margin-bottom:24px}
.portal-head{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid var(--line, #e2e8f0);margin-bottom:30px}
.plan-pill{font-family:var(--mono, monospace);font-size:.78rem;padding:4px 12px;border-radius:99px;letter-spacing:.05em;text-transform:uppercase}
.pill-active{background:#e7f7ed;color:#2e754f;border:1px solid #c3ecd0}
.sync-box{display:flex;justify-content:space-between;align-items:center;background:var(--bg, #f8fafc);border-radius:10px;padding:18px 22px;margin:18px 0}
.copy-pill{display:inline-flex;align-items:center;background:var(--bg, #f8fafc);padding:7px 14px;border-radius:6px;font-family:var(--mono, monospace);font-size:.88rem;color:var(--navy-900, #0c1a2d);border:1px solid var(--line, #e2e8f0);cursor:pointer}
.device-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:16px}
.device-card{border:1.5px dashed var(--line, #e2e8f0);border-radius:12px;padding:22px;display:flex;flex-direction:column;justify-content:center;min-height:170px}
.device-card.filled{border-style:solid;border-color:var(--line, #e2e8f0);background:var(--white, #ffffff)}
.modal-overlay{display:none;position:fixed;inset:0;background:rgba(12,26,45,.65);z-index:99;align-items:center;justify-content:center;padding:20px}
.modal-overlay.open{display:flex}
.modal{background:#fff;border-radius:14px;padding:32px;max-width:440px;width:100%;text-align:center}