:root {
  --fixla-blue: #005a9c;
  --fixla-gold: #fdb927;
  --fixla-gold-text: #7a5800;
  --fixla-ink: #1a1d2b;
  --fixla-muted: #6b7085;
  --fixla-soft-muted: #949aad;
  --fixla-line: #e2e4eb;
  --fixla-bg: #fafbfd;
  --fixla-footer: #f1f2f6;
  --fixla-map: #f2f0eb;
  --fixla-road: #dddbd6;
  --fixla-road-light: #e8e6e1;
  --fixla-water: #d4e4f0;
}

html,
body {
  min-height: 100%;
}

body {
  margin: 0;
  background: var(--fixla-bg);
  color: var(--fixla-ink);
  font-family: Inter, Arial, sans-serif;
}

.fixla-page {
  min-height: 100vh;
  background: var(--fixla-bg);
}

.fixla-topbar {
  min-height: 56px;
  background: var(--fixla-blue);
  color: #fff;
}

.fixla-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 69px;
  height: 34px;
  background: var(--fixla-gold);
  color: #060606;
  font-size: 19px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
  text-decoration: none;
  transform: skew(-2deg);
}

.fixla-logo .la {
  position: relative;
  margin-left: 1px;
}

.fixla-logo .la::before {
  content: "";
  position: absolute;
  left: 4px;
  top: -10px;
  width: 9px;
  height: 9px;
  border-top: 4px solid #060606;
  border-left: 4px solid #060606;
  transform: rotate(45deg);
}

.search-pill {
  height: 36px;
  width: min(400px, 34vw);
  border-radius: 999px;
  background: rgba(255, 255, 255, .9);
  color: var(--fixla-soft-muted);
  font-size: 13px;
}

.search-icon {
  position: relative;
  width: 14px;
  height: 14px;
  border: 2px solid var(--fixla-soft-muted);
  border-radius: 50%;
}

.search-icon::after {
  content: "";
  position: absolute;
  right: -4px;
  bottom: -2px;
  width: 6px;
  height: 2px;
  border-radius: 2px;
  background: var(--fixla-soft-muted);
  transform: rotate(45deg);
}

.btn-filter {
  min-width: 80px;
  height: 32px;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, .2);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}

.filter-mark {
  display: inline-grid;
  gap: 2px;
  width: 14px;
  margin-right: 6px;
}

.filter-mark span {
  display: block;
  height: 2px;
  border-radius: 2px;
  background: currentColor;
}

.filter-mark span:nth-child(2) {
  width: 10px;
}

.filter-mark span:nth-child(3) {
  width: 6px;
}

.btn-chip,
.btn-filter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.btn-chip .filter-mark,
.btn-filter .filter-mark,
.filter-mark {
  align-self: center;
  flex: 0 0 auto;
  margin-right: 0;
}

.top-nav .nav-link {
  position: relative;
  color: #fff;
  padding: 18px 16px 17px;
  font-size: 14px;
  font-weight: 400;
}

.fixla-login-modal .modal-content {
  overflow: hidden;
  border: 0;
  border-radius: 18px;
  box-shadow: 0 24px 70px rgba(10, 24, 40, .25);
}

.fixla-login-modal .modal-header {
  background: var(--fixla-blue);
  color: #fff;
  border: 0;
}

.fixla-login-modal .btn-close {
  filter: invert(1) grayscale(1);
  opacity: .85;
}

.fixla-login-modal .form-brand {
  color: var(--fixla-gold);
  font-weight: 800;
}

.fixla-login-modal .form-control {
  min-height: 44px;
  border-color: var(--fixla-line);
  border-radius: 8px;
}

.fixla-login-submit {
  height: 46px;
  border: 0;
  border-radius: 999px;
  background: var(--fixla-gold);
  color: var(--fixla-gold-text);
  font-weight: 800;
}

.fixla-social-login {
  display: grid;
  gap: 10px;
  margin-top: 18px;
}

.fixla-social-btn {
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid var(--fixla-line);
  background: #fff;
  color: var(--fixla-blue);
  font-weight: 700;
}

.top-nav .nav-link.active {
  font-weight: 800;
}

.top-nav .nav-link.active::after {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 0;
  height: 3px;
  border-radius: 2px 2px 0 0;
  background: var(--fixla-gold);
}

.avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--fixla-gold);
  color: var(--fixla-gold-text);
  font-size: 12px;
  font-weight: 900;
}

.campaign-footer {
  min-height: 32px;
  background: var(--fixla-footer);
  color: var(--fixla-soft-muted);
  font-size: 11px;
}

.map-stage {
  position: relative;
  min-height: 768px;
  overflow: hidden;
  background: var(--fixla-map);
}

.map-stage::before,
.map-stage::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.map-stage::before {
  background:
    linear-gradient(90deg, var(--fixla-water) 0 7%, transparent 7%),
    linear-gradient(90deg, transparent 0 17.3%, var(--fixla-road) 17.3% 18.6%, transparent 18.6% 37.3%, var(--fixla-road) 37.3% 38.6%, transparent 38.6% 57.3%, var(--fixla-road) 57.3% 58.6%, transparent 58.6% 77.3%, var(--fixla-road) 77.3% 78.6%, transparent 78.6%),
    linear-gradient(0deg, transparent 0 20.9%, var(--fixla-road) 20.9% 22.4%, transparent 22.4% 46.8%, var(--fixla-road) 46.8% 48.3%, transparent 48.3% 70.9%, var(--fixla-road) 70.9% 72.4%, transparent 72.4%),
    var(--fixla-map);
}

.map-stage::after {
  background:
    linear-gradient(90deg, transparent 0 9.7%, var(--fixla-road-light) 9.7% 10.4%, transparent 10.4% 27.7%, var(--fixla-road-light) 27.7% 28.4%, transparent 28.4% 47.7%, var(--fixla-road-light) 47.7% 48.4%, transparent 48.4% 67.7%, var(--fixla-road-light) 67.7% 68.4%, transparent 68.4% 87.7%, var(--fixla-road-light) 87.7% 88.4%, transparent 88.4%),
    linear-gradient(0deg, transparent 0 9.6%, var(--fixla-road-light) 9.6% 10.4%, transparent 10.4% 34.6%, var(--fixla-road-light) 34.6% 35.4%, transparent 35.4% 59.6%, var(--fixla-road-light) 59.6% 60.4%, transparent 60.4% 84.6%, var(--fixla-road-light) 84.6% 85.4%, transparent 85.4%);
}

.map-filter-view {
  min-height: 812px;
}

.place-label {
  position: absolute;
  z-index: 1;
  color: var(--fixla-soft-muted);
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}

.pin {
  position: absolute;
  z-index: 2;
  width: 22px;
  height: 22px;
  border: 4px solid #fff;
  border-radius: 50%;
  background: var(--pin-color, var(--fixla-blue));
  box-shadow: 0 2px 5px rgba(0, 0, 0, .22);
}

.report-fab {
  position: absolute;
  z-index: 3;
  right: 24px;
  bottom: 24px;
  width: 200px;
  height: 48px;
  border: 0;
  border-radius: 999px;
  background: var(--fixla-gold);
  color: var(--fixla-gold-text);
  font-size: 15px;
  font-weight: 800;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
}

.report-card {
  min-height: 114px;
  border: 1px solid var(--fixla-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .04), 0 1px 3px rgba(0, 0, 0, .06);
}

.report-id,
.tiny-muted {
  color: var(--fixla-soft-muted);
  font-size: 11px;
  font-weight: 600;
}

.report-title {
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
}

.report-address {
  color: var(--fixla-muted);
  font-size: 12px;
}

.report-meta,
.report-votes {
  color: var(--fixla-soft-muted);
  font-size: 10px;
}

.report-votes {
  color: var(--fixla-blue);
  font-weight: 700;
}

.status-pill {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 3px 8px;
  border-radius: 999px;
  background: #e6f0f9;
  color: var(--fixla-blue);
  font-size: 10px;
  font-weight: 700;
  white-space: nowrap;
}

.status-progress {
  background: #fdf3e4;
  color: #c97a1a;
}

.status-reported {
  background: #f1f2f6;
  color: var(--fixla-muted);
}

.status-confirmed,
.status-fixed {
  background: #e8f5ee;
  color: #1a7a3a;
}

.mobile-status,
.mobile-bottom-nav {
  display: none;
}

.mobile-bottom-nav {
  grid-template-columns: repeat(3, 1fr);
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
  height: 92px;
  background: #fff;
  border-top: 1px solid var(--fixla-line);
}

.mobile-bottom-nav a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding-top: 14px;
  color: var(--fixla-soft-muted);
  font-size: 10px;
  text-decoration: none;
}

.mobile-bottom-nav a.active {
  color: var(--fixla-blue);
  font-weight: 800;
}

.mobile-home-bar {
  position: absolute;
  left: 50%;
  bottom: 5px;
  width: 134px;
  height: 5px;
  border-radius: 999px;
  background: var(--fixla-ink);
  transform: translateX(-50%);
}

@media (max-width: 991.98px) {
  .fixla-topbar {
    min-height: 100px;
    padding: 8px 16px 12px !important;
    flex-wrap: wrap;
    align-content: flex-start;
  }

  .fixla-topbar .search-pill {
    order: 4;
    width: 100%;
    margin: 10px 0 0 !important;
  }

  .fixla-topbar .btn-filter,
  .fixla-topbar .top-nav,
  .fixla-topbar .avatar {
    display: none !important;
  }

  .campaign-footer {
    display: none !important;
  }

  .mobile-bottom-nav {
    display: grid;
  }

  .mobile-status {
    display: flex;
    height: 44px;
  }

  .map-stage {
    min-height: 567px;
  }

  .report-card {
    min-height: 114px;
    }
  }

/* Final FixLA CMS overrides */
.fixla-cms,
.fixla-cms body {
  margin: 0 !important;
}

.fixla-cms .signup-page {
  min-height: 100vh !important;
  width: 100% !important;
  background: var(--fixla-blue) !important;
  color: #fff !important;
}

.fixla-cms .signup-panel {
  min-height: 100vh !important;
  padding: 240px 24px 24px !important;
  display: flex !important;
}

.fixla-cms .signup-page .fixla-logo {
  width: 242px !important;
  height: 91px !important;
  font-size: 67px !important;
  line-height: 1 !important;
  color: #060606 !important;
  text-decoration: none !important;
}

.fixla-cms .signup-page .fixla-logo .la::before {
  left: 12px !important;
  top: -31px !important;
  width: 29px !important;
  height: 29px !important;
  border-top-width: 13px !important;
  border-left-width: 13px !important;
}

.fixla-cms .signup-copy {
  max-width: 430px !important;
  margin-top: 58px !important;
  color: #fff !important;
  font-size: 24px !important;
  font-weight: 500 !important;
  line-height: 1.08 !important;
}

.fixla-cms .get-started {
  width: 240px !important;
  height: 42px !important;
  margin-top: 176px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--fixla-gold) !important;
  color: var(--fixla-gold-text) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

.fixla-cms .campaign-note {
  margin-top: auto !important;
  padding-top: 49px !important;
  color: #fff !important;
  font-size: 11px !important;
  line-height: 1 !important;
}

.btn-chip,
.btn-filter {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px;
}

.btn-chip .filter-mark,
.btn-filter .filter-mark {
  align-self: center;
  margin-right: 0;
  transform: translateY(0);
}

.btn-chip .filter-mark span,
.btn-filter .filter-mark span {
  display: block;
}

@media (max-width: 767.98px) {
  .fixla-cms .signup-panel {
    padding-top: 170px !important;
  }

  .fixla-cms .signup-page .fixla-logo {
    width: 166px !important;
    height: 62px !important;
    font-size: 43px !important;
  }

  .fixla-cms .signup-page .fixla-logo .la::before {
    left: 8px !important;
    top: -21px !important;
    width: 20px !important;
    height: 20px !important;
    border-top-width: 9px !important;
    border-left-width: 9px !important;
  }

  .fixla-cms .signup-copy {
    max-width: 320px !important;
    margin-top: 46px !important;
    font-size: 22px !important;
  }

  .fixla-cms .get-started {
    width: min(240px, 72vw) !important;
    margin-top: 140px !important;
  }
}


/* Extracted from fixla_account.html */
:root {
      --fixla-blue: #005a9c;
      --fixla-gold: #fdb927;
      --fixla-ink: #1f2333;
      --fixla-muted: #7f8799;
      --fixla-line: #dfe4ed;
      --fixla-soft: #f8f9fc;
      --fixla-blue-soft: #e8f2fb;
    }

    html,
    body {
      min-height: 100%;
    }

    body {
      margin: 0;
      background: var(--fixla-soft);
      color: var(--fixla-ink);
      font-family: Inter, Arial, sans-serif;
    }

    .settings-page {
      min-height: 100vh;
      height: 100vh;
      background: var(--fixla-soft);
    }

    .fixla-topbar {
      min-height: 52px;
      background: var(--fixla-blue);
      color: #fff;
    }

    .fixla-logo {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 64px;
      height: 31px;
      background: var(--fixla-gold);
      color: #060606;
      font-weight: 900;
      font-size: 18px;
      line-height: 1;
      letter-spacing: 0;
      transform: skew(-2deg);
      text-decoration: none;
    }

    .fixla-logo .la {
      position: relative;
      margin-left: 1px;
    }

    .fixla-logo .la::before {
      content: "";
      position: absolute;
      left: 4px;
      top: -10px;
      width: 9px;
      height: 9px;
      border-top: 4px solid #060606;
      border-left: 4px solid #060606;
      transform: rotate(45deg);
    }

    .search-pill {
      width: min(100%, 375px);
      height: 35px;
      border-radius: 999px;
      background: rgba(255, 255, 255, .9);
      color: #8f99aa;
      font-size: 12px;
    }

    .search-icon {
      width: 14px;
      height: 14px;
      border: 2px solid #8f99aa;
      border-radius: 50%;
    }

    .search-icon::after {
      content: "";
      position: absolute;
      width: 6px;
      height: 2px;
      right: -4px;
      bottom: -2px;
      background: #8f99aa;
      border-radius: 2px;
      transform: rotate(45deg);
    }

    .btn-filter {
      height: 32px;
      border: 0;
      border-radius: 999px;
      background: rgba(255, 255, 255, .18);
      color: #fff;
      font-size: 12px;
      font-weight: 700;
    }

    .filter-mark {
      display: inline-grid;
      gap: 2px;
      width: 14px;
      margin-right: 6px;
    }

    .filter-mark span {
      display: block;
      height: 2px;
      background: currentColor;
      border-radius: 2px;
    }

    .filter-mark span:nth-child(2) { width: 10px; }
    .filter-mark span:nth-child(3) { width: 6px; }

    .top-nav .nav-link {
      position: relative;
      color: #fff;
      padding: 17px 18px 15px;
      font-size: 13px;
      font-weight: 500;
    }

    .top-nav .nav-link.active {
      font-weight: 800;
    }

    .top-nav .nav-link.active::after {
      content: "";
      position: absolute;
      left: 18px;
      right: 18px;
      bottom: 0;
      height: 3px;
      background: var(--fixla-gold);
      border-radius: 3px 3px 0 0;
    }

    .avatar {
      width: 32px;
      height: 32px;
      background: var(--fixla-gold);
      color: #7a5800;
      font-size: 12px;
      font-weight: 900;
    }

    .layout {
      min-height: 0;
    }

    .settings-sidebar {
      width: 260px;
      min-height: 0;
      background: #fff;
      border-right: 1px solid var(--fixla-line);
    }

    .profile-card {
      padding: 24px 18px 25px;
      border-bottom: 1px solid var(--fixla-line);
    }

    .profile-avatar {
      width: 46px;
      height: 46px;
      background: var(--fixla-blue-soft);
      color: var(--fixla-blue);
      font-size: 15px;
      font-weight: 800;
    }

    .profile-name {
      font-size: 13px;
      font-weight: 900;
    }

    .profile-email {
      color: var(--fixla-muted);
      font-size: 10px;
    }

    .side-link {
      display: block;
      margin: 0 8px 10px;
      padding: 10px 16px;
      border-radius: 7px;
      color: var(--fixla-ink);
      font-size: 13px;
      font-weight: 500;
      text-decoration: none;
    }

    .side-link.active {
      background: var(--fixla-blue-soft);
      color: var(--fixla-blue);
      font-weight: 800;
    }

    .logout-link {
      position: absolute;
      left: 8px;
      right: 8px;
      bottom: 43px;
      color: var(--fixla-blue);
      font-weight: 800;
    }

    .version-note {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 20px;
      color: #a5adbe;
      font-size: 10px;
      text-align: center;
    }

    .content-panel {
      flex: 1 1 auto;
      min-height: 0;
      overflow: auto;
      padding: 26px 38px;
    }

    .content-box {
      width: min(100%, 750px);
    }

    .page-title {
      margin-bottom: 18px;
      font-size: 22px;
      font-weight: 900;
      letter-spacing: 0;
    }

    .settings-card {
      overflow: hidden;
      border: 1px solid var(--fixla-line);
      border-radius: 10px;
      background: #fff;
      box-shadow: 0 2px 8px rgba(31, 35, 51, .07);
    }

    .setting-row {
      display: flex;
      align-items: center;
      gap: 16px;
      min-height: 60px;
      padding: 12px 16px;
      color: inherit;
      text-decoration: none;
      border-bottom: 1px solid var(--fixla-line);
    }

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

    .setting-row:hover {
      background: #fbfcfe;
      color: inherit;
    }

    .setting-icon {
      width: 34px;
      height: 34px;
      border-radius: 50%;
      background: var(--fixla-blue-soft);
    }

    .setting-icon::after {
      content: "";
      width: 15px;
      height: 15px;
      border-radius: 50%;
      background: var(--fixla-blue);
    }

    .setting-title {
      font-size: 14px;
      font-weight: 700;
      line-height: 1.15;
    }

    .setting-desc {
      color: var(--fixla-muted);
      font-size: 11px;
      line-height: 1.2;
    }

    .chevron {
      position: relative;
      width: 8px;
      height: 8px;
      margin-left: auto;
      border-top: 1px solid var(--fixla-muted);
      border-right: 1px solid var(--fixla-muted);
      transform: rotate(45deg);
    }

    .campaign-footer {
      height: 30px;
      background: #f4f7fb;
      color: #a5adbe;
      font-size: 10px;
    }

    @media (max-width: 991.98px) {
      .fixla-topbar {
        flex-wrap: wrap;
        min-height: 112px;
        padding: 10px 16px !important;
        gap: 10px;
      }

      .search-pill {
        order: 3;
        width: 100%;
      }

      .btn-filter {
        order: 4;
      }

      .top-nav {
        order: 5;
        width: 100%;
        justify-content: space-around;
      }

      .top-nav .nav-link {
        padding-inline: 10px;
      }

      .layout {
        display: block !important;
        min-height: 0;
        overflow: auto;
      }

      .settings-sidebar {
        width: 100%;
        min-height: auto;
        border-right: 0;
        border-bottom: 1px solid var(--fixla-line);
      }

      .profile-card {
        padding: 18px 16px;
      }

      .side-nav {
        display: flex;
        overflow-x: auto;
        padding: 8px;
      }

      .side-link {
        flex: 0 0 auto;
        margin: 0 6px 0 0;
        white-space: nowrap;
      }

      .version-note {
        display: none;
      }

      .logout-link {
        position: static;
      }

      .content-panel {
        overflow: visible;
        padding: 22px 16px 34px;
      }
    }


/* Extracted from fixla_dashboard.html */
:root {
      --fixla-blue: #005a9c;
      --fixla-gold: #fdb927;
      --fixla-ink: #1a1d2b;
      --fixla-muted: #6b7085;
      --fixla-soft: #fafbfd;
      --fixla-line: #e2e4eb;
      --fixla-map: #f2f0eb;
      --fixla-road: #dddbd6;
      --fixla-road-light: #e8e6e1;
      --fixla-water: #d4e4f0;
    }

    html,
    body {
      min-height: 100%;
      background: var(--fixla-soft);
      color: var(--fixla-ink);
      font-family: Inter, Arial, sans-serif;
    }

    body {
      margin: 0;
      overflow-x: hidden;
    }

    .fixla-shell {
      min-height: 100vh;
      background: var(--fixla-soft);
    }

    .fixla-topbar {
      min-height: 56px;
      background: var(--fixla-blue);
      color: #fff;
    }

    .fixla-logo {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 69px;
      height: 34px;
      background: var(--fixla-gold);
      color: #060606;
      font-weight: 900;
      font-size: 19px;
      line-height: 1;
      letter-spacing: 0;
      transform: skew(-2deg);
    }

    .fixla-logo .la {
      position: relative;
      margin-left: 1px;
    }

    .fixla-logo .la::before {
      content: "";
      position: absolute;
      left: 4px;
      top: -10px;
      width: 9px;
      height: 9px;
      border-top: 4px solid #060606;
      border-left: 4px solid #060606;
      transform: rotate(45deg);
    }

    .search-pill {
      height: 36px;
      max-width: 400px;
      border: 0;
      border-radius: 999px;
      background: rgba(255, 255, 255, .9);
      color: #949aad;
      font-size: 13px;
    }

    .search-icon {
      width: 14px;
      height: 14px;
      border: 2px solid #949aad;
      border-radius: 50%;
    }

    .search-icon::after {
      content: "";
      position: absolute;
      width: 6px;
      height: 2px;
      background: #949aad;
      transform: rotate(45deg);
      right: -4px;
      bottom: -2px;
      border-radius: 2px;
    }

    .desktop-nav .nav-link {
      position: relative;
      color: rgba(255, 255, 255, .82);
      padding: 17px 16px 16px;
      font-size: 14px;
      font-weight: 500;
    }

    .desktop-nav .nav-link.active {
      color: #fff;
      font-weight: 700;
    }

    .desktop-nav .nav-link.active::after {
      content: "";
      position: absolute;
      left: 16px;
      right: 16px;
      bottom: 0;
      height: 3px;
      background: #fff;
      border-radius: 2px 2px 0 0;
    }

    .avatar {
      width: 32px;
      height: 32px;
      background: rgba(255, 255, 255, .2);
      color: #fff;
      font-size: 12px;
      font-weight: 700;
    }

    .toolbar {
      height: 44px;
      background: var(--fixla-soft);
    }

    .toolbar-title {
      font-size: 14px;
      font-weight: 600;
    }

    .btn-chip {
      --bs-btn-padding-y: .4rem;
      --bs-btn-padding-x: .75rem;
      --bs-btn-font-size: .75rem;
      --bs-btn-border-radius: 999px;
      --bs-btn-color: var(--fixla-muted);
      --bs-btn-border-color: var(--fixla-line);
      --bs-btn-bg: #fff;
      --bs-btn-hover-border-color: #cdd1dc;
      --bs-btn-hover-bg: #fff;
    }

    .filter-mark {
      display: inline-grid;
      gap: 2px;
      width: 14px;
      margin-right: 6px;
    }

    .filter-mark span {
      display: block;
      height: 2px;
      background: currentColor;
      border-radius: 2px;
    }

    .filter-mark span:nth-child(2) { width: 10px; }
    .filter-mark span:nth-child(3) { width: 6px; }

    .app-main {
      min-height: calc(100vh - 132px);
    }

    .map-stage {
      position: relative;
      flex: 1 1 auto;
      min-height: 768px;
      overflow: hidden;
      background: var(--fixla-map);
    }

    .map-stage::before,
    .map-stage::after {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
    }

    .map-stage::before {
      background:
        linear-gradient(90deg, var(--fixla-water) 0 7%, transparent 7%),
        linear-gradient(90deg, transparent 0 17.3%, var(--fixla-road) 17.3% 18.6%, transparent 18.6% 37.3%, var(--fixla-road) 37.3% 38.6%, transparent 38.6% 57.3%, var(--fixla-road) 57.3% 58.6%, transparent 58.6% 77.3%, var(--fixla-road) 77.3% 78.6%, transparent 78.6%),
        linear-gradient(0deg, transparent 0 27%, var(--fixla-road) 27% 28.5%, transparent 28.5% 52%, var(--fixla-road) 52% 53.5%, transparent 53.5% 76%, var(--fixla-road) 76% 77.5%, transparent 77.5%),
        var(--fixla-map);
    }

    .map-stage::after {
      background:
        linear-gradient(90deg, transparent 0 9.5%, var(--fixla-road-light) 9.5% 10.2%, transparent 10.2% 27.5%, var(--fixla-road-light) 27.5% 28.2%, transparent 28.2% 47.5%, var(--fixla-road-light) 47.5% 48.2%, transparent 48.2% 67.5%, var(--fixla-road-light) 67.5% 68.2%, transparent 68.2% 87.5%, var(--fixla-road-light) 87.5% 88.2%, transparent 88.2%),
        linear-gradient(0deg, transparent 0 15%, var(--fixla-road-light) 15% 15.8%, transparent 15.8% 40%, var(--fixla-road-light) 40% 40.8%, transparent 40.8% 65%, var(--fixla-road-light) 65% 65.8%, transparent 65.8% 90%, var(--fixla-road-light) 90% 90.8%, transparent 90.8%);
    }

    .place-label {
      position: absolute;
      z-index: 1;
      color: #949aad;
      font-size: 11px;
      font-weight: 600;
      white-space: nowrap;
    }

    .pin {
      position: absolute;
      z-index: 2;
      width: 22px;
      height: 22px;
      border: 4px solid #fff;
      border-radius: 50%;
      background: var(--pin-color, var(--fixla-blue));
      box-shadow: 0 2px 5px rgba(0, 0, 0, .22);
    }

    .report-fab {
      position: absolute;
      z-index: 3;
      right: 24px;
      bottom: 24px;
      width: 200px;
      height: 48px;
      border: 0;
      border-radius: 999px;
      background: var(--fixla-gold);
      color: #7a5800;
      font-size: 15px;
      font-weight: 800;
      box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    }

    .list-panel {
      width: 540px;
      min-height: 768px;
      background: #fff;
      border-left: 1px solid var(--fixla-line);
    }

    .report-card {
      min-height: 114px;
      border: 1px solid var(--fixla-line);
      border-radius: 8px;
      background: #fff;
      box-shadow: 0 1px 2px rgba(26, 29, 43, .04);
    }

    .report-id,
    .report-meta,
    .report-votes {
      color: var(--fixla-muted);
      font-size: 11px;
      font-weight: 600;
    }

    .report-title {
      font-size: 15px;
      font-weight: 800;
      line-height: 1.2;
    }

    .report-address {
      color: var(--fixla-muted);
      font-size: 12px;
    }

    .status-pill {
      display: inline-flex;
      align-items: center;
      min-height: 20px;
      padding: 3px 8px;
      border-radius: 999px;
      background: #eaf4ef;
      color: #247657;
      font-size: 11px;
      font-weight: 700;
      white-space: nowrap;
    }

    .status-progress { background: #fff4d6; color: #896200; }
    .status-reported { background: #edf1f7; color: #5e667b; }
    .status-confirmed { background: #ece7fb; color: #5b43a8; }

    .campaign-footer {
      min-height: 32px;
      background: var(--fixla-blue);
      color: #fff;
      font-size: 11px;
    }

    .wizard-modal .modal-dialog {
      max-width: 720px;
    }

    .wizard-modal .modal-content {
      min-height: 640px;
      border: 0;
      border-radius: 8px;
      overflow: hidden;
    }

    .wizard-side {
      width: 200px;
      background: #f7f8fb;
      border-right: 1px solid var(--fixla-line);
    }

    .step-dot {
      width: 20px;
      height: 20px;
      border: 2px solid #ccd2de;
      border-radius: 50%;
      background: #fff;
    }

    .step-dot.active {
      width: 28px;
      height: 28px;
      border: 4px solid #d4e4f0;
      background: var(--fixla-blue);
    }

    .category-card {
      min-height: 100px;
      border: 1px solid var(--fixla-line);
      border-radius: 8px;
      background: #fff;
    }

    .category-icon {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background: #edf4fa;
      color: var(--fixla-blue);
      font-weight: 900;
    }

    .mobile-status,
    .mobile-bar,
    .mobile-nav {
      display: none;
    }

    @media (max-width: 991.98px) {
      body {
        background: var(--fixla-soft);
      }

      .fixla-topbar {
        display: none !important;
      }

      .mobile-status {
        display: flex;
        height: 44px;
        background: var(--fixla-blue);
        color: #fff;
      }

      .mobile-bar {
        display: block;
        background: var(--fixla-blue);
        color: #fff;
        padding: 0 16px 12px;
      }

      .mobile-bar .search-pill {
        max-width: none;
      }

      .toolbar {
        height: 49px;
        padding-inline: 16px !important;
      }

      .app-main {
        display: block !important;
        min-height: 0;
        padding-bottom: 92px;
      }

      .map-stage {
        min-height: calc(100vh - 285px);
        height: 567px;
      }

      .list-panel {
        display: none;
      }

      .campaign-footer {
        display: none;
      }

      .report-fab {
        left: 50%;
        right: auto;
        bottom: 8px;
        transform: translateX(-50%);
      }

      .mobile-nav {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1040;
        height: 92px;
        background: #fff;
        border-top: 1px solid var(--fixla-line);
      }

      .mobile-nav a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 4px;
        padding-top: 13px;
        color: #949aad;
        text-decoration: none;
        font-size: 10px;
      }

      .mobile-nav a.active {
        color: var(--fixla-blue);
        font-weight: 800;
      }

      .nav-glyph {
        width: 18px;
        height: 18px;
        color: currentColor;
      }

      .wizard-modal .modal-dialog {
        max-width: none;
        margin: 0;
      }

      .wizard-modal .modal-content {
        min-height: 100vh;
        border-radius: 0;
      }

      .wizard-side {
        display: none;
      }
    }


/* Extracted from fixla_my_reports.html */
.reports-content {
      min-height: calc(100vh - 88px);
      padding: 28px 40px;
    }

    .stats-card {
      border: 1px solid var(--fixla-line);
      border-radius: 12px;
      background: #fff;
      box-shadow: 0 2px 8px rgba(0, 0, 0, .04), 0 1px 3px rgba(0, 0, 0, .06);
    }

    .stat-item {
      position: relative;
      min-height: 80px;
    }

    .stat-item:not(:last-child)::after {
      content: "";
      position: absolute;
      top: 18px;
      right: 0;
      bottom: 18px;
      width: 1px;
      background: #eef1f7;
    }

    .stat-number {
      font-size: 26px;
      font-weight: 900;
      line-height: 1;
    }

    @media (max-width: 991.98px) {
      .reports-content {
        padding: 12px 16px 116px;
      }

      .stat-item {
        min-height: 70px;
      }

      .fixla-topbar {
        min-height: 100px;
      }
    }


/* Extracted from fixla_report_wizard.html */
.wizard-shell {
      min-height: calc(100vh - 32px);
      position: relative;
    }

    .wizard-map {
      position: absolute;
      inset: 56px 0 32px;
      min-height: 0;
      filter: grayscale(.15);
    }

    .wizard-backdrop {
      position: absolute;
      inset: 0;
      z-index: 4;
      background: rgba(26, 29, 43, .5);
    }

    .wizard-card {
      position: relative;
      z-index: 5;
      width: 720px;
      min-height: 640px;
      overflow: hidden;
      border-radius: 16px;
      background: #fff;
      box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    }

    .wizard-side {
      width: 200px;
      background: var(--fixla-footer);
    }

    .wizard-step {
      position: relative;
      display: flex;
      gap: 12px;
      min-height: 64px;
    }

    .wizard-step::after {
      content: "";
      position: absolute;
      left: 9px;
      top: 28px;
      bottom: -2px;
      width: 2px;
      background: var(--fixla-line);
    }

    .wizard-step:last-child::after {
      display: none;
    }

    .wizard-dot {
      position: relative;
      z-index: 1;
      width: 20px;
      height: 20px;
      border: 2px solid #cdd4df;
      border-radius: 50%;
      background: #fff;
    }

    .wizard-dot.active {
      width: 28px;
      height: 28px;
      margin-left: -4px;
      border: 7px solid #d7e8f7;
      background: var(--fixla-blue);
    }

    .category-card {
      height: 100px;
      border: 1px solid var(--fixla-line);
      border-radius: 12px;
      background: #fff;
      color: var(--fixla-ink);
      font-size: 10px;
      font-weight: 700;
    }

    .category-card.active {
      border: 2px solid var(--fixla-blue);
    }

    .category-icon {
      width: 36px;
      height: 36px;
      border-radius: 50%;
      background: #e6f0f9;
      color: var(--fixla-blue);
      font-size: 17px;
      font-weight: 900;
    }

    .wizard-continue {
      height: 44px;
      border: 0;
      border-radius: 8px;
      background: var(--fixla-blue);
      color: #fff;
      font-weight: 800;
    }

    @media (max-width: 991.98px) {
      .wizard-map,
      .wizard-backdrop,
      .fixla-topbar {
        display: none !important;
      }

      .wizard-shell {
        min-height: 100vh;
        padding: 0;
      }

      .wizard-card {
        width: 100%;
        min-height: 100vh;
        border-radius: 0;
        box-shadow: none;
      }

      .wizard-side {
        display: none;
      }

      .wizard-body {
        padding: 16px !important;
      }

      .category-card {
        height: 100px;
      }
    }


/* Extracted from fixla_signup.html */
:root {
      --fixla-blue: #005a9c;
      --fixla-gold: #fdb927;
      --fixla-gold-text: #795800;
    }

    html,
    body {
      min-height: 100%;
    }

    body {
      margin: 0;
      background: var(--fixla-blue);
      color: #fff;
      font-family: Inter, Arial, sans-serif;
    }

    .signup-page {
      min-height: 100vh;
      background: var(--fixla-blue);
    }

    .signup-panel {
      min-height: 900px;
      padding: 240px 24px 180px;
    }

    .fixla-logo {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 242px;
      height: 91px;
      background: var(--fixla-gold);
      color: #060606;
      font-weight: 900;
      font-size: 63px;
      line-height: 1;
      letter-spacing: 0;
      transform: rotate(-2.4deg) skew(-2deg);
      text-decoration: none;
    }

    .fixla-logo .la {
      position: relative;
      margin-left: 2px;
    }

    .fixla-logo .la::before {
      content: "";
      position: absolute;
      left: 12px;
      top: -31px;
      width: 29px;
      height: 29px;
      border-top: 13px solid #060606;
      border-left: 13px solid #060606;
      transform: rotate(45deg);
    }

    .signup-copy {
      max-width: 430px;
      margin-top: 58px;
      font-size: 24px;
      font-weight: 500;
      line-height: 1.08;
      letter-spacing: 0;
    }

    .get-started {
      width: 240px;
      height: 42px;
      margin-top: 176px;
      border: 0;
      border-radius: 999px;
      background: var(--fixla-gold);
      color: var(--fixla-gold-text);
      font-size: 14px;
      font-weight: 800;
      box-shadow: none;
    }

    .campaign-note {
      margin-top: 49px;
      font-size: 11px;
      line-height: 1;
    }

    @media (max-width: 767.98px) {
      .signup-panel {
        min-height: 100vh;
        padding: 170px 24px 80px;
      }

      .fixla-logo {
        width: 166px;
        height: 62px;
        font-size: 43px;
      }

      .fixla-logo .la::before {
        left: 8px;
        top: -21px;
        width: 20px;
        height: 20px;
        border-top-width: 9px;
        border-left-width: 9px;
      }

      .signup-copy {
        max-width: 320px;
        margin-top: 46px;
        font-size: 22px;
      }

      .get-started {
        width: min(240px, 72vw);
        margin-top: 140px;
      }
    }

    @media (max-height: 760px) {
      .signup-panel {
        padding-top: 120px;
        padding-bottom: 48px;
      }

      .get-started {
        margin-top: 100px;
      }
    }


/* Extracted from fixla_onboarding_signup.html */
:root {
      --fixla-blue: #005a9c;
      --fixla-gold: #fdb927;
      --fixla-ink: #1f2333;
      --fixla-muted: #8a91a3;
      --fixla-border: #dfe3ec;
    }

    html,
    body {
      min-height: 100%;
    }

    body {
      margin: 0;
      background: #fff;
      color: var(--fixla-ink);
      font-family: Inter, Arial, sans-serif;
    }

    .onboarding-page,
    .onboarding-frame {
      width: 100%;
      min-height: 100vh;
      background: #fff;
    }

    .brand-panel {
      position: relative;
      min-height: 100vh;
      background: var(--fixla-blue);
      color: #fff;
    }

    .brand-center {
      position: absolute;
      left: 50%;
      top: 38%;
      transform: translate(-50%, -50%);
    }

    .fixla-logo {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 188px;
      height: 84px;
      background: var(--fixla-gold);
      color: #060606;
      font-weight: 900;
      font-size: 56px;
      line-height: 1;
      letter-spacing: 0;
      transform: rotate(-2deg) skew(-2deg);
      text-decoration: none;
    }

    .fixla-logo .la {
      position: relative;
      margin-left: 2px;
    }

    .fixla-logo .la::before {
      content: "";
      position: absolute;
      left: 10px;
      top: -28px;
      width: 26px;
      height: 26px;
      border-top: 12px solid #060606;
      border-left: 12px solid #060606;
      transform: rotate(45deg);
    }

    .brand-copy {
      width: 270px;
      margin-top: 44px;
      font-size: 24px;
      font-weight: 500;
      line-height: 1.02;
      letter-spacing: 0;
    }

    .site-note {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 45px;
      font-size: 11px;
      text-align: center;
    }

    .form-panel {
      position: relative;
      min-height: 100vh;
      padding: 74px 56px;
      background: #fff;
    }

    .form-box,
    .form-panel .registration_form {
      width: min(100%, 528px);
      margin: 0 auto;
      padding-top: 0;
    }

    .form-brand {
      color: var(--fixla-blue);
      font-size: 16px;
      font-weight: 800;
      margin-bottom: 25px;
    }

    .form-title {
      margin-bottom: 18px;
      color: var(--fixla-ink);
      font-size: 30px;
      font-weight: 900;
      line-height: 1.1;
      letter-spacing: 0;
    }

    .form-label {
      margin-bottom: 6px;
      color: #687084;
      font-size: 12px;
      font-weight: 700;
    }

    .form-control,
    .form-select {
      height: 42px;
      border-color: var(--fixla-border);
      border-radius: 7px;
      color: var(--fixla-ink);
      font-size: 13px;
    }

    .form-control::placeholder {
      color: #a5acbc;
    }

    .form-control:focus,
    .form-select:focus {
      border-color: var(--fixla-blue);
      box-shadow: 0 0 0 .2rem rgba(38, 96, 157, .14);
    }

    .signup-submit {
      height: 46px;
      margin-top: 14px;
      border: 0;
      border-radius: 7px;
      background: var(--fixla-blue);
      color: #fff;
      font-size: 14px;
      font-weight: 800;
    }

    .login-note {
      margin-top: 17px;
      color: var(--fixla-muted);
      font-size: 12px;
    }

    .login-note a {
      color: #727b90;
      text-decoration: none;
      font-weight: 700;
    }

    .campaign-note {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 26px;
      color: #a5acbc;
      font-size: 10px;
      text-align: center;
    }

    @media (max-width: 991.98px) {
      .onboarding-page {
        background: #fff;
      }

      .onboarding-frame {
        min-height: 100vh;
      }

      .brand-panel {
        min-height: 250px;
      }

      .brand-center {
        top: 52%;
      }

      .fixla-logo {
        width: 132px;
        height: 58px;
        font-size: 39px;
      }

      .fixla-logo .la::before {
        left: 7px;
        top: -20px;
        width: 19px;
        height: 19px;
        border-top-width: 8px;
        border-left-width: 8px;
      }

      .brand-copy {
        width: 240px;
        margin-top: 26px;
        font-size: 20px;
      }

      .site-note {
        display: none;
      }

      .form-panel {
        min-height: auto;
        padding: 36px 20px 76px;
      }

      .form-title {
        font-size: 26px;
      }
    }


/* Extracted from fixla_report_detail.html */
.detail-main {
      min-height: calc(100vh - 88px);
      padding: 24px;
    }

    .photo-panel {
      min-height: 780px;
      border-radius: 12px;
      background: var(--fixla-footer);
    }

    .photo-dot {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      background: #cfd5e2;
    }

    .detail-content {
      padding: 0 20px 0 8px;
    }

    .detail-title {
      font-size: 24px;
      font-weight: 900;
    }

    .category-dot {
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background: var(--fixla-blue);
    }

    .vote-pill {
      min-height: 30px;
      border-radius: 999px;
      background: #e6f0f9;
      color: var(--fixla-blue);
      font-size: 13px;
      font-weight: 700;
    }

    .vote-outline {
      border: 1px solid #e6f0f9;
      background: #fff;
      font-weight: 400;
    }

    .progress-track {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      align-items: start;
      gap: 0;
      margin-top: 22px;
    }

    .progress-step {
      position: relative;
      min-height: 52px;
      text-align: center;
      color: var(--fixla-soft-muted);
      font-size: 10px;
    }

    .progress-step::before {
      content: "";
      position: absolute;
      top: 7px;
      left: 0;
      right: 0;
      height: 3px;
      background: var(--fixla-line);
    }

    .progress-step:first-child::before {
      left: 50%;
    }

    .progress-step:last-child::before {
      right: 50%;
    }

    .progress-step.done::before {
      background: var(--fixla-blue);
    }

    .progress-dot {
      position: relative;
      z-index: 1;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 16px;
      height: 16px;
      border: 2px solid var(--fixla-line);
      border-radius: 50%;
      background: #fff;
    }

    .progress-step.done .progress-dot {
      border-color: var(--fixla-blue);
      background: var(--fixla-blue);
      color: #fff;
      font-size: 9px;
      font-weight: 800;
    }

    .progress-step.active .progress-dot {
      width: 24px;
      height: 24px;
      margin-top: -4px;
      border: 5px solid #d7e6f3;
      background: var(--fixla-blue);
    }

    .mini-map {
      position: relative;
      width: min(400px, 100%);
      height: 200px;
      overflow: hidden;
      border-radius: 8px;
      background: var(--fixla-map);
    }

    .mini-map::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(90deg, transparent 0 49%, var(--fixla-road) 49% 51%, transparent 51%),
        linear-gradient(0deg, transparent 0 49%, var(--fixla-road) 49% 52%, transparent 52%);
    }

    .mini-map .pin {
      left: calc(50% - 11px);
      top: calc(50% - 11px);
    }

    .detail-mobile-head {
      display: none;
    }

    @media (max-width: 991.98px) {
      .desktop-detail-nav {
        display: none !important;
      }

      .detail-mobile-head {
        display: block;
      }

      .detail-main {
        min-height: 0;
        padding: 0 16px 116px;
      }

      .photo-panel {
        min-height: 160px;
        margin: 0 -16px 16px;
        border-radius: 0;
      }

      .detail-content {
        padding: 0;
      }

      .progress-track {
        display: block;
        margin-top: 8px;
      }

      .progress-step {
        display: flex;
        align-items: center;
        gap: 12px;
        min-height: 36px;
        text-align: left;
        font-size: 13px;
      }

      .progress-step::before {
        left: 7px;
        right: auto;
        top: 18px;
        bottom: -18px;
        width: 2px;
        height: auto;
      }

      .progress-step:first-child::before {
        left: 7px;
      }

      .progress-step:last-child::before {
        display: none;
      }

      .progress-step.active {
        color: var(--fixla-ink);
        font-weight: 800;
      }

      .progress-step.active .progress-dot {
        width: 16px;
        height: 16px;
        margin: 0;
        border-width: 4px;
      }

      .mini-map {
        width: 100%;
        height: 80px;
        margin-top: 20px;
      }
    }


/* Extracted from fixla_dashboard_filter.html */
.filter-layout {
      min-height: calc(100vh - 88px);
    }

    .filter-sidebar {
      width: 320px;
      min-height: 812px;
      background: #fff;
      border-right: 1px solid var(--fixla-line);
    }

    .filter-sidebar label {
      color: var(--fixla-ink);
      font-size: 11px;
    }

    .filter-sidebar .form-check-input {
      width: 16px;
      height: 16px;
      margin-top: 0;
    }

    .filter-heading {
      color: var(--fixla-soft-muted);
      font-size: 11px;
      font-weight: 700;
    }

    .dot {
      display: inline-block;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: var(--dot-color, var(--fixla-blue));
    }

    .filter-map {
      flex: 1 1 auto;
      min-width: 0;
      min-height: 812px;
    }

    .filter-list {
      width: 540px;
      min-height: 812px;
      background: #fff;
      border-left: 1px solid var(--fixla-line);
    }

    .apply-filter {
      height: 40px;
      border: 0;
      border-radius: 8px;
      background: var(--fixla-blue);
      color: #fff;
      font-weight: 800;
    }

    @media (max-width: 991.98px) {
      .filter-layout {
        display: block !important;
        padding-bottom: 92px;
      }

      .filter-sidebar {
        width: 100%;
        min-height: auto;
        border-right: 0;
        border-bottom: 1px solid var(--fixla-line);
      }

      .filter-map {
        min-height: 460px;
      }

      .filter-list {
        width: 100%;
        min-height: auto;
      }
    }


/* Extracted from fixla_onboarding_location.html */
.location-page {
      min-height: 100vh;
      padding: 24px;
      background: var(--fixla-bg);
    }

    .location-modal {
      width: min(480px, calc(100vw - 32px));
      min-height: 400px;
      border-radius: 20px;
      background: #fff;
      box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    }

    .location-icon {
      width: 80px;
      height: 80px;
      border-radius: 50%;
      background: #e6f0f9;
    }

    .location-icon::before {
      content: "";
      width: 36px;
      height: 36px;
      border-radius: 50%;
      background: var(--fixla-blue);
    }

    .location-icon::after {
      content: "";
      position: absolute;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background: #fff;
    }

    .allow-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      height: 48px;
      border: 0;
      border-radius: 8px;
      background: var(--fixla-blue);
      color: #fff;
      font-weight: 800;
      line-height: 1;
    }

    @media (max-width: 575.98px) {
      .location-page {
        align-items: stretch !important;
        padding: 0 16px 28px;
      }

      .location-modal {
        width: 100%;
        margin-top: 170px;
      }
    }

/* Final FixLA CMS overrides */
.btn-chip,
.btn-filter {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px;
}

.btn-chip .filter-mark,
.btn-filter .filter-mark {
  align-self: center;
  margin-right: 0;
  transform: translateY(0);
}

.btn-chip .filter-mark span,
.btn-filter .filter-mark span {
  display: block;
}