/* Clover Reporting — admin settings styles. Brand tokens: green #00d59f,
   navy #041e3f, Inter (body) / Sora (headings). Self-contained. */

/* Header entry button */
.hdr-admin-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #cdd6e3;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 9px;
  padding: 7px 12px;
  margin-right: 14px;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}
.hdr-admin-btn:hover { background: rgba(255, 255, 255, 0.12); color: #fff; }
.hdr-admin-btn .icon-svg { width: 15px; height: 15px; }

/* Page shell */
.adm-page {
  max-width: 1080px;
  margin: 0 auto;
  padding: 28px 32px 80px;
  font-family: "Inter", sans-serif;
  color: #0b1220;
}
.adm-head { margin-bottom: 22px; }
.adm-back {
  font-size: 13px;
  font-weight: 600;
  color: #00a87d;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}
.adm-back:hover { text-decoration: underline; }
.adm-h1 {
  font-family: "Sora", sans-serif;
  font-weight: 700;
  font-size: 28px;
  color: #041e3f;
  margin: 10px 0 18px;
}
.adm-tabs { display: flex; gap: 4px; border-bottom: 1px solid #e6e9ee; }
.adm-tab {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #6b7480;
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  padding: 10px 14px;
  margin-bottom: -1px;
  cursor: pointer;
}
.adm-tab:hover { color: #0b1220; }
.adm-tab--on { color: #041e3f; border-bottom-color: #00d59f; }

/* Toolbar */
.adm-section { padding-top: 20px; }
.adm-toolbar { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; }
.adm-search {
  flex: 1;
  max-width: 420px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  padding: 9px 13px;
  border: 1px solid #d6dbe2;
  border-radius: 9px;
  outline: none;
}
.adm-search:focus { border-color: #00d59f; box-shadow: 0 0 0 3px rgba(0, 213, 159, 0.16); }
.adm-count { font-size: 12px; color: #8a93a0; margin-left: auto; }

/* Buttons */
.adm-btn {
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #032a20;
  background: #00d59f;
  border: none;
  border-radius: 9px;
  padding: 9px 15px;
  cursor: pointer;
  transition: filter 0.15s, opacity 0.15s;
}
.adm-btn:hover { filter: brightness(0.96); }
.adm-btn:disabled { opacity: 0.55; cursor: default; }
.adm-btn--ghost { background: #fff; color: #5b6573; border: 1px solid #d6dbe2; }
.adm-btn--ghost:hover { background: #f1f4f8; filter: none; }
.adm-btn--sm { padding: 5px 10px; font-size: 12px; }

/* Table */
.adm-table-wrap { border: 1px solid #e6e9ee; border-radius: 12px; overflow: hidden; }
.adm-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.adm-table thead th {
  text-align: left;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #8a93a0;
  background: #f6f8fa;
  padding: 11px 16px;
  border-bottom: 1px solid #e6e9ee;
}
.adm-table tbody td { padding: 12px 16px; border-top: 1px solid #eef1f5; vertical-align: top; }
.adm-table tbody tr:first-child td { border-top: none; }
.adm-empty { color: #8a93a0; text-align: center; padding: 28px 16px; }

/* Copyable ID */
.adm-id {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}
.adm-id code {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 13px;
  color: #041e3f;
  background: #f1f4f8;
  border-radius: 6px;
  padding: 3px 8px;
}
.adm-id__hint { font-size: 11px; color: #b3bcc8; }
.adm-id:hover .adm-id__hint { color: #00a87d; }

/* Users */
.adm-user { display: flex; align-items: center; gap: 8px; }
.adm-user__email { font-weight: 600; color: #0b1220; }
.adm-badge {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #6b7480;
  background: #eef1f5;
  border-radius: 5px;
  padding: 2px 6px;
}
.adm-badge--pending { color: #9a6a00; background: #fff3d6; }
.adm-select {
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #0b1220;
  padding: 6px 10px;
  border: 1px solid #d6dbe2;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
}
.adm-select:disabled { color: #9aa3af; background: #f6f8fa; cursor: default; }
.adm-allnote { font-size: 13px; color: #8a93a0; font-style: italic; }
.adm-row--busy { opacity: 0.55; }

/* Advertiser chips */
.adm-chips { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.adm-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  font-weight: 600;
  color: #04392b;
  background: #e3faf3;
  border: 1px solid #b8f0e0;
  border-radius: 7px;
  padding: 4px 6px 4px 9px;
}
.adm-chip__x {
  font-size: 14px;
  line-height: 1;
  color: #2f7a64;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0 2px;
}
.adm-chip__x:hover { color: #c0392b; }
.adm-chip__x:disabled { opacity: 0.4; cursor: default; }

/* Searchable advertiser picker */
.adm-picker { position: relative; display: inline-block; }
.adm-picker__menu {
  position: absolute;
  z-index: 50;
  top: calc(100% + 6px);
  left: 0;
  width: 320px;
  background: #fff;
  border: 1px solid #e6e9ee;
  border-radius: 12px;
  box-shadow: 0 12px 36px rgba(4, 30, 63, 0.14);
  overflow: hidden;
}
.adm-picker__search {
  width: 100%;
  box-sizing: border-box;
  border: none;
  border-bottom: 1px solid #eef1f5;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  padding: 11px 13px;
  outline: none;
}
.adm-picker__body { max-height: 280px; overflow-y: auto; }
.adm-picker__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 9px 13px;
  cursor: pointer;
}
.adm-picker__item:hover { background: #f1faf7; }
.adm-picker__name { font-size: 13px; color: #0b1220; }
.adm-picker__id {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 11px;
  color: #8a93a0;
}
.adm-picker__empty { padding: 14px; font-size: 13px; color: #8a93a0; text-align: center; }

/* Invite modal */
.adm-modal__backdrop {
  position: fixed;
  inset: 0;
  z-index: 1000;
  background: rgba(4, 30, 63, 0.34);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
.adm-modal {
  width: 100%;
  max-width: 460px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 24px 60px rgba(4, 30, 63, 0.28);
  padding: 26px 26px 22px;
}
.adm-modal__title {
  font-family: "Sora", sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: #041e3f;
  margin: 0 0 4px;
}
.adm-modal__lede { font-size: 13px; color: #6b7480; margin: 0 0 18px; }
.adm-field-label {
  display: block;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #6b7480;
  margin: 16px 0 7px;
}
.adm-input {
  width: 100%;
  box-sizing: border-box;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  padding: 10px 13px;
  border: 1px solid #d6dbe2;
  border-radius: 9px;
  outline: none;
}
.adm-input:focus { border-color: #00d59f; box-shadow: 0 0 0 3px rgba(0, 213, 159, 0.16); }
.adm-rolepick { display: flex; gap: 8px; }
.adm-pill {
  flex: 1;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #5b6573;
  background: #fff;
  border: 1px solid #d6dbe2;
  border-radius: 9px;
  padding: 9px;
  cursor: pointer;
}
.adm-pill--on { color: #032a20; background: #e3faf3; border-color: #00d59f; }
.adm-note { font-size: 12px; color: #8a93a0; margin: 8px 0 0; }
.adm-modal__actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 22px; }

/* Messages */
.adm-error {
  font-size: 13px;
  color: #c0392b;
  background: #fdecea;
  border: 1px solid #f5c6c0;
  border-radius: 8px;
  padding: 9px 11px;
  margin: 12px 0;
}
.adm-error--inline { margin: 6px 0 0; padding: 6px 9px; font-size: 12px; }
.adm-flash {
  font-size: 13px;
  color: #04392b;
  background: #e3faf3;
  border: 1px solid #b8f0e0;
  border-radius: 8px;
  padding: 9px 11px;
  margin-bottom: 12px;
}