/* Zip360: clean white surfaces, slate blue controls, mint project accents
   and restrained brand red. Legacy green aliases share the blue control palette. */
:root {
  --brand: #365f82;
  --brand-deep: #264761;
  --brand-soft: #edf3f8;
  --green-rgb: 54, 95, 130;
  --green-line: #d4e1eb;
  --green-light: #9ebbd2;
  --blue-soft: #edf3f8;
  --teal: #246e61;
  --mint-soft: #eef7f3;
  --mint-line: #d2e7dd;
  --cta: #b8112b;
  --cta-hover: #980c24;
  --cta-soft: #fff0f2;
  --cta-line: #edc5ce;
  --nav-red: #b8112b;
  --ink: #202227;
  --sub: #585d66;
  --muted: #6b717b;
  --line: #e4e6e9;
  --line-strong: #c7cbd1;
  --soft: #f7f8f9;
  --white: #fff;
  --success: #06704f;
  --warning: #95610d;
  --shadow: 0 12px 34px rgba(32, 34, 39, .045);
}

/* Shared header, controls and responsive navigation. */
body { background: var(--white); color: var(--ink); }
:is(button, a, input, select, textarea, summary):focus-visible {
  outline: 3px solid var(--brand);
  outline-offset: 3px;
}
input, select, textarea { color: var(--ink); accent-color: var(--brand); }
::placeholder { color: var(--muted); opacity: 1; }
.utility-bar { background: var(--soft); color: var(--sub); border-color: var(--line); }
.main-header, .mobile-head, .ptn-topbar, .supplier-topbar, .admin-topbar { background: var(--white); }
.logo-house { background: var(--cta); color: var(--white); box-shadow: none; }
.logo-copy em, .brand-family strong { color: var(--cta); }
.logo-copy b { color: var(--ink); }
.global-search { border: 1px solid var(--line); background: var(--white); }
.global-search:focus-within { border-color: var(--brand); box-shadow: 0 0 0 3px rgba(var(--green-rgb), .08); }
.global-search button { background: var(--white); color: var(--brand); }
.global-search input::placeholder { color: var(--sub); }
.global-search button:hover { background: var(--brand-soft); }
.icon-action, .mobile-head-actions, .mobile-support-link { color: var(--sub); }
.category-nav { background: rgba(255, 255, 255, .97); border-color: var(--line); }
.nav-inner, .all-category { color: var(--sub); }
.nav-inner > a:hover, .nav-inner > a.dm-nav-active { color: var(--nav-red); }
.nav-inner > a.dm-nav-active::after { background: var(--nav-red); }
.auth-prompt { color: var(--brand); }
.status-dot, .cart-count { background: var(--cta); }
.mobile-bottom { background: var(--white); border-color: var(--line); }
.mobile-bottom a { color: var(--sub); }
.mobile-bottom a.active { color: var(--nav-red); }
.chip.active, .button.dark { background: var(--brand); border-color: var(--brand); color: var(--white); }
.button.outline, .button.ghost { border-color: var(--green-line); background: var(--white); color: var(--brand); }
.button.outline:hover, .button.ghost:hover { border-color: var(--brand); background: var(--brand-soft); }
.button.primary { background: var(--cta); border-color: var(--cta); color: var(--white); }
.button.primary:hover { background: var(--cta-hover); border-color: var(--cta-hover); }
.button.primary:disabled { background: var(--line); border-color: var(--line); color: var(--muted); }
.text-button, .more-link:hover, .heart-btn.selected { color: var(--brand); }

/* Quiet home composition with one primary brand action. */
.hero { background: var(--soft); border-color: var(--line); }
.hero-main {
  color: var(--ink);
  background: var(--white);
  border: 1px solid var(--green-line);
  box-shadow: none;
}
.hero-main::after { border-color: rgba(var(--green-rgb), .10); box-shadow: 0 0 0 42px rgba(var(--green-rgb), .025), 0 0 0 84px rgba(var(--green-rgb), .015); }
.hero .eyebrow { color: var(--brand); }
.hero h1 { color: var(--ink); }
.hero h1 span { color: var(--brand); }
.hero-copy { color: var(--sub); }
.hero .button.primary { background: var(--cta); border-color: var(--cta); color: var(--white); }
.hero .button.primary:hover { background: var(--cta-hover); border-color: var(--cta-hover); }
.hero .button.ghost { background: var(--white); border-color: var(--green-line); color: var(--brand); }
.hero .button.ghost:hover { background: var(--brand-soft); border-color: var(--brand); }
.project-panel { box-shadow: none; border-color: var(--line); }
.project-card { background: var(--brand-soft); border-color: var(--green-line); }
.project-label span:first-child { background: var(--white); border-color: var(--green-line); }
.progress-track { background: var(--green-line); }
.progress-track span { background: var(--brand); }
.category-art { background: var(--brand-soft); color: var(--brand); }
.category-item:hover { border-color: var(--green-light); box-shadow: var(--shadow); }
.locked-price { background: var(--brand-soft); color: var(--brand); }
.product-badges .red { background: var(--cta); color: var(--white); }
.quote-banner { background: var(--brand-soft); border: 1px solid var(--green-line); color: var(--ink); }
.quote-banner::after { background: rgba(var(--green-rgb), .045); }
.quote-banner p { color: var(--sub); }
.quote-pill { background: var(--white); border-color: var(--green-line); color: var(--brand); }
.quote-pill:hover { background: var(--brand); border-color: var(--brand); color: var(--white); }
.verification-strip { background: var(--brand-soft); color: var(--sub); }
.verification-strip button { background: var(--cta); }
.page-head { background: var(--soft); }
.filter-panel { background: var(--white); }
.check-list label { color: var(--sub); }
.verify-intro { background: var(--brand-soft); color: var(--ink); border-right: 1px solid var(--green-line); }
.verify-intro .eyebrow { color: var(--brand); }
.verify-intro > p, .benefit { color: var(--sub); }
.benefit span { background: var(--white); color: var(--brand); }

/* White operational centers share the same neutral selected state. */
.admin-sidebar, .supplier-sidebar, .ptn-sidebar { background: var(--white); color: var(--ink); border-right: 1px solid var(--line); }
.admin-sidebar nav button, .supplier-sidebar nav button, .ptn-sidebar nav a, .cs-sidebar nav a { color: var(--sub); }
.admin-sidebar nav button:hover, .supplier-sidebar nav button:hover, .ptn-sidebar nav a:hover, .cs-sidebar nav a:hover { background: var(--soft); color: var(--brand); }
.admin-sidebar nav button.active, .supplier-sidebar nav button.active, .ptn-sidebar nav a.active, .cs-sidebar nav a.active {
  background: var(--brand-soft);
  color: var(--brand);
  box-shadow: inset 3px 0 var(--brand);
}
.admin-brand small, .supplier-brand small, .admin-sidebar-foot small { color: var(--sub); }
.admin-brand b, .supplier-brand b { color: var(--ink); }
.admin-workspace-label { background: var(--soft); border-color: var(--line); }
.admin-workspace-label span { color: var(--sub); }
.admin-sidebar-foot, .supplier-brand { border-color: var(--line); }
.supplier-help { background: var(--soft); border-color: var(--line); }
.supplier-help b { color: var(--ink); }
.supplier-help small { color: var(--sub); }
.supplier-help > svg { color: var(--brand); }
.supplier-help button { background: var(--white); border-color: var(--green-line); color: var(--brand); }
.admin-global-search { background: var(--white); }
.admin-avatar, .admin-entity-avatar { background: var(--brand-soft); color: var(--brand); }
.admin-mobile-nav button.active, .supplier-mobile-nav button.active,
.admin-tabs button.active, .supplier-order-tabs button.active { background: var(--brand); color: var(--white); border-color: var(--brand); }
.admin-command-strip > div.primary,
.admin-settlement-kpis .accent, .admin-analytics-kpis .accent,
.settlement-overview .settlement-total-card { background: var(--brand-soft); border-color: var(--green-line); color: var(--brand); }
.admin-command-strip .primary span, .admin-command-strip .primary small,
.admin-settlement-kpis .accent span, .admin-analytics-kpis .accent span,
.settlement-overview .settlement-total-card span, .settlement-overview .settlement-total-card p { color: var(--sub); }
.admin-command-strip .primary b em { color: var(--brand); }
.admin-combo-chart .active .sales, .admin-chart-legend i { background: var(--brand-deep); }
.admin-combo-chart .profit { background: var(--green-light); }
.admin-category-bars i em { background: linear-gradient(90deg, var(--brand-deep), var(--brand)); }

/* All four purchasing workspaces and the two service centers. */
.dm-deal-head, .dm-deal-head.ink, .dm-brand-feature { background: var(--brand-soft); border-color: var(--green-line); color: var(--ink); }
.dm-deal-head p, .dm-brand-feature p { color: var(--sub); }
.dm-tag.dark { background: var(--brand-deep); color: var(--white); }
.dm-brand-hero { background: var(--white); border-color: var(--line); }
.ptn-profile-summary { background: var(--brand-soft); border: 1px solid var(--green-line); color: var(--ink); }
.ptn-profile-summary .ptn-eyebrow { color: var(--brand); }
.ptn-profile-summary > p, .ptn-profile-summary > small { color: var(--sub); }
.ptn-profile-summary .ptn-tags span { color: var(--brand); background: var(--white); border-color: var(--green-line); }
.ptn-profile-summary .ptn-btn { color: var(--brand); background: var(--white); border-color: var(--green-line); }
.ptn-kpi.accent { background: var(--brand-soft); border-color: var(--green-line); color: var(--brand); }
.ptn-kpi.accent > span, .ptn-kpi.accent strong small, .ptn-kpi.accent p { color: var(--sub); }
.ptn-kpi.accent strong { color: var(--brand); }
.cs-home-search { background: var(--brand-soft); border-color: var(--green-line); }
.cs-search { border-color: var(--line-strong); }
.cs-search button { background: var(--brand); color: var(--white); }
.cs-search button:hover { background: var(--brand-deep); }
.cs-btn.primary { background: var(--cta); border-color: var(--cta); color: var(--white); }
.cs-btn.primary:hover { background: var(--cta-hover); border-color: var(--cta-hover); }
.cs-demo-note, .cs-note { background: var(--soft); border-color: var(--line); color: var(--sub); }
.cs-reply { border-color: var(--green-line); background: var(--brand-soft); }
.cs-dialog [data-cs-confirm-delete] { background: var(--cta); border-color: var(--cta); }

/* Preserve urgency, success and validation semantics. */
.kpi-icon.urgent, .action-index.urgent, .supplier-status.urgent,
.admin-action-list i.critical, .risk-score.high, .ptn-badge.red {
  background: var(--cta-soft); color: var(--cta);
}
.admin-operation-overview > div.critical { background: var(--cta-soft); border-color: var(--cta-line); }
.cs-error, .ptn-error { color: var(--cta); background: var(--cta-soft); border-color: var(--cta-line); }
.admin-funnel > div:nth-child(1) { background: var(--brand-deep); }

@media (max-width: 760px) {
  .verify-intro { border-right: 0; border-bottom: 1px solid var(--green-line); }
  .mobile-sticky-cta, .product-mobile-bar, .checkout-mobile-bar { background: var(--white); border-color: var(--line); }
}

/* Identity and a single parent-brand destination. */
.z360-identity { display: flex; align-items: center; gap: 15px; min-width: 0; }
.z360-home-link {
  display: inline-flex; align-items: center; justify-content: center;
  flex: 0 0 34px; width: 34px; height: 34px;
  border: 1px solid var(--line); border-radius: 8px;
  color: var(--sub); background: var(--white);
}
.z360-home-link svg { width: 18px; height: 18px; }
.z360-home-link:hover { border-color: var(--line-strong); background: var(--soft); color: var(--cta); }
.z360-center-logo { gap: 15px; min-width: 0; }
.z360-wordmark { color: var(--ink); font-size: 26px; font-weight: 800; letter-spacing: -1.4px; white-space: nowrap; }
.z360-wordmark > span { color: var(--cta); letter-spacing: -1px; }
.z360-service { display: flex; flex-direction: column; gap: 5px; border-left: 1px solid var(--line); padding-left: 15px; line-height: 1.15; }
.z360-service small { color: var(--sub); font-size: 12px; font-weight: 500; }
.z360-service b { color: var(--ink); font-size: 19px; letter-spacing: -.7px; font-weight: 750; white-space: nowrap; }
.header-inner { min-height: 96px; height: auto; padding-top: 18px; padding-bottom: 18px; grid-template-columns: 302px minmax(230px, 1fr) 240px; gap: 26px; }
.global-search { height: 48px; border-radius: 8px; background: var(--soft); }
.global-search input, .global-search button { background: transparent; }
.global-search button { color: var(--ink); }
.global-search:focus-within { background: var(--white); border-color: var(--line-strong); box-shadow: none; }
.header-actions { gap: 24px; }
.icon-action { font-size: 12px; }
.icon-action .status-dot { display: none; }
.category-nav { height: 52px; background: var(--white); }
.nav-inner { gap: 27px; font-size: 14px; }
.auth-prompt { color: var(--sub); font-weight: 500; }
.nav-inner > a.dm-nav-active { color: var(--cta); }
.logo-house { background: var(--soft); color: var(--cta); border-radius: 7px; box-shadow: none; }
.z360-footer { background: var(--white); border-top: 1px solid var(--line); padding: 24px 0 32px; }
.z360-footer-inner { display: flex; align-items: center; justify-content: space-between; gap: 20px; color: var(--sub); font-size: 13px; }
.z360-footer .utility-links { gap: 20px; flex-wrap: wrap; font-size: 13px; }
.z360-footer .utility-links a:hover { color: var(--cta); }
body:is(.partner-mode,.supplier-mode,.admin-mode) > .z360-footer { display: none; }
.supplier-topbar > .z360-home-link { margin-right: auto; }
.admin-topbar > .z360-home-link, .ptn-topbar > .z360-home-link { flex-shrink: 0; }
.ptn-desktop-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ptn-top-actions { flex-shrink: 0; }

/* Compact, flat product surfaces instead of decorative promotion panels. */
.hero { padding: 26px 0; background: var(--white); }
.hero-grid { grid-template-columns: minmax(0, 1.1fr) minmax(380px, .9fr); gap: 28px; }
.hero-main { padding: 29px 30px; min-height: 280px; border: 0; border-radius: 0; background: var(--white); box-shadow: none; }
.hero-main::after, .quote-banner::after { display: none; }
.hero .eyebrow { color: var(--sub); font-size: 13px; letter-spacing: .1px; font-weight: 600; margin-bottom: 13px; }
.hero h1 { font-size: clamp(29px, 2.8vw, 38px); line-height: 1.4; letter-spacing: -1.4px; }
.hero h1 span { color: var(--ink); }
.hero-copy { margin: 13px 0 22px; font-size: 14px; }
.hero-cta { gap: 8px; }
.button, .cs-btn, .ptn-btn { border-radius: 7px; }
.button:hover { transform: none; }
.button.ghost, .button.outline { border-color: var(--line-strong); color: var(--ink); }
.project-panel { padding: 22px; background: var(--soft); border-color: var(--line); border-radius: 10px; box-shadow: none; }
.project-card { border-radius: 8px; background: var(--white); border-color: var(--line); padding: 15px; }
.panel-head { margin-bottom: 15px; }
.panel-head h2 { font-size: 18px; }
.panel-head p { font-size: 13px; }
.project-meta { margin-top: 10px; margin-bottom: 12px; }
.project-label { font-size: 14px; }
.project-actions .mini-action { border-radius: 6px; }
.quick-stat { padding: 8px 10px; border-radius: 0; background: transparent; border-right: 1px solid var(--line); }
.quick-stat:last-child { border-right: 0; }
.quick-stat strong { font-size: 14px; }
.section { padding: 32px 0; }
.section.soft { background: var(--soft); }
.section-title h2 { font-size: 22px; letter-spacing: -.7px; }
.section-title p { font-size: 14px; }
.category-item { min-height: 98px; border-radius: 8px; padding: 14px 6px 12px; gap: 9px; font-size: 13px; }
.category-art { width: 42px; height: 42px; background: var(--soft); border-radius: 8px; color: var(--sub); }
.category-item:hover { transform: none; box-shadow: none; border-color: var(--line-strong); color: var(--ink); }
.product-card { border-radius: 9px; }
.product-card:hover { transform: none; box-shadow: none; border-color: var(--line-strong); }
.product-body { padding: 16px; }
.locked-price { background: var(--soft); color: var(--ink); border-radius: 6px; }
.product-badges .red { background: var(--brand); }
.quote-banner { background: var(--soft); border-color: var(--line); border-radius: 10px; padding: 25px 28px; }
.quote-banner h2 { font-size: 22px; }
.quote-pill { border-radius: 7px; border-color: var(--line); }
.trust-card { border-radius: 8px; box-shadow: none; padding: 20px; }
.trust-num { color: var(--muted); }
.filter-panel, .page-head, .cs-home-search, .cs-article, .cs-quick, .cs-form,
.dm-stats, .dm-brand-card, .dm-brand-feature, .dm-project-card, .dm-quote-card,
.ptn-panel, .ptn-kpi, .ptn-profile-summary,
.admin-card, .admin-panel, .supplier-detail-card, .supplier-kpis > button {
  box-shadow: none; border-color: var(--line); border-radius: 9px;
}
.page-head { border-radius: 0; background: var(--soft); }
.cs-home-search { background: var(--soft); }
.cs-quick:hover, .ptn-kpi:hover, .supplier-kpis > button:hover { transform: none; box-shadow: none; border-color: var(--line-strong); }
.dm-brand-feature, .dm-deal-head, .dm-deal-head.ink { background: var(--soft); }
.ptn-sidebar nav a.active, .admin-sidebar nav button.active, .supplier-sidebar nav button.active, .cs-sidebar nav a.active {
  color: var(--ink); background: var(--soft); box-shadow: inset 2px 0 var(--cta);
}
.ptn-mobile-menu a.active, .cs-mobile-nav a.active { background: var(--soft); color: var(--cta); border-color: var(--line); }
.ptn-topbar, .supplier-topbar, .admin-topbar { gap: 16px; }

@media (max-width: 1150px) and (min-width: 1001px) {
  .header-inner { grid-template-columns: 285px minmax(210px,1fr) 200px; gap: 18px; }
  .header-actions { gap: 18px; }
  .nav-inner { gap: 22px; }
  .auth-prompt { display: none; }
}
@media (max-width: 1000px) {
  .main-header { height: auto; padding: 13px 0 11px; border-bottom: 1px solid var(--line); }
  .mobile-head { display: grid; height: auto; grid-template-columns: minmax(0, 1fr) auto; gap: 12px 9px; }
  .mobile-head .z360-identity { grid-column: 1 / -1; gap: 11px; }
  .mobile-head .z360-home-link { width: 32px; height: 32px; flex-basis: 32px; }
  .z360-center-logo { gap: 12px; }
  .z360-wordmark { font-size: 24px; }
  .z360-service { gap: 4px; padding-left: 12px; }
  .z360-service small { font-size: 12px; }
  .z360-service b { font-size: 17px; }
  .z360-mobile-search { min-width: 0; display: flex; align-items: center; height: 42px; border: 1px solid var(--line); border-radius: 7px; background: var(--soft); overflow: hidden; }
  .z360-mobile-search input { width: 100%; min-width: 0; height: 100%; padding: 0 10px; border: 0; background: transparent; font-size: 14px; outline: 0; }
  .z360-mobile-search:focus-within { border-color: var(--line-strong); }
  .z360-mobile-search button { flex: 0 0 37px; height: 100%; background: transparent; border: 0; display: grid; place-items: center; color: var(--ink); }
  .z360-mobile-search svg { width: 18px; height: 18px; }
  .mobile-head-actions { align-items: center; gap: 3px; }
  .mobile-head-actions button { width: 36px; height: 40px; }
  .mobile-support-link { min-width: 40px; color: var(--sub); }
  .mobile-support-link span { font-size: 12px; }
  .hero { padding: 18px 0 22px; }
  .hero-grid { grid-template-columns: 1fr; gap: 20px; }
  .hero-main { min-height: 0; padding: 8px 2px; }
  .hero h1 { font-size: 30px; line-height: 1.4; }
  .hero-copy { font-size: 14px; margin-bottom: 18px; }
  .hero-cta .button { font-size: 13px; min-height: 44px; padding: 0 13px; }
  .project-panel { padding: 18px; border-radius: 9px; }
  .section { padding: 26px 0; }
  .section-title h2 { font-size: 21px; }
  .section-title p { font-size: 13px; }
  .category-item { min-height: 91px; padding: 12px 5px; }
  .quote-banner { padding: 22px; }
  .z360-footer { padding: 22px 0 34px; }
  .z360-footer-inner { align-items: flex-start; flex-direction: column; gap: 14px; font-size: 12px; }
  .z360-footer .utility-links { gap: 12px 16px; font-size: 13px; }
}
@media (max-width: 480px) {
  .hero h1 { font-size: 28px; }
  .hero-cta .button { flex: 1 1 auto; }
  .supplier-topbar > .z360-home-link, .admin-topbar > .z360-home-link, .ptn-topbar > .z360-home-link { width: 30px; height: 32px; flex-basis: 30px; }
  .supplier-topbar, .admin-topbar, .ptn-topbar { gap: 9px; }
}
@media (max-width: 820px) {
  .supplier-topbar { grid-template-columns: 32px minmax(0, 1fr) auto; }
  .supplier-topbar > .z360-home-link { grid-column: 1; grid-row: 1; margin: 0; }
  .supplier-mobile-brand { grid-column: 2; grid-row: 1; }
  .supplier-account { grid-column: 3; grid-row: 1; }
  .supplier-mobile-nav { grid-column: 1 / -1; grid-row: 2; }
  .supplier-mobile-brand .logo-house { display: none; }
}
@media (max-width: 820px) {
  .admin-topbar { grid-template-columns: 32px auto minmax(0, 1fr) auto; }
  .admin-topbar > .z360-home-link { grid-column: 1; grid-row: 1; }
  .admin-mobile-brand { grid-column: 2; grid-row: 1; }
  .admin-mobile-brand .logo-house { display: none; }
  .admin-global-search-wrap { grid-column: 3; grid-row: 1; min-width: 0; width: auto; }
  .admin-top-account { grid-column: 4; grid-row: 1; }
  .admin-mobile-nav { grid-column: 1 / -1; grid-row: 2; }
}
@media (max-width: 760px) {
  .ptn-mobile-logo .logo-house { display: none; }
  .ptn-mobile-logo b { font-size: 14px; white-space: nowrap; }
}

/* Light color cues distinguish buying, projects, and support without crowding the page. */
.center-utility { background: #f2f5f8; border-bottom: 1px solid var(--line); position: relative; z-index: 46; }
.center-utility > .shell { display: flex; justify-content: flex-end; gap: 22px; align-items: center; min-height: 36px; }
.center-utility a { color: var(--sub); font-size: 13px; padding: 7px 0; line-height: 1.6; }
.center-utility a:hover, .center-utility a[aria-current="page"] { color: var(--brand); text-decoration: underline; text-underline-offset: 4px; }
.hero-main { background: #f1f6fb; border: 1px solid #e2ebf3; border-radius: 10px; }
.hero .eyebrow, .hero h1 span { color: var(--brand); }
.hero .button.ghost { color: var(--brand); }
.project-panel { background: var(--mint-soft); border-color: var(--mint-line); }
.project-label span:first-child { color: var(--teal); background: var(--mint-soft); border-color: var(--mint-line); }
.project-panel .badge { color: var(--teal); background: var(--mint-soft); }
.project-panel .progress-track { background: var(--mint-line); }
.project-panel .progress-track > span { background: var(--teal); }
.project-panel .mini-action.strong { background: var(--teal); border-color: var(--teal); }
.project-panel .text-button { color: var(--teal); }
.category-art { background: var(--blue-soft); color: var(--brand); }
.category-item:nth-child(3n + 2) .category-art { background: var(--mint-soft); color: var(--teal); }
.category-item:nth-child(3n) .category-art { background: var(--cta-soft); color: #94505f; }
.category-item:hover, .product-card:hover { border-color: var(--green-light); }
.locked-price { background: var(--brand-soft); color: var(--brand-deep); }
.product-badges .red { background: var(--brand); }
.quote-banner { background: var(--mint-soft); border-color: var(--mint-line); }
.quote-banner h2, .quote-pill { color: var(--teal); }
.quote-pill { border-color: var(--mint-line); }
.quote-pill:hover { background: var(--teal); border-color: var(--teal); color: var(--white); }
.trust-card:nth-child(odd) .trust-num { color: var(--brand); }
.trust-card:nth-child(even) .trust-num { color: var(--teal); }
.page-head { background: #f4f7fa; }
.cs-home-search { background: var(--brand-soft); border-color: var(--green-line); }
.cs-quick:nth-child(even) .cs-quick-icon { background: var(--mint-soft); color: var(--teal); }
.cs-quick:nth-child(odd) .cs-quick-icon { background: var(--blue-soft); color: var(--brand); }
.dm-brand-feature, .dm-deal-head { background: var(--mint-soft); border-color: var(--mint-line); }
.dm-deal-head.ink { background: var(--brand-soft); }
.ptn-kpi.accent, .ptn-profile-summary { background: var(--mint-soft); border-color: var(--mint-line); }
.ptn-kpi.accent strong { color: var(--teal); }
.ptn-sidebar nav a.active, .admin-sidebar nav button.active, .supplier-sidebar nav button.active, .cs-sidebar nav a.active { color: var(--brand); background: var(--brand-soft); box-shadow: inset 2px 0 var(--brand); }
.admin-command-strip > div.primary, .admin-settlement-kpis .accent, .admin-analytics-kpis .accent { background: var(--brand-soft); border-color: var(--green-line); }
.settlement-overview .settlement-total-card { background: var(--mint-soft); border-color: var(--mint-line); color: var(--teal); }
.global-search { background: #f4f7fa; border-color: #dbe5ed; }
.global-search button, .z360-mobile-search button { color: var(--brand); }
@media (max-width: 1000px) {
  .center-utility > .shell { gap: 22px; min-height: 34px; }
  .center-utility a { font-size: 12px; padding: 7px 0; }
  .hero-main { padding: 23px 20px; }
  .hero h1 { font-size: 29px; }
  .z360-mobile-search { background: #f4f7fa; border-color: #dbe5ed; }
}
@media (max-width: 480px) {
  .hero-main { padding: 21px 17px; }
  .hero h1 { font-size: 27px; }
  .center-utility > .shell { gap: 20px; }
}