/* ============================================================================
   ACADIA PEST CONTROL — "Sentinel" identity.
   Loaded only for the pestcontrol pack; re-skins the shared UI kit into a clean,
   clinical pest-DEFENSE product without touching the other packs. Language: cool
   mint-white field with a faint HONEYCOMB (hex) motif, deep PINE-GREEN control
   rail, EUCALYPTUS-EMERALD action color, Lexend signage type, crisp 9px cards.
   Deliberately unlike lawncare (warm sand + forest green + topographic motif),
   plumbing (cool teal SaaS) and everletric (graphite + electric yellow): cooler,
   cleaner, hex vs topo, Lexend vs Bricolage.
   ============================================================================ */
:root {
    --accent: #0e9d6e;            /* eucalyptus emerald */
    --accent-2: #f2a93b;          /* warm amber highlight (caution tape) */
    --accent-soft: #d8f3e8;       /* pale mint */
    --accent-deep: #0a7a55;       /* deep pine-emerald */
    --slate: #14302a;             /* pine */
    --bg: #eef3f0;                /* cool mint-white */
    --panel: #ffffff;
    --ink: #15241f;               /* deep pine ink */
    --ink-soft: #5d6f68;
    --line: #d7e0db;
    --side: #102b22;              /* deep pine rail */
    --side-ink: #8fb0a3;
    --side-ink-bright: #ffffff;
    --pos: #1f8a5b;
    --neg: #c0443a;
    --display-font: "Lexend", "Inter", sans-serif;
    --radius: 9px;
    --shadow: 0 1px 0 rgba(16,43,34,.04), 0 12px 28px -20px rgba(16,43,34,.5);
}

body {
    font-family: "Inter", -apple-system, "Segoe UI", sans-serif;
    color: var(--ink);
    background-color: var(--bg);
    /* faint honeycomb / hex field — entomology motif, very subtle */
    background-image:
        radial-gradient(circle at 50% 0, rgba(14,157,110,.05), transparent 55%),
        repeating-linear-gradient(60deg, rgba(20,48,42,.03) 0 1px, transparent 1px 26px),
        repeating-linear-gradient(-60deg, rgba(20,48,42,.03) 0 1px, transparent 1px 26px);
    background-attachment: fixed;
}

/* ---------------- Sidebar: pine control rail ---------------- */
.side { background: linear-gradient(180deg, #143a2d, #0d231b); border-right: 1px solid #08130e; }
.brand { border-bottom: 1px solid rgba(255,255,255,.07); margin: -2px -6px 14px; padding: 6px 14px 16px; }
.brand-mark {
    background: var(--accent); border-radius: 7px; box-shadow: 0 0 0 3px rgba(14,157,110,.22);
    font-family: var(--display-font); font-weight: 800; color: #fff;
}
.brand-name { font-family: var(--display-font); font-weight: 700; letter-spacing: .2px; }
.brand-pack { text-transform: uppercase; letter-spacing: .16em; font-size: 10px; color: var(--accent-2); opacity: .95; }
.nav-link {
    border-radius: 6px; font-size: 12.5px; font-weight: 600; letter-spacing: .01em;
    color: #9cbbae; border-left: 3px solid transparent; padding-left: 9px;
}
.nav-link:hover { background: rgba(255,255,255,.05); color: #fff; }
.nav-link.active {
    background: linear-gradient(90deg, rgba(14,157,110,.26), rgba(14,157,110,.04));
    color: #fff; border-left-color: var(--accent);
}
.nav-link.active .nav-ico { color: #56d3a4; opacity: 1; }
.side-foot { text-transform: uppercase; letter-spacing: .14em; font-size: 9.5px; }

/* ---------------- Topbar ---------------- */
.topbar { background: var(--panel); border-bottom: 2px solid var(--slate); }
.client-id strong { font-family: var(--display-font); font-weight: 700; letter-spacing: .2px; }
.client-id .dot { border-radius: 50%; }   /* round marker — a monitor dot */

/* ---------------- Page header ---------------- */
.page-head { position: relative; margin-bottom: 22px; padding-left: 16px; }
.page-head::before {
    content: ""; position: absolute; left: 0; top: 2px; bottom: 2px; width: 5px;
    background: var(--accent); border-radius: 3px;
}
.page-head h1 { font-family: var(--display-font); font-weight: 700; letter-spacing: -.2px; }
.page-head .sub { color: var(--ink-soft); }

/* headings + numerals use the signage face */
.rpanel .panel-h h3, .kpi-num, .kpi-val { font-family: var(--display-font); }

/* buttons */
.btn-primary { background: var(--accent); border-color: var(--accent); }
.btn-primary:hover { background: var(--accent-deep); border-color: var(--accent-deep); }

/* ---------------- Status badge palette ---------------- */
/* healthy / done / paid */
.badge-active, .badge-completed, .badge-paid, .badge-won, .badge-serviced, .badge-clear,
.badge-report-sent, .badge-registered { background: #d8f3e8; color: #0a6b48; }
/* in-motion / scheduled */
.badge-scheduled, .badge-en-route, .badge-in-progress, .badge-sent, .badge-partial,
.badge-pending, .badge-quoted, .badge-contacted, .badge-monitoring, .badge-pending-renewal { background: #fff0d9; color: #a9701a; }
/* informational / type chips */
.badge-recurring, .badge-quarterly, .badge-monthly, .badge-bi-monthly, .badge-commercial,
.badge-residential, .badge-initial, .badge-new, .badge-wdo { background: #e2ecfb; color: #2a5599; }
/* alert / activity / lost / overdue */
.badge-activity-found, .badge-high, .badge-active-infestation, .badge-cancelled, .badge-lost,
.badge-overdue, .badge-no-access, .badge-danger, .badge-needs-service { background: #fbe3e0; color: #b23227; }
/* warning signal word */
.badge-warning, .badge-moderate, .badge-paused, .badge-skipped, .badge-expired,
.badge-conducive-conditions { background: #fdf3d6; color: #927012; }
.badge-caution, .badge-low, .badge-none { background: #eef0f3; color: #59636e; }

.pc-pos { color: var(--pos); } .pc-neg { color: var(--neg); }
.pc-money { font-variant-numeric: tabular-nums; }