:root{
  --nav:#0f4f5b;
  --nav2:#126b78;
  --teal:#44e3f6;
  --teal-dark:#18cfe6;
  --cyan:#7aebf7;
  --line:#bfeef4;
  --bg:#eefcff;
  --soft:#d9f9fd;
}
html,body{background:linear-gradient(180deg,#f7feff 0%,#edfafe 100%)!important}
.app-nav{background:linear-gradient(90deg,#104754 0%,#12616f 58%,#14808d 100%)!important;box-shadow:0 1px 0 rgba(255,255,255,.16),0 8px 24px rgba(32,199,217,.12)!important}
.brand-mark{background:linear-gradient(145deg,#44e3f6,#7df0fa)!important;color:#123842!important}
.main-nav a.active{border-bottom-color:#44e3f6!important;background:rgba(68,227,246,.08)!important}
.main-nav a:hover{color:#9cf3fb!important}
.global-search{border-color:rgba(125,240,250,.34)!important;background:rgba(255,255,255,.18)!important}
.global-search button{background:linear-gradient(180deg,#44e3f6,#1fd4ea)!important;color:#12333d!important}
.avatar{background:#28d5e8!important;color:#113641!important}
.instrument-strip{background:#f3fcfe!important;border-bottom-color:#c2eef4!important}
.tags span,.year-chips,.date-control{border-color:#bfeaf0!important}
.year-chips button.active,.tool-tabs button.active{background:linear-gradient(180deg,#44e3f6,#20d7ee)!important;border-color:#29d9ed!important;color:#10343d!important;box-shadow:0 5px 16px rgba(68,227,246,.26)!important}
.dashboard-shell{background:linear-gradient(180deg,#f1fcfe 0%,#e8f9fc 100%)!important}
.panel,.kpi-card{border-color:#bfeef4!important;box-shadow:0 7px 20px rgba(68,227,246,.09)!important}
.period-pill{background:#d9faff!important;border-color:#9aeaf4!important;color:#087c8b!important}
.tool-tabs button,.export-btn{border-color:#bfeaf0!important}
.pattern-menu button:hover,.pattern-menu button.selected{background:#dffbfe!important}
.mini-bars,.kpi-card strong,.rail-grid strong{color:#16bfd4!important}
.dot-win{background:#25d1e5!important}
thead th{background:#e5faff!important;border-bottom-color:#c3edf3!important}
.site-footer{background:#f7feff!important;border-top-color:#bfeaf0!important}
/* Plotly: make the seasonality view visibly more cyan */
#seasonalityChart .scatterlayer .trace:last-child .js-line{stroke:#18cfe6!important;stroke-width:3.2px!important}
#seasonalityChart .scatterlayer .trace:last-child .js-fill{fill:rgba(68,227,246,.16)!important}
#seasonalityChart .gridlayer path{stroke:#d7f2f6!important}
#cumulativeChart .scatterlayer .trace:last-child .js-line{stroke:#18cfe6!important;stroke-width:3px!important}
#cumulativeChart .scatterlayer .trace:last-child .js-fill{fill:rgba(68,227,246,.18)!important}
#seasonalityChart .selectionlayer .select-outline,#seasonalityChart .selectionlayer path.select-outline,#seasonalityChart .selectionlayer rect.select-outline{stroke:#16cfe4!important;stroke-width:2.6px!important;stroke-dasharray:none!important}
#appVersion{font-size:0!important}#appVersion:after{content:"0.3.5";font-size:11px!important}