/* Global visual layer for Track COM360. Source palette: #010B17 / #D6E20F / #F7F7F7. */
:root{--bg:#f7f7f7;--card:#fff;--text:#172634;--muted:#65727d;--line:#dbe3e7;--accent:#010b17;--good:#19714f;--bad:#b83a32;--com360-navy:#010b17;--com360-lime:#d6e20f;--com360-offwhite:#f7f7f7}*{box-sizing:border-box}body{font-family:Montserrat,Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:linear-gradient(135deg,#f7f7f7 0%,#f2f6f5 100%);color:var(--text);letter-spacing:-.01em}.container{max-width:1480px;margin:30px auto;padding:0 26px 38px}.top{position:relative;min-height:72px;padding:14px 32px;background:var(--com360-navy);border-bottom:4px solid var(--com360-lime);box-shadow:0 7px 22px rgba(1,11,23,.18)}.top::after{content:'';position:absolute;right:28%;bottom:-4px;width:94px;height:4px;background:#fff}.brand{display:flex;align-items:baseline;gap:9px;font-size:15px;letter-spacing:.025em}.brand-mark{color:var(--com360-lime);font-size:16px;font-weight:900;letter-spacing:.08em}.brand-label{color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.11em}.nav{gap:6px}.top .nav a{padding:9px 10px;border-radius:8px;color:#dce4e8;font-size:13px;font-weight:700}.top .nav a:hover{color:var(--com360-navy);background:var(--com360-lime)}.top .nav .btn.secondary{padding:8px 11px;border-color:rgba(255,255,255,.45);background:transparent;color:#fff;font-size:12px}.top .nav .btn.secondary:hover{border-color:var(--com360-lime);background:var(--com360-lime);color:var(--com360-navy)}h1{font-size:31px;letter-spacing:-.045em;color:var(--com360-navy)}h2{color:var(--com360-navy);letter-spacing:-.026em}.card{border-color:var(--line);border-radius:16px;box-shadow:0 8px 24px rgba(1,11,23,.055)}.metric{position:relative;overflow:hidden;border-top:4px solid var(--com360-lime)}.metric::after{content:'';position:absolute;right:-16px;bottom:-25px;width:74px;height:74px;border:13px solid rgba(214,226,15,.2);border-radius:50%}.metric .value{color:var(--com360-navy);letter-spacing:-.05em}.muted{color:var(--muted)}.positive{color:#19714f}.negative{color:#b83a32}.btn{background:var(--com360-navy);border-radius:9px;box-shadow:none;transition:transform .15s ease,background .15s ease}.btn:hover{background:#183140;transform:translateY(-1px)}.btn.secondary{background:#fff;color:var(--com360-navy);border-color:#c6d1d8}.btn.danger{background:#b83a32}.field label{color:#334550;font-size:12px;letter-spacing:.015em}input,select,textarea{border-color:#c8d4da;color:var(--text);font-family:inherit}input:focus,select:focus,textarea:focus{outline:2px solid rgba(214,226,15,.6);outline-offset:1px;border-color:#859300}.table-wrap{border-color:#d4dfe4;border-radius:14px}th{background:#edf2f2;color:#2e404b;font-size:12px;letter-spacing:.035em;text-transform:uppercase}td{border-color:#e3eaed}.pill{border:1px solid #d1dde3;background:#edf3f3;color:#263b48}.code{background:#edf2f2;color:#304853}.alert{border-color:#d7e328;background:#f9fce4;color:#293a22}.login .card{border-top:5px solid var(--com360-lime);box-shadow:0 20px 50px rgba(1,11,23,.12)}.login h1{margin-bottom:8px}.split{gap:20px}
.landing-analytics-page,.journey-page{padding-top:8px}.landing-analytics-page .journey-title{position:relative;overflow:hidden;padding:26px 28px;border-radius:18px;background:var(--com360-navy);color:#fff;margin-bottom:18px}.landing-analytics-page .journey-title::after{content:'';position:absolute;right:-74px;bottom:-104px;width:340px;height:235px;border:30px solid var(--com360-lime);border-radius:50%}.landing-analytics-page .journey-title>div{position:relative;z-index:1}.landing-analytics-page .journey-title h1{margin:0 0 7px;color:#fff}.landing-analytics-page .journey-title .muted{max-width:720px;color:#d9e1e8;line-height:1.55}.landing-filters{border-top:4px solid var(--com360-lime)!important;border-radius:16px!important;box-shadow:0 10px 26px rgba(1,11,23,.06)}.landing-analytics-page .landing-funnel,.landing-analytics-page .landing-table-card{border-top:3px solid var(--com360-navy)}.landing-analytics-page .landing-funnel-row:hover{background:#fbfdea}.landing-analytics-page .landing-funnel-bar{background:#e5ecec}.landing-analytics-page .landing-funnel-bar i{background:linear-gradient(90deg,#010b17,#577e72 70%,#d6e20f)}.landing-analytics-page .landing-table th{background:#edf2f2;color:#2e404b}.landing-analytics-page .landing-detail-grid>div{border-color:#d7e2e6;background:#f8fbfa}.landing-analytics-page .journey-modal-dialog{border:3px solid var(--com360-lime);background:var(--com360-offwhite)}
@media(max-width:900px){.top{padding:14px 18px}.top::after{display:none}.container{margin:20px auto;padding:0 16px 28px}.nav{gap:2px}.top .nav a{padding:7px;font-size:12px}.brand-mark{font-size:14px}.brand-label{display:none}}@media(max-width:620px){.top{align-items:flex-start}.nav{width:100%;flex-wrap:wrap}.top .nav a{padding:6px 5px}.container{padding:0 12px 24px}.landing-analytics-page .journey-title{padding:22px 19px}.landing-analytics-page .journey-title::after{right:-170px}.landing-analytics-page .journey-title h1{font-size:27px}}