@font-face {
  font-family: "Salsa";
  src: url("../fonts/salsa-400.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Mulish";
  src: url("../fonts/mulish-400.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Mulish";
  src: url("../fonts/mulish-700.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Mulish";
  src: url("../fonts/mulish-800.ttf") format("truetype");
  font-weight: 800;
  font-display: swap;
}

:root {
  --navy: #2c4073;
  --navy-dark: #1d294d;
  --coral: #ff6666;
  --yellow: #fab319;
  --ink: #30323b;
  --muted: #737887;
  --line: #e6e8ef;
  --soft: #f6f7fb;
  --white: #fff;
  --green: #188a62;
  --red: #c43f49;
  --sidebar: 245px;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-width: 320px;
  color: var(--ink);
  background: var(--soft);
  font-family: "Mulish", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

button,
input,
select,
textarea {
  font: inherit;
}

a {
  color: var(--navy);
}

:focus-visible {
  outline: 3px solid rgba(250, 179, 25, 0.75);
  outline-offset: 2px;
}

.admin-shell {
  display: grid;
  min-height: 100vh;
  grid-template-columns: var(--sidebar) 1fr;
}

.sidebar {
  position: fixed;
  z-index: 20;
  inset: 0 auto 0 0;
  display: flex;
  width: var(--sidebar);
  flex-direction: column;
  padding: 28px 17px 20px;
  color: var(--white);
  background: var(--navy-dark);
}

.admin-brand {
  display: flex;
  flex-direction: column;
  margin: 0 10px 31px;
  color: var(--white);
  text-decoration: none;
}

.admin-brand span {
  font-family: "Salsa", cursive;
  font-size: 23px;
}

.admin-brand small {
  color: #9fa9cf;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.sidebar nav {
  display: grid;
  gap: 5px;
}

.sidebar nav a {
  padding: 11px 13px;
  border-radius: 8px;
  color: #cdd3ea;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}

.sidebar nav a:hover,
.sidebar nav a.active {
  color: var(--white);
  background: rgba(255, 255, 255, 0.1);
}

.sidebar nav a.active {
  box-shadow: inset 3px 0 var(--coral);
}

.logout-form {
  margin-top: auto;
}

.logout-form button {
  width: 100%;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 8px;
  color: #d8dcef;
  background: transparent;
  font-weight: 700;
  cursor: pointer;
}

.logout-form button:hover {
  color: var(--white);
  border-color: var(--coral);
}

.admin-main {
  min-width: 0;
  grid-column: 2;
}

.topbar {
  display: flex;
  min-height: 92px;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 18px 34px;
  border-bottom: 1px solid var(--line);
  background: var(--white);
}

.topbar p,
.topbar h1 {
  margin: 0;
}

.topbar p {
  color: var(--coral);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.topbar h1 {
  color: var(--navy);
  font-family: "Salsa", cursive;
  font-size: 25px;
  font-weight: 400;
}

.admin-user {
  padding: 7px 12px;
  border-radius: 999px;
  color: var(--navy);
  background: #f1f3fa;
  font-size: 11px;
  font-weight: 800;
}

.admin-content {
  width: min(100%, 1500px);
  margin-inline: auto;
  padding: 30px 34px 55px;
}

.alert {
  margin-bottom: 20px;
  padding: 12px 15px;
  border-radius: 9px;
  font-size: 13px;
  font-weight: 700;
}

.alert.success {
  color: #146046;
  background: #e4f5ed;
}

.alert.error {
  color: #8e232b;
  background: #ffe5e7;
}

.alert.warning {
  color: #715004;
  background: #fff2c8;
}

.metric-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 22px;
}

.metric-grid article {
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: var(--white);
  box-shadow: 0 6px 20px rgba(44, 64, 115, 0.04);
}

.metric-grid span,
.metric-grid strong,
.metric-grid small {
  display: block;
}

.metric-grid span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.metric-grid strong {
  margin: 8px 0 3px;
  color: var(--navy);
  font-family: "Salsa", cursive;
  font-size: 30px;
  font-weight: 400;
}

.metric-grid small {
  color: #999da9;
  font-size: 10px;
}

.panel {
  margin-bottom: 22px;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--white);
  box-shadow: 0 8px 25px rgba(44, 64, 115, 0.04);
}

.panel-heading {
  margin-bottom: 18px;
}

.panel-heading p,
.panel-heading h2 {
  margin: 0;
}

.panel-heading p {
  color: var(--coral);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.panel-heading h2 {
  color: var(--navy);
  font-family: "Salsa", cursive;
  font-size: 23px;
  font-weight: 400;
}

.split-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.admin-button {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  padding: 9px 16px;
  border: 0;
  border-radius: 8px;
  font-weight: 800;
  text-decoration: none;
  cursor: pointer;
}

.admin-button.primary {
  color: var(--white);
  background: var(--coral);
}

.admin-button.primary:hover {
  background: #ed555c;
}

.admin-button.secondary {
  color: var(--white);
  background: var(--navy);
}

.admin-button.full {
  width: 100%;
}

.filters {
  display: grid;
  grid-template-columns: minmax(200px, 1.4fr) repeat(3, minmax(125px, 0.65fr)) auto auto;
  gap: 11px;
  align-items: end;
  margin-bottom: 18px;
  padding: 15px;
  border-radius: 10px;
  background: var(--soft);
}

.filters label,
.admin-form label {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.filters label > span,
.admin-form label > span {
  color: #545966;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.admin-form label small {
  color: #999da9;
  font-weight: 600;
  text-transform: none;
}

.filters input,
.filters select,
.admin-form input,
.admin-form select,
.admin-form textarea,
.status-form select,
.login-card input {
  width: 100%;
  min-height: 40px;
  padding: 8px 10px;
  border: 1px solid #dce0e8;
  border-radius: 7px;
  color: var(--ink);
  background: var(--white);
}

.filters input:focus,
.filters select:focus,
.admin-form input:focus,
.admin-form select:focus,
.admin-form textarea:focus,
.status-form select:focus,
.login-card input:focus {
  border-color: var(--navy);
  box-shadow: 0 0 0 3px rgba(44, 64, 115, 0.1);
  outline: none;
}

.clear-link {
  align-self: center;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.table-summary {
  margin: 0 0 8px;
  color: var(--muted);
  font-size: 11px;
}

.table-wrap {
  overflow-x: auto;
}

table {
  width: 100%;
  border-collapse: collapse;
  white-space: nowrap;
}

th,
td {
  padding: 12px 11px;
  border-bottom: 1px solid #edf0f4;
  text-align: left;
  vertical-align: middle;
}

th {
  color: #858a98;
  background: #fafbfc;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

td {
  color: #4e5260;
  font-size: 11px;
}

td strong,
td small {
  display: block;
}

td strong {
  color: #343744;
  font-size: 11px;
}

td small {
  margin-top: 2px;
  color: #969aa7;
  font-size: 9px;
}

td a {
  color: var(--navy);
  text-decoration: none;
}

td a:hover {
  text-decoration: underline;
}

.pill {
  display: inline-flex;
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 800;
}

.batch-normal {
  color: var(--navy);
  background: #e8ecfa;
}

.batch-special {
  color: #a02f36;
  background: #ffe4e5;
}

.status-active {
  color: #176448;
  background: #dff4e9;
}

.status-inactive {
  color: #7c4f11;
  background: #fff0cd;
}

.muted {
  color: #aaaeb8;
}

.status-form {
  display: flex;
  gap: 5px;
}

.status-form select {
  min-width: 92px;
  min-height: 32px;
  padding: 5px 6px;
  font-size: 10px;
}

.status-form button,
.table-button {
  padding: 6px 9px;
  border: 1px solid #dce0e8;
  border-radius: 6px;
  color: var(--navy);
  background: var(--white);
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}

.status-form button:hover,
.table-button:hover {
  border-color: var(--navy);
}

.empty-state {
  height: 180px;
  color: var(--muted);
  text-align: center;
}

.empty-state strong,
.empty-state span {
  display: block;
}

.empty-state strong {
  color: var(--navy);
  font-family: "Salsa", cursive;
  font-size: 19px;
  font-weight: 400;
}

.two-column-admin,
.security-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);
  gap: 22px;
}

.admin-form {
  display: grid;
  gap: 15px;
}

.admin-form textarea {
  resize: vertical;
}

.settings-block {
  display: grid;
  gap: 14px;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fafbfe;
}

.settings-block h3,
.settings-block > p {
  margin: 0;
}

.settings-block h3 {
  color: var(--navy);
  font-family: "Salsa", cursive;
  font-size: 19px;
  font-weight: 400;
}

.settings-block > p {
  color: var(--muted);
  font-size: 11px;
}

.callback-note {
  display: grid;
  gap: 6px;
  padding: 13px;
  border-radius: 9px;
  color: var(--navy);
  background: #edf1fb;
}

.callback-note strong {
  font-size: 11px;
}

.callback-note code {
  overflow-wrap: anywhere;
  font-size: 10px;
}

.callback-note span {
  color: var(--muted);
  font-size: 10px;
}

.check-row {
  display: flex !important;
  align-items: center;
  flex-direction: row !important;
  gap: 9px !important;
  color: #4f5462;
  font-size: 11px;
  font-weight: 700;
}

.check-row input {
  width: 17px;
  min-height: 17px;
  accent-color: var(--coral);
}

.review-editor {
  display: grid;
  gap: 10px;
  padding: 15px;
  border: 1px solid #e2e5ed;
  border-radius: 10px;
  background: var(--white);
}

.review-editor > strong {
  color: var(--coral);
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.form-pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
}

.landing-overview > p {
  max-width: 850px;
  color: var(--muted);
}

.landing-link-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 13px;
  margin-top: 20px;
}

.landing-link-grid article {
  display: grid;
  gap: 7px;
  padding: 17px;
  border: 1px solid #e1e4ed;
  border-radius: 10px;
  background: #f9faff;
}

.landing-link-grid span {
  color: var(--coral);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.landing-link-grid strong {
  color: var(--navy);
  font-size: 13px;
}

.landing-link-grid article > div,
.landing-page-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.landing-link-grid a {
  color: var(--navy);
  font-size: 10px;
  font-weight: 800;
}

.landing-settings-panel {
  scroll-margin-top: 20px;
}

.tracking-settings-block {
  border-color: #d8dfee;
  background: #f7f9ff;
}

.coupon-help {
  background: var(--navy);
}

.coupon-help .panel-heading p {
  color: #ffe07c;
}

.coupon-help .panel-heading h2 {
  color: var(--white);
}

.coupon-help ol {
  display: grid;
  gap: 19px;
  margin: 0;
  padding-left: 25px;
  color: #cbd2ea;
}

.coupon-help li {
  padding-left: 5px;
}

.coupon-help strong,
.coupon-help span {
  display: block;
}

.coupon-help strong {
  color: var(--white);
  font-size: 12px;
}

.coupon-help span {
  margin-top: 2px;
  color: #aeb8db;
  font-size: 10px;
}

.coupon-code {
  display: inline-block;
  padding: 5px 8px;
  border: 1px dashed var(--navy);
  border-radius: 5px;
  color: var(--navy);
  background: #f3f5fb;
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.04em;
}

.count-badge {
  padding: 5px 9px;
  border-radius: 999px;
  color: var(--navy);
  background: #eef1fa;
  font-size: 10px;
  font-weight: 800;
}

.security-notes ul {
  display: grid;
  gap: 11px;
  margin: 0;
  padding-left: 21px;
  color: var(--muted);
}

.login-page {
  display: grid;
  min-height: 100vh;
  place-items: center;
  padding: 25px;
  background:
    radial-gradient(circle at 14% 18%, rgba(255, 102, 102, 0.2), transparent 28%),
    radial-gradient(circle at 86% 82%, rgba(250, 179, 25, 0.18), transparent 24%),
    var(--navy-dark);
}

.login-card {
  width: min(100%, 430px);
  padding: 38px;
  border-radius: 18px;
  background: var(--white);
  box-shadow: 0 30px 70px rgba(0, 0, 0, 0.25);
}

.login-brand {
  color: var(--coral);
  font-family: "Salsa", cursive;
  font-size: 25px;
  text-decoration: none;
}

.login-kicker {
  margin: 4px 0 20px;
  color: var(--muted);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.login-card h1 {
  margin: 0;
  color: var(--navy);
  font-family: "Salsa", cursive;
  font-size: 34px;
  font-weight: 400;
}

.login-card > p:not(.login-kicker) {
  color: var(--muted);
  font-size: 12px;
}

.login-card form {
  display: grid;
  gap: 14px;
  margin-top: 22px;
}

.login-card label {
  display: grid;
  gap: 5px;
}

.login-card label span {
  color: #535865;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

.login-card .admin-button {
  width: 100%;
  margin-top: 4px;
}

.back-link {
  display: block;
  margin-top: 20px;
  color: var(--muted);
  font-size: 11px;
  text-align: center;
}

@media (max-width: 1200px) {
  .metric-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .filters {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  :root {
    --sidebar: 190px;
  }

  .admin-content,
  .topbar {
    padding-inline: 22px;
  }

  .two-column-admin,
  .security-grid {
    grid-template-columns: 1fr;
  }

  .landing-link-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  .admin-shell {
    display: block;
  }

  .sidebar {
    position: static;
    width: 100%;
    padding: 15px;
  }

  .admin-brand {
    margin: 0 0 12px;
  }

  .sidebar nav {
    display: flex;
    overflow-x: auto;
    padding-bottom: 4px;
  }

  .sidebar nav a {
    flex: 0 0 auto;
  }

  .logout-form {
    margin-top: 10px;
  }

  .logout-form button {
    width: auto;
  }

  .admin-main {
    grid-column: auto;
  }

  .topbar,
  .admin-content {
    padding-inline: 15px;
  }

  .topbar {
    min-height: 76px;
  }

  .admin-user {
    display: none;
  }

  .metric-grid,
  .filters,
  .form-pair {
    grid-template-columns: 1fr;
  }

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

  .filters input,
  .filters select,
  .admin-form input,
  .admin-form select,
  .admin-form textarea,
  .status-form select,
  .login-card input {
    min-height: 44px;
  }

  .panel {
    padding: 17px;
  }

  .split-heading {
    align-items: stretch;
    flex-direction: column;
  }

  .login-card {
    padding: 30px 22px;
  }
}

/* User-friendly multi-landing admin refresh */
:root { --navy: #0c5961; --navy-dark: #073a43; --coral: #f56c5b; --yellow: #ffd05b; --soft: #f3f7f7; --line: #dfe9e8; --sidebar: 272px; }
.sidebar { padding: 24px 16px 18px; background: radial-gradient(circle at 15% 3%, rgba(255,211,91,.12), transparent 22%), linear-gradient(180deg,#073e47 0%,#062f38 100%); }
.admin-brand { margin: 0 12px 27px; }
.admin-brand span { color: #fff; font-size: 25px; }
.admin-brand small { color: #8fbdba; }
.sidebar-label { margin: 18px 12px 7px; color: #6e9998; font-size: 8px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.sidebar nav a { display: grid; grid-template-columns: 35px minmax(0,1fr); align-items: center; gap: 11px; padding: 10px 11px; border: 1px solid transparent; border-radius: 11px; }
.sidebar nav a:hover,.sidebar nav a.active { border-color: rgba(255,255,255,.1); background: rgba(255,255,255,.08); }
.sidebar nav a.active { box-shadow: inset 3px 0 #ffd05b; }
.sidebar nav a > span:last-child { display: grid; }
.sidebar nav a strong { color: #eaf5f4; font-size: 12px; }
.sidebar nav a small { color: #8eb0b0; font-size: 9px; font-weight: 600; }
.nav-icon { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 9px; color: #ffdf7b; background: rgba(255,255,255,.08); font-size: 9px; font-weight: 900; }
.topbar { min-height: 96px; padding-inline: 38px; background: rgba(255,255,255,.94); }
.topbar p { color: #0c9484; }
.topbar h1 { color: #0a555e; font-size: 28px; }
.admin-user { display: inline-flex; align-items: center; gap: 8px; color: #346269; background: #edf7f5; }
.admin-user b { width: 7px; height: 7px; border-radius: 50%; background: #18a77f; box-shadow: 0 0 0 4px rgba(24,167,127,.12); }
.admin-content { padding: 32px 38px 65px; }
.metric-grid article,.panel { border-color: #dce8e7; box-shadow: 0 10px 34px rgba(9,77,84,.055); }
.metric-grid article { position: relative; overflow: hidden; }
.metric-grid article::after { content: ""; position: absolute; top: -25px; right: -22px; width: 70px; height: 70px; border: 13px solid rgba(12,133,120,.07); border-radius: 50%; }
.metric-grid strong,.panel-heading h2 { color: #0a5961; }
.admin-button.primary { color: #173e43; background: #ffd05b; box-shadow: 0 7px 16px rgba(214,158,30,.18); }
.admin-button.primary:hover { background: #ffdc7c; }
.admin-button.secondary { background: #0b6268; }
.landing-overview { padding: 30px; border: 0; color: #fff; background: radial-gradient(circle at 88% 10%,rgba(255,215,91,.15),transparent 22%),linear-gradient(135deg,#07454e,#0a7670); }
.landing-overview .panel-heading p { color: #ffe08a; }
.landing-overview .panel-heading h2,.landing-overview > p { color: #fff; }
.landing-overview > p { max-width: 900px; color: rgba(255,255,255,.72); }
.landing-link-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.landing-link-grid article { min-height: 155px; border: 1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.1); box-shadow: none; backdrop-filter: blur(8px); }
.landing-link-grid article > span { color: #a9d4ce; }
.landing-link-grid article > strong,.landing-link-grid article a { color: #fff; }
.landing-link-grid article a { padding: 6px 9px; border: 1px solid rgba(255,255,255,.18); border-radius: 7px; text-decoration: none; }
.landing-link-grid .landing-inactive { opacity: .62; }
.create-landing-panel { border: 1px dashed #9dc9c3; background: linear-gradient(145deg,#f2fbf9,#fff); }
.create-landing-form { display: grid; grid-template-columns: minmax(220px,1fr) minmax(220px,1fr) auto; align-items: end; gap: 14px; }
.create-landing-form label { display: grid; gap: 6px; }
.create-landing-form label > span { color: #50666a; font-size: 9px; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.create-landing-form input { width: 100%; min-height: 44px; padding: 9px 11px; border: 1px solid #cfe0de; border-radius: 8px; }
.create-landing-form small { color: #84918f; font-size: 9px; }
.landing-settings-panel { scroll-margin-top: 20px; padding: 0; overflow: hidden; }
.landing-settings-panel > .panel-heading { margin: 0; padding: 25px 28px; border-bottom: 1px solid #e4eceb; background: linear-gradient(145deg,#f5faf9,#fff); }
.landing-settings-panel > .admin-form { padding: 26px 28px 30px; }
.campaign-state { margin-bottom: 17px; padding: 12px 14px; border: 1px solid #cfe5df; border-radius: 9px; background: #effaf6; }
.settings-block { position: relative; padding: 24px; border-color: #dfe9e8; border-radius: 14px; background: #fff; }
.settings-block h3 { color: #0a5d64; font-size: 17px; }
.settings-block > p { max-width: 920px; color: #778488; }
.thank-you-settings-block { border-color: #d6cba8; background: linear-gradient(145deg,#fffdf7,#fff); }
.thank-you-settings-block h3 { color: #80611b; }
.tracking-settings-block { border-color: #c9dbea; background: linear-gradient(145deg,#f6fbff,#fff); }
.review-editor { border-color: #dfe7e6; border-radius: 11px; background: #f7faf9; }
@media (max-width:1080px) { .landing-link-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .create-landing-form { grid-template-columns:1fr 1fr; } .create-landing-form .admin-button { grid-column:1/-1; } }
@media (max-width:760px) { :root { --sidebar:100%; } .sidebar { padding:14px; } .sidebar-label,.sidebar nav a small { display:none; } .sidebar nav a { grid-template-columns:28px minmax(0,1fr); } .nav-icon { width:28px;height:28px; } .admin-content { padding:22px 16px 50px; } .landing-link-grid,.create-landing-form { grid-template-columns:1fr; } .landing-settings-panel > .panel-heading,.landing-settings-panel > .admin-form { padding:20px 17px; } }
.landing-performance-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.landing-performance-card { display:grid; gap:5px; min-height:120px; align-content:center; padding:18px; border:1px solid #dce8e7; border-radius:12px; color:#24464b; background:linear-gradient(145deg,#f6fbfa,#fff); text-decoration:none; transition:transform .18s ease,box-shadow .18s ease; }
.landing-performance-card:hover { box-shadow:0 12px 28px rgba(11,91,96,.11); transform:translateY(-3px); }
.landing-performance-card span { overflow:hidden; color:#6d7e80; font-size:9px; font-weight:900; text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap; }
.landing-performance-card strong { color:#0a6067; font-family:"Salsa",cursive; font-size:21px; font-weight:400; }
.landing-performance-card small { color:#899496; font-size:9px; }
@media (max-width:1050px) { .landing-performance-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:560px) { .landing-performance-grid { grid-template-columns:1fr; } }

/* Role-based lead operations and automation */
.landing-tabs,.lead-center-tabs { display:flex; gap:10px; margin:22px 0; padding:7px; overflow-x:auto; border:1px solid rgba(255,255,255,.14); border-radius:14px; background:rgba(2,42,49,.24); scrollbar-width:thin; }
.landing-tabs a,.lead-center-tabs a { display:grid; flex:0 0 auto; min-width:165px; gap:3px; padding:12px 14px; border:1px solid transparent; border-radius:10px; color:#d9eeee; text-decoration:none; }
.landing-tabs a:hover,.landing-tabs a.active { border-color:rgba(255,255,255,.18); background:rgba(255,255,255,.12); }
.landing-tabs a.active { color:#173e43; background:#ffd05b; box-shadow:0 8px 22px rgba(0,0,0,.12); }
.landing-tabs span,.lead-center-tabs strong { font-size:11px; font-weight:900; }
.landing-tabs small,.lead-center-tabs span { color:inherit; font-size:9px; opacity:.72; }
.lead-center-tabs { margin:0 0 22px; border-color:#dce8e7; background:#fff; box-shadow:0 10px 28px rgba(9,77,84,.055); }
.lead-center-tabs a { color:#46656a; }
.lead-center-tabs a:hover,.lead-center-tabs a.active { color:#fff; background:#0b696c; }
.lead-open-button { display:inline-block; margin-bottom:7px; padding:7px 9px; border-radius:7px; color:#fff; background:#0b696c; font-size:9px; font-weight:900; text-decoration:none; white-space:nowrap; }

.access-role-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.access-role-grid article { display:grid; gap:7px; min-height:150px; align-content:center; padding:21px; border:1px solid #dce8e7; border-radius:14px; background:linear-gradient(145deg,#f4fbf9,#fff); }
.access-role-grid article:nth-child(1) { color:#fff; border-color:#0a6468; background:linear-gradient(145deg,#084f58,#0b7771); }
.access-role-grid span { font-size:9px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; opacity:.74; }
.access-role-grid strong { font-family:"Salsa",cursive; font-size:22px; }
.access-role-grid p { margin:0; font-size:11px; line-height:1.65; opacity:.78; }
.sub-admin-card { padding:0; overflow:hidden; }
.sub-admin-card > .panel-heading,.sub-admin-card > .sub-admin-form { padding:24px 27px; }
.sub-admin-card > .panel-heading { margin:0; border-bottom:1px solid #e2ebea; background:#f7fbfa; }
.sub-admin-form { display:grid; gap:18px; }
.permission-fieldset { margin:0; padding:17px; border:1px solid #dbe7e5; border-radius:12px; background:#f8fbfa; }
.permission-fieldset legend { padding:0 8px; color:#0a6268; font-size:11px; font-weight:900; }
.permission-fieldset > p { margin:0 0 12px; color:#738488; font-size:10px; }
.permission-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.permission-grid label { display:flex; align-items:center; gap:8px; min-height:44px; padding:10px; border:1px solid #dce8e7; border-radius:9px; background:#fff; cursor:pointer; }
.permission-grid input { width:16px; height:16px; accent-color:#0b7771; }
.permission-grid span { color:#385b60; font-size:10px; font-weight:800; }
.landing-permission-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }

.lead-detail-top { display:flex; justify-content:space-between; align-items:center; gap:15px; margin-bottom:18px; }
.back-link { color:#0b676b; font-size:11px; font-weight:900; text-decoration:none; }
.lead-profile-grid { display:grid; grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr); gap:22px; margin-bottom:22px; }
.lead-contact-card dl { display:grid; gap:0; margin:0; }
.lead-contact-card dl div { display:grid; grid-template-columns:110px minmax(0,1fr); gap:12px; padding:11px 0; border-bottom:1px solid #e8efee; }
.lead-contact-card dt { color:#809094; font-size:9px; font-weight:900; text-transform:uppercase; }
.lead-contact-card dd { margin:0; color:#244c51; font-size:11px; font-weight:800; overflow-wrap:anywhere; }
.lead-contact-card a { color:#08736d; }
.lead-quick-actions { display:flex; gap:9px; margin-top:18px; }
.whatsapp-action { color:#fff; background:#20a865; }
.lead-response-form { padding:0; }
.permission-note,.empty-inline { padding:18px; border:1px dashed #cadcda; border-radius:10px; color:#6f8588; background:#f8fbfa; }
.lead-timeline { position:relative; display:grid; gap:0; padding-left:8px; }
.lead-timeline::before { content:""; position:absolute; top:12px; bottom:12px; left:17px; width:2px; background:#d6e6e3; }
.lead-timeline article { position:relative; display:grid; grid-template-columns:20px minmax(0,1fr); gap:16px; padding:8px 0 21px; }
.timeline-dot { z-index:1; width:12px; height:12px; margin-top:7px; border:3px solid #d7f0e9; border-radius:50%; background:#0b8075; box-shadow:0 0 0 3px #fff; }
.lead-timeline article > div { padding:16px 18px; border:1px solid #dde9e7; border-radius:12px; background:#fff; }
.lead-timeline header { display:flex; justify-content:space-between; gap:12px; }
.lead-timeline header strong { color:#0a6268; }
.lead-timeline time,.lead-timeline footer { color:#849295; font-size:9px; }
.lead-timeline p { color:#425f64; font-size:11px; line-height:1.7; }
.queue-list { display:grid; gap:9px; }
.queue-list article { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:12px; padding:13px 15px; border:1px solid #e0e9e8; border-radius:10px; background:#f8fbfa; }
.queue-list small { color:#788a8d; }

.automation-hero { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:30px; color:#fff; border:0; background:radial-gradient(circle at 87% 20%,rgba(255,208,91,.22),transparent 26%),linear-gradient(135deg,#063f49,#0b7771); }
.automation-hero p { margin:0 0 6px; color:#ffdc78; font-size:9px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.automation-hero h2 { margin:0; color:#fff; font-family:"Salsa",cursive; font-size:28px; }
.automation-hero > div > span { display:block; max-width:760px; margin-top:9px; color:#c7e1df; font-size:11px; line-height:1.7; }
.automation-status { display:grid; flex:0 0 160px; gap:9px; text-align:right; }
.automation-status span { padding:8px 10px; border-radius:999px; font-size:9px; font-weight:900; text-align:center; }
.automation-status .is-test { color:#473309; background:#ffdb74; }
.automation-status .is-live { color:#fff; background:#1aae75; }
.automation-status strong { font-size:12px; }
.campaign-workspace { display:grid; grid-template-columns:245px minmax(0,1fr); gap:22px; }
.campaign-list { display:grid; align-content:start; gap:9px; }
.campaign-list a { display:grid; gap:5px; padding:15px; border:1px solid #dce8e7; border-radius:11px; color:#3c6064; background:#f8fbfa; text-decoration:none; }
.campaign-list a.active { color:#fff; border-color:#0a686a; background:#0a686a; box-shadow:0 10px 24px rgba(8,84,89,.15); }
.campaign-list span { font-size:8px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; opacity:.72; }
.campaign-list strong { font-size:11px; }
.campaign-list small { font-size:9px; opacity:.72; }
.campaign-editor-form { padding:0; }
.drip-step-list { display:grid; gap:12px; }
.drip-step { display:grid; grid-template-columns:40px minmax(0,1fr); gap:13px; padding:16px; border:1px solid #dce8e7; border-radius:13px; background:linear-gradient(145deg,#f7fbfa,#fff); }
.drip-step-number { display:grid; width:34px; height:34px; place-items:center; border-radius:10px; color:#123f43; background:#ffd05b; font-weight:900; }
.drip-step-fields { display:grid; gap:12px; }
.integration-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.integration-card { display:grid; align-content:start; gap:14px; padding:21px; border:1px solid #dce8e7; border-radius:14px; background:linear-gradient(145deg,#f8fbfa,#fff); }
.integration-card > div:first-child { position:relative; padding-left:55px; }
.integration-card h3 { margin:0; color:#0a6268; font-size:16px; }
.integration-card p { margin:5px 0 0; color:#718487; font-size:10px; line-height:1.6; }
.integration-icon { position:absolute; left:0; top:0; display:grid; width:43px; height:43px; place-items:center; border-radius:12px; color:#fff; background:#1faa66; font-size:10px; font-weight:900; }
.integration-icon.sms { background:#365da8; }
.safety-mode,.integration-form > .admin-button { grid-column:1/-1; }
.safety-mode { padding:15px; border-color:#eadcae; background:#fff9e7; }
.cron-instructions { display:grid; gap:9px; margin-bottom:20px; padding:18px; border:1px solid #cde3de; border-radius:12px; background:#f0faf7; }
.cron-instructions strong { color:#0a6268; }
.cron-instructions code { display:block; padding:12px; overflow-x:auto; border-radius:8px; color:#d6f3ef; background:#073f48; font-size:10px; white-space:nowrap; }
.cron-instructions p { margin:0; color:#6a8083; font-size:10px; line-height:1.6; }

@media (max-width:1050px) {
  .campaign-workspace,.lead-profile-grid { grid-template-columns:1fr; }
  .campaign-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .permission-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .access-role-grid,.integration-form,.permission-grid,.landing-permission-grid,.campaign-list { grid-template-columns:1fr; }
  .automation-hero,.lead-detail-top { align-items:flex-start; flex-direction:column; }
  .automation-status { width:100%; text-align:left; }
  .drip-step { grid-template-columns:1fr; }
  .lead-contact-card dl div { grid-template-columns:90px minmax(0,1fr); }
  .lead-timeline header,.queue-list article { align-items:flex-start; grid-template-columns:1fr; }
}

/* Simplified automation, email, review, and pagination screens */
.automation-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:0 0 22px; }
.automation-tabs a { position:relative; display:grid; grid-template-columns:38px minmax(0,1fr); column-gap:11px; padding:17px; border:1px solid #dce8e7; border-radius:13px; color:#4b676b; background:#fff; box-shadow:0 8px 24px rgba(9,77,84,.05); text-decoration:none; }
.automation-tabs a > span { grid-row:1/3; display:grid; width:36px; height:36px; place-items:center; border-radius:10px; color:#0a666a; background:#eaf6f3; font-size:10px; font-weight:900; }
.automation-tabs strong { color:#174e54; font-size:12px; }
.automation-tabs small { margin-top:3px; color:#829092; font-size:9px; }
.automation-tabs a.active { color:#fff; border-color:#0b6e6d; background:linear-gradient(145deg,#07545c,#0b7b72); }
.automation-tabs a.active > span { color:#173f43; background:#ffd05b; }
.automation-tabs a.active strong,.automation-tabs a.active small { color:#fff; }
.compact-search { display:flex; align-items:end; gap:8px; }
.compact-search label { display:grid; gap:5px; }
.compact-search span { color:#758488; font-size:8px; font-weight:900; text-transform:uppercase; }
.compact-search input { min-height:40px; padding:8px 10px; border:1px solid #d4e2e0; border-radius:8px; }
.campaign-card-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }
.campaign-summary-card { display:grid; gap:13px; padding:21px; border:1px solid #dbe7e5; border-radius:14px; background:linear-gradient(145deg,#f7fbfa,#fff); }
.campaign-summary-card.paused { opacity:.67; }
.campaign-summary-card header,.campaign-summary-card footer { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.campaign-summary-card header span { padding:5px 8px; border-radius:99px; color:#086b55; background:#e5f6ed; font-size:8px; font-weight:900; text-transform:uppercase; }
.campaign-summary-card h3 { margin:0; color:#0a5f65; font-family:"Salsa",cursive; font-size:20px; }
.campaign-summary-card p { min-height:34px; margin:0; color:#718285; font-size:10px; line-height:1.6; }
.campaign-channel-counts { display:flex; gap:7px; }
.campaign-channel-counts span { padding:7px 9px; border:1px solid #d7e6e3; border-radius:8px; color:#3b6265; background:#fff; font-size:9px; font-weight:900; }
.campaign-summary-card footer small { color:#899496; font-size:9px; }
.campaign-empty { min-height:250px; }
.campaign-editor-page { padding:0; overflow:hidden; }
.campaign-editor-page > .panel-heading,.campaign-editor-page > form { padding:26px 28px; }
.campaign-editor-page > .panel-heading { margin:0; border-bottom:1px solid #e3ecea; background:linear-gradient(145deg,#f4faf8,#fff); }
.campaign-basics { display:grid; gap:14px; }
.form-triple { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.step-title-row { display:flex; justify-content:space-between; gap:12px; }
.step-title-row strong { color:#0a6065; }
.step-title-row span { color:#899597; font-size:9px; }
.sticky-save-bar { position:sticky; bottom:12px; z-index:4; display:flex; justify-content:flex-end; gap:9px; padding:12px; border:1px solid #dce7e5; border-radius:12px; background:rgba(255,255,255,.94); box-shadow:0 10px 32px rgba(8,69,74,.12); backdrop-filter:blur(8px); }
.settings-choice-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-bottom:22px; }
.connection-choice { display:grid; grid-template-columns:52px minmax(0,1fr) auto; align-items:center; gap:14px; margin:0; }
.connection-choice .integration-icon { position:static; }
.connection-choice p { margin:0; color:#738487; font-size:9px; font-weight:900; text-transform:uppercase; }
.connection-choice h2 { margin:4px 0; color:#0a5f65; font-family:"Salsa",cursive; font-size:19px; }
.connection-choice small { color:#829093; }
.integration-icon.email { position:static; color:#fff; background:#315eaa; }
.focused-settings-form { max-width:920px; padding:0; }
.focused-form-panel { max-width:1050px; margin-inline:auto; }
.review-manager-link-block { display:flex; align-items:center; justify-content:space-between; gap:18px; background:linear-gradient(145deg,#f0faf7,#fff); }
.review-manager-link-block h3,.review-manager-link-block p { margin-top:0; }
.email-account-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.email-account-card { margin:0; }
.email-account-card.paused { opacity:.66; }
.email-account-card header { display:flex; align-items:center; gap:12px; }
.email-account-card header h2 { margin:4px 0 0; color:#0a6065; font-family:"Salsa",cursive; font-size:20px; }
.email-account-card header small { color:#769095; font-size:8px; font-weight:900; text-transform:uppercase; }
.email-account-card dl { display:grid; margin:18px 0; }
.email-account-card dl div { display:grid; grid-template-columns:80px minmax(0,1fr); gap:12px; padding:10px 0; border-bottom:1px solid #e5eceb; }
.email-account-card dt { color:#829194; font-size:8px; font-weight:900; text-transform:uppercase; }
.email-account-card dd { margin:0; color:#3f6165; font-size:10px; overflow-wrap:anywhere; }
.email-account-card footer { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.review-manager-hero { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:28px; color:#fff; border:0; background:radial-gradient(circle at 85% 15%,rgba(255,208,91,.2),transparent 25%),linear-gradient(135deg,#064751,#0b746e); }
.review-manager-hero p { margin:0; color:#ffdc7c; font-size:8px; font-weight:900; text-transform:uppercase; }
.review-manager-hero h2 { margin:5px 0; color:#fff; font-family:"Salsa",cursive; font-size:27px; }
.review-manager-hero span { color:#c8e2df; font-size:10px; }
.review-actions { display:flex; gap:9px; }
.review-landing-tabs { display:flex; gap:9px; margin-bottom:20px; padding:7px; overflow-x:auto; border:1px solid #dce8e6; border-radius:13px; background:#fff; }
.review-landing-tabs a { display:grid; flex:0 0 180px; gap:4px; padding:12px; border-radius:9px; color:#4f6d70; text-decoration:none; }
.review-landing-tabs a.active { color:#fff; background:#0b696c; }
.review-landing-tabs strong { font-size:10px; }
.review-landing-tabs small { font-size:8px; opacity:.75; }
.review-summary-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-bottom:22px; }
.review-summary-grid article { margin:0; }
.review-summary-grid article > span { color:#738588; font-size:9px; font-weight:900; text-transform:uppercase; }
.review-summary-grid article > strong { display:block; margin:7px 0; color:#0a6065; font-family:"Salsa",cursive; font-size:28px; }
.review-summary-grid article > small { color:#8a9698; }
.review-visibility-card form { display:grid; gap:10px; }
.review-library-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.review-library-card { display:grid; align-content:start; gap:10px; min-height:215px; padding:18px; border:1px solid #dce8e6; border-radius:13px; background:linear-gradient(145deg,#f7fbfa,#fff); }
.review-type { justify-self:start; padding:5px 8px; border-radius:99px; color:#075d62; background:#e4f3f0; font-size:8px; font-weight:900; text-transform:uppercase; }
.review-type.youtube { color:#9d342c; background:#ffebe8; }
.review-library-card h3 { margin:0; color:#0b5f65; font-size:13px; }
.review-library-card p { margin:0; color:#657c7f; font-size:10px; line-height:1.65; overflow-wrap:anywhere; }
.review-library-card .admin-button { align-self:end; margin-top:auto; }
.review-video-preview { display:flex; align-items:center; gap:12px; padding:16px; border:1px dashed #cbdedb; border-radius:12px; color:#6c8386; background:#f5faf9; }
.review-video-preview span { display:grid; width:42px; height:42px; place-items:center; border-radius:50%; color:#fff; background:#e46154; }
.admin-button.danger { color:#fff; background:#b9483f; }
.admin-pagination { display:flex; justify-content:center; align-items:center; gap:6px; margin-top:24px; }
.admin-pagination a,.admin-pagination span { display:grid; min-width:34px; min-height:34px; padding:7px 10px; place-items:center; border:1px solid #d9e5e3; border-radius:8px; color:#426468; background:#fff; font-size:9px; font-weight:900; text-decoration:none; }
.admin-pagination a:hover,.admin-pagination a.active { color:#fff; border-color:#0b6a6d; background:#0b6a6d; }
.admin-pagination a.disabled { pointer-events:none; opacity:.38; }
@media (max-width:1000px) { .campaign-card-grid,.email-account-grid,.settings-choice-grid { grid-template-columns:1fr; } .review-library-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:760px) { .automation-tabs,.review-summary-grid,.review-library-grid,.form-triple { grid-template-columns:1fr; } .review-manager-hero,.connection-choice,.review-manager-link-block { align-items:flex-start; flex-direction:column; display:flex; } .review-actions,.compact-search { width:100%; flex-direction:column; align-items:stretch; } .review-actions .admin-button { text-align:center; } .step-title-row { flex-direction:column; } .admin-pagination { justify-content:flex-start; overflow-x:auto; } }

/* Page-wise tracking manager */
.tracking-hero { position:relative; display:flex; align-items:center; justify-content:space-between; gap:24px; overflow:hidden; padding:30px; color:#fff; border:0; background:radial-gradient(circle at 86% 5%,rgba(255,201,75,.24),transparent 27%),linear-gradient(135deg,#063f52,#076c66 70%,#098a72); }
.tracking-hero::after { position:absolute; right:-55px; bottom:-85px; width:230px; height:230px; border:1px solid rgba(255,255,255,.13); border-radius:50%; content:""; }
.tracking-hero > * { position:relative; z-index:1; }
.tracking-hero p { margin:0; color:#ffd76e; font-size:8px; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
.tracking-hero h2 { margin:6px 0; color:#fff; font-family:"Salsa",cursive; font-size:29px; }
.tracking-hero span { color:#d5ebe8; font-size:10px; }
.tracking-hero-actions { display:flex; gap:9px; }
.tracking-landing-tabs { margin-top:18px; }
.tracking-status-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:0 0 20px; }
.tracking-status-grid article { position:relative; display:grid; gap:6px; margin:0; padding:19px 20px 19px 25px; overflow:hidden; }
.tracking-status-grid article::before { position:absolute; inset:0 auto 0 0; width:5px; background:#c9d5d3; content:""; }
.tracking-status-grid article.connected::before { background:#16a270; }
.tracking-status-grid span { color:#839093; font-size:8px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.tracking-status-grid strong { color:#735e2b; font-family:"Salsa",cursive; font-size:18px; }
.tracking-status-grid article.connected strong { color:#087060; }
.tracking-status-grid small { color:#75898c; font-size:9px; }
.tracking-guide-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:20px; }
.tracking-guide-card { display:grid; grid-template-columns:48px minmax(0,1fr); gap:8px 14px; padding:22px; border:1px solid #dbe7e5; border-radius:15px; background:#fff; box-shadow:0 10px 30px rgba(7,68,74,.06); }
.tracking-guide-card.meta { border-top:4px solid #1877f2; }
.tracking-guide-card.google { border-top:4px solid #f3b511; }
.tracking-platform-mark { display:grid; grid-row:1/3; width:46px; height:46px; place-items:center; border-radius:13px; color:#fff; background:#1877f2; font-size:21px; font-weight:900; }
.tracking-guide-card.google .tracking-platform-mark { color:#3d5067; background:linear-gradient(135deg,#4285f4 0 25%,#34a853 25% 50%,#fbbc05 50% 75%,#ea4335 75%); }
.tracking-guide-card p { margin:0; color:#7b8d90; font-size:8px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.tracking-guide-card h3 { margin:4px 0 0; color:#0c5f65; font-family:"Salsa",cursive; font-size:19px; }
.tracking-guide-card ol,.tracking-guide-card ul { grid-column:1/-1; margin:8px 0 3px; padding-left:19px; color:#587377; font-size:10px; line-height:1.75; }
.tracking-guide-card code { grid-column:1/-1; padding:10px 12px; border-radius:8px; color:#245568; background:#edf5f7; font-size:10px; }
.tracking-guide-card > small { grid-column:1/-1; color:#7d8e91; font-size:9px; }
.tracking-form { display:grid; gap:18px; }
.tracking-platform-panel { display:grid; gap:17px; margin:0; padding:26px; }
.tracking-platform-panel.meta-panel { border-top:5px solid #1877f2; }
.tracking-platform-panel.google-panel { border-top:5px solid #f3b511; }
.tracking-panel-heading { display:flex; align-items:center; justify-content:space-between; gap:18px; padding-bottom:16px; border-bottom:1px solid #e3ecea; }
.tracking-panel-heading > div { display:flex; align-items:center; gap:13px; }
.tracking-panel-heading > div > span { display:grid; width:38px; height:38px; place-items:center; border-radius:11px; color:#fff; background:#0a6a6b; font-size:10px; font-weight:900; }
.meta-panel .tracking-panel-heading > div > span { background:#1877f2; }
.google-panel .tracking-panel-heading > div > span { color:#3d5067; background:#ffd158; }
.tracking-panel-heading p { margin:0; color:#809092; font-size:8px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.tracking-panel-heading h2 { margin:3px 0 0; color:#0a6065; font-family:"Salsa",cursive; font-size:22px; }
.tracking-panel-heading > strong { padding:7px 10px; border-radius:99px; color:#81620c; background:#fff3c8; font-size:8px; text-transform:uppercase; }
.tracking-platform-panel label { display:grid; gap:7px; }
.tracking-platform-panel label > span { color:#294f54; font-size:10px; font-weight:900; }
.tracking-platform-panel label > span b { margin-left:6px; color:#819093; font-size:7px; font-weight:900; text-transform:uppercase; }
.tracking-platform-panel label > small { color:#7d8e91; font-size:8px; line-height:1.5; }
.tracking-platform-panel input { min-height:46px; padding:11px 13px; border:1px solid #d4e3e1; border-radius:10px; color:#173f45; background:#fbfdfd; font-size:11px; }
.tracking-platform-panel input:focus { outline:3px solid rgba(10,111,108,.12); border-color:#0b7570; }
.tracking-event-flow { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:13px; padding:14px; border:1px dashed #c9deda; border-radius:12px; background:#f6fbfa; }
.tracking-event-flow div { display:grid; gap:4px; padding:11px 13px; border-radius:9px; background:#fff; }
.tracking-event-flow span { color:#7c8b8e; font-size:8px; font-weight:900; text-transform:uppercase; }
.tracking-event-flow strong { color:#0b6065; font-size:10px; overflow-wrap:anywhere; }
.tracking-event-flow > b { color:#d29b05; font-size:18px; }
.tracking-save-bar { align-items:center; justify-content:space-between; }
.tracking-save-bar > span { color:#647a7d; font-size:9px; }
.tracking-save-bar > span strong { color:#0b6266; }
@media (max-width:1000px) { .tracking-guide-grid,.tracking-status-grid { grid-template-columns:1fr; } .tracking-hero { align-items:flex-start; flex-direction:column; } }
@media (max-width:760px) { .tracking-hero-actions { width:100%; flex-direction:column; } .tracking-hero-actions .admin-button { text-align:center; } .tracking-platform-panel { padding:20px; } .tracking-panel-heading { align-items:flex-start; } .tracking-panel-heading > strong { flex:0 0 auto; } .tracking-event-flow { grid-template-columns:1fr; } .tracking-event-flow > b { justify-self:center; transform:rotate(90deg); } .tracking-save-bar { align-items:stretch; flex-direction:column; } }