/* Private-customer shell only. Company/employee pages and business permissions retain their own styles. */
body.customer-blue-app {
  --primary:#244c83; --primary-hover:#163456; --secondary:#345e8c;
  --bg-main:#f3f6fa; --bg-card:#fff; --bg-subtle:#edf3fb;
  --text-primary:#162b45; --text-secondary:#52677f;
  --dash-v1-accent:#244c83; --dash-v1-text:#162b45; --dash-v1-muted:#52677f;
  --cp-primary:#244c83;
  background:#f3f6fa!important; color:#162b45; font-family:Inter,system-ui,sans-serif;
}
.customer-blue-app #header-modern {background:linear-gradient(125deg,#345e8c,#152c4d)!important;border-bottom:1px solid #ffffff20;box-shadow:0 4px 18px #142d4912;}
.customer-blue-app #header-modern .header-logo {display:flex;align-items:center;gap:12px;color:white!important;}
.customer-blue-app #header-modern .customer-brand-mark {display:block!important;width:48px!important;height:48px!important;object-fit:contain;}
.customer-blue-app .customer-brand-title {font-size:18px;font-weight:750;letter-spacing:-.02em;}
.customer-blue-app #header-modern .header-nav-link {color:#edf4ff!important;}
.customer-blue-app #header-modern .header-nav-link:is(:hover,.active) {background:#ffffff20!important;color:white!important;border-radius:12px;}
.customer-blue-app #header-modern :is(.header-mobile-toggle,.header-icon-btn) {color:#fff!important;background:transparent;}
.customer-blue-app :is(.mobile-bottom-nav,.bottom-nav) {background:#fff!important;border-top:1px solid #d8e4f2!important;}
.customer-blue-app :is(.mobile-nav-item,.bottom-nav-item).active {color:#244c83!important;}
.customer-blue-app :is(.page-container-v2,.dashboard-container-v2,.cp-main,.cq-shell) {max-width:1280px;margin-inline:auto;}
.customer-blue-app :is(.my-projects-page-hero,.cq-hero,.mobile-hero-card,.hero-dark,.cp-header,.profile-hero) {
  background:linear-gradient(125deg,#345e8c,#152c4d)!important;color:#fff!important;border:1px solid #ffffff25!important;border-radius:20px;padding:24px!important;box-shadow:none!important;
}
.customer-blue-app :is(.my-projects-page-hero,.cq-hero,.mobile-hero-card,.hero-dark,.cp-header,.profile-hero) :is(h1,h2,.page-title,.page-subtitle,.hero-title,.hero-message,.hero-context-mobile,p) {color:#fff!important;}
.customer-blue-app #dashboardHeroHeader > :first-child {background:linear-gradient(125deg,#345e8c,#152c4d)!important;border-radius:20px;border:0;color:#fff!important;}
.customer-blue-app #dashboardHeroHeader :is(h1,h2,p,li) {color:#fff!important;}
.customer-blue-app :is(.cp-panel,.cp-area-row,.meeting-card,.project-card,.stat-card-v2,.activity-feed-container,.cq-card) {border-radius:18px!important;border-color:#dbe5ef!important;box-shadow:0 3px 16px #16345606;background:#fff;}
.customer-blue-app :is(.cp-btn,.cq-filter.is-active,.meeting-filter-tab.active,.btn-primary,.hero-cta-btn,.fab) {background:#244c83!important;color:white!important;border-color:#244c83!important;box-shadow:none!important;}
.customer-blue-app :is(.cp-btn-secondary,.cp-btn-outline,.cp-btn-ghost) {background:#edf3fb!important;color:#244c83!important;border-color:#cdddee!important;}
.customer-blue-app .cp-btn-danger {background:#fff1f1!important;color:#a32525!important;border-color:#efcece!important;}
.customer-blue-app :is(.cp-tab,.cp-mobile-tab).active {background:#244c83!important;color:#fff!important;border-color:#244c83!important;}
.customer-blue-app :is(button,input,select,textarea) {font:inherit;}
.customer-blue-app :is(input,select,textarea) {font-size:16px;}
.customer-blue-app :is(.cp-btn,.cp-tab,.cp-mobile-tab,.cq-filter,.meeting-filter-tab,.cp-area-action) {min-height:44px;}
.customer-blue-app :is(button,a,input,select,textarea):focus-visible {outline:3px solid #74a8e4;outline-offset:3px;}
.customer-blue-app .cp-overview-hero {border-radius:20px;background:#e9f0f8!important;border:1px solid #d4e2f0;padding:20px;}
.customer-blue-app .cp-area-row-main {display:flex;flex-wrap:wrap;align-items:center;gap:8px;}
.customer-blue-app .cp-area-row-main strong {flex-basis:100%;font-size:17px;}
.customer-blue-app .cp-area-row-actions {display:flex;gap:8px;justify-content:flex-end;border-top:1px solid #e5ecf3;padding-top:10px;margin-top:12px;}
.customer-blue-app .cp-work-description {white-space:pre-wrap;color:#52677f;line-height:1.65;margin:12px 0;}
.customer-blue-app .cp-work-source {display:inline-flex;border-radius:20px;background:#edf3fb;color:#244c83;font-size:12px;padding:4px 9px;}
.customer-blue-app .cp-work-search {width:100%;min-height:46px;border:1px solid #cdddee;border-radius:12px;padding:10px 14px;margin-bottom:14px;background:#fff;}
.customer-blue-app .cp-sort-bar {display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.customer-blue-app .cp-work-docs {background:#f3f6fa;border-radius:12px;padding:12px;}
@media(max-width:767px) {
  .customer-blue-app #header-modern .header-container {min-height:70px;padding-inline:16px;}
  .customer-blue-app :is(.cp-main,.cq-shell,.page-container-v2) {padding-inline:16px!important;}
  .customer-blue-app :is(.cp-header,.my-projects-page-hero,.cq-hero,.mobile-hero-card) {padding:18px!important;border-radius:18px;}
  .customer-blue-app .cp-header h1 {font-size:24px;overflow-wrap:anywhere;}
  .customer-blue-app .cp-area-row {padding:16px!important;}
  .customer-blue-app .cp-overview-hero {padding:16px;}
}
@media(prefers-reduced-motion:reduce) { .customer-blue-app * {scroll-behavior:auto!important;} }
/* Greeting is rebuilt on resize; cover both desktop and mobile variants explicitly. */
.customer-blue-app .dashboard-header-smart.mobile-greeting-hero {background:linear-gradient(125deg,#345e8c,#152c4d)!important;color:white!important;border:0!important;border-radius:20px;}

.customer-blue-app .dashboard-header-smart.mobile-greeting-hero :is(h1,p,span,.greeting-text,.greeting-name) {color:#fff!important;}
.customer-blue-app #header-modern :is(.mobile-menu-toggle,.favorites-btn,.notification-btn,.user-profile-trigger) {color:#fff!important;}
.customer-blue-app :is(.min-bostad-widget,.cp-panel) {padding:20px;border:1px solid #dbe5ef;}
.customer-blue-app .min-bostad-widget h3 {font-size:18px;font-weight:750;margin:0 0 8px;}
.customer-blue-app .min-bostad-widget p {color:#52677f;font-size:14px;line-height:1.6;margin:0 0 14px;}
.customer-blue-app .min-bostad-widget a {display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;border-radius:10px;text-decoration:none;color:#244c83;font-weight:650;}
.customer-blue-app .min-bostad-widget a:first-of-type {background:#244c83;color:#fff;}

.customer-blue-app .cp-area-row {display:block!important;}
.customer-blue-app .cp-area-row[hidden] {display:none!important;}
.customer-blue-app .cp-tabs .cp-tab {border-radius:12px;}
.customer-blue-app .cp-prop-picker-btn {background:#244c83!important;color:#fff!important;}

.customer-blue-app .mobile-greeting-hero * {color:#fff!important;}
.customer-blue-app #dashboardHeroHeader :is(svg,i) {color:#dbeaff!important;}
.customer-blue-app #dashboardHeroHeader .hero-has-bg {min-height:220px!important;}
.customer-blue-app :is(.customer-profile-hero,.profile-header-card,.project-header,.quote-header) {background:linear-gradient(125deg,#345e8c,#152c4d)!important;color:#fff!important;border-radius:20px;border:0;padding:24px;}
.customer-blue-app :is(.customer-profile-hero,.profile-header-card,.project-header,.quote-header) :is(h1,h2,p,.page-subtitle,.project-title,.quote-title) {color:#fff!important;}
.customer-blue-app :is(.quote-card,.project-card,.profile-content-card) {border:1px solid #dbe5ef!important;border-radius:18px!important;background:#fff;}
@media print {
  body.customer-blue-app {background:white!important;}
  .customer-blue-app #header-modern {display:none!important;}
}

/* Keep the original page photographs; tint their existing overlay, not the image layer. */
.customer-blue-app :is(.hero-has-bg,.mobile-greeting-hero,.my-projects-page-hero,.customer-profile-hero,.knowledge-hero-banner,.help-hero)::before {
  filter:grayscale(25%)!important;
  border-radius:inherit;
}
.customer-blue-app :is(.hero-has-bg,.mobile-greeting-hero,.my-projects-page-hero,.customer-profile-hero,.knowledge-hero-banner,.help-hero)::after,
.customer-blue-app .page-header:has(.page-header-inner)::after {
  background:linear-gradient(105deg,rgba(20,45,78,.88),rgba(29,65,108,.74) 45%,rgba(36,76,131,.48))!important;
  border-radius:inherit;
  pointer-events:none;
}
.customer-blue-app :is(.knowledge-hero-heading,.help-hero-content,.page-header-inner) :is(h1,h2,p),
.customer-blue-app :is(.knowledge-hero-title,.knowledge-hero-subtitle,.help-hero-title,.help-hero-subtitle),
.customer-blue-app :is(.my-projects-page-hero,.customer-profile-hero) :is(.page-title,.page-subtitle) {
  color:#fff!important;
  text-shadow:0 1px 3px rgba(10,28,50,.3)!important;
}