/* Design B — Proprynex : visual redesign, no backend changes. */
:root{--b-forest:#042c20;--b-lime:#38d40a;--b-blue:#087de7;--b-orange:#ff9b17;--b-red:#f04438;--b-border:#d9e7df}
body{background:#f4f8f6!important;color:#102e24}
.v5-head{background:linear-gradient(115deg,#002b1e,#064f34)!important;box-shadow:0 4px 18px #002d201c!important}
.proprynex-brand-icon{border:1px solid #66db7c60}
#main{padding-bottom:34px}
#main h1{color:#09291d!important;font-weight:850!important}
#main button:not(.danger){border-radius:13px}
/* Vibrant status tiles, visually distinct from the old white dashboard. */
.v76-kpis,.v5-metrics{gap:9px!important}
.v76-kpi,.v5-metric{border:0!important;border-radius:17px!important;box-shadow:0 5px 13px #113b2b18!important;overflow:hidden;min-height:94px!important}
.v76-kpi:nth-child(5n+1),.v5-metric:nth-child(4n+1){background:linear-gradient(145deg,#3de812,#069c2b)!important;color:#fff!important}
.v76-kpi:nth-child(5n+2),.v5-metric:nth-child(4n+2){background:linear-gradient(145deg,#19b8fa,#0560d7)!important;color:#fff!important}
.v76-kpi:nth-child(5n+3),.v5-metric:nth-child(4n+3){background:linear-gradient(145deg,#ffbd40,#f57b0b)!important;color:#fff!important}
.v76-kpi:nth-child(5n+4),.v5-metric:nth-child(4n+4){background:linear-gradient(145deg,#58e928,#0baf32)!important;color:#fff!important}
.v76-kpi:nth-child(5n+5){background:linear-gradient(145deg,#ff6656,#e22b25)!important;color:#fff!important}
.v76-kpi *, .v5-metric *{color:inherit!important}
.v76-kpi strong,.v5-metric strong{font-weight:900!important}
.v76-dash-head{background:linear-gradient(115deg,#003f2b,#08653a)!important;border-radius:20px!important;color:#fff!important;padding:22px!important;position:relative;overflow:hidden}
.v76-dash-head:after{content:'✦';position:absolute;right:17px;top:5px;color:#9df641;font-size:48px;opacity:.8;pointer-events:none}
.v76-dash-head h1,.v76-dash-head p,.v76-dash-head small{color:#fff!important}
.v76-dash-panel,.v75-client,.v75-panel,.v75-employee,.v52-sheet,.v51-settings-card{background:#fff!important;border:1px solid var(--b-border)!important;border-radius:19px!important;box-shadow:0 4px 18px #0b40230a!important}
.v76-today-job,.v75-site,.v75-job{border-radius:13px!important;transition:background .2s}
.v76-today-job:nth-of-type(odd){background:#effaf4!important}
.v76-today-job:nth-of-type(even){background:#eff7ff!important}
/* Calendar: compact days and clear color-coded mission pills. */
.v52-planning-head{background:linear-gradient(115deg,#003322,#08643a)!important;color:#fff!important;border-radius:18px;padding:16px!important}
.v52-planning-head h1,.v52-planning-head p{color:#fff!important}
.v52-switch{background:#eaf2ee!important;border-radius:15px!important;padding:4px!important}
.v52-switch button.active{background:linear-gradient(115deg,#38d80d,#078b2c)!important;color:white!important;box-shadow:0 2px 9px #1b9d3e35!important}
.v77-day{min-height:0!important}
.v77-day:has(.v77-empty){padding-top:9px!important;padding-bottom:9px!important}
.v77-day.v77-today{background:#e9ffeb!important}
.v77-day .v77-job-name{font-weight:800!important}
.v77-day .v77-job-count{color:#087c4c!important}
/* Customer and site cards */
.v75-heading{background:linear-gradient(115deg,#003523,#09643b)!important;color:#fff!important;padding:18px!important;border-radius:18px!important;margin-bottom:16px!important}
.v75-heading h1,.v75-heading p,.v75-heading .v75-kicker{color:#fff!important}
.v75-tabs{background:#e9f2ec!important;border-radius:14px!important;padding:5px!important}
.v75-tabs button.active{background:linear-gradient(135deg,#32d60c,#078b32)!important;color:#fff!important}
.v75-client-icon{background:#e0f4ff!important;color:#0877ce!important;border-radius:13px!important}
.v75-site{background:#f1fbf6!important;border:1px solid #d4ebdf!important;border-radius:13px!important;padding:12px!important;margin-top:9px!important}
.v75-create button:first-child,.v52-add{background:linear-gradient(110deg,#2cce0a,#007e2c)!important;color:#fff!important;box-shadow:0 5px 13px #0b8b2c2c!important}
/* Employees */
.v75-stats{gap:8px!important}
.v75-stat:nth-child(3n+1){background:#e5fae8!important;border-color:#d3f4d9!important}
.v75-stat:nth-child(3n+2){background:#e6f4ff!important;border-color:#d4eaff!important}
.v75-stat:nth-child(3n){background:#fff0dc!important;border-color:#ffe4c0!important}
.v75-employee{padding:14px!important;margin-bottom:12px!important}
.v75-avatar{background:linear-gradient(145deg,#b9fda8,#63dc6b)!important;color:#07552d!important}
.v75-employee .tag,.v75-employee .v75-stat{border-radius:11px!important}
/* Settings and navigation */
.v5-more-item{background:#fff!important;border:1px solid #e1eae4!important;border-radius:16px!important;box-shadow:0 3px 12px #073c2310!important}
.v5-more-item .v5-icon{background:#e4f7e9!important;border-radius:11px!important;color:#087d3d!important}
.mobile-nav{background:#002b1d!important;border-top:1px solid #075333!important;box-shadow:0 -5px 20px #002b1e20!important}
.mobile-tab{color:#e1f3e9!important}
.mobile-tab.active{background:linear-gradient(155deg,#41db10,#058a2e)!important;color:#fff!important;box-shadow:0 2px 9px #30e12d50!important}
.mobile-tab.active small{color:#fff!important}
button:focus-visible{outline:3px solid #4de55b!important;outline-offset:2px}
@media(max-width:650px){#main{padding:15px 14px 26px!important}.v76-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}.v76-kpi{padding:11px 7px!important;min-height:87px!important}.v76-kpi strong{font-size:26px!important}.v76-kpi span{font-size:11px!important}.v75-heading{margin-top:4px!important}.v75-client-top{align-items:center!important}.v75-employee{padding:13px!important}.v5-more-item{margin-bottom:9px!important}.v52-planning-head{margin-bottom:12px!important}.v77-day{padding-top:10px!important;padding-bottom:10px!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}