.sms-portal-root { max-width: 1100px; margin: 20px auto; }
.sms-portal-nav { display:flex; gap:10px; margin-bottom: 12px; flex-wrap: wrap; }
.sms-portal-nav button {
  padding:10px 14px; border:1px solid #ddd; background:#fff; border-radius:10px; cursor:pointer;
}
.sms-portal-nav button.active { border-color:#333; }

.sms-card {
  background:#fff; border:1px solid #eee; border-radius:14px; padding:16px;
  box-shadow: 0 8px 26px rgba(0,0,0,0.04);
}
.sms-card-nested { margin-bottom: 10px; }
.sms-row { display:flex; gap:10px; align-items:center; flex-wrap: wrap; }
.sms-row-between { justify-content: space-between; }
.sms-muted { color:#666; font-size:12px; }
.sms-title { font-weight:700; margin-bottom:6px; }

.sms-btn { padding:10px 14px; border-radius: 10px; border: 1px solid #ddd; background: #f8f8f8; cursor:pointer; }
.sms-btn-primary { background:#111; color:#fff; border-color:#111; }
.sms-btn-danger { background:#b00020; color:#fff; border-color:#b00020; }
.sms-pill { display:inline-block; padding:2px 8px; border-radius:999px; background:#f1f1f1; font-size:12px; margin-left:8px; }

.sms-card input, .sms-card textarea, .sms-card select {
  width: 100%; margin: 6px 0 10px; padding: 10px; border-radius: 10px; border:1px solid #ddd;
}
.sms-hr { border:none; border-top:1px solid #eee; margin: 14px 0; }

.sms-table { width:100%; border-collapse:collapse; }
.sms-table th, .sms-table td { border:1px solid #eee; padding:10px; text-align:left; }
.sms-table th { background:#fafafa; }