.nrm-wrap,
.nrm-wrap * {
  box-sizing: border-box;
}

.nrm-wrap {
  --nrm-accent: #1f6f5b;
  --nrm-border: #e5e7eb;
  --nrm-muted: #667085;
  --nrm-bg: #f7f8fa;
  color: #18212f;
  font-family: inherit;
}

.nrm-summary,
.nrm-list-card,
.nrm-portal-card,
.nrm-login-card {
  margin: 0 0 24px;
  padding: 26px;
  background: #fff;
  border: 1px solid var(--nrm-border);
  border-radius: 16px;
  box-shadow: 0 8px 30px rgba(16, 24, 40, 0.05);
}

.nrm-heading,
.nrm-section-heading,
.nrm-request-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.nrm-heading h2,
.nrm-section-heading h3 {
  margin: 0;
}

.nrm-eyebrow {
  display: block;
  margin-bottom: 4px;
  color: var(--nrm-accent);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.nrm-membership-status,
.nrm-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 5px 11px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.nrm-status-active,
.nrm-pill-active {
  color: #12603f;
  background: #e9f8f0;
}

.nrm-status-paused,
.nrm-status-past_due,
.nrm-pill-review,
.nrm-pill-blocked {
  color: #8a4b00;
  background: #fff4df;
}

.nrm-status-cancelled,
.nrm-status-none,
.nrm-pill-cancelled {
  color: #8f1d1d;
  background: #fdecec;
}

.nrm-pill-queued {
  color: #344054;
  background: #f1f3f6;
}

.nrm-pill-completed {
  color: #175cd3;
  background: #eaf2ff;
}

.nrm-stat-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 24px;
}

.nrm-stat {
  padding: 16px;
  background: var(--nrm-bg);
  border-radius: 12px;
}

.nrm-stat span,
.nrm-request-row span,
.nrm-reset {
  color: var(--nrm-muted);
  font-size: 13px;
}

.nrm-stat strong {
  display: block;
  margin-top: 5px;
  font-size: 22px;
}

.nrm-progress {
  height: 9px;
  margin-top: 20px;
  overflow: hidden;
  background: #edf0f3;
  border-radius: 999px;
}

.nrm-progress span {
  display: block;
  height: 100%;
  background: var(--nrm-accent);
  border-radius: inherit;
}

.nrm-reset {
  margin: 12px 0 0;
}

.nrm-alert,
.nrm-info {
  margin-top: 18px;
  padding: 13px 15px;
  border-radius: 10px;
  font-size: 14px;
}

.nrm-alert {
  color: #8f1d1d;
  background: #fff0f0;
  border: 1px solid #facaca;
}

.nrm-info {
  color: #1849a9;
  background: #eff5ff;
  border: 1px solid #cfe0ff;
}

.nrm-section-heading {
  margin-bottom: 14px;
}

.nrm-section-heading > span {
  min-width: 30px;
  padding: 4px 8px;
  text-align: center;
  color: #fff;
  background: var(--nrm-accent);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
}

.nrm-request-list {
  border-top: 1px solid var(--nrm-border);
}

.nrm-request-row {
  padding: 15px 0;
  border-bottom: 1px solid var(--nrm-border);
}

.nrm-request-row:last-child {
  border-bottom: 0;
}

.nrm-request-row strong,
.nrm-request-row span {
  display: block;
}

.nrm-request-row > div > span {
  margin-top: 4px;
}

.nrm-empty {
  margin: 0;
  color: var(--nrm-muted);
}

.nrm-login-card {
  max-width: 520px;
  margin-right: auto;
  margin-left: auto;
}

.nrm-login-card input[type="text"],
.nrm-login-card input[type="password"] {
  width: 100%;
}

@media (max-width: 760px) {
  .nrm-summary,
  .nrm-list-card,
  .nrm-portal-card,
  .nrm-login-card {
    padding: 20px;
    border-radius: 12px;
  }

  .nrm-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .nrm-heading,
  .nrm-request-row {
    align-items: flex-start;
  }
}

@media (max-width: 460px) {
  .nrm-stat-grid {
    grid-template-columns: 1fr;
  }

  .nrm-heading,
  .nrm-request-row {
    flex-direction: column;
  }
}

.nrm-team-list { margin: 12px 0 18px; border-top: 1px solid var(--nrm-border); }
.nrm-team-row { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:14px 0; border-bottom:1px solid var(--nrm-border); }
.nrm-team-row strong,.nrm-team-row span { display:block; }
.nrm-team-row span { margin-top:4px; color:var(--nrm-muted); font-size:13px; }
.nrm-team-form { display:grid; grid-template-columns:1fr 1fr 1.4fr auto; gap:10px; margin-top:16px; }
.nrm-team-form input { min-width:0; padding:10px 12px; border:1px solid var(--nrm-border); border-radius:8px; }
.nrm-team-form button,.nrm-login-card button { padding:10px 16px; border:0; border-radius:8px; background:var(--nrm-accent); color:#fff; font-weight:700; cursor:pointer; }
@media(max-width:760px){.nrm-team-form{grid-template-columns:1fr}.nrm-team-row{align-items:flex-start}}

.nrm-request-tools{display:grid;grid-template-columns:auto minmax(160px,220px) minmax(180px,1fr);gap:12px;align-items:center;margin:8px 0 16px}
.nrm-tabs{display:inline-flex;padding:3px;background:var(--nrm-bg);border-radius:10px}
.nrm-tab{padding:8px 14px;border:0;background:transparent;border-radius:8px;color:var(--nrm-muted);font:inherit;cursor:pointer}
.nrm-tab.is-active{background:#fff;color:#18212f;box-shadow:0 1px 3px rgba(16,24,40,.12)}
.nrm-request-tools select,.nrm-request-tools input{width:100%;min-height:40px;padding:8px 11px;border:1px solid var(--nrm-border);border-radius:9px;background:#fff;font:inherit}
.nrm-pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:16px;color:var(--nrm-muted);font-size:13px}
.nrm-pagination button{width:36px;height:36px;border:1px solid var(--nrm-border);border-radius:8px;background:#fff;cursor:pointer}
.nrm-pagination button:disabled{opacity:.4;cursor:not-allowed}
@media(max-width:760px){.nrm-request-tools{grid-template-columns:1fr}.nrm-tabs{width:100%;justify-content:space-between}.nrm-tab{flex:1}}

.nrm-request-clickable{position:relative}.nrm-request-main{display:block;flex:1;color:inherit;text-decoration:none}.nrm-request-main:hover strong{text-decoration:underline}.nrm-detail-card{max-width:900px;margin:0 auto}.nrm-back-link{display:inline-block;margin-bottom:18px;text-decoration:none;font-weight:600}.nrm-detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.nrm-detail-heading h2{margin:4px 0 0}.nrm-conversation{display:flex;flex-direction:column;gap:14px}.nrm-message{padding:16px 18px;border:1px solid var(--nrm-border);border-radius:12px;background:#fff}.nrm-message-agent{margin-left:34px;background:#f2f8f6}.nrm-message-customer{margin-right:34px}.nrm-message-meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:9px;font-size:13px}.nrm-message-meta span{color:var(--nrm-muted)}.nrm-message-body p:last-child{margin-bottom:0}.nrm-reply-form{margin-top:22px;padding-top:20px;border-top:1px solid var(--nrm-border)}.nrm-reply-form label span{display:block;margin-bottom:8px;font-weight:700}.nrm-reply-form textarea{width:100%;padding:12px;border:1px solid var(--nrm-border);border-radius:10px;resize:vertical}.nrm-reply-form button{margin-top:10px;padding:11px 18px;border:0;border-radius:8px;background:var(--nrm-accent);color:#fff;font-weight:700;cursor:pointer}.nrm-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.nrm-attachments a{padding:6px 9px;border:1px solid var(--nrm-border);border-radius:7px;text-decoration:none;font-size:13px}@media(max-width:760px){.nrm-message-agent,.nrm-message-customer{margin-left:0;margin-right:0}.nrm-detail-heading{flex-direction:column}.nrm-message-meta{flex-direction:column}}

.nrm-list-card{position:relative}.nrm-list-card.is-loading:after{content:'Loading…';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.78);backdrop-filter:blur(1px);font-weight:700;color:var(--nrm-muted);z-index:5;border-radius:inherit}.nrm-list-card.is-loading [data-nrm-status],.nrm-list-card.is-loading [data-nrm-page]{cursor:wait}

.nrm-create-card{margin-top:20px}.nrm-create-toggle{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;padding:12px 18px;background:var(--nrm-accent,#1f6f5b);color:#fff;font-weight:700;cursor:pointer}.nrm-create-drawer{margin-top:16px;padding:20px;background:#fff;border:1px solid #e5e7eb;border-radius:12px}.nrm-create-drawer[hidden]{display:none!important}.nrm-create-close{border:0;background:transparent;font-size:28px;line-height:1;cursor:pointer}.nrm-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.nrm-attachments a{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid #d8dee4;border-radius:7px;text-decoration:none;background:#f8fafc}.nrm-reply-form small{display:block;margin-top:5px;color:#64748b}
.nrm-native-create-form{margin-top:4px}.nrm-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.nrm-form-full{grid-column:1/-1}.nrm-native-create-form label>span{display:block;margin-bottom:7px;font-weight:700;color:#18212f}.nrm-native-create-form input[type=text],.nrm-native-create-form select,.nrm-native-create-form textarea{width:100%;min-height:44px;padding:11px 12px;border:1px solid var(--nrm-border);border-radius:9px;background:#fff;font:inherit}.nrm-native-create-form textarea{resize:vertical;min-height:160px}.nrm-native-create-form input[type=file]{width:100%;padding:11px;border:1px dashed var(--nrm-border);border-radius:9px;background:#f8fafc}.nrm-native-create-form small{display:block;margin-top:6px;color:var(--nrm-muted)}.nrm-form-actions{display:flex;justify-content:flex-end;margin-top:18px}.nrm-form-actions button{padding:12px 20px;border:0;border-radius:8px;background:var(--nrm-accent);color:#fff;font-weight:700;cursor:pointer}@media(max-width:760px){.nrm-form-grid{grid-template-columns:1fr}.nrm-form-full{grid-column:auto}}

.nrm-attachment-button{max-width:100%;gap:6px}.nrm-attachment-name{display:inline-block;max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nrm-message-body:empty{display:none}@media(max-width:600px){.nrm-attachment-name{max-width:230px}}