/* CREATOR OFFICE — COBALT / CLOUD
   A vivid, light-filled tech-campus HQ instead of the earlier sepia palette.
   Keeps all business modules and their interactions unchanged. */
:root{
  --hq-cobalt: #2563eb;
  --hq-aqua: #06b6d4;
  --hq-coral: #fb7185;
  --hq-ink: #17243a;
  --hq-midnight: #101d31;
  --hq-cloud: #f4f7fe;
  --hq-border: #e1e8f4;
  --hq-pearl: #ffffff;
  --hq-gray: #62748b;
  --ink:#17243a;--muted:#62748b;--line:#e1e8f4;
  --paper:#f4f7fe;--cream:#fff;--gold:#4f8de9;--plum:#28466d;
  --orange:#fb7185;--sidebar:#101d31;--blue:#06b6d4;
  --shadow:0 10px 28px rgba(31,63,109,.065)
}
html{background:var(--hq-cloud)}
body{background:var(--hq-cloud)!important;color:var(--hq-ink)!important}
.main-area{background:radial-gradient(ellipse at 94% 1%,rgba(102,189,250,.16),transparent 37%),radial-gradient(ellipse at 11% 30%,rgba(40,104,235,.055),transparent 40%),var(--hq-cloud)!important}
.rail{background:linear-gradient(170deg,#111d32 0%,#192b48 54%,#112136 100%)!important;border-color:rgba(150,197,250,.16)!important;color:#f5faff!important}
.rail:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 0% -5%,rgba(34,137,228,.22),transparent 46%),radial-gradient(ellipse at 90% 93%,rgba(6,182,212,.15),transparent 48%);z-index:-1}
.identity{border-bottom-color:rgba(172,206,248,.16)!important}
.identity-kicker{color:#8bd9ff!important}
.logo{color:#fff!important}
.logo em,.spark-mark{color:#80d9ff!important;text-shadow:0 0 19px rgba(10,195,229,.25)!important}
.identity-mini,.back-lvw{color:#b6cde5!important}
.workspace-switch{background:rgba(255,255,255,.08)!important;border-color:rgba(175,218,255,.2)!important;border-radius:9px!important}
.ws-avatar{background:linear-gradient(135deg,#bfeaff,#93b7ff)!important;color:#17345b!important}
.workspace-switch strong{color:#fff!important}
.workspace-switch small{color:#bfd0e6!important}
.side-nav button{color:#c4d4ed!important}
.side-nav button:hover{background:rgba(100,176,255,.15)!important;color:#fff!important}
.side-nav button.nav-active{background:linear-gradient(105deg,#e7f5ff,#f7faff)!important;color:#17396b!important;border-left:3px solid #22a7e5!important;box-shadow:0 7px 20px rgba(0,9,30,.16)!important}
.side-nav button.nav-active .nav-ico{color:#2563eb!important}
.rail-bottom{border-top-color:rgba(211,233,255,.15)!important;color:#becde0!important}
.pulse-dot{color:#8ae6f6!important}
.pulse-dot span{background:#41d7e7!important;box-shadow:0 0 0 5px rgba(6,182,212,.12)!important}
.sidebar-export{border:1px solid rgba(159,221,255,.3)!important;background:rgba(255,255,255,.05)!important;color:#edfaff!important}
.sidebar-export:hover{background:rgba(6,182,212,.12)!important}
.topbar{background:rgba(255,255,255,.97)!important;border-bottom:1px solid #e1e8f4!important;box-shadow:0 2px 12px rgba(25,63,111,.035)!important}
.key-search{background:#f6f9ff!important;border-color:#e0e7f5!important;color:#68809b!important}
.avatar{background:#dff3ff!important;border-color:#c8e9ff!important;color:#145c8d!important}
.breadcrumb{color:#8194a9!important}.breadcrumb strong{color:#24415d!important}
.demo-switch{background:#fff!important;border-color:#e2eaf3!important}
.demo-switch span{color:#8294a9!important}
.demo-switch a{color:#71869a!important}
.demo-switch a[aria-current=page]{color:#1766cc!important;border-bottom-color:#2563eb!important}
.demo-warning{background:linear-gradient(90deg,#eef7ff,#f7fbff 75%,#f3fbfc)!important;border-color:#dcecf9!important;color:#477296!important}
.demo-warning .tiny-star,.demo-warning a{color:#2077c8!important}
.demo-warning .warning-detail{color:#688da7!important}
.page:before{background:radial-gradient(ellipse at 6% 0%,rgba(80,166,245,.08),transparent 62%),radial-gradient(ellipse at 95% 17%,rgba(6,182,212,.065),transparent 60%)!important;filter:none!important}
.eyebrow{color:#1c7ccb!important}
.page-title{color:#18283c!important}
.page-title em{color:#277ec7!important}
.lead{color:#687b91!important}
.btn.primary{background:linear-gradient(110deg,#2563eb,#1385d0)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 9px 21px rgba(37,99,235,.17)!important}
.btn.primary:hover{background:linear-gradient(110deg,#1d56cd,#097aaf)!important;box-shadow:0 14px 26px rgba(37,99,235,.22)!important}
.btn.accent{background:linear-gradient(115deg,#d9f1ff,#bde8f4)!important;color:#124a70!important;border-color:#b9e1f9!important}
.btn.accent:hover{background:#b2e5fb!important}
.link-btn{color:#1f78c8!important;text-decoration-color:#a2cef4!important}
.chip{border-radius:6px!important}
.stat,.panel,.workspace-card,.table-card{background:#fff!important;border-color:#e2e9f5!important;color:#17243a!important;box-shadow:0 6px 19px rgba(38,84,146,.035)!important}
.stat:hover,.panel:hover{border-color:#c3d9f3!important;box-shadow:0 15px 33px rgba(45,88,164,.09)!important}
.stat-label{color:#617994!important}
.stat-number{color:#172b4b!important}
.stat-foot{color:#8298b2!important}
.stat-symbol{color:#3f8fea!important}
.stat:before{background:#2563eb!important}
.stat:nth-child(2):before{background:#06b6d4!important}
.stat:nth-child(3):before{background:#fb7185!important}
.stat:nth-child(4):before{background:#76a2f5!important}
.page:has(.vision-hero)>.metrics>.stat{background:#fff!important;border-color:#e2e9f5!important;box-shadow:0 9px 22px rgba(38,84,146,.045)!important}
.page:has(.vision-hero)>.metrics>.stat:before{background:linear-gradient(90deg,#2563eb,#69b2f7)!important}
.page:has(.vision-hero)>.metrics>.stat:nth-child(2):before{background:linear-gradient(90deg,#06b6d4,#74e4e6)!important}
.page:has(.vision-hero)>.metrics>.stat:nth-child(3):before{background:linear-gradient(90deg,#fb7185,#ffb4b6)!important}
.page:has(.vision-hero)>.metrics>.stat:nth-child(4):before{background:linear-gradient(90deg,#6e8ce8,#a9ccff)!important}
.page:has(.vision-hero)>.metrics .stat-number{color:#162a45!important}
.page:has(.vision-hero)>.metrics .stat-label{color:#607790!important}
.page:has(.vision-hero)>.metrics .stat-foot{color:#8399ae!important}
.page:has(.vision-hero)>.metrics .stat-symbol{color:#3689e7!important}
.executive-brief{background:linear-gradient(105deg,#164881,#225da3,#0b95c1)!important;border-color:#4a9dd6!important}
.brief-action{color:#1c5a9a!important;background:#fff!important;border-color:#e1eeff!important}
.brief-content span,.brief-status>span:last-child{color:#d3edff!important}
.panel-head{border-color:#edf2f8!important}
.panel-title{color:#18304d!important}
.panel-subtitle{color:#8299b3!important}
.record,.activity-line,.task-line{border-color:#edf2f9!important}
.record-main strong,.task-text{color:#203650!important}
.record-main small,.task-date{color:#8498ab!important}
.item-icon{background:#e8f6ff!important;color:#267ac2!important}
.item-icon.coral{background:#fff0f4!important;color:#ed6685!important}
.focus-filter{background:#f3f9ff!important;border-color:#dbeaf9!important}
.flow-progress i{background:linear-gradient(90deg,#2563eb,#06b6d4)!important}
.check{accent-color:#2563eb!important}
.data-table th{background:#f5f9ff!important;color:#567da3!important}
.data-table tr:hover td{background:#f4f9ff!important}
.seg button.active{background:#2366c5!important;color:#fff!important}
.note-banner{background:#edf9ff!important;border-color:#d4edfb!important;color:#437da4!important}
.grid-cards .card,.stack-card,.channel-card,.quote-panel,.table-card,.workspace-card{border-color:#e1e9f5!important;background:#fff!important}
.grid-cards .card:hover,.stack-card:hover,.channel-card:hover{box-shadow:0 12px 25px rgba(41,102,177,.09)!important}
.calendar-day.today{background:#edf6ff!important;border-color:#83bfff!important}
.calendar-day.has .dots span{background:#06b6d4!important}
.office-footer{color:#7f93ac!important}
/* Stronger, cooler media hero: retain legitimate office photography, remove the sepia cast. */
.vision-hero{background:linear-gradient(110deg,#f7fbff,#edf5ff)!important;border-color:#dbeafa!important;box-shadow:0 17px 44px rgba(34,89,160,.085)!important}
.vision-hero-photo{background-image:linear-gradient(90deg,rgba(243,249,255,.9),rgba(207,232,255,.23) 47%,rgba(19,66,124,.34)),var(--vision-hero)!important;filter:grayscale(.82) saturate(.55) contrast(1.09) brightness(1.06)!important}
.vision-hero:before{background:linear-gradient(90deg,#f8fbff 0%,#f8fbff 36%,rgba(248,251,255,.96) 48%,rgba(248,251,255,.21) 78%,transparent 100%)!important}
.vision-hero h2{color:#182f50!important}
.vision-hero h2 em{color:#156ac5!important}
.vision-eyebrow{color:#237bc9!important}
.vision-live{background:#06b6d4!important;box-shadow:0 0 0 4px rgba(6,182,212,.1)!important}
.vision-hero-body>p:not(.vision-eyebrow){color:#5e7590!important}
.vision-quick-actions button{background:#fff!important;border-color:#cfe1f7!important;color:#285378!important;box-shadow:0 4px 13px rgba(29,85,157,.075)!important}
.vision-quick-actions button:first-child{background:linear-gradient(105deg,#2563eb,#157ce0)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 9px 20px rgba(37,99,235,.18)!important}
.vision-quick-actions button:hover{box-shadow:0 10px 22px rgba(37,99,235,.14)!important}
.vision-hero-footer{background:rgba(230,243,255,.90)!important;border-top-color:#d7e9fc!important;color:#547793!important}
.vision-panel{background:#fff!important;border-color:#dfe8f5!important;box-shadow:0 9px 27px rgba(30,80,142,.045)!important}
.vision-panel:hover{border-color:#c1dbf6!important;box-shadow:0 15px 32px rgba(30,80,142,.085)!important}
.vision-panel-heading{border-bottom-color:#eaf0f8!important}
.vision-kicker{color:#2b7dcb!important}
.vision-panel h2{color:#18304c!important}
.vision-panel-heading p{color:#8196ad!important}
.vision-view{color:#216dd0!important}
.vision-film-action{color:#253b55!important}
.vision-film strong,.vision-upcoming-copy strong,.vision-deal-row strong,.vision-approval strong{color:#243c5a!important}
.vision-film small,.vision-upcoming-copy small,.vision-deal-row small,.vision-approval small{color:#8296ad!important}
.vision-thumb{filter:grayscale(.29) saturate(.83) contrast(1.05)!important}
.vision-film:hover .vision-thumb{filter:grayscale(.02) saturate(1.15) contrast(1.05)!important}
.vision-film-tag{background:#3b82f6!important}
.vtag-draft{background:#2e77dc!important}.vtag-review{background:#e16c91!important}.vtag-ready{background:#049da7!important}.vtag-idea{background:#6b84b1!important}
.vision-film-progress{background:#e9f0fb!important}
.vision-film-progress i{background:linear-gradient(90deg,#2563eb,#06b6d4)!important}
.vision-film-percent,.vision-footnote,.vision-help{color:#8da1b7!important}
.vision-upcoming-item{color:#28435f!important;border-color:#e8eff9!important}
.vision-upcoming-item:hover,.vision-deal-row:hover,.vision-approval:hover{background:#f4f9ff!important}
.vision-upcoming-date,.vision-upcoming-arrow{color:#2779c8!important}
.vision-tr{color:#213c5a!important;border-color:#e8eff7!important}
.vision-table-head{color:#7b91aa!important}
.vision-brand-avatar{background:#dbeeff!important;color:#236aa8!important}
.va-1{background:#dbf7f9!important;color:#008c9c!important}
.va-2{background:#ffe8f0!important;color:#ca4c7a!important}
.va-3{background:#e8eafe!important;color:#6c70c2!important}
.vision-deal-stage{color:#2474b8!important;background:#eaf4ff!important}
.vision-day{background:#f9fbff!important;border-color:#dce8f7!important}
.vision-day:first-child{background:#edf6ff!important;border-color:#b9dbfe!important}
.vision-day:hover,.vision-day.dragover{background:#dff8fc!important;border-color:#56c4d5!important}
.vision-day>span{color:#6c86a6!important}
.vision-day>strong{color:#244364!important}
.vision-day-dots i{background:#06b6d4!important}
.vision-day>button{background:#e8f1ff!important;color:#2868bf!important}
.vision-approval{border-color:#e8eff7!important}
.vision-approval b{color:#176dc4!important;background:#e7f2ff!important}
.vision-panel-heading em{background:#2563eb!important}
input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible,textarea:focus-visible{outline-color:#2563eb!important}
/* Phone and tablet: lighter atmospheric hero, no beige overlays. */
@media(max-width:760px){
 .vision-hero{background:#f5faff!important}
 .vision-hero:before{background:linear-gradient(0deg,#f6faff 0%,#f6faff 31%,rgba(246,250,255,.97) 54%,rgba(246,250,255,.08) 100%)!important}
 .vision-hero-photo{filter:grayscale(.7) saturate(.65) contrast(1.09)!important}
 .vision-hero-footer{background:#eaf5ff!important}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;transform:none!important;scroll-behavior:auto!important}
}