/* Minification failed. Returning unminified contents.
(11,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,21): run-time error CSS1039: Token not allowed after unary operator: '-land-font-body'
(32,21): run-time error CSS1039: Token not allowed after unary operator: '-land-font-body'
(35,23): run-time error CSS1039: Token not allowed after unary operator: '-land-radius-pill'
(37,26): run-time error CSS1039: Token not allowed after unary operator: '-land-navy'
(42,20): run-time error CSS1039: Token not allowed after unary operator: '-land-navy'
(46,20): run-time error CSS1039: Token not allowed after unary operator: '-land-navy-dark'
(47,22): run-time error CSS1039: Token not allowed after unary operator: '-land-navy-dark'
(51,15): run-time error CSS1039: Token not allowed after unary operator: '-land-navy'
(52,22): run-time error CSS1039: Token not allowed after unary operator: '-land-navy'
(58,20): run-time error CSS1039: Token not allowed after unary operator: '-land-orange'
(59,22): run-time error CSS1039: Token not allowed after unary operator: '-land-orange'
(71,26): run-time error CSS1039: Token not allowed after unary operator: '-land-line'
(72,23): run-time error CSS1039: Token not allowed after unary operator: '-land-radius-card'
(74,20): run-time error CSS1039: Token not allowed after unary operator: '-land-sh'
(92,21): run-time error CSS1039: Token not allowed after unary operator: '-land-font-display'
(110,100): run-time error CSS1039: Token not allowed after unary operator: '-land-navy'
(110,153): run-time error CSS1039: Token not allowed after unary operator: '-land-radius-control'
(113,15): run-time error CSS1039: Token not allowed after unary operator: '-land-grey'
(116,44): run-time error CSS1039: Token not allowed after unary operator: '-land-line'
(116,77): run-time error CSS1039: Token not allowed after unary operator: '-land-radius-card'
(117,20): run-time error CSS1039: Token not allowed after unary operator: '-land-sh'
(122,15): run-time error CSS1039: Token not allowed after unary operator: '-land-grey'
(127,34): run-time error CSS1039: Token not allowed after unary operator: '-land-font-body'
(128,26): run-time error CSS1039: Token not allowed after unary operator: '-land-line'
(128,59): run-time error CSS1039: Token not allowed after unary operator: '-land-radius-control'
(128,94): run-time error CSS1039: Token not allowed after unary operator: '-land-midnight'
(131,37): run-time error CSS1039: Token not allowed after unary operator: '-land-navy'
(133,99): run-time error CSS1039: Token not allowed after unary operator: '-land-midnight'
(137,33): run-time error CSS1039: Token not allowed after unary operator: '-land-navy'
(138,39): run-time error CSS1039: Token not allowed after unary operator: '-land-orange'
(139,87): run-time error CSS1039: Token not allowed after unary operator: '-land-grey'
(144,20): run-time error CSS1039: Token not allowed after unary operator: '-land-navy'
(144,53): run-time error CSS1039: Token not allowed after unary operator: '-land-radius-card'
(149,66): run-time error CSS1039: Token not allowed after unary operator: '-land-orange'
(157,100): run-time error CSS1039: Token not allowed after unary operator: '-land-orange'
(160,32): run-time error CSS1039: Token not allowed after unary operator: '-land-font-display'
(161,15): run-time error CSS1039: Token not allowed after unary operator: '-land-midnight'
(164,68): run-time error CSS1039: Token not allowed after unary operator: '-land-grey'
(170,100): run-time error CSS1039: Token not allowed after unary operator: '-land-grey'
(175,26): run-time error CSS1039: Token not allowed after unary operator: '-land-line'
(175,67): run-time error CSS1039: Token not allowed after unary operator: '-land-orange'
(176,23): run-time error CSS1039: Token not allowed after unary operator: '-land-radius-card'
(178,49): run-time error CSS1039: Token not allowed after unary operator: '-land-navy'
(179,97): run-time error CSS1039: Token not allowed after unary operator: '-land-midnight'
(180,91): run-time error CSS1039: Token not allowed after unary operator: '-land-grey'
(183,20): run-time error CSS1039: Token not allowed after unary operator: '-land-midnight'
(183,57): run-time error CSS1039: Token not allowed after unary operator: '-land-radius-card'
(187,67): run-time error CSS1039: Token not allowed after unary operator: '-land-font-display'
(190,83): run-time error CSS1039: Token not allowed after unary operator: '-land-orange'
(195,62): run-time error CSS1039: Token not allowed after unary operator: '-land-grey'
(196,71): run-time error CSS1039: Token not allowed after unary operator: '-land-navy'
(196,123): run-time error CSS1039: Token not allowed after unary operator: '-land-radius-control'
(201,95): run-time error CSS1039: Token not allowed after unary operator: '-land-line'
(202,23): run-time error CSS1039: Token not allowed after unary operator: '-land-radius-card'
(202,60): run-time error CSS1039: Token not allowed after unary operator: '-land-sh'
(204,87): run-time error CSS1039: Token not allowed after unary operator: '-land-navy'
(204,140): run-time error CSS1039: Token not allowed after unary operator: '-land-radius-control'
(205,49): run-time error CSS1039: Token not allowed after unary operator: '-land-font-display'
(205,117): run-time error CSS1039: Token not allowed after unary operator: '-land-midnight'
(206,71): run-time error CSS1039: Token not allowed after unary operator: '-land-grey'
 */
/* New-look public landing page (Home/Index) + login screen (Account/Login), branded for Clear
   Water Services. Scoped entirely under .ft-landing-theme; only loaded when
   FrogTracker.Helpers.UiThemeSettings.UseNewLook is on. Colors/fonts lifted from the real
   clearwaterservices.com site (navy #0A304B, orange #FF3B00 accent, Inter Tight + Manrope) —
   self-contained tokens here, no dependency on era-*.css or dashboard-legacy-theme.css. Delete
   this file + its bundle entry + flip the toggle off and both pages revert to their original
   markup untouched (see the @else branch in each view). The prior Frog-branded version of this
   file is kept at landing-theme_newuifrog.css for reference/rollback. */

.ft-landing-theme {
  --land-navy: #0A304B;
  --land-navy-dark: #052238;
  --land-orange: #FF3B00;
  --land-midnight: #031320;
  --land-grey: #758D9A;
  --land-line: #ECECEA;
  --land-radius-card: 6px;
  --land-radius-pill: 999px;
  --land-radius-control: 4px;
  --land-sh: 0 2px 12px rgba(3, 19, 32, 0.1);
  --land-font-body: "Inter Tight", Arial, sans-serif;
  --land-font-display: "Manrope", Arial, sans-serif;
  font-family: var(--land-font-body);
}

.ft-landing-theme a { text-decoration: none; }
.ft-landing-theme a:hover { text-decoration: underline; }

/* Shared pill button */
.ft-landing-theme .ft-btn {
  display: inline-block;
  font-family: var(--land-font-body);
  font-weight: 600;
  font-size: 15px;
  border-radius: var(--land-radius-pill);
  padding: 13px 28px;
  border: 2px solid var(--land-navy);
  cursor: pointer;
  transition: background-color .13s, border-color .13s, color .13s;
}
.ft-landing-theme .ft-btn-primary {
  background: var(--land-navy);
  color: #fff !important;
}
.ft-landing-theme .ft-btn-primary:hover {
  background: var(--land-navy-dark);
  border-color: var(--land-navy-dark);
}
.ft-landing-theme .ft-btn-secondary {
  background: #fff;
  color: var(--land-navy) !important;
  border-color: var(--land-navy);
}
.ft-landing-theme .ft-btn-secondary:hover {
  background: #f2f6f8;
}
.ft-landing-theme .ft-btn-accent {
  background: var(--land-orange);
  border-color: var(--land-orange);
  color: #fff !important;
}
.ft-landing-theme .ft-btn-accent:hover {
  background: #d43200;
  border-color: #d43200;
}

/* ---------------- Login split screen ---------------- */
.ft-login-split {
  display: flex;
  min-height: 640px;
  border: 1px solid var(--land-line);
  border-radius: var(--land-radius-card);
  overflow: hidden;
  box-shadow: var(--land-sh);
}
.ft-login-illustration {
  flex: 1 1 58%;
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, #ECECEA 0%, #C2E2E5 45%, #758D9A 75%, #0A304B 100%);
  min-width: 280px;
}
.ft-login-illustration svg { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
.ft-login-illustration .ft-scrim {
  position: absolute; left: 0; right: 0; bottom: 0; height: 55%;
  background: linear-gradient(180deg, rgba(3,19,32,0) 0%, rgba(3,19,32,.55) 70%, rgba(3,19,32,.78) 100%);
}
.ft-login-illustration .ft-caption {
  position: absolute; left: 40px; right: 40px; bottom: 36px; color: #fff;
}
.ft-login-illustration .ft-caption .ft-headline {
  font-family: var(--land-font-display); font-size: 28px; line-height: 1.25; font-weight: 700;
  text-shadow: 0 1px 3px rgba(0,0,0,.25); max-width: 460px;
}
.ft-login-illustration .ft-caption .ft-eyebrow {
  margin-top: 12px; font-size: 12.5px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: #ECECEA; opacity: .92;
}

.ft-login-card-wrap {
  flex: 0 0 42%;
  min-width: 320px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #fff;
  padding: 32px;
}
.ft-login-card-inner { width: 100%; max-width: 340px; }
.ft-login-logo { display: block; margin: 0 auto 22px; width: 220px; height: auto; background: var(--land-navy); padding: 14px 18px; border-radius: var(--land-radius-control); }
.ft-login-env {
  text-align: center; font-size: 11.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
  color: var(--land-grey); margin-bottom: 18px;
}
.ft-login-card {
  background: #fff; border: 1px solid var(--land-line); border-radius: var(--land-radius-card);
  box-shadow: var(--land-sh); padding: 28px 26px;
}
.ft-login-field { margin-bottom: 14px; }
.ft-login-field label {
  display: block; font-size: 11.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
  color: var(--land-grey); margin-bottom: 6px;
}
.ft-login-field input[type="text"],
.ft-login-field input[type="password"],
.ft-login-field input[type="email"] {
  width: 100%; font-family: var(--land-font-body); font-size: 14px; padding: 11px 12px;
  border: 1px solid var(--land-line); border-radius: var(--land-radius-control); color: var(--land-midnight);
}
.ft-login-field input:focus {
  outline: none; border-color: var(--land-navy); box-shadow: 0 0 0 3px rgba(10,48,75,.15);
}
.ft-login-remember { display: flex; align-items: center; gap: 8px; font-size: 13.5px; color: var(--land-midnight); margin-bottom: 18px; }
.ft-login-remember input { margin: 0; }
.ft-login-submit { width: 100%; text-align: center; margin-bottom: 14px; }
.ft-login-links { display: flex; justify-content: space-between; align-items: center; font-size: 13px; }
.ft-login-links a { color: var(--land-navy); }
.ft-login-links a:hover { color: var(--land-orange); }
.ft-login-footer { margin-top: 24px; text-align: center; font-size: 12px; color: var(--land-grey); }

/* ---------------- Landing page ---------------- */
.ft-landing-header {
  display: flex; align-items: center; justify-content: space-between; padding: 16px 24px;
  background: var(--land-navy); border-radius: var(--land-radius-card);
}
.ft-landing-header img { width: 170px; height: auto; }
.ft-landing-header .ft-nav-actions { display: flex; align-items: center; gap: 24px; }
.ft-landing-header .ft-nav-actions a.ft-link { font-size: 14.5px; font-weight: 600; color: #fff; }
.ft-landing-header .ft-nav-actions a.ft-link:hover { color: var(--land-orange); }

.ft-landing-hero {
  padding: 88px 24px 72px;
  display: flex; flex-direction: column; align-items: center; text-align: center;
  background: #fff;
}
.ft-landing-hero .ft-eyebrow {
  font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--land-orange); margin-bottom: 16px;
}
.ft-landing-hero h1 {
  margin: 0; font-family: var(--land-font-display); font-size: 44px; line-height: 1.18; font-weight: 700;
  color: var(--land-midnight); max-width: 780px; text-wrap: pretty;
}
.ft-landing-hero .ft-sub {
  margin-top: 20px; font-size: 16px; line-height: 1.6; color: var(--land-grey); max-width: 600px;
}
.ft-landing-hero .ft-cta-row { margin-top: 32px; display: flex; gap: 14px; }

.ft-landing-services { padding: 56px 0; }
.ft-landing-services .ft-section-label {
  font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--land-grey);
  text-align: center; margin-bottom: 28px;
}
.ft-landing-service-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.ft-landing-service-card {
  border: 1px solid var(--land-line); border-left: 3px solid var(--land-orange);
  border-radius: var(--land-radius-card); padding: 22px 20px;
}
.ft-landing-service-card .ft-icon { color: var(--land-navy); margin-bottom: 10px; }
.ft-landing-service-card h3 { margin: 0 0 8px; font-size: 15.5px; font-weight: 700; color: var(--land-midnight); }
.ft-landing-service-card p { margin: 0; font-size: 13.5px; line-height: 1.55; color: var(--land-grey); }

.ft-landing-band {
  background: var(--land-midnight); border-radius: var(--land-radius-card); padding: 48px 40px; margin: 8px 0 56px;
  display: flex; align-items: center; justify-content: center; gap: 48px; flex-wrap: wrap;
}
.ft-landing-band .ft-band-copy { max-width: 520px; }
.ft-landing-band .ft-band-copy .ft-band-title { font-family: var(--land-font-display); font-size: 23px; line-height: 1.35; font-weight: 700; color: #fff; }
.ft-landing-band .ft-band-copy .ft-band-sub { margin-top: 12px; font-size: 14px; line-height: 1.6; color: #CBCBC8; }
.ft-landing-band .ft-band-icon {
  flex: 0 0 auto; width: 88px; height: 88px; border-radius: 50%; background: var(--land-orange);
  display: flex; align-items: center; justify-content: center;
}

.ft-landing-footer { padding: 24px 0 40px; display: flex; align-items: center; justify-content: space-between; }
.ft-landing-footer .ft-copy { font-size: 12.5px; color: var(--land-grey); }
.ft-landing-footer img { width: 110px; height: auto; background: var(--land-navy); padding: 8px 10px; border-radius: var(--land-radius-control); }

/* Logged-in "welcome back" card (Home/Index for an authenticated user) */
.ft-home-card-wrap { display: flex; justify-content: center; padding: 72px 24px; }
.ft-home-card {
  width: 100%; max-width: 440px; text-align: center; background: #fff; border: 1px solid var(--land-line);
  border-radius: var(--land-radius-card); box-shadow: var(--land-sh); padding: 40px 36px;
}
.ft-home-card img { width: 200px; height: auto; margin: 0 auto 22px; background: var(--land-navy); padding: 12px 16px; border-radius: var(--land-radius-control); }
.ft-home-card h2 { margin: 0; font-family: var(--land-font-display); font-size: 22px; font-weight: 700; color: var(--land-midnight); }
.ft-home-card p { margin: 10px 0 26px; font-size: 14.5px; color: var(--land-grey); }
.ft-home-card .ft-cta-row { display: flex; flex-direction: column; gap: 12px; }

@media (max-width: 900px) {
  .ft-login-split { flex-direction: column; min-height: 0; }
  .ft-login-illustration { min-height: 220px; }
  .ft-landing-service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ft-landing-hero h1 { font-size: 32px; }
}