:root {
  --ink: #102331;
  --ink-soft: #465966;
  --sage: #dce9f0;
  --green: #245f82;
  --shadow: 0 24px 70px rgba(11, 37, 56, .12);
}

.button-dark { background: #0b2538; }
.button-dark:hover { background: #174866; }
.button-green:hover { background: #174866; }
.avatar-stack span:nth-child(4) { background: #174866; }

.account-body { background: #0b2538; }
.dashboard-nav { background: #0b2538; }
.dashboard-nav nav button.active,
.dashboard-nav nav button:hover { background: #174866; }

.market-job .job-company .company-mark,
.build-ground,
.build-crane,
.build-crane:before,
.build-crane:after { background: #0b2538; }

.feedback-launcher { background: #0b2538; }
.feedback-dialog,
.feedback-shell input,
.feedback-shell select,
.feedback-shell textarea { color: #102331; }
.feedback-dialog::backdrop { background: rgba(7, 28, 42, .58); }

.admin-login-body { color: #102331; background: #071c2a; }
.admin-body {
  --admin-ink: #102331;
  --admin-green: #245f82;
}
.admin-nav { background: #071c2a; }
.admin-nav nav button.active,
.admin-nav nav button:hover { background: #174866; }
.admin-owner > span { color: #102331; }
.activity-icon { background: #245f82; }

.message-job-pill,
.trade-chip-list button,
.trades-suggestion-menu button small {
  color: #245f82;
  background: #eaf3f8;
}
.message-thread {
  background-image: linear-gradient(rgba(36, 95, 130, .035) 1px, transparent 1px);
}

.account-form input:focus,
.location-settings input:focus,
.trades-suggestion-wrap:focus-within > input {
  box-shadow: 0 0 0 3px rgba(36, 95, 130, .12);
}

.profile-form-section select,
.trust-form select {
  padding-right: 44px !important;
  appearance: none;
  -webkit-appearance: none;
  color: var(--ink);
  background-color: #fff;
  background-image: linear-gradient(45deg, transparent 50%, var(--green) 50%), linear-gradient(135deg, var(--green) 50%, transparent 50%), linear-gradient(to right, var(--line), var(--line)) !important;
  background-position: calc(100% - 16px) 50%, calc(100% - 11px) 50%, calc(100% - 34px) 50% !important;
  background-size: 5px 5px, 5px 5px, 1px 55% !important;
  background-repeat: no-repeat !important;
  cursor: pointer;
}

.materials-answer {
  color: var(--green);
  font-weight: 800;
}

.hero-search { display: none !important; }
.capability-grid input:checked + span { border-color: #245f82; background: #eaf3f8; box-shadow: 0 0 0 2px rgba(36, 95, 130, .12); }
.role-contractor { --role-accent: #245f82; --role-tint: #eaf3f8; }
.role-subcontractor { --role-accent: #3f7ea3; --role-tint: #edf5f9; }
.role-flexible { --role-accent: #174866; --role-tint: #e2edf3; }
.role-contractor .dashboard-header,
.role-subcontractor .dashboard-header,
.role-flexible .dashboard-header { border-bottom: 3px solid var(--role-accent); padding-bottom: 20px; }
.role-contractor .nav-company #navRole,
.role-subcontractor .nav-company #navRole,
.role-flexible .nav-company #navRole { border-color: rgba(170, 215, 239, .36); background: rgba(65, 132, 169, .28); }
.role-contractor .contractor-profile-section,
.role-subcontractor .subcontractor-profile-section,
.role-flexible .contractor-profile-section,
.role-flexible .subcontractor-profile-section { border-left-color: var(--role-accent); }
.role-flexible .subcontractor-profile-section { border-left-color: #5e94b2; }
.role-contractor .role-profile-intro,
.role-subcontractor .role-profile-intro,
.role-flexible .role-profile-intro { background: linear-gradient(135deg, #fff, var(--role-tint)); }
.status-pill.suspended { color: #8d351d; background: #fff1eb; border-color: #e7a184; }
.admin-account-action { min-height: 32px; padding: 0 10px; font-size: 9px; }